3727100網(wǎng)設(shè)計與制作任務(wù)驅(qū)動式教程第2版陳承歡案例結(jié)果課程設(shè)計

1、附錄A 網(wǎng)頁設(shè)計與制作類職業(yè)崗位需求分析從2009年開始，通過對前程無憂、智聯(lián)招聘、中華英才等專業(yè)招聘網(wǎng)站的網(wǎng)頁制作、 網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、網(wǎng)頁版面設(shè)計、網(wǎng)站編輯、網(wǎng)站美編等職業(yè)崗位的調(diào)查分析，對網(wǎng) 頁設(shè)計與制作相關(guān)崗位的職位描述和任職資格有了深入的了解，從而對網(wǎng)頁設(shè)計與制作課 程的知識、技能、素質(zhì)要求有了全面的認(rèn)識，這些職業(yè)崗位的工作職責(zé)和職位要求如下表 所示。1網(wǎng)頁制作類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)頁制作工作職責(zé)(1)參與網(wǎng)站策劃與設(shè)計參與公司及客戶網(wǎng)站的總體及各個欄目的內(nèi)容策戈y、功能需求分析制作公司及客戶網(wǎng)站架構(gòu)設(shè)計，樹立統(tǒng)一的品牌形象(2) 網(wǎng)頁設(shè)計與制作：負(fù)責(zé)確定公司及客

2、戶網(wǎng)站頁面內(nèi)容和風(fēng)格按照行業(yè)及公司的規(guī)范完成網(wǎng)站原型設(shè)計和頁面制作為網(wǎng)站W(wǎng)eb程序開發(fā)團隊提供腳本和網(wǎng)頁模板(3) 網(wǎng)站維護負(fù)責(zé)定期分析競爭對手產(chǎn)品，并對自有產(chǎn)品提岀整改計劃，定期策劃網(wǎng)上活動根據(jù)審定的方案參與網(wǎng)站項目的上線升級實施工作，對方案實施的準(zhǔn)確性負(fù)責(zé)協(xié)助網(wǎng)站開發(fā)人員對網(wǎng)站程序功能進(jìn)行測試(4) 與其他相關(guān)人員的協(xié)調(diào)與溝通與團隊其他成員進(jìn)行有效溝通，了解其他團隊成員工作情況、工作進(jìn)度，定期進(jìn)行技術(shù)交流與共享 與客戶進(jìn)行有效溝通，了解客戶有效需求，以便對網(wǎng)站進(jìn)行更新職位要求(1) 知識與技能熟悉網(wǎng)站制作與設(shè)計流程，能跟蹤最新的網(wǎng)頁設(shè)計與制作技術(shù)熟練運用HTML、CSS、JavaScrip

3、t等Web開發(fā)技術(shù)，制作符合 Web標(biāo)準(zhǔn)的網(wǎng)頁熟悉常用圖像制作軟件和Flash制作技術(shù)，能夠使用 Dreamweaver等工具制作網(wǎng)頁能夠?qū)⒕W(wǎng)頁設(shè)計師的效果圖快速轉(zhuǎn)換為Web標(biāo)準(zhǔn)原型(2) 素質(zhì)要求溝通協(xié)調(diào)能力：正確理解別人的感受和想法，善于傾聽，能夠理解他人思想和行為背后的原因 團隊合作：愿意與他人合作，主動與其他成員進(jìn)行溝通交流，分享信息、知識和資源，愿意幫助其他成員 解決所遇到的問題，無保留地將自己所掌握的技能傳授給其他成員思維能力：頭腦靈活、思路清晰，具備縝密的邏輯思維能力以及耐心細(xì)致的觀察能力，處理事務(wù)有清晰的條理性，工作重點明確，具備較強的執(zhí)行能力，學(xué)習(xí)能力強，有創(chuàng)新意識堅韌性：處

