第二篇：網(wǎng)站學(xué)習(xí)心得

學(xué)習(xí)網(wǎng)站建設(shè)技術(shù)CSS布局心得

2007-04-18 10:42:59 來源: 52css.com 網(wǎng)友評論 1 條 進(jìn)入論壇

從開始認(rèn)識CSS(DW4)那時起,我就知道了CSS的強(qiáng)大,但從未用CSS排版過,因?yàn)槲以?jīng)嘗試過學(xué)習(xí),但感覺太難了

而且用DW的表格,所見及所得,做起頁面來非常的快,排版也容易的多,由于最近求職,很多公司都要求DIV,CSS,所以我再次嘗試學(xué)習(xí)

1.學(xué)習(xí)方式

我以為,看別人的代碼是一個非常好的學(xué)習(xí)方式(前提是你需要有點(diǎn)基礎(chǔ)知識),在查看別人的代碼時可以去除一些重復(fù)的,或者一些于CSS無關(guān)的代碼,將更利于我們分析,你可以從中了解到別人是怎么做的,更深一點(diǎn),你可以考慮為什么要這樣做,當(dāng)然它們做的也不一定全對,就算淘寶,我發(fā)現(xiàn)它們的CSS里面也有不少的多余代碼,我曾經(jīng)從淘寶的網(wǎng)頁代碼里面學(xué)到不少的東西,我把基本的框架保留下來,然后分析,并且我將我的分析記錄了下來,你可以在這里查看：

4.多寫多練

你發(fā)現(xiàn)自己多寫了幾個布局,或者出了一些問題并解決后,你已經(jīng)基本掌握了布局的要點(diǎn)了.如何學(xué)習(xí)標(biāo)準(zhǔn)化

1、幾本書、幾個網(wǎng)站、幾篇貼子、幾個blog

《網(wǎng)站重構(gòu)》掀起國內(nèi)web標(biāo)準(zhǔn)熱潮的第一本相關(guān)著作。理論性質(zhì)多一些，全書涉及到具體操作和代碼的部分很少。新手初次閱讀很可能覺得沒有實(shí)際用途。建議在閱讀學(xué)習(xí)《CSS

網(wǎng)站布局實(shí)錄》有了一定的技術(shù)基礎(chǔ)了再回頭學(xué)習(xí)，反思自己之前學(xué)習(xí)和設(shè)計(jì)過程中的問題，這樣才能有效地提高。

《樣式表中文手冊》必備的工具，我一般放在桌面隨時查詢。里面提供了詳細(xì)的使用說明和實(shí)例。

《CSS網(wǎng)站布局實(shí)錄》較新的一本標(biāo)準(zhǔn)化著作。告訴你怎么去寫符合標(biāo)準(zhǔn)的xhtml和css代碼，告訴你一些常見布局和頁面效果的代碼是什么樣子。這本書很適合初學(xué)者，基本上都是針對實(shí)例的布局、效果的實(shí)際操作，比較系統(tǒng)的講述了如何進(jìn)行標(biāo)準(zhǔn)化網(wǎng)站制作。這本書只是在講具體的實(shí)現(xiàn)，關(guān)于標(biāo)準(zhǔn)化的概念、網(wǎng)站重構(gòu)的目標(biāo)這些指導(dǎo)實(shí)際操作的理念性東西幾乎沒有。可以在學(xué)習(xí)這本書之后讀一下《網(wǎng)站重構(gòu)》，二者結(jié)合起來學(xué)習(xí)效果不錯。目前的版本可能因?yàn)闀r間問題，校對很倉促，有不少錯別字和有問題的句子沒，但涉及到代碼到?jīng)]有發(fā)現(xiàn)錯誤。

《CSS權(quán)威指南》詳細(xì)闡述CSS1.0每個屬性的規(guī)則和定義，并且展望了CSS2.0許多誘人的東西。對實(shí)現(xiàn)web標(biāo)準(zhǔn)化有著重要的意義。通過本書的學(xué)習(xí)可以深入理解瀏覽器如何解析屬性的規(guī)則和定義，為準(zhǔn)確實(shí)現(xiàn)設(shè)計(jì)意圖提供保障。

《html和xhtml權(quán)威指南》應(yīng)該是一本權(quán)威的工具書，沒有必要通讀，可以在實(shí)際設(shè)計(jì)制作過程中參考。詳細(xì)的講述了html和xhtml的規(guī)則定義使用技巧。

《javascript權(quán)威指南》作為行為層的主要技術(shù)，不學(xué)習(xí)javascript就不能完整地學(xué)習(xí)web標(biāo)準(zhǔn)。

