如何做網(wǎng)頁設(shè)計

在你瀏覽互聯(lián)網(wǎng)時，有沒有一種沖動想要自己做一個精美的互聯(lián)網(wǎng)頁面？

在你聽到淘寶，京東等廠商每年近似瘋狂的交易額時，會不會也想要做網(wǎng)上商店？

在你聽到互聯(lián)網(wǎng)上日益增多的職位需求時，是不是也想要將自己的個人信息發(fā)布到網(wǎng)上來讓更多的人看到你的才能?

本經(jīng)驗只介紹制作各種精美實用的網(wǎng)頁的整體步驟和涉及到的工具及知識（其中涉及到的具體知識請自行學(xué)習(xí)）。網(wǎng)站的發(fā)布等內(nèi)容請查閱別處。

個人電腦

◆ 網(wǎng)頁設(shè)計軟件： FrontPage（簡單易用，且高度符合IE瀏覽器支持設(shè)計）；DreamWave（功能強(qiáng)大，設(shè)計成品支持眾多瀏覽器）；

◆ 圖像處理軟件：Photoshop 或Fireworks ；動畫制作：Flash MX ；

◆ 知識儲備：基本網(wǎng)頁常識；HTML知識（很簡單，早期只用此制作網(wǎng)頁，用記事本即可編輯，用瀏覽器打開后呈現(xiàn)網(wǎng)頁內(nèi)容）；CSS知識（級聯(lián)樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”，它是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計的。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。CSS可以使人更能有效地控制網(wǎng)頁外觀。使用CSS，可以擴(kuò)充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。）；JavaScript等Web腳本知識（JavaScript是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言，即Web腳本。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，比如響應(yīng)用戶的各種操作。）；ASP或PHP等Serv腳本知識（ASP是Active Server Page的縮寫，意為“動態(tài)服務(wù)器頁面”，是Serv腳本。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互。屬于服務(wù)端語言。；PHP，是英文超文本預(yù)處理語言Hypertext Preprocessor的縮寫。PHP 是一種 HTML 內(nèi)嵌式的語言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言，語言的風(fēng)格有類似于C語言，被廣泛地運用。）。）；

方法/步驟：

◇ 準(zhǔn)備知識，包括學(xué)會使用各種前面提到的工具軟件。

◇ 認(rèn)真思考自己要做的網(wǎng)站內(nèi)容及用途來確定制作網(wǎng)頁的風(fēng)格。但總體網(wǎng)頁設(shè)計要遵循一些必要的隱性要求：1.簡潔性：能讓瀏覽者一目了然，不使瀏覽者感到繁瑣并且無法找到其所需內(nèi)容。2.突出主題：一個沒有主題的網(wǎng)頁同樣會使人失去瀏覽的興趣。3.實用性：一個網(wǎng)頁即使漂亮倘若對瀏覽者一無所用也無法吸人眼球。有一句話說：只有被需求才能生存。

◇ 搜集資料，比如網(wǎng)頁中可能要用到的圖片，文字及其它內(nèi)容。善于使用搜索引擎如百度，谷歌，來查詢自己所需的資料。

◇ 善于使用網(wǎng)絡(luò)上已有的信息及內(nèi)容，比如一些開源的代碼等。（網(wǎng)絡(luò)是一個大雜燴，各種信息魚目混珠，各色人物魚龍混雜，要學(xué)會辨別。）

◇ 關(guān)注自己所制作網(wǎng)頁的內(nèi)容與社會時代的相符性，及時更新網(wǎng)頁版面。

將目光放長遠(yuǎn)，不斷學(xué)習(xí)。如今互聯(lián)網(wǎng)的發(fā)展極其神速，各種技術(shù)日新月異。只有不斷的學(xué)習(xí)進(jìn)步，才能跟得上時代的潮流，你的網(wǎng)站才能立于不敗之地！

網(wǎng)頁設(shè)計機(jī)構(gòu)推薦