4、于較大的工作壓力下或產(chǎn)生可能會影響工作的消極情緒時，能夠有效地控制自己的情緒，通過建設(shè)性的工作化解工作壓力或消極情緒2 網(wǎng)站設(shè)計類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站設(shè)計工作職責(zé)(1) 負(fù)責(zé)網(wǎng)站設(shè)計的需求溝通，確定網(wǎng)頁設(shè)計的視覺標(biāo)準(zhǔn)和風(fēng)格標(biāo)準(zhǔn)等(2) 負(fù)責(zé)客戶網(wǎng)站創(chuàng)意、設(shè)計與頁面制作(3) 負(fù)責(zé)網(wǎng)站整體版式設(shè)計、通過良好的視覺傳達(dá)與表現(xiàn)，增加品牌感染力，提高用戶使用效率(4) 負(fù)責(zé)網(wǎng)站相關(guān)項目、活動、專題的設(shè)計與創(chuàng)意工作(5) 與團隊配合，提升網(wǎng)站的視覺表現(xiàn)力及易用性，跟蹤產(chǎn)品效果，分享設(shè)計經(jīng)驗，提岀設(shè)計改善方案(6) 熟練運用各種不同類型的設(shè)計表現(xiàn)形式，準(zhǔn)確傳達(dá)信息(7) 完成網(wǎng)站日常的

5、頁面設(shè)計、制作及維護工作(8) 進(jìn)行網(wǎng)站圖片設(shè)計與制作(9) 完成網(wǎng)站日常的Flash動畫設(shè)計、制作及更新工作(10) 負(fù)責(zé)網(wǎng)站廣告的設(shè)計與制作(11) 完成網(wǎng)站日常所需的平面設(shè)計及維護工作職位要求(1) 具有一定的美術(shù)功底及良好的創(chuàng)意構(gòu)思能力，很好地把握視覺色彩與網(wǎng)站布局，思想敏銳活躍，具有一定的視覺創(chuàng)作經(jīng)驗和獨到的審美修養(yǎng)；對商業(yè)需求有非常敏感的把握和表現(xiàn)能力(2) 熟練運用 Photoshop、Illustrator、Al、Flash， Dreamweaver等工具或同類軟件，擅長頁面效果圖制作和文字的編排，具有較強效果圖制作及網(wǎng)頁設(shè)計能力(3) 熟悉網(wǎng)頁制作，能與 Web前端工程師緊密

6、配合(4) 對色彩有深刻的把握力、獨特的設(shè)計風(fēng)格、獨到的創(chuàng)意視點與創(chuàng)新意識(5) 熟悉HTML，Div，熟練運用Div + CSS布局與美化網(wǎng)頁，能夠手寫HTML代碼(6) 具有較強圖片制作、處理能力。精通Photoshop、Fireworks、IIIustrator等圖片處理相關(guān)軟件(7) 熟悉 Flash Action3 網(wǎng)頁設(shè)計類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)頁設(shè)計工作職責(zé)(1) 負(fù)責(zé)公司網(wǎng)站整體視覺、UI、LOGO、宣傳手冊等設(shè)計與創(chuàng)意，負(fù)責(zé)網(wǎng)站設(shè)計的需求溝通，確定網(wǎng) 頁設(shè)計的視覺標(biāo)準(zhǔn)和風(fēng)格標(biāo)準(zhǔn)等。(2) 負(fù)責(zé)客戶網(wǎng)站創(chuàng)意、設(shè)計、頁面制作；負(fù)責(zé)頻道、專題、網(wǎng)頁的美工設(shè)計(3)

7、負(fù)責(zé)公司網(wǎng)站的設(shè)計、改版與更新(4) 負(fù)責(zé)網(wǎng)頁、圖片設(shè)計與制作(5) 負(fù)責(zé)客戶及系統(tǒng)內(nèi)的廣告和專題的設(shè)計(6) 負(fù)責(zé)與開發(fā)人員配合完成所轄網(wǎng)站等前臺頁面設(shè)計和編輯(7) 其他與美術(shù)設(shè)計相關(guān)的工作職位要求(1) 具有扎實的美術(shù)功底、良好的藝術(shù)審美觀、優(yōu)秀的審美力、良好的創(chuàng)意思維和理解能力，能及時把 握客戶需求，能獨立完成整個網(wǎng)站頁面設(shè)計與制作工作(2) 具有良好的網(wǎng)站版式設(shè)計能力，色彩感和整體布局感較強(3) 熟練使用常用圖片設(shè)計和處理軟件，對圖片渲染和視覺效果有較好的認(rèn)識(4) 能熟練使用 Flash、Dreamweaver、Firework、Photoshop、Illustrator 等軟件