網(wǎng)站設(shè)計(jì)師 最初接觸web標(biāo)準(zhǔn)化學(xué)習(xí)必須訪問并且認(rèn)真閱讀的網(wǎng)站。包含教程、資訊、參考資料等重要信息。

渡硐氡曜薊ò?lt;/a> 這個不用說吧，對幾位版主熱心勤勞在此致敬。不少牛人潛水與此。但近期的學(xué)習(xí)瘴韻愿≡輳揮猩釗肜斫饌Ａ粼赾ss表現(xiàn)層次的朋友較多。

CSSer.org 這個網(wǎng)站不知道怎么關(guān)掉了……有段時間不去看了，等待站長再次開放吧。

網(wǎng)易 作為門戶網(wǎng)站里較早采用web標(biāo)準(zhǔn)的站點(diǎn)之一，其最新版本很值得研究。

下面是一些web標(biāo)準(zhǔn)屆牛人朋友的blog，跟著他們能學(xué)習(xí)很多，而且通過blog這樣親切的形式學(xué)習(xí)效果應(yīng)該很好。建議靜心閱讀他們的系列教程。

http:///andy/

http://old9.blogsome.com/

http:///

http://blog.pr1984.com/

http:///

2、如何學(xué)習(xí)

讀寫

讀書讀上面我推薦的貼子、網(wǎng)站和blog。互聯(lián)網(wǎng)的宗旨在于共享和傳播，那些接觸技術(shù)比較早的理解和實(shí)踐比較深入的朋友給我們提供經(jīng)驗(yàn)和教程。要靜下心來，不能僅僅為了一個效果或者一個布局的實(shí)現(xiàn)去找答案。而是去理解教程給我們帶來的實(shí)現(xiàn)思路。要系統(tǒng)地讀書也要針對性的搜集某個問題的方法去總結(jié)提取。讀到的時候就要寫，寫一些代碼片斷，一些布局結(jié)構(gòu)，一些效果的實(shí)現(xiàn)。哪怕是照著書敲出代碼來，加深記憶和理解，效果要比單純的度過效果要好得多。

改動

改，不是抄襲。把別人的網(wǎng)站另存下來，改動其中的部分內(nèi)容，看看頁面顯示有什么變化，在這些變化中去理解你所改動部分代碼再實(shí)現(xiàn)頁面效果中起到了什么作用。這是一個很重要的學(xué)習(xí)方法。你看到的效果變化來源于你的改動，這本身就是一個加深記憶和理解的過程。另外一種改法就是把復(fù)雜的頁面簡單化，簡單到能演示效果為主，代碼少了看起來清晰有利于學(xué)習(xí)?；蛘甙押唵蔚牟季痔畛鋬?nèi)容之后看頁面怎么顯示，會不會影響到布局，自適應(yīng)的還是固定大小的，超出固定大小的內(nèi)容hidden了還是流向了結(jié)構(gòu)之外？有沒有什么Bug？青蛙用永遠(yuǎn)逮不到一個安安靜靜站在那里的蜻蜓，只有蜻蜓飛起來了青蛙才能判斷才能捕食。

睡覺

睡覺前的思考。在顯示器之外去思考之前學(xué)習(xí)到的東西，要有一定的距離和空間高度去看待去思考，比如今天寫的布局是不是合理，有沒有必要這樣復(fù)雜，如果把浮動改成絕對定位呢。等等，就像作平面設(shè)計(jì)一樣，有時候椅子往后一仰，稍稍的遠(yuǎn)離屏幕，對之前的細(xì)節(jié)處理就能有一個全新的認(rèn)識。

收藏

好記性不如爛筆頭，總?cè)グl(fā)帖提問也不是辦法。把看到的有用的教程收集起來分類整理，比如布局代碼、導(dǎo)航特效、瀏覽器兼容hack寫法等等。建立自己的文檔庫，時間久了整理整理，如果有合適的條件不要忘記和朋友們分享。

實(shí)踐

作一個完整的網(wǎng)站/網(wǎng)頁項(xiàng)目，未必要復(fù)雜或者龐大。但至少要有一個完整的頁面，盡可能

用熟悉的技術(shù)去實(shí)現(xiàn)。檢驗(yàn)自己、發(fā)現(xiàn)問題給自己繼續(xù)學(xué)習(xí)的動力。

第三篇：微網(wǎng)站合同

微信站開發(fā)合同

甲方： 乙方：鄭州奇微網(wǎng)絡(luò)科技有限公司

