《網(wǎng)頁設(shè)計綜合應(yīng)用技術(shù)》模塊八

實訓(xùn)個人網(wǎng)站的設(shè)計與制作

《網(wǎng)頁設(shè)計綜合應(yīng)用技術(shù)》實訓(xùn)內(nèi)容規(guī)劃與建設(shè)一個個人網(wǎng)站。

圖8-1

網(wǎng)頁效果圖實訓(xùn)內(nèi)容工作任務(wù)一網(wǎng)站規(guī)劃工作任務(wù)二運用Photosho編輯、處理素材工作任務(wù)三設(shè)計制作網(wǎng)頁Logo、Banner工作任務(wù)四建立站點工作任務(wù)五使用DIV技術(shù)布局網(wǎng)頁模板工作任務(wù)六創(chuàng)建CSS樣式表文件工作任務(wù)七通過模板制作靜態(tài)網(wǎng)頁工作任務(wù)八制作留言簿工作任務(wù)九網(wǎng)站測試實訓(xùn)要求

一、技能目標1、獨立完成網(wǎng)站的規(guī)劃，確定網(wǎng)站的建設(shè)主題、網(wǎng)站內(nèi)容及結(jié)構(gòu)。2、確定網(wǎng)頁的版式和色彩。3、能運用Photoshop編輯、處理素材。4、能運用Flash制作網(wǎng)站Banner。5、運用Dreamweaver建立站點，進行CSS頁面布局，運用模板制作站點內(nèi)的三個頁面，并實現(xiàn)超級鏈接。6、運用Dreamweaver+IIS-ASP+Access技術(shù)，設(shè)計一個簡易留言簿，實現(xiàn)填寫留言、存儲留言、顯示留言、管理留言和登錄驗證等功能。實訓(xùn)要求二、設(shè)計目標1、站點結(jié)構(gòu)清晰合理，網(wǎng)頁文件命名、圖片文件命名遵循一定的規(guī)則。2、頁面用戶界面良好，網(wǎng)頁Logo、導(dǎo)航條、版權(quán)等基本要素齊全，頁面布局、分區(qū)、各欄目的位置根據(jù)其重要性設(shè)置合理。3、頁面美觀大方，網(wǎng)頁中所使用的圖片清晰、美觀、無鋸齒，動畫運行連貫。網(wǎng)頁背景色、圖標色、文字搭配協(xié)調(diào)，字體、字號的運用符合網(wǎng)頁基本規(guī)范。4、可以適當(dāng)利用行為、插件等增加頁面的動態(tài)效果。5、制作的網(wǎng)頁具有統(tǒng)一的整體風(fēng)格、內(nèi)容充實，圖文并茂，頁面之間鏈接正確。小結(jié)本實訓(xùn)基于建設(shè)一個小型動態(tài)網(wǎng)站為任務(wù)導(dǎo)向，將完成職業(yè)崗位實際工作任務(wù)所需的知識、技能分解成若干工作任務(wù)；通過完成工作任務(wù)，將進一步掌握網(wǎng)站建設(shè)規(guī)范和基本流程，利用Photoshop處理圖片素材、利用Flash制作動畫、利用Dreamweaver創(chuàng)建網(wǎng)頁模板，深入學(xué)習(xí)DIV+CSS以及A