8、，熟悉 HTML、Div、CSS、 JavaScript等，有手工編寫和修改代碼能力優(yōu)先(5) 對Web設(shè)計及相關(guān)技術(shù)有很好的見解，能和Web程序員進(jìn)行溝通和合作(6) 工作積極主動、責(zé)任心強、思路開闊、有敬業(yè)精神，能在較大壓力下完成工作(7) 善于與人溝通，有高度的責(zé)任感和創(chuàng)新精神，保證工作質(zhì)量(8) 富于工作熱情及團隊合作精神，勇于接受挑戰(zhàn)(9) 有網(wǎng)頁設(shè)計及平面設(shè)計工作經(jīng)驗優(yōu)先，有過Web和WAP等相關(guān)產(chǎn)品設(shè)計開發(fā)者優(yōu)先，有手機UI、美術(shù)、設(shè)計經(jīng)驗者優(yōu)先，具有大型網(wǎng)站美工經(jīng)驗者優(yōu)先4 網(wǎng)頁版面設(shè)計類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站編輯工作職責(zé)(1) 負(fù)責(zé)網(wǎng)站創(chuàng)意、網(wǎng)頁設(shè)計、頁面制

9、作管理和維護，負(fù)責(zé)網(wǎng)站頁面結(jié)構(gòu)的設(shè)計和實施。(2) 負(fù)責(zé)網(wǎng)站整體架構(gòu)的設(shè)計和網(wǎng)站風(fēng)格的把握(3) 負(fù)責(zé)網(wǎng)站的設(shè)計、改版和更新(4) 負(fù)責(zé)網(wǎng)站廣告和專題的設(shè)計(5) 獨立制作flash廣告，負(fù)責(zé)頁面特效、網(wǎng)站圖片、動畫設(shè)計制作等(6) 負(fù)責(zé)與開發(fā)人員配合完成網(wǎng)站前臺頁面設(shè)計和編輯(7) 協(xié)調(diào)其他部門完成網(wǎng)站的開發(fā)職位要求(1) 具有優(yōu)秀的審美力、獨特的創(chuàng)意、扎實的美術(shù)功底，對于藝術(shù)有著自己的追求和熱愛(2) 對于網(wǎng)站的美工開發(fā)有獨到的見解和意見。對于色彩的搭配有著獨到的見解和體會(3) 有創(chuàng)意及品味，有較強視覺創(chuàng)作能力，扎實的色彩感和色彩把握能力，對色彩構(gòu)圖等元素敏感，對網(wǎng)頁配色與排版有一定的經(jīng)

10、驗(4) 對網(wǎng)站的結(jié)構(gòu)、整體布局、色彩感覺良好；有豐富的想象力和創(chuàng)新力；思路開闊能較好的理解用戶 界面的要求，能根據(jù)要求設(shè)計頁面(5) 對網(wǎng)頁美感有駕權(quán)和品評能力，能很好的把握網(wǎng)站整體風(fēng)格設(shè)計，注重理解需求和用戶體驗(6) 有較強的網(wǎng)頁設(shè)計和制作能力，能勝任欄目、網(wǎng)頁的規(guī)劃和制作，能夠獨立完成大型網(wǎng)站的靜態(tài)美 工頁面制作、排版及輸岀(7) 精通創(chuàng)意設(shè)計和網(wǎng)頁設(shè)計相關(guān)的軟件工具(例如Dreamweaver)，能熟練使用Photoshop、Fireworks、Illustrator、Coredraw、 Flash等相關(guān)設(shè)計類軟件，熟悉頁面設(shè)計、平面設(shè)計和CI設(shè)計，熟悉 ActionScript者優(yōu)