為適應(yīng)移動互聯(lián)網(wǎng)的發(fā)展，甲方委托乙方在微信公眾號內(nèi)開發(fā)微信站，幫助甲方做微信站。為明確雙方權(quán)利和責(zé)任，根據(jù)中國現(xiàn)行法律，經(jīng)雙方友好協(xié)商，本著平等互利、友好合作的原則，簽訂此合同，以期雙方共同遵守。

一、權(quán)利和責(zé)任

（1）甲方需向乙方提供建微信站所需的一切文字和圖片資料，甲方提供的文字和圖片不得違反國家的相關(guān)管理規(guī)定，如果有，乙方有權(quán)利拒絕在網(wǎng)站上發(fā)布相關(guān)的資料。

（2）乙方對甲方提供的建微信站資料進(jìn)行文字錄入、圖片優(yōu)化及效果處理，并制作微信站。

（3）乙方向甲方提供微信站建設(shè)，后期維護(hù)、網(wǎng)站內(nèi)容更新(不包含微信公眾號日常的信息推送內(nèi)容)等服務(wù)，確保甲方微信站正常使用。

（4）甲方需要在合同到期前一個月續(xù)繳一切費(fèi)用，因?yàn)榧追轿茨馨雌诶U費(fèi)造成微信站關(guān)閉由此給甲方造成的損失乙方不承擔(dān)責(zé)任，乙方有義務(wù)在網(wǎng)站到期前的一個月督促甲方續(xù)費(fèi)。合同期滿甲方未進(jìn)行續(xù)費(fèi)，本合同自行終止。

二、微信網(wǎng)站驗(yàn)收

（1）主頁設(shè)計(jì)效果應(yīng)達(dá)到雙方預(yù)先約定的設(shè)計(jì)要求（2）甲方檢查網(wǎng)站的全部內(nèi)容，包括文字、圖片、鏈接、。

（3）在網(wǎng)站檢查一周內(nèi)甲方不提出書面修改意見，則視為默認(rèn)驗(yàn)收合格。

（4）如需修改，甲方應(yīng)提出完整的書面修改意見，乙方完成全部修改并經(jīng)甲方確認(rèn)無誤后，即驗(yàn)收合格。（5）驗(yàn)收合格，甲方付清相應(yīng)款項(xiàng)。

三、制作周期

自合同簽訂當(dāng)日起 個工作日之內(nèi)。

四、合同金額以及付款方式

（1）甲方委托乙方建設(shè)網(wǎng)站，應(yīng)向乙方支付微信站開發(fā)費(fèi)用共計(jì)人民幣 ________ 元，大寫_______________________。

（2）甲方需在合同簽訂當(dāng)日向乙方支付（合同金額的20%）元，余款 需

在微信網(wǎng)站建成并驗(yàn)收合格之后一次性付清，甲方付清應(yīng)付給乙方的全部款項(xiàng)后，正式享有網(wǎng)站的全部使用權(quán)。

五、乙方向甲方保證：

1、法定工作日工作時間內(nèi)，隨時向甲方提供技術(shù)及業(yè)務(wù)咨詢；

2、乙方維護(hù)甲方的微信站所在服務(wù)器時間不超過72小時，因系統(tǒng)開發(fā)導(dǎo)致暫時性停機(jī)時間不在此列。

3、乙方收到甲方款項(xiàng)后，兩個工作日內(nèi)開始為甲方建設(shè)微信站。

4、因乙方破產(chǎn)、倒閉或被其他公司收購導(dǎo)致的協(xié)議終止，乙方必須在協(xié)議終止前將甲方網(wǎng)站轉(zhuǎn)移到甲方指定的服務(wù)器中，其他指向等做出令甲方滿意的相應(yīng)處理，以保證甲方微信網(wǎng)站不因乙方原因造成微信網(wǎng)站訪問終止。

六、甲方向乙方保證：

1、甲方接受乙方相關(guān)的技術(shù)指導(dǎo)及正當(dāng)?shù)囊?guī)定及制度；

2、甲方及時繳納應(yīng)付乙方的費(fèi)用，否則乙方有權(quán)對其微信網(wǎng)站進(jìn)行屏蔽。

七、售后維護(hù)

（1）甲方在微信站上公布的企業(yè)相關(guān)信息如有變更，應(yīng)及時通知乙方在微信站上進(jìn)行相應(yīng)的更新，更新在8次之內(nèi)（包括8次）免費(fèi)，超過8次每次收更新費(fèi)100元，（更新內(nèi)容牽涉到主色調(diào)、框架、程序變更的）因甲方的原因造成的損失，乙方不承擔(dān)責(zé)任。

