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

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

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

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

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

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

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

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

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

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

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

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

12、有高度的責(zé)任感(14)具有自我激勵(lì)和良好的交流、溝通技巧，善于協(xié)作與溝通(15 )具備良好的職業(yè)素養(yǎng)及團(tuán)隊(duì)合作精神，有良好的職業(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)、欄目和專題的策劃及更新維護(hù)；能夠獨(dú)立完成選題策劃，稿件組織與編輯工作；針對(duì)網(wǎng)站目標(biāo)受眾提供有吸引力的網(wǎng)站內(nèi)容；保證公司網(wǎng)站的正常運(yùn)營(yíng)以及網(wǎng)站推廣活動(dòng)的實(shí)施，以提升網(wǎng)站用戶數(shù)、網(wǎng)站pv流量和用戶粘著度(3) 負(fù)責(zé)策劃與制作專題，參與專題

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

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

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

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

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

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

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

20、入嵌套表格、行和列（4）設(shè)置表格、行、列及單元格的屬性（5）拆分與合并單元格（6）插入與刪除行或列（7） 在表格中輸入文字、插入圖像與SWF動(dòng)畫(huà)（8）實(shí)現(xiàn)滾動(dòng)文字效果（9）設(shè)置網(wǎng)頁(yè)頭文件的內(nèi)容江湖游千島 湖長(zhǎng)江三峽名湖單元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è)置熱點(diǎn)區(qū)域，創(chuàng)建圖像熱點(diǎn)鏈接公園游煒界桂林名河（8）創(chuàng)建文件下載鏈接（9）創(chuàng)建空地址鏈接（10）更改鏈接顏色、設(shè)置鏈接的打開(kāi)方式（11）測(cè)試鏈接的有效性（12）創(chuàng)建文字形式

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

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

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

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

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

26、【任務(wù)3-1-4】從外部導(dǎo)入文本與設(shè)置文本格式【任務(wù)3-1-5】插入圖像與設(shè)置圖像屬性【任務(wù)3-1-6】插入鼠標(biāo)經(jīng)過(guò)圖像及設(shè)置其屬性【任務(wù)3-2】制作介紹中國(guó)名泉的圖文混排網(wǎng)頁(yè)【任務(wù)3-3】制作介紹中國(guó)名島的圖文混排網(wǎng)單元4【任務(wù)4-1】制作以表格布局的展示千島湖旅游景點(diǎn)的網(wǎng)頁(yè)【任務(wù)4-1-1】插入表格1并設(shè)置其屬性【任務(wù)4-1-2】在表格1中插入SWF動(dòng)畫(huà)并設(shè)置其屬性【任務(wù)4-1-3】設(shè)置表格1單元格的背景圖像【任務(wù)4-1-4】在表格1的單元格中輸入文本【任務(wù)4-1-5】設(shè)置滾動(dòng)文本效果【任務(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列兩個(gè)單元格中輸入文本并設(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)頁(yè)頭文件的內(nèi)容【任務(wù)4-2】制作以表格布局的展示三峽旅游景點(diǎn)的網(wǎng)頁(yè)【任務(wù)4-3】制作以表格布局的介紹中國(guó)名湖的網(wǎng)頁(yè)單元5【任務(wù)5-1】制作包含超級(jí)鏈接的展示張家界景點(diǎn)的網(wǎng)頁(yè)【任務(wù)5-1-1】創(chuàng)建網(wǎng)頁(yè)文檔 0501.html【任務(wù)5-

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

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