11、先(8) 熟悉 HTML、DHTML、XHTML、XML、CSS、JavaScript 和 Div+CSS 網(wǎng)頁布局技術(shù)、網(wǎng)頁特效設(shè) 計技術(shù)，能手寫HTML代碼和CSS樣式(9) 熟悉 Web標(biāo)準(zhǔn)和Div+CSS技術(shù)，能獨立完成美工及 Div+CSS網(wǎng)頁的靜態(tài)頁面布局，并至少能兼容IE和FireFox兩款瀏覽器(10) 熟悉ASP.NET ( C#)或ASP，能與程序員合作完成網(wǎng)站開發(fā)項目(11) 熟悉網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作流程，能夠配合程序員嵌套界面和程序。能跟蹤最新的網(wǎng)頁設(shè)計與制 作技術(shù)(12) 具有較強的理解能力、領(lǐng)悟能力、溝通能力、工作協(xié)調(diào)能力和創(chuàng)新精神(13 )積極肯干，吃苦耐勞，具

12、有高度的責(zé)任感(14)具有自我激勵和良好的交流、溝通技巧，善于協(xié)作與溝通(15 )具備良好的職業(yè)素養(yǎng)及團隊合作精神，有良好的職業(yè)道德觀念和工作態(tài)度，并能承受工作壓力5 網(wǎng)站編輯類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站編輯工作職責(zé)(1)負(fù)責(zé)公司網(wǎng)站的內(nèi)容采編、整理、審核及發(fā)布，包括文字、圖片、視頻等資料，為網(wǎng)站提供符合用戶的有效信息(2) 負(fù)責(zé)公司網(wǎng)站內(nèi)容的架構(gòu)、欄目和專題的策劃及更新維護；能夠獨立完成選題策劃，稿件組織與編輯工作；針對網(wǎng)站目標(biāo)受眾提供有吸引力的網(wǎng)站內(nèi)容；保證公司網(wǎng)站的正常運營以及網(wǎng)站推廣活動的實施，以提升網(wǎng)站用戶數(shù)、網(wǎng)站pv流量和用戶粘著度(3) 負(fù)責(zé)策劃與制作專題，參與專題

13、和活動的策劃、組織(4) 負(fù)責(zé)行業(yè)內(nèi)活動的現(xiàn)場采訪以及后續(xù)的稿件撰寫、發(fā)布(5) 負(fù)責(zé)與技術(shù)等部門的溝通協(xié)作職位要求(1) 熟悉網(wǎng)絡(luò)基本知識，能熟練使用Office等辦公軟件，熟練 Dreamweaver、Photoshop等網(wǎng)頁制作編輯 工具和圖像處理工具，可以獨立制作、修改網(wǎng)頁(2) 有較強的文字駕馭能力，有良好的文字、圖片編輯能力，能夠清晰而有邏輯的表達(dá)自己的想法，具 有創(chuàng)造性的思維；能獨立撰寫策劃文案，有豐富的想象策劃能力，能獨立完成大型網(wǎng)站的策劃方案(3) 熟悉網(wǎng)絡(luò)語言，擅長用文字調(diào)動網(wǎng)絡(luò)人群的情緒， 對網(wǎng)絡(luò)文案的策劃、 編輯有一定的實際操作經(jīng)驗， 熟悉網(wǎng)絡(luò)編輯、銷售型文案寫作，有較

14、強的文字編輯能力、編輯思維能力和策劃能力，擅長信息的搜集與 整合，能獨立完成各種文案的編輯和創(chuàng)作(4) 踏實肯干，思維活躍，誠實守信，具有良好的團隊合作精神(5) 工作積極主動、勤奮好學(xué)、行為自律；為人誠實、正直，性格開朗、責(zé)任心強(6) 具有迎接挑戰(zhàn)的信心和對工作的激情6 網(wǎng)站美編類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站美編工作職責(zé)(1) 負(fù)責(zé)網(wǎng)站整體美化工作，負(fù)責(zé)網(wǎng)站的美觀度和友好性的把握(2) 負(fù)責(zé)公司網(wǎng)站的網(wǎng)頁美工設(shè)計(3) 負(fù)責(zé)公司網(wǎng)站相關(guān)新聞及專題的創(chuàng)意、頁面風(fēng)格設(shè)計及專題制作。(4) 負(fù)責(zé)網(wǎng)站頁面設(shè)計和常規(guī)廣告設(shè)計(5) 負(fù)責(zé)專題和活動的美術(shù)設(shè)計工作職位要求(1) 有較強的美術(shù)

15、功底、良好的創(chuàng)意設(shè)計和視覺表現(xiàn)創(chuàng)造能力(2) 熟練使用 Photoshop、CorelDraw、Flash等軟件進(jìn)行圖片及動畫創(chuàng)作(3) 熟悉網(wǎng)站建設(shè)流程及構(gòu)架，熟練應(yīng)用Div+CSS布局制作網(wǎng)頁，能用 Div快速切圖；熟悉 HTML語 .言(4) 具備獨立策劃能力，能快速在兼顧網(wǎng)站風(fēng)格、用戶體驗、功能利用、視覺效果等多重角度的情況下 設(shè)計作品(5) 熟悉Web設(shè)計與開發(fā)的相關(guān)標(biāo)準(zhǔn)(6) 具備客戶服務(wù)意識，有獨特的見解、獨立思考能力和創(chuàng)新意識(7) 具有敬業(yè)精神，良好的人際溝通能力和團隊合作精神和協(xié)作能力，能承擔(dān)工作壓力附錄B 課程教學(xué)設(shè)計1教學(xué)單元設(shè)計教學(xué)單元設(shè)計如下表所示。單元序號單元名稱

16、建議課時建議考核分值單元1創(chuàng)建站點與瀏覽網(wǎng)頁24單元2制作文本網(wǎng)頁46單元3制作圖文混排網(wǎng)頁66單元4制作表格布局的網(wǎng)頁610單元5制作包含超級鏈接和 AP Div的網(wǎng)頁610單元6使用模板和庫制作網(wǎng)頁612單元7制作表單網(wǎng)頁610單元8使用CSS布局與美化網(wǎng)頁812單元9制作包含特效的網(wǎng)頁812單元10設(shè)計與制作網(wǎng)站主頁812單元11整合與發(fā)布網(wǎng)站46小計641002 教學(xué)流程設(shè)計 教學(xué)流程設(shè)計如下所示。教學(xué)環(huán)節(jié)序號教學(xué)環(huán)節(jié)名稱說明1教學(xué)導(dǎo)航明確教學(xué)目標(biāo)、重點和難點、熟悉教學(xué)方法、了解建議課時2操作準(zhǔn)備在正式完成網(wǎng)頁制作任務(wù)之前做好創(chuàng)建所需的文件夾、拷貝所需的資 源、啟動Dreamweave

17、r CS6、創(chuàng)建本地站點等方面的準(zhǔn)備工作3引導(dǎo)訓(xùn)練引導(dǎo)學(xué)習(xí)者一步一步完成網(wǎng)頁設(shè)計與制作任務(wù)4引導(dǎo)訓(xùn)練 考核評價對單元引導(dǎo)訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價，包括考核項目、考核 內(nèi)容、評分標(biāo)準(zhǔn)和評價方法等方面5同步訓(xùn)練參照引導(dǎo)訓(xùn)練的過程，學(xué)習(xí)者自主完成類似的網(wǎng)頁設(shè)計與制作任務(wù)6同步訓(xùn)練考核評價對單元同步訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價7拓展訓(xùn)練自行確定網(wǎng)頁主題、收集所需素材、設(shè)計網(wǎng)頁結(jié)構(gòu)、制作類似網(wǎng)頁8拓展訓(xùn)練考核評價對拓展訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價9代碼解讀對HTML代碼或CSS樣式代碼進(jìn)行分析與說明10問題探究對網(wǎng)頁設(shè)計與制作方面的關(guān)鍵問題進(jìn)行分析與闡述，熟悉相關(guān)理論知 識，對網(wǎng)頁設(shè)計與制作提

18、供方法指導(dǎo)和知識支持11單元小結(jié)對本單元所學(xué)習(xí)的知識和訓(xùn)練的技能進(jìn)行簡要歸納總結(jié)12單元習(xí)題通過習(xí)題測試?yán)碚撝R的掌握情況和操作技能的熟練情況3.相關(guān)知識點與技能點選取與序化以及教學(xué)案例設(shè)計 相關(guān)知識點與技能點選取與序化以及教學(xué)案例設(shè)計如下表所示。單元序號相關(guān)知識點與技能點導(dǎo)航教學(xué)案例設(shè)計網(wǎng)頁主題引導(dǎo)訓(xùn)練同步訓(xùn)練拓展訓(xùn)練單元1（1）認(rèn)識網(wǎng)頁和網(wǎng)站（2）認(rèn)識瀏覽器窗口的基本組成（3）認(rèn)識網(wǎng)頁的基本組成元素（4）認(rèn)識網(wǎng)頁的基本布局結(jié)構(gòu)（5）熟悉 Dreamweaver CS6的工作界面（6）了解制作網(wǎng)頁、處理圖像、制作動畫的工具（7）創(chuàng)建與管理本地站點（8）瀏覽網(wǎng)頁網(wǎng)站主頁E游天下網(wǎng)快樂 旅游 網(wǎng)