（2）乙方有權(quán)利對訪客上傳的文字資料和圖片資料進(jìn)行相關(guān)技術(shù)處理（包括屏蔽相關(guān)欄目和刪除信息。）

（3）合作期間，微信站構(gòu)架、微信站圖片設(shè)計(jì)等內(nèi)容（甲方提供文本資料及圖形、音像資料未經(jīng)乙方加工部分除外）之版權(quán)、設(shè)計(jì)權(quán)歸乙方所有，未經(jīng)許可甲方不得擅自使用，不得復(fù)制或交由第三方使用。

（4）因乙方原因出現(xiàn)第三方指控或站點(diǎn)頁面相關(guān)的只是侵權(quán)的事件，應(yīng)由乙方負(fù)責(zé)并保證甲方權(quán)利不受損失。

九、合同延續(xù)和終止

（1）本合同有效期自 年 月 日至 年 月 日。甲方需在微信站到期前一個月續(xù)繳一切費(fèi)用，因甲方未能按期繳費(fèi)造成微信站關(guān)閉由此給甲方造成的損失乙方不承擔(dān)責(zé)任，乙方有義務(wù)在微信站到期前一個月督促甲方續(xù)費(fèi)。（2）合同期滿甲方未進(jìn)行續(xù)費(fèi)，本合同自行終止。

十、本合同一式兩份，雙方個持一份，而且具有同等法律效力。

甲 方： 乙 方：鄭州奇微網(wǎng)絡(luò)科技有限公司 授權(quán)代表簽字： 授權(quán)代表簽字： 聯(lián)系電話： 聯(lián)系電話： 聯(lián) 系 人： 聯(lián) 系 人： 簽訂日期： _ 年 月 日 簽訂日期：_ 年 月 日

合同補(bǔ)充條款（需經(jīng)甲乙雙方授權(quán)代表簽字蓋章后方可生效）：

第四篇：微網(wǎng)站合同

微信站開發(fā)合同

甲方：乙方：鄭州奇微網(wǎng)絡(luò)科技有限公司

為適應(yīng)移動互聯(lián)網(wǎng)的發(fā)展，甲方委托乙方在微信公眾號內(nèi)開發(fā)微信站，幫助甲方做微信站。為明確雙方權(quán)利和責(zé)任，根據(jù)中國現(xiàn)行法律，經(jīng)雙方友好協(xié)商，本著平等互利、友好合作的原則，簽訂此合同，以期雙方共同遵守。

一、權(quán)利和責(zé)任

（1）甲方需向乙方提供建微信站所需的一切文字和圖片資料，甲方提供的文字和圖片不得違反國家的相

關(guān)管理規(guī)定，如果有，乙方有權(quán)利拒絕在網(wǎng)站上發(fā)布相關(guān)的資料。

（2）乙方對甲方提供的建微信站資料進(jìn)行文字錄入、圖片優(yōu)化及效果處理，并制作微信站。

（3）乙方向甲方提供微信站建設(shè)，后期維護(hù)、網(wǎng)站內(nèi)容更新(不包含微信公眾號日常的信息推送內(nèi)容)等

服務(wù)，確保甲方微信站正常使用。

（4）甲方需要在合同到期前一個月續(xù)繳一切費(fèi)用，因?yàn)榧追轿茨馨雌诶U費(fèi)造成微信站關(guān)閉由此給甲方造

成的損失乙方不承擔(dān)責(zé)任，乙方有義務(wù)在網(wǎng)站到期前的一個月督促甲方續(xù)費(fèi)。合同期滿甲方未進(jìn)行續(xù)費(fèi)，本合同自行終止。

二、微信網(wǎng)站驗(yàn)收

（1）主頁設(shè)計(jì)效果應(yīng)達(dá)到雙方預(yù)先約定的設(shè)計(jì)要求

（2）甲方檢查網(wǎng)站的全部內(nèi)容，包括文字、圖片、鏈接、。

（3）在網(wǎng)站檢查一周內(nèi)甲方不提出書面修改意見，則視為默認(rèn)驗(yàn)收合格。

（4）如需修改，甲方應(yīng)提出完整的書面修改意見，乙方完成全部修改并經(jīng)甲方確認(rèn)無誤后，即驗(yàn)收合格。

（5）驗(yàn)收合格，甲方付清相應(yīng)款項(xiàng)。

三、制作周期

自合同簽訂當(dāng)日起個工作日之內(nèi)。

四、合同金額以及付款方式

