一、確定網(wǎng)站主題

1、分析網(wǎng)站的功能，講網(wǎng)站所有的功能再文檔中體現(xiàn)

2、分析網(wǎng)站的主題，選擇符合網(wǎng)站主題的方案

二、搜集材料

1、通過和與網(wǎng)站相關(guān)人員的接觸、交流確定網(wǎng)站需要的模塊，并將這些模塊再文檔中體現(xiàn)；

2、收集相關(guān)圖片、文字、視頻等資料；

3、將圖片、文字、視頻等資料使用相應(yīng)的軟件進行編輯備用（必須做）；

4、對圖片、文字、視頻等資料分別分類整理；

5、例如：網(wǎng)站根文件夾下images文件夾存放網(wǎng)頁界面圖片（圖片類型為jpg、jpeg、gif、png），pic文件夾存放照片素材，flash文件夾存放動畫素材；

6、所有素材的文件名都必須是非中文字符，并且要做到看到文件名就知道是哪張圖片

三、規(guī)劃網(wǎng)站

1、網(wǎng)站的結(jié)構(gòu)（目錄結(jié)構(gòu)），首頁名稱（index.html）、子頁面名稱（1.html、2.html、3.html），以及其所在的目錄等，必須再文檔中體現(xiàn)（繪制目錄地圖）；

2、欄目的設(shè)置，欄目必須再文檔中體現(xiàn)；

3、網(wǎng)站的風(fēng)格；

4、顏色搭配（主色調(diào)和輔助色調(diào)以及點睛色的RGB值是多少，要再文檔中體現(xiàn)）當(dāng)然，也要根據(jù)產(chǎn)品及行業(yè)性質(zhì)來搭配顏色，比如餐飲要暖色調(diào)；

5、版面布局（例如：國字型、廠字型），結(jié)構(gòu)要再文檔中體現(xiàn)；

6、繪制首頁界面圖（草圖）。

四、設(shè)計工具的選擇

1、photoshop＋dreamweaver＋flash；

2、firework＋dreamweaver＋flash；

3、其他工具或者直接編碼。

五、制作網(wǎng)頁

1、在計算機的硬盤建立一個目錄，作為存放網(wǎng)站的根目錄，例如：E:WWW目錄；

2、使用圖象設(shè)計軟件設(shè)計網(wǎng)頁首頁界面（根據(jù)首頁界面草圖）；

注意：①每加一個界面元素都要分層。

②顏色嚴(yán)禁暖色調(diào)和冷色調(diào)混用。

③圖片添加的時候要注意過渡

④網(wǎng)頁的界面不該加的東西不要加，例如一些文字，如果文字不需要特殊效果，在設(shè)計界面的時候不需要添加

⑤界面的大小：寬一般為780象素，高不小于435象素

3、保存

注意：①首先將源文件保存為*.psd文件，例如：index.psd，目錄為網(wǎng)站的根目錄，例如：E:WWW

②嚴(yán)禁合并圖層

4、使用切片，將用photoshop設(shè)計的psd文件進行切片

注意：①切片遵守從左到右，從上到下的過程切片

②切片要將整個界面全部切片，嚴(yán)禁留下切片縫隙

③注意每個切片都應(yīng)和周圍切片對齊

④切片的時候要注意每個切片的獨立性，單獨功能的切片單獨切。

⑤切片的時候要考慮切片以后在dreamweaver中是否容易編輯

5、保存切片

注意：①保存的時候，保存類型選輸出html和gif

②文件名為index

③保存路徑為你所準(zhǔn)備好的存放網(wǎng)頁的目錄的根目錄

④最終根文件夾中應(yīng)出現(xiàn)index.html和images文件夾，這兩個文件夾都必須保留

6、使用dreamweaver編輯網(wǎng)頁首頁

注意：①首先建立站點，使用dreamweaver連接網(wǎng)站目錄的根文件夾，例如：E:WWW，連接方法為網(wǎng)站的根目錄設(shè)為E:WWW，網(wǎng)絡(luò)設(shè)置為無；

②站點與網(wǎng)站根目錄連接好以后，編輯index.html首頁；

③在index.html上添加必用的內(nèi)容，文字、圖片、動畫、鏈接（鏈接子頁面，目錄必須采用相對目錄）等，并且整體居中對齊，目錄必須全部使用相對目錄，將首頁設(shè)計完成；

④首頁完全設(shè)計好以后，在首頁的基礎(chǔ)上設(shè)計子頁面，方法為：首先將首頁另存為1.html，目錄為網(wǎng)站根目錄（E:WWW），打開1.html，將網(wǎng)頁的主體內(nèi)容換為子頁面的主體內(nèi)容，保存。其他的子頁面也是同樣的方法。

7、本地測試

打開index.html，然后將所有的網(wǎng)頁瀏覽一遍，檢查是否右錯誤(內(nèi)容是否完整、界面是否合理，鏈接是否正確)。

六、上傳測試

1、將網(wǎng)站根目錄的內(nèi)容全部上傳服務(wù)器對應(yīng)的文件夾下，例如第三個實驗，將E:WWW中的內(nèi)容全部復(fù)制到服務(wù)器對應(yīng)文件夾3這個目錄下；

2、文件夾3這個目錄要包含如下文件和文件夾：index.html（首頁）、1.html、2.html（子頁面）…….、images(界面圖像文件夾)、index.psd（首頁圖像源文件）；

3、使用IP地址對網(wǎng)站進行測試，如沒有任何問題，說明網(wǎng)站測試成功。

七、推廣宣傳

1、申請域名、空間；

2、網(wǎng)頁上傳空間；

3、宣傳優(yōu)化推廣、提高訪問量。

本文標(biāo)題：細說企業(yè)網(wǎng)頁設(shè)計制作的步驟及流程
文章源于：http://www.aaarwkj.com/news4/238704.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、微信公眾號、云服務(wù)器、網(wǎng)站排名、手機網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)