19、愛旅游網(wǎng)單元2（1）建立站點目錄結(jié)構(gòu)（2）創(chuàng)建與保存網(wǎng)頁文檔（3）設(shè)置頁面的首選參數(shù)（4）設(shè)置頁面的整體屬性（5）在網(wǎng)頁中輸入文本和編輯文本（6）在網(wǎng)頁中設(shè)置項目列表、輸入空格和文本換行（7）網(wǎng)頁文本的格式化（8）在網(wǎng)頁中插入特殊字符、水平線和日期旅游景點概況旅游景點總覽中國名河概況中國 名山 概況單元3（1）通過“管理站點”對話框創(chuàng)建站點（2）應(yīng)用“文件”面板新建網(wǎng)頁（3）設(shè)置頁面的背景圖像（4）從外部導(dǎo)入文本與設(shè)置文本格式（5）在網(wǎng)頁中插入圖像與設(shè)置其屬性（6）插入鼠標(biāo)經(jīng)過圖像與設(shè)置其屬性（7）圖文混排方法瀑泉游名瀑名泉名島單元4（1）使用表格布局網(wǎng)頁（2）在網(wǎng)頁中插入表格（3）在表格中插

20、入嵌套表格、行和列（4）設(shè)置表格、行、列及單元格的屬性（5）拆分與合并單元格（6）插入與刪除行或列（7） 在表格中輸入文字、插入圖像與SWF動畫（8）實現(xiàn)滾動文字效果（9）設(shè)置網(wǎng)頁頭文件的內(nèi)容江湖游千島 湖長江三峽名湖單元5（1）繪制或插入 AP Div，設(shè)置AP Div的屬性（2）創(chuàng)建外部鏈接（3）創(chuàng)建文本形式的內(nèi)部鏈接（4）創(chuàng)建圖片形式的內(nèi)部鏈接（5）創(chuàng)建電子郵件鏈接（6）創(chuàng)建命名錨記和到該命名錨記的鏈接（7）在圖像中設(shè)置熱點區(qū)域，創(chuàng)建圖像熱點鏈接公園游煒界桂林名河（8）創(chuàng)建文件下載鏈接（9）創(chuàng)建空地址鏈接（10）更改鏈接顏色、設(shè)置鏈接的打開方式（11）測試鏈接的有效性（12）創(chuàng)建文字形式