（1）甲方委托乙方建設(shè)網(wǎng)站，應(yīng)向乙方支付微信站開發(fā)費(fèi)用共計(jì)人民幣________元,大寫_______________________。

（2）甲方需在合同簽訂當(dāng)日向乙方支付（合同金額的20%）元，余款需

在微信網(wǎng)站建成并驗(yàn)收合格之后一次性付清，甲方付清應(yīng)付給乙方的全部款項(xiàng)后，正式享有網(wǎng)站的全部使用權(quán)。

五、乙方向甲方保證：

1、法定工作日工作時間內(nèi)，隨時向甲方提供技術(shù)及業(yè)務(wù)咨詢；

2、乙方維護(hù)甲方的微信站所在服務(wù)器時間不超過72小時，因系統(tǒng)開發(fā)導(dǎo)致暫時性停機(jī)時間不在此列。

3、乙方收到甲方款項(xiàng)后，兩個工作日內(nèi)開始為甲方建設(shè)微信站。

4、因乙方破產(chǎn)、倒閉或被其他公司收購導(dǎo)致的協(xié)議終止，乙方必須在協(xié)議終止前將甲方網(wǎng)站轉(zhuǎn)移到

甲方指定的服務(wù)器中，其他指向等做出令甲方滿意的相應(yīng)處理，以保證甲方微信網(wǎng)站不因乙方原

因造成微信網(wǎng)站訪問終止。

六、甲方向乙方保證：

1、甲方接受乙方相關(guān)的技術(shù)指導(dǎo)及正當(dāng)?shù)囊?guī)定及制度；

2、甲方及時繳納應(yīng)付乙方的費(fèi)用，否則乙方有權(quán)對其微信網(wǎng)站進(jìn)行屏蔽。

七、售后維護(hù)

（1）甲方在微信站上公布的企業(yè)相關(guān)信息如有變更，應(yīng)及時通知乙方在微信站上進(jìn)行相應(yīng)的更新，更

新在8次之內(nèi)（包括8次）免費(fèi)，超過8次每次收更新費(fèi)100元，（更新內(nèi)容牽涉到主色調(diào)、框

架、程序變更的）因甲方的原因造成的損失，乙方不承擔(dān)責(zé)任。

（2）乙方有權(quán)利對訪客上傳的文字資料和圖片資料進(jìn)行相關(guān)技術(shù)處理（包括屏蔽相關(guān)欄目和刪除信

息。）

（3）合作期間，微信站構(gòu)架、微信站圖片設(shè)計(jì)等內(nèi)容（甲方提供文本資料及圖形、音像資料未經(jīng)乙方

加工部分除外）之版權(quán)、設(shè)計(jì)權(quán)歸乙方所有，未經(jīng)許可甲方不得擅自使用，不得復(fù)制或交由第三

方使用。

（4）因乙方原因出現(xiàn)第三方指控或站點(diǎn)頁面相關(guān)的只是侵權(quán)的事件，應(yīng)由乙方負(fù)責(zé)并保證甲方權(quán)利不

受損失。

九、合同延續(xù)和終止

（1）本合同有效期自年月日至年月日。甲方需在微信站到期前一個

月續(xù)繳一切費(fèi)用，因甲方未能按期繳費(fèi)造成微信站關(guān)閉由此給甲方造成的損失乙方不承擔(dān)責(zé)任，乙

方有義務(wù)在微信站到期前一個月督促甲方續(xù)費(fèi)。

（2）合同期滿甲方未進(jìn)行續(xù)費(fèi)，本合同自行終止。

十、本合同一式兩份，雙方個持一份，而且具有同等法律效力。

甲方：乙方：鄭州奇微網(wǎng)絡(luò)科技有限公司授權(quán)代表簽字：授權(quán)代表簽字：

聯(lián)系電話：聯(lián)系電話：

聯(lián) 系 人：聯(lián) 系 人：

簽訂日期：_年月日簽訂日期：_年月日

合同補(bǔ)充條款（需經(jīng)甲乙雙方授權(quán)代表簽字蓋章后方可生效）：

第五篇：常用的微課網(wǎng)站

幾個常用的微課網(wǎng)站

中國微課網(wǎng)（中小學(xué)微課大賽）：http://dasai.cnweike.cn/

全國高校微課教學(xué)比賽官網(wǎng)：http://weike.enetedu.com/

江蘇省中小學(xué)微課大賽官網(wǎng)：http://wk.jse.edu.cn/

浙江省微課教學(xué)比賽網(wǎng)：http://wkps.cnjiaoshi.net/

鳳凰微課：http://www.004km.cn/

樂而思：http://www.004km.cn/