在你瀏覽互聯(lián)網(wǎng)時(shí)，有沒有一種沖動(dòng)想要自己做一個(gè)精美的互聯(lián)網(wǎng)頁(yè)面？
在你聽到淘寶，京東等著名廠商每年近似瘋狂的交易額時(shí)，會(huì)不會(huì)也想要做網(wǎng)上商店？
在你聽到互聯(lián)網(wǎng)上日益增多的職位需求時(shí)，是不是也想要將自己的個(gè)人信息發(fā)布到網(wǎng)上來(lái)讓更多的人看到你的才能?
本經(jīng)驗(yàn)只介紹制作各種精美實(shí)用的網(wǎng)頁(yè)的整體步驟和涉及到的工具及知識(shí)（其中涉及到的具體知識(shí)請(qǐng)自行學(xué)習(xí)）。網(wǎng)站的發(fā)布等內(nèi)容請(qǐng)查閱別處。
![]()
工具/原料
個(gè)人電腦
網(wǎng)頁(yè)設(shè)計(jì)軟件： FrontPage（簡(jiǎn)單易用，且高度符合IE瀏覽器支持設(shè)計(jì)）；DreamWave（功能強(qiáng)大，設(shè)計(jì)成品支持眾多瀏覽器）；
圖像處理軟件：Photoshop 或Fireworks ；動(dòng)畫制作：Flash MX ；
知 識(shí)儲(chǔ)備：基本網(wǎng)頁(yè)常識(shí)；HTML知識(shí)（很簡(jiǎn)單，早期只用此制作網(wǎng)頁(yè)，用記事本即可編輯，用瀏覽器打開后呈現(xiàn)網(wǎng)頁(yè)內(nèi)容）；CSS知識(shí)（級(jí)聯(lián)樣式表 （Cascading Style Sheet）簡(jiǎn)稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”，它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。通過(guò)設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。CSS可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用 CSS，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。）；JavaScript等Web腳本知識(shí)（JavaScript是一種基于對(duì)象和 事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言，即Web腳本。同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響 應(yīng)用戶的各種操作。）；ASP或PHP等Serv腳本知識(shí)（ASP是Active Server Page的縮寫，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”，是Serv腳本。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互。屬 于服務(wù)端語(yǔ)言。；PHP，是英文超文本預(yù)處理語(yǔ)言Hypertext Preprocessor的縮寫。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類似于C語(yǔ)言，被廣泛地運(yùn)用。）。）；
![]()
方法/步驟
準(zhǔn)備知識(shí)，包括學(xué)會(huì)使用各種前面提到的工具軟件。
認(rèn) 真思考自己要做的網(wǎng)站內(nèi)容及用途來(lái)確定制作網(wǎng)頁(yè)的風(fēng)格。但總體網(wǎng)頁(yè)設(shè)計(jì)要遵循一些必要的隱性要求：1.簡(jiǎn)潔性：能讓瀏覽者一目了然，不使瀏覽者感到繁瑣并 且無(wú)法找到其所需內(nèi)容。2.突出主題：一個(gè)沒有主題的網(wǎng)頁(yè)同樣會(huì)使人失去瀏覽的興趣。3.實(shí)用性：一個(gè)網(wǎng)頁(yè)即使漂亮倘若對(duì)瀏覽者一無(wú)所用也無(wú)法吸人眼球。 有一句話說(shuō)：只有被需求才能生存。
搜集資料，比如網(wǎng)頁(yè)中可能要用到的圖片，文字及其它內(nèi)容。善于使用搜索引擎如百度，谷歌，來(lái)查詢自己所需的資料。
善于使用網(wǎng)絡(luò)上已有的信息及內(nèi)容，比如一些開源的代碼等。（網(wǎng)絡(luò)是一個(gè)大雜燴，各種信息魚目混珠，各色人物魚龍混雜，要學(xué)會(huì)辨別。）
關(guān)注自己所制作網(wǎng)頁(yè)的內(nèi)容與社會(huì)時(shí)代的相符性，及時(shí)更新網(wǎng)頁(yè)版面。
將目光放長(zhǎng)遠(yuǎn)，不斷學(xué)習(xí)。如今互聯(lián)網(wǎng)的發(fā)展極其神速，各種技術(shù)日新月異。只有不斷的學(xué)習(xí)進(jìn)步，才能跟得上時(shí)代的潮流，你的網(wǎng)站才能立于不敗之地！
END
![]()
注意事項(xiàng)
本經(jīng)驗(yàn)只是粗談<網(wǎng)頁(yè)制作>流程及所需工具及知識(shí)儲(chǔ)備。要做網(wǎng)站的朋友請(qǐng)繼續(xù)學(xué)習(xí)網(wǎng)站建設(shè)所需的知識(shí)，建設(shè)流程及注意事項(xiàng)。