21、的導(dǎo)航欄（13）實現(xiàn)滾動圖片功能（14）插入浮動框架并設(shè)置其屬性（15）使用表格布局網(wǎng)頁單元6（1）創(chuàng)建與修改庫項目（2）在網(wǎng)頁中插入庫項目（3）創(chuàng)建網(wǎng)頁模板（4）定義與修改可編輯區(qū)域和可選區(qū)域（5）創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁（6）修改網(wǎng)頁模板并更新網(wǎng)頁（7）修改庫項目并更新網(wǎng)頁（8）插入圖像占位符（9）使用表格布局網(wǎng)頁名城游上海?？谀暇﹩卧?（1）在網(wǎng)頁中插入表單域（2）設(shè)置表單域的屬性（3）在表單域中插入表單控件（4）預(yù)設(shè)文本域中文字字體和大小（5）使用Spry驗證表單數(shù)據(jù)的有效性（6）應(yīng)用行為實現(xiàn)表單網(wǎng)頁所需的功能（7）調(diào)用JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需功能（8）使用表格布局網(wǎng)

22、頁表單E游調(diào)查E游留 言薄E游注冊單元8（1）使用Div + CSS布局網(wǎng)頁（2）設(shè)計頁面的布局結(jié)構(gòu)（3）創(chuàng)建頁面布局樣式（4）創(chuàng)建美化頁面元素的樣式（5）插入Div標(biāo)簽對頁面進(jìn)行布局（6）新建代碼片斷（7）在頁面區(qū)塊中輸入文字（8） 在頁面區(qū)塊中插入頁面元素：SWF動畫、代碼 片斷、表格、圖像、項目列表、底部導(dǎo)航欄等山岳游黃山泰山廬山單元9（1）使用Div + CSS布局網(wǎng)頁（2）在網(wǎng)頁中顯示當(dāng)前日期（3）不同時間段顯示不同問候語（4）滾動網(wǎng)頁標(biāo)題欄中的文字（5）動態(tài)改變網(wǎng)頁中文本字體大小（6）關(guān)閉網(wǎng)頁時自動彈岀小窗口（7）鼠標(biāo)指針指向不同的超級鏈接時，切換不同圖 片（8）轉(zhuǎn)動鼠標(biāo)滾輪縮放圖

