資源描述：
《完整網(wǎng)頁(yè)設(shè)計(jì)的步驟》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、完整網(wǎng)頁(yè)設(shè)計(jì)的步驟一、確定網(wǎng)站主題1、分析網(wǎng)站的功能，講網(wǎng)站所有的功能再文檔中體現(xiàn)2、分析網(wǎng)站的主題，選擇符合網(wǎng)站主題的方案二、搜集材料1、通過(guò)和與網(wǎng)站相關(guān)人員的接觸、交流確定網(wǎng)站需要的模塊，并將這些模塊再文檔中體現(xiàn)2、收集相關(guān)圖片、文字、視頻等資料3、將圖片、文字、視頻等資料使用相應(yīng)的軟件進(jìn)行編輯備用（必須做）4、對(duì)圖片、文字、視頻等資料分別分類整理5、例如：網(wǎng)站根文件夾下images文件夾存放網(wǎng)頁(yè)界面圖片（圖片類型為jpg、jpeg、gif、png），pic文件夾存放照片素材，flash文件夾存放動(dòng)畫(huà)素材6、所有素材的文件名都必須是非中文字符，并且要做到看到文件名就知道
2、是哪張圖片三、規(guī)劃網(wǎng)站?1、網(wǎng)站的結(jié)構(gòu)（目錄結(jié)構(gòu)），首頁(yè)名稱（index.html）、子頁(yè)面名稱（1.html、2.html、3.html），以及其所在的目錄等，必須再文檔中體現(xiàn)（繪制目錄地圖）2、欄目的設(shè)置，欄目必須再文檔中體現(xiàn)3、網(wǎng)站的風(fēng)格4、顏色搭配（主色調(diào)和輔助色調(diào)以及點(diǎn)睛色的RGB值是多少，要再文檔中體現(xiàn)）5、版面布局（例如：國(guó)字型、廠字型），結(jié)構(gòu)要再文檔中體現(xiàn)6、繪制首頁(yè)界面圖（草圖）四、設(shè)計(jì)工具的選擇1、photoshop＋dreamweaver＋flash2、firework＋dreamweaver＋flash3、其他工具或者直接編碼五、制作網(wǎng)頁(yè)1、在計(jì)算機(jī)
3、的硬盤(pán)建立一個(gè)目錄，作為存放網(wǎng)站的根目錄，例如：E:WWW目錄。2、使用圖象設(shè)計(jì)軟件設(shè)計(jì)網(wǎng)頁(yè)首頁(yè)界面（根據(jù)首頁(yè)界面草圖）。注意：①每加一個(gè)界面元素都要分層。②顏色嚴(yán)禁暖色調(diào)和冷色調(diào)混用。③圖片添加的時(shí)候要注意過(guò)渡④網(wǎng)頁(yè)的界面不該加的東西不要加，例如一些文字，如果文字不需要特殊效果，在設(shè)計(jì)界面的時(shí)候不需要添加⑤界面的大?。簩捯话銥?80象素，高不小于435象素3、保存注意：①首先將源文件保存為*.psd文件，例如：index.psd，目錄為網(wǎng)站的根目錄，例如：E:WWW②嚴(yán)禁合并圖層4、使用切片，將用photoshop設(shè)計(jì)的psd文件進(jìn)行切片注意：①切片遵守從左到右，從上
4、到下的過(guò)程切片②切片要將整個(gè)界面全部切片，嚴(yán)禁留下切片縫隙③注意每個(gè)切片都應(yīng)和周圍切片對(duì)齊④切片的時(shí)候要注意每個(gè)切片的獨(dú)立性，單獨(dú)功能的切片單獨(dú)切。⑤切片的時(shí)候要考慮切片以后在dreamweaver中是否容易編輯5、保存切片注意：①保存的時(shí)候，保存類型選輸出html和gif②文件名為index③保存路徑為你所準(zhǔn)備好的存放網(wǎng)頁(yè)的目錄的根目錄④最終根文件夾中應(yīng)出現(xiàn)index.html和images文件夾，這兩個(gè)文件夾都必須保留1、使用dreamweaver編輯網(wǎng)頁(yè)首頁(yè)注意：①首先建立站點(diǎn)，使用dreamweaver連接網(wǎng)站目錄的根文件夾，例如：E:WWW，連接方法為網(wǎng)站的根目
5、錄設(shè)為E:WWW，網(wǎng)絡(luò)設(shè)置為無(wú)②站點(diǎn)與網(wǎng)站根目錄連接好以后，編輯index.html首頁(yè)③在index.html上添加必用的內(nèi)容，文字、圖片、動(dòng)畫(huà)、鏈接（鏈接子頁(yè)面，目錄必須采用相對(duì)目錄）等，并且整體居中對(duì)齊，目錄必須全部使用相對(duì)目錄，將首頁(yè)設(shè)計(jì)完成④首頁(yè)完全設(shè)計(jì)好以后，在首頁(yè)的基礎(chǔ)上設(shè)計(jì)子頁(yè)面，方法為：首先將首頁(yè)另存為1.html，目錄為網(wǎng)站根目錄（E:WWW），打開(kāi)1.html，將網(wǎng)頁(yè)的主體內(nèi)容換為子頁(yè)面的主體內(nèi)容，保存。其他的子頁(yè)面也是同樣的方法。2、本地測(cè)試打開(kāi)index.html，然后將所有的網(wǎng)頁(yè)瀏覽一遍，檢查是否右錯(cuò)誤(內(nèi)容是否完整、界面是否合理，鏈接是否正
6、確)六、上傳測(cè)試1、將網(wǎng)站根目錄的內(nèi)容全部上傳服務(wù)器對(duì)應(yīng)的文件夾下，例如第三個(gè)實(shí)驗(yàn)，將E:WWW中的內(nèi)容全部復(fù)制到服務(wù)器對(duì)應(yīng)文件夾3這個(gè)目錄下。2、文件夾3這個(gè)目錄要包含如下文件和文件夾：index.html（首頁(yè)）、1.html、2.html（子頁(yè)面）…….、images(界面圖像文件夾)、index.psd（首頁(yè)圖像源文件）3、使用http://192.168.0.1這個(gè)地址對(duì)網(wǎng)站進(jìn)行測(cè)試，如沒(méi)有任何問(wèn)題，說(shuō)明網(wǎng)站測(cè)試成功七、推廣宣傳1、申請(qǐng)域名、空間2、網(wǎng)頁(yè)上傳空間3、宣傳推廣、提高訪問(wèn)量
