項(xiàng)目1—網(wǎng)頁設(shè)計概述.ppt

,教學(xué)目標(biāo) 1、對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識，激發(fā)學(xué) 生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣 2、掌握網(wǎng)頁的規(guī)劃欄目 3、掌握網(wǎng)頁版面設(shè)計和色彩搭配,上一頁,下一頁,教學(xué)重點(diǎn) 1、網(wǎng)頁設(shè)計的基本流程 2、網(wǎng)頁的版面設(shè)計 3、網(wǎng)頁的色彩搭配,上一頁,下一頁,教學(xué)難點(diǎn) 1、網(wǎng)頁的版面設(shè)計 2、網(wǎng)頁的色彩搭配,上一頁,下一頁,教學(xué)方法 1、項(xiàng)目工程互動式教學(xué)法 2、“講、學(xué)、觀察”相結(jié)合,上一頁,下一頁,（一）網(wǎng)頁設(shè)計的基本流程 1、收集網(wǎng)站前期資料以及所需文檔 2、將策劃方案打印給小組成員人手一份，開始設(shè)計人員進(jìn)行設(shè)計工作。根據(jù)策劃文檔 及網(wǎng)站設(shè)計規(guī)范，主要設(shè)計人員進(jìn)行前期的首頁設(shè)計。 3、根據(jù)網(wǎng)站的模式和特點(diǎn)以及網(wǎng)站制作規(guī)范定制出最適當(dāng)?shù)臉?biāo)準(zhǔn)樣式 4、設(shè)計人員進(jìn)行二級頁面設(shè)計工作 5、制作人員開始制作工作 6、程序開發(fā)階段 7、完成 8、網(wǎng)站測試和改進(jìn) 9、內(nèi)容更新與溝通 10、合理運(yùn)用新技術(shù) 11、推廣你的Web地址,下一頁,上一頁,（二）規(guī)劃網(wǎng)站欄目 1、劃分主要欄目 2、首頁超級鏈接和搜索引擎 3、設(shè)定交互欄目 4、設(shè)置下載和咨詢服務(wù)欄目 5、方便的網(wǎng)站導(dǎo)航 6、網(wǎng)站的目錄結(jié)構(gòu) （1）合理安排文件的目錄，不要將所有文件都存放在根目錄下。 （2）按欄目內(nèi)容建立子目錄 （3）在每個一級目錄或二級目錄下都建立獨(dú)立的Images目錄，管理素材。 7、網(wǎng)站的鏈接結(jié)構(gòu),下一頁,上一頁,（三）網(wǎng)站的版面設(shè)計 1、版面設(shè)計的過程 2、常見的版面樣式 3、首頁的設(shè)計 4、電子商務(wù)站點(diǎn)的首頁需要設(shè)置這樣一些 功能模塊和欄目： （1）網(wǎng)站的標(biāo)志 （2）網(wǎng)站的風(fēng)格定義 （3）網(wǎng)站的廣告詞 （4）網(wǎng)站的標(biāo)準(zhǔn)色彩 （5）網(wǎng)站的標(biāo)準(zhǔn)字體 （6）版面率 5、設(shè)計選項(xiàng),下一頁,上一頁,（四）網(wǎng)頁的色彩搭配 1、色彩的基本知識 2、色彩搭配的原則 3、色彩搭配的技巧,下一頁,上一頁,（五）網(wǎng)頁中的圖像處理、文字、動畫與廣告 1、網(wǎng)頁中的圖像處理 2、網(wǎng)頁中的動畫與廣告 3、網(wǎng)頁動畫格式：GIF、SWF （六）演示,下一頁,上一頁,（七）根據(jù)上述內(nèi)容分析下圖為什么類型的網(wǎng)頁，屬于什么色調(diào)？,下一頁,上一頁,圖1,下一頁,上一頁,圖 2,【小結(jié)】 站點(diǎn)的建立和設(shè)置是做網(wǎng)站的基礎(chǔ)，沒有站點(diǎn)就很難對自己的網(wǎng)站進(jìn)行有效的管理。 建立了站點(diǎn)，對以后的學(xué)習(xí)會帶來很大的方便，比如鏈接，站點(diǎn)內(nèi)的鏈接，會自動變成相對路徑，而且有了站點(diǎn)，對于引用站點(diǎn)里