23、片生態(tài)游云南九寨溝地質(zhì) 公園 和森 林公園單元10（1）使用“ Div + CSS”和表格聯(lián)合布局網(wǎng)頁（2）應(yīng)用CSS樣式設(shè)計網(wǎng)站主頁的主體布局結(jié)構(gòu)（3）應(yīng)用CSS樣式設(shè)計網(wǎng)站主頁的局部布局結(jié)構(gòu)（4）設(shè)計與制作導(dǎo)航欄，使用浮動框架（5）插入Flv視頻、AP Div對象和SWF動畫（6）設(shè)計連續(xù)滾動圖片的特效（7）創(chuàng)建包含底部導(dǎo)航欄和版權(quán)信息的腳本文件， 在網(wǎng)頁中插入外部腳本文件（8）設(shè)計用戶登錄表單（9）實現(xiàn)狀態(tài)欄中文字移動功能旅游網(wǎng)主頁E游天下 網(wǎng)主 頁快樂 旅游 網(wǎng)主頁愛旅游網(wǎng)主頁單元11（1）優(yōu)化網(wǎng)頁（2）將多個網(wǎng)頁整合成一個網(wǎng)站（3）創(chuàng)建超級鏈接（4）測試網(wǎng)站（5）申請網(wǎng)站域名和網(wǎng)頁空

24、間（6）發(fā)布網(wǎng)站（7）宣傳與推廣網(wǎng)站旅游E游天下網(wǎng)快樂 旅游 網(wǎng)愛旅游網(wǎng)4 網(wǎng)頁設(shè)計與制作任務(wù)設(shè)計 網(wǎng)頁設(shè)計與制作任務(wù)設(shè)計如下表所示。單元序號網(wǎng)頁設(shè)計與制作任務(wù)單元1【任務(wù)1-1】創(chuàng)建“ E游天下”站點并瀏覽網(wǎng)頁【任務(wù)1-1-1】創(chuàng)建本地站點“ E游天下”【任務(wù)1-1-2】認(rèn)識Dreamweaver CS6的工作界面【任務(wù)1-1-3】打開與保存網(wǎng)頁文檔 0101.html【任務(wù)1-1-4】在瀏覽器中瀏覽網(wǎng)頁 0101.html【任務(wù)1-2】賞析“快樂旅游”網(wǎng)的主頁【任務(wù)1-3】賞析“愛旅游”網(wǎng)的主頁單元2【任務(wù)2-1】制作總覽旅游景點的文本網(wǎng)頁【任務(wù)2-1-1】建立站點目錄結(jié)構(gòu)【任務(wù)2-1-2

25、】創(chuàng)建與保存網(wǎng)頁文檔 0201.html【任務(wù)2-1-3】設(shè)置網(wǎng)頁的首選參數(shù)【任務(wù)2-1-4】設(shè)置頁面的整體屬性【任務(wù)2-1-5】在網(wǎng)頁中輸入文字【任務(wù)2-1-6】輸入與編輯網(wǎng)頁中的文本【任務(wù)2-1-7】網(wǎng)頁文本的格式化【任務(wù)2-1-8】插入與文本相關(guān)的元素并設(shè)置其屬性【任務(wù)2-1-9】設(shè)置超鏈接與瀏覽網(wǎng)頁效果【任務(wù)2-2】制作介紹中國名河的文本網(wǎng)頁【任務(wù)2-3】制作介紹中國名山的文本網(wǎng)頁單元3【任務(wù)3-1】制作介紹中國瀑布的圖文混排網(wǎng)頁【任務(wù)3-1-1】使用“管理站點”對話框創(chuàng)建站點“單元3”【任務(wù)3-1-2】應(yīng)用“文件”面板新建網(wǎng)頁“0301.html”【任務(wù)3-1-3】設(shè)置頁面的背景圖像

26、【任務(wù)3-1-4】從外部導(dǎo)入文本與設(shè)置文本格式【任務(wù)3-1-5】插入圖像與設(shè)置圖像屬性【任務(wù)3-1-6】插入鼠標(biāo)經(jīng)過圖像及設(shè)置其屬性【任務(wù)3-2】制作介紹中國名泉的圖文混排網(wǎng)頁【任務(wù)3-3】制作介紹中國名島的圖文混排網(wǎng)單元4【任務(wù)4-1】制作以表格布局的展示千島湖旅游景點的網(wǎng)頁【任務(wù)4-1-1】插入表格1并設(shè)置其屬性【任務(wù)4-1-2】在表格1中插入SWF動畫并設(shè)置其屬性【任務(wù)4-1-3】設(shè)置表格1單元格的背景圖像【任務(wù)4-1-4】在表格1的單元格中輸入文本【任務(wù)4-1-5】設(shè)置滾動文本效果【任務(wù)4-1-6】插入表格2并設(shè)置其屬性【任務(wù)4-1-7】設(shè)置表格2及設(shè)置行、列屬性【任務(wù)4-1-8】在表

27、格2第1列的單元格中插入圖像并設(shè)置其屬性【任務(wù)4-1-9】在表格2第2列兩個單元格中輸入文本并設(shè)置其屬性【任務(wù)4-1-10】在表格2的第3列單元格中插入嵌套表格2-1【任務(wù)4-1-11】插入表格3并設(shè)置其屬性【任務(wù)4-1-12】插入表格4并設(shè)置其屬性【任務(wù)4-1-13】插入嵌套表格4-1并設(shè)置其屬性【任務(wù)4-1-14】插入表格5并設(shè)置其屬性【任務(wù)4-1-15】設(shè)置網(wǎng)頁頭文件的內(nèi)容【任務(wù)4-2】制作以表格布局的展示三峽旅游景點的網(wǎng)頁【任務(wù)4-3】制作以表格布局的介紹中國名湖的網(wǎng)頁單元5【任務(wù)5-1】制作包含超級鏈接的展示張家界景點的網(wǎng)頁【任務(wù)5-1-1】創(chuàng)建網(wǎng)頁文檔 0501.html【任務(wù)5-

28、1-2】在網(wǎng)頁0501.html中繪制或插入 AP Div【任務(wù)5-1-3】在網(wǎng)頁0501.html中創(chuàng)建多種類型的超級鏈接【任務(wù)5-2】制作包含超級鏈接的展示桂林旅游景點的網(wǎng)頁【任務(wù)5-3】制作包含超級鏈接的介紹中國名河的網(wǎng)頁單元6【任務(wù)6-1】使用模板和庫制作上海游的網(wǎng)頁【任務(wù)6-1-1】創(chuàng)建庫項目【任務(wù)6-1-2】在網(wǎng)頁中插入庫項目【任務(wù)6-1-3】創(chuàng)建網(wǎng)頁模板【任務(wù)6-1-4】定義與修改可編輯區(qū)域和可選區(qū)域【任務(wù)6-1-5】創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁【任務(wù)6-1-6】修改網(wǎng)頁模板并更新網(wǎng)頁【任務(wù)6-1-7】修改庫項目并更新網(wǎng)頁【任務(wù)6-2】使用模板和庫制作?？谟蔚木W(wǎng)頁【任務(wù)6-3】使用模板

29、和庫制作南京游的網(wǎng)頁單元7【任務(wù)7-1】制作1個E游調(diào)查的表單網(wǎng)頁【任務(wù)7-1-1】插入表單域及其屬性設(shè)置【任務(wù)7-1-2】插入表單控件與設(shè)置其屬性【任務(wù)7-1-3】預(yù)設(shè)文本域中輸入文字的字體和大小【任務(wù)7-1-4】使用Spry驗證表單數(shù)據(jù)的有效性【任務(wù)7-1-5】應(yīng)用行為實現(xiàn)表單網(wǎng)頁所需的功能【任務(wù)7-1-6】調(diào)用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能【任務(wù)7-2】制作1個E游留言薄【任務(wù)7-3】制作1個注冊網(wǎng)頁單元8【任務(wù)8-1】使用CSS布局與美化“黃山游”網(wǎng)頁【任務(wù)8-1-1】網(wǎng)頁頁面的布局設(shè)計【任務(wù)8-1-2】創(chuàng)建頁面布局樣式【任務(wù)8-1-3】創(chuàng)建美化頁面元素的樣式【任務(wù)8-1-4】插入Div標(biāo)簽對網(wǎng)頁的頁面