《網(wǎng)頁設(shè)計與制作》學(xué)習(xí)指南

《網(wǎng)頁設(shè)計與制作》教師教學(xué)指導(dǎo)書PAGE82PAGEIII《網(wǎng)頁設(shè)計與制作》學(xué)習(xí)輔導(dǎo)教材第1部分課程概述 3第2部分網(wǎng)頁設(shè)計與制作類崗位需求分析 3第3部分課程的崗位定位與培養(yǎng)目標 73.1課程面向的職業(yè)崗位 73.2本課程的教學(xué)目標 73.3專業(yè)能力與職業(yè)能力的目標 73.4網(wǎng)頁設(shè)計與制作的專業(yè)素質(zhì)目標 83.5綜合能力和職業(yè)素養(yǎng)培養(yǎng)目標 8第4部分本課程與其他相關(guān)課程的關(guān)系 8第5部分本課程的主要特色 8第6部分課程結(jié)構(gòu)、課程內(nèi)容與課時分配 11第7部分課程的重點與難點 15第8部分教學(xué)案例設(shè)計 15第9部分教學(xué)任務(wù)設(shè)計 16第10部分教學(xué)實施方案設(shè)計 20第11部分《網(wǎng)頁設(shè)計與制作》學(xué)習(xí)指導(dǎo) 32單元1創(chuàng)建站點與瀏覽網(wǎng)頁 32單元2制作文本網(wǎng)頁 32單元3制作圖文混排網(wǎng)頁 33單元4制作表格布局的網(wǎng)頁 33單元5制作包含超級鏈接和APDiv的網(wǎng)頁 34單元6使用模板和庫制作網(wǎng)頁 34單元7制作表單網(wǎng)頁 35單元8使用CSS布局與美化網(wǎng)頁 36單元9制作包含特效的網(wǎng)頁 36單元10設(shè)計與制作網(wǎng)站主頁 37單元11整合與發(fā)布網(wǎng)站 37第12部分《網(wǎng)頁設(shè)計與制作》問題探究 39第13部分課程考評方式與標準 66第14部分課程的教學(xué)資源 69附錄應(yīng)知考試與技能考試樣卷 72第一部分應(yīng)知考試樣卷 72第二部分技能考試樣卷 76PAGE81PAGE69第1部分課程概述《網(wǎng)頁設(shè)計與制作》課程是高等職業(yè)技術(shù)學(xué)院計算機多媒體技術(shù)專業(yè)開設(shè)的一門專業(yè)主干課程，是一門操作性和實踐性很強的職業(yè)技術(shù)課程，在專業(yè)人才培養(yǎng)方案中處于核心地位，對于網(wǎng)頁設(shè)計與制作崗位應(yīng)具備的網(wǎng)頁設(shè)計與制作能力的培養(yǎng)起到重要作用。在學(xué)生具備了一定的美術(shù)設(shè)計知識和一定的圖形圖像處理及動畫制作能力的基礎(chǔ)上，本課程主要介紹了網(wǎng)頁設(shè)計與布局知識、網(wǎng)頁制作技術(shù)及網(wǎng)頁編輯與制作軟件Dreamweaver的使用，讓學(xué)生能熟練地制作出有專業(yè)水準的網(wǎng)站。該課程要求學(xué)生具備一定的美術(shù)設(shè)計思想和圖形圖像處理及動畫制作能力，采用“項目導(dǎo)向，任務(wù)驅(qū)動，案例教學(xué)，一體化課堂”的教學(xué)模式開展教學(xué)。整個課程由2個完整的旅游網(wǎng)站作為課堂教學(xué)項目，64課時內(nèi)完成教師與學(xué)生互動的講練結(jié)合教學(xué)過程。之后有一個完整的“愛旅游”網(wǎng)站項目，要求學(xué)生在課外完成。課程的理論實踐一體化教學(xué)過程全部安排在設(shè)施先進的多媒體實訓(xùn)室進行，教學(xué)中以學(xué)生為中心，教師全程負責(zé)講授知識、答疑解惑、指導(dǎo)項目設(shè)計，充分調(diào)動師生雙方的積極性，達成教學(xué)目標。第2部分網(wǎng)頁設(shè)計與制作類崗位需求分析從2006年開始，通過對前程無憂、智聯(lián)招聘、中華英才、南方人才網(wǎng)等專業(yè)招聘網(wǎng)站的網(wǎng)頁制作、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、網(wǎng)頁版面設(shè)計、網(wǎng)站編輯、網(wǎng)站美編等職業(yè)崗位的調(diào)查分析，同時通過實地調(diào)研、電話調(diào)查、座談會調(diào)查、統(tǒng)計表調(diào)查等多種途徑和方式，對網(wǎng)頁設(shè)計與制作相關(guān)崗位的職位描述和任職資格有了深入的了解，從而對網(wǎng)頁設(shè)計與制作課程的知識、技能、素質(zhì)要求有了全面的認識，這些職業(yè)崗位的工作職責(zé)和職位要求如下表所示。1．網(wǎng)頁制作類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)頁制作工作職責(zé)（1）參與網(wǎng)站策劃與設(shè)計參與公司及客戶網(wǎng)站的總體及各個欄目的內(nèi)容策劃、功能需求分析制作公司及客戶網(wǎng)站架構(gòu)設(shè)計，樹立統(tǒng)一的品牌形象（2）網(wǎng)頁設(shè)計與制作：負責(zé)確定公司及客戶網(wǎng)站頁面內(nèi)容和風(fēng)格按照行業(yè)及公司的規(guī)范完成網(wǎng)站原型設(shè)計和頁面制作為網(wǎng)站W(wǎng)eb程序開發(fā)團隊提供腳本和網(wǎng)頁模板（3）網(wǎng)站維護負責(zé)定期分析競爭對手產(chǎn)品，并對自有產(chǎn)品提出整改計劃，定期策劃網(wǎng)上活動根據(jù)審定的方案參與網(wǎng)站項目的上線升級實施工作，對方案實施的準確性負責(zé)協(xié)助網(wǎng)站開發(fā)人員對網(wǎng)站程序功能進行測試（4）與其他相關(guān)人員的協(xié)調(diào)與溝通與團隊其他成員進行有效溝通，了解其他團隊成員工作情況、工作進度，定期進行技術(shù)交流與共享與客戶進行有效溝通，了解客戶有效需求，以便對網(wǎng)站進行更新職位要求（1）知識與技能熟悉網(wǎng)站制作與設(shè)計流程，能跟蹤最新的網(wǎng)頁設(shè)計與制作技術(shù)熟練運用HTML、CSS、JavaScript等Web開發(fā)技術(shù)，制作符合Web標準的網(wǎng)頁熟悉常用圖像制作軟件和Flash制作技術(shù)，能夠使用Dreamweaver等工具制作網(wǎng)頁能夠?qū)⒕W(wǎng)頁設(shè)計師的效果圖快速轉(zhuǎn)換為Web標準原型（2）素質(zhì)要求溝通協(xié)調(diào)能力：正確理解別人的感受和想法，善于傾聽，能夠理解他人思想和行為背后的原因團隊合作：愿意與他人合作，主動與其他成員進行溝通交流，分享信息、知識和資源，愿意幫助其他成員解決所遇到的問題，無保留地將自己所掌握的技能傳授給其他成員思維能力：頭腦靈活、思路清晰，具備縝密的邏輯思維能力以及耐心細致的觀察能力，處理事務(wù)有清晰的條理性，工作重點明確，具備較強的執(zhí)行能力，學(xué)習(xí)能力強，有創(chuàng)新意識堅韌性：處于較大的工作壓力下或產(chǎn)生可能會影響工作的消極情緒時，能夠有效地控制自己的情緒，通過建設(shè)性的工作化解工作壓力或消極情緒2．網(wǎng)站設(shè)計類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站設(shè)計工作職責(zé)（1）負責(zé)網(wǎng)站設(shè)計的需求溝通，確定網(wǎng)頁設(shè)計的視覺標準和風(fēng)格標準等（2）負責(zé)客戶網(wǎng)站創(chuàng)意、設(shè)計與頁面制作（3）負責(zé)網(wǎng)站整體版式設(shè)計、通過良好的視覺傳達與表現(xiàn)，增加品牌感染力，提高用戶使用效率（4）負責(zé)網(wǎng)站相關(guān)項目、活動、專題的設(shè)計與創(chuàng)意工作（5）與團隊配合，提升網(wǎng)站的視覺表現(xiàn)力及易用性，跟蹤產(chǎn)品效果，分享設(shè)計經(jīng)驗，提出設(shè)計改善方案（6）熟練運用各種不同類型的設(shè)計表現(xiàn)形式，準確傳達信息（7）完成網(wǎng)站日常的頁面設(shè)計、制作及維護工作（8）進行網(wǎng)站圖片設(shè)計與制作（9）完成網(wǎng)站日常的Flash動畫設(shè)計、制作及更新工作（10）負責(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、AI、Flash，Dreamweaver等工具或同類軟件，擅長頁面效果圖制作和文字的編排，具有較強效果圖制作及網(wǎng)頁設(shè)計能力（3）熟悉網(wǎng)頁制作，能與Web前端工程師緊密配合（4）對色彩有深刻的把握力、獨特的設(shè)計風(fēng)格、獨到的創(chuàng)意視點與創(chuàng)新意識（5）熟悉HTML，Div，熟練運用Div＋CSS布局與美化網(wǎng)頁，能夠手寫HTML代碼（6）具有較強圖片制作、處理能力。精通Photoshop、Fireworks、Illustrator等圖片處理相關(guān)軟件（7）熟悉FlashAction3．網(wǎng)頁設(shè)計類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)頁設(shè)計工作職責(zé)（1）負責(zé)公司網(wǎng)站整體視覺、UI、LOGO、宣傳手冊等設(shè)計與創(chuàng)意，負責(zé)網(wǎng)站設(shè)計的需求溝通，確定網(wǎng)頁設(shè)計的視覺標準和風(fēng)格標準等。（2）負責(zé)客戶網(wǎng)站創(chuàng)意、設(shè)計、頁面制作；負責(zé)頻道、專題、網(wǎng)頁的美工設(shè)計（3）負責(zé)公司網(wǎng)站的設(shè)計、改版與更新（4）負責(zé)網(wǎng)頁、圖片設(shè)計與制作（5）負責(zé)客戶及系統(tǒng)內(nèi)的廣告和專題的設(shè)計（6）負責(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è)計和處理軟件，對圖片渲染和視覺效果有較好的認識（4）能熟練使用Flash、Dreamweaver、Firework、Photoshop、Illustrator等軟件，熟悉HTML、Div、CSS、JavaScript等，有手工編寫和修改代碼能力優(yōu)先（5）對Web設(shè)計及相關(guān)技術(shù)有很好的見解，能和Web程序員進行溝通和合作（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）負責(zé)網(wǎng)站創(chuàng)意、網(wǎng)頁設(shè)計、頁面制作管理和維護，負責(zé)網(wǎng)站頁面結(jié)構(gòu)的設(shè)計和實施。（2）負責(zé)網(wǎng)站整體架構(gòu)的設(shè)計和網(wǎng)站風(fēng)格的把握（3）負責(zé)網(wǎng)站的設(shè)計、改版和更新（4）負責(zé)網(wǎng)站廣告和專題的設(shè)計（5）獨立制作flash廣告，負責(zé)頁面特效、網(wǎng)站圖片、動畫設(shè)計制作等（6）負責(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)驗（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)先（8）熟悉HTML、DHTML、XHTML、XML、CSS、JavaScript和Div+CSS網(wǎng)頁布局技術(shù)、網(wǎng)頁特效設(shè)計技術(shù)，能手寫HTML代碼和CSS樣式（9）熟悉Web標準和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）積極肯干，吃苦耐勞，具有高度的責(zé)任感（14）具有自我激勵和良好的交流、溝通技巧，善于協(xié)作與溝通（15）具備良好的職業(yè)素養(yǎng)及團隊合作精神，有良好的職業(yè)道德觀念和工作態(tài)度，并能承受工作壓力5．網(wǎng)站編輯類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站編輯工作職責(zé)（1）負責(zé)公司網(wǎng)站的內(nèi)容采編、整理、審核及發(fā)布，包括文字、圖片、視頻等資料，為網(wǎng)站提供符合用戶的有效信息（2）負責(zé)公司網(wǎng)站內(nèi)容的架構(gòu)、欄目和專題的策劃及更新維護；能夠獨立完成選題策劃，稿件組織與編輯工作；針對網(wǎng)站目標受眾提供有吸引力的網(wǎng)站內(nèi)容；保證公司網(wǎng)站的正常運營以及網(wǎng)站推廣活動的實施，以提升網(wǎng)站用戶數(shù)、網(wǎng)站pv流量和用戶粘著度（3）負責(zé)策劃與制作專題，參與專題和活動的策劃、組織（4）負責(zé)行業(yè)內(nèi)活動的現(xiàn)場采訪以及后續(xù)的稿件撰寫、發(fā)布（5）負責(zé)與技術(shù)等部門的溝通協(xié)作職位要求（1）熟悉網(wǎng)絡(luò)基本知識，能熟練使用Office等辦公軟件，熟練Dreamweaver、Photoshop等網(wǎng)頁制作編輯工具和圖像處理工具，可以獨立制作、修改網(wǎng)頁（2）有較強的文字駕馭能力，有良好的文字、圖片編輯能力，能夠清晰而有邏輯的表達自己的想法，具有創(chuàng)造性的思維；能獨立撰寫策劃文案，有豐富的想象策劃能力，能獨立完成大型網(wǎng)站的策劃方案（3）熟悉網(wǎng)絡(luò)語言，擅長用文字調(diào)動網(wǎng)絡(luò)人群的情緒，對網(wǎng)絡(luò)文案的策劃、編輯有一定的實際操作經(jīng)驗，熟悉網(wǎng)絡(luò)編輯、銷售型文案寫作，有較強的文字編輯能力、編輯思維能力和策劃能力，擅長信息的搜集與整合，能獨立完成各種文案的編輯和創(chuàng)作（4）踏實肯干，思維活躍，誠實守信，具有良好的團隊合作精神（5）工作積極主動、勤奮好學(xué)、行為自律；為人誠實、正直，性格開朗、責(zé)任心強（6）具有迎接挑戰(zhàn)的信心和對工作的激情6．網(wǎng)站美編類職業(yè)崗位的工作職責(zé)和職位要求職位名稱網(wǎng)站美編工作職責(zé)（1）負責(zé)網(wǎng)站整體美化工作，負責(zé)網(wǎng)站的美觀度和友好性的把握（2）負責(zé)公司網(wǎng)站的網(wǎng)頁美工設(shè)計（3）負責(zé)公司網(wǎng)站相關(guān)新聞及專題的創(chuàng)意、頁面風(fēng)格設(shè)計及專題制作。（4）負責(zé)網(wǎng)站頁面設(shè)計和常規(guī)廣告設(shè)計（5）負責(zé)專題和活動的美術(shù)設(shè)計工作職位要求（1）有較強的美術(shù)功底、良好的創(chuàng)意設(shè)計和視覺表現(xiàn)創(chuàng)造能力（2）熟練使用Photoshop、CorelDraw、Flash等軟件進行圖片及動畫創(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)標準（6）具備客戶服務(wù)意識，有獨特的見解、獨立思考能力和創(chuàng)新意識（7）具有敬業(yè)精神，良好的人際溝通能力和團隊合作精神和協(xié)作能力，能承擔(dān)工作壓力第3部分課程的崗位定位與培養(yǎng)目標3.1課程面向的職業(yè)崗位（1）網(wǎng)頁制作（2）網(wǎng)頁設(shè)計/網(wǎng)頁版面設(shè)計/網(wǎng)站設(shè)計（3）網(wǎng)站編輯（4）網(wǎng)站美編3.2本課程的教學(xué)目標（1）賞析各類經(jīng)典網(wǎng)站、掌握網(wǎng)頁制作方法（2）強化網(wǎng)頁制作技能、積累網(wǎng)頁制作經(jīng)驗（3）激發(fā)自身學(xué)習(xí)興趣、形成持久學(xué)習(xí)動力（4）提升自主學(xué)習(xí)能力、滿足職業(yè)崗位需求3.3專業(yè)能力與職業(yè)能力的目標（1）培養(yǎng)學(xué)生收集、處理信息，準備、加工素材的能力（2）培養(yǎng)學(xué)生制作靜態(tài)網(wǎng)頁的能力（3）培養(yǎng)學(xué)生設(shè)計網(wǎng)頁、網(wǎng)頁布局的能力（4）培養(yǎng)學(xué)生設(shè)計網(wǎng)站的綜合能力3.4網(wǎng)頁設(shè)計與制作的專業(yè)素質(zhì)目標（1）具有一定策劃能力（2）具有一定想象力（3）色彩感悟力強（4）結(jié)構(gòu)布局能力強3.5綜合能力和職業(yè)素養(yǎng)培養(yǎng)目標（1）具有樂觀精神、敬業(yè)精神、團隊協(xié)作精神（2）具有溝通能力、感悟能力、表達能力、創(chuàng)新能力（3）具有自主學(xué)習(xí)能力、知識應(yīng)用能力、獲取知識能力、自我發(fā)展能力（4）具有高度責(zé)任感和較強的效率觀念第4部分本課程與其他相關(guān)課程的關(guān)系（1）與前續(xù)課程的聯(lián)系《美術(shù)設(shè)計基礎(chǔ)》讓學(xué)生學(xué)習(xí)了美術(shù)設(shè)計的基本知識，使學(xué)生具備了美學(xué)基礎(chǔ)?！秷D形制作》、《圖像處理》和《動畫設(shè)計與制作》讓學(xué)生系統(tǒng)學(xué)習(xí)了圖形圖像處理能力和動畫制作能力，使學(xué)生具備處理網(wǎng)頁圖像和制作網(wǎng)頁動畫的能力。在此基礎(chǔ)上，通過《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí)，讓學(xué)生學(xué)習(xí)網(wǎng)頁制作技術(shù)，培養(yǎng)學(xué)生制作網(wǎng)站和網(wǎng)頁的能力。（2）與后繼課程的關(guān)系為學(xué)習(xí)后續(xù)課程《動態(tài)網(wǎng)站設(shè)計》和畢業(yè)設(shè)計提供了網(wǎng)頁制作的基礎(chǔ)知識和網(wǎng)頁制作的能力。第5部分本課程的主要特色本課程具有“三基于、四化、三創(chuàng)新、三關(guān)注”的特色。特色之一：基于真實網(wǎng)站的任務(wù)驅(qū)動型教學(xué)方式、基于網(wǎng)絡(luò)資源的開放式自主學(xué)習(xí)方式、基于崗位需求的雙證融通式分級考核方式－三基于（1）以真實的旅游網(wǎng)站作為教學(xué)案例，圍繞旅游這個主題精心設(shè)計了18個網(wǎng)頁，以網(wǎng)頁制作為主線設(shè)計了33項主任務(wù)，80項子任務(wù)。在真實的開發(fā)環(huán)境中，以真實的制作流程，執(zhí)行真實的開發(fā)要求，制作真實的旅游網(wǎng)站。真實環(huán)境：在真實的網(wǎng)站開發(fā)環(huán)境中完成網(wǎng)頁制作任務(wù)。真實過程：執(zhí)行完整的作業(yè)流程，體驗真實的工作過程。真實要求：以職業(yè)化技術(shù)標準規(guī)范網(wǎng)頁制作和代碼編寫。真實項目：以三個真實的網(wǎng)站作為教學(xué)案例（引導(dǎo)訓(xùn)練：E游天下網(wǎng)，同步訓(xùn)練：快樂旅游網(wǎng)，拓展訓(xùn)練：愛旅游網(wǎng)）。（2）本課程的教學(xué)資源全部（All）可在網(wǎng)上瀏覽和下載，任何學(xué)習(xí)者（Anyone)在任何時候（Anytime）、任何地方（Anywhere）都能獲取所需的學(xué)習(xí)資源，借助網(wǎng)絡(luò)自主學(xué)習(xí)，保證學(xué)習(xí)者按需學(xué)習(xí)和自主學(xué)習(xí)。（3）根據(jù)企業(yè)崗位技能需求，分級認證網(wǎng)頁制作技能，課程考核與技能鑒定雙證融通，課程標準與職業(yè)標準兩者融合。特色之二：課程內(nèi)容“動態(tài)化”、課程實踐“任務(wù)化”、技能訓(xùn)練“層次化”、課程資源“系列化”－四化（1）構(gòu)建了以“網(wǎng)站開發(fā)工作過程”為導(dǎo)向的“單元式”課程結(jié)構(gòu)，課程分為3個教學(xué)階段、11個教學(xué)單元。課程內(nèi)容根據(jù)崗位需求變化、教學(xué)實際情況靈活組合、動態(tài)調(diào)整。課程資源根據(jù)網(wǎng)頁制作技術(shù)發(fā)展持續(xù)更新。（2）課堂教學(xué)面向教學(xué)全過程設(shè)置完整的教學(xué)環(huán)節(jié)，每個教學(xué)單元設(shè)置了12個必要的教學(xué)環(huán)節(jié)：教學(xué)導(dǎo)航→操作準備→引導(dǎo)訓(xùn)練→引導(dǎo)訓(xùn)練考核評價→同步訓(xùn)練→同步訓(xùn)練考核評價→拓展訓(xùn)練→拓展訓(xùn)練考核評價→代碼解讀→問題探究→單元小結(jié)→單元習(xí)題；課堂引導(dǎo)訓(xùn)練及評價環(huán)節(jié)又設(shè)置了四個環(huán)節(jié)：任務(wù)描述→網(wǎng)頁效果展示→任務(wù)完成過程示范→任務(wù)完成情況評價。（3）技能訓(xùn)練分為3個（引導(dǎo)訓(xùn)練→同步訓(xùn)練→拓展訓(xùn)練）逐步提升層次，符合職業(yè)技能的形成規(guī)律。（4）通過網(wǎng)絡(luò)提供3層、11大類、55000多個文件的立體化教學(xué)資源。特色之三：創(chuàng)新技能訓(xùn)練過程、創(chuàng)新課堂教學(xué)方法、創(chuàng)新教學(xué)組織方式－三創(chuàng)新（1）本課程按任務(wù)驅(qū)動方法組織教學(xué)內(nèi)容，將操作技能訓(xùn)練與理論知識學(xué)習(xí)相對分離，先設(shè)計與制作網(wǎng)頁形成感性認識，后分析探究理論知識逐步上升到理性認識。每個教學(xué)單元的技能訓(xùn)練分為四個階段：操作準備（準備做）、引導(dǎo)訓(xùn)練（跟著做）、同步訓(xùn)練（試著做）、拓展訓(xùn)練（想著做），形成了四步技能訓(xùn)練法。（2）課程教學(xué)以完成網(wǎng)頁制作任務(wù)為主線，實行“項目導(dǎo)向、任務(wù)驅(qū)動、理論實踐一體化”的教學(xué)方法，融“教、學(xué)、練、評”四者于一體，體現(xiàn)了“做中學(xué)、做中會”的教學(xué)理念，全方向促進網(wǎng)頁設(shè)計技能的提升，以滿足職業(yè)崗位的需求。（3）教學(xué)過程中教師既充當教師的角色，也充當項目經(jīng)理和網(wǎng)頁設(shè)計師的角色；學(xué)生充當網(wǎng)頁制作員、網(wǎng)頁測試員的角色。模擬網(wǎng)站開發(fā)公司的做法，將授課班級分成6-8個小組，每一小組指定一名組長，小組長可以輪留擔(dān)任。本課程的教學(xué)組織方式可以為串行方式（連續(xù)安排2～3周）組織教學(xué)，也可以為并行方式（每周安排6～8課時，安排8周左右，每周完成一個教學(xué)單元）組織教學(xué)。特色之四：關(guān)注教學(xué)評價、關(guān)注態(tài)度養(yǎng)成、關(guān)注能力培養(yǎng)－三關(guān)注本課程以訓(xùn)練網(wǎng)頁制作技能為中心，在訓(xùn)練過程中增長知識、訓(xùn)練技能、積累經(jīng)驗、養(yǎng)成習(xí)慣、固化能力。技能訓(xùn)練過程力求做到課內(nèi)與課外相結(jié)合、教師引導(dǎo)示范與學(xué)生自主訓(xùn)練相結(jié)合、注重能力培養(yǎng)與關(guān)注態(tài)度養(yǎng)成相結(jié)合。為了合理評價教學(xué)情況和任務(wù)完成情況，充分調(diào)動學(xué)生的學(xué)習(xí)積極性和主動性，培養(yǎng)團隊合作意識和工作責(zé)任心，各個教學(xué)單元都設(shè)置三個考核評價環(huán)節(jié)：引導(dǎo)訓(xùn)練考核評價、同步訓(xùn)練考核評價和拓展訓(xùn)練考核評價。引導(dǎo)訓(xùn)練考核評價主要反映學(xué)習(xí)者對課堂教學(xué)內(nèi)容的掌握程度，評價教學(xué)效果。同步訓(xùn)練考核評價主要對學(xué)習(xí)者完成同步訓(xùn)練任務(wù)情況進行客觀、公正的評價，作為考核學(xué)習(xí)者的依據(jù)。拓展訓(xùn)練考核評價主要記錄拓展訓(xùn)練任務(wù)的完成方式、網(wǎng)頁布局結(jié)構(gòu)、網(wǎng)頁色彩搭配、網(wǎng)頁中應(yīng)用的主要元素、已參考的網(wǎng)站和評價完成情況?？己嗽u價方式包括自我評價、小組評價和教師評價，讓小組成員通過自我評價和相互評價取長補短、相互借鑒、增強自信、共同提高。每個教學(xué)單元所制作的網(wǎng)頁都注重了網(wǎng)頁的完整性、真實性和美觀性。制作網(wǎng)頁時，注重了命名的規(guī)范化、代碼的標準化，對HTML、CSS、JavaScript代碼都添加了必要的注釋，有助于了解代碼的含義，對日后代碼維護提供了很大的方便。三個訓(xùn)練環(huán)節(jié)都設(shè)置了“任務(wù)卡”和“任務(wù)跟蹤卡”，“任務(wù)跟蹤卡”中要求記錄任務(wù)的開始時間、完成時間、計劃工時、實際工時，每一個訓(xùn)練環(huán)節(jié)都提供了建議工時，以強化學(xué)生的時間觀念和效率觀念。第6部分課程結(jié)構(gòu)、課程內(nèi)容與課時分配根據(jù)多媒體技術(shù)行業(yè)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作職業(yè)崗位的要求，應(yīng)具備較好的網(wǎng)頁布局與美化、網(wǎng)頁設(shè)計與制作能力，本課程的教學(xué)以項目為載體。課程教學(xué)采用“理論實踐一體化”教學(xué)模式，理論教學(xué)內(nèi)容與實踐教學(xué)內(nèi)容融為一體，根據(jù)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作崗位的能力要求，兼顧學(xué)生的認知規(guī)律，重構(gòu)了課程結(jié)構(gòu)，將本課程的教學(xué)內(nèi)容分解為11個項目，形成了以項目為載體的課程結(jié)構(gòu)?！毒W(wǎng)頁設(shè)計與制作》課程的項目課程結(jié)構(gòu)與學(xué)時分配如下表所示。編號單元名稱教學(xué)內(nèi)容主要教學(xué)知識點教學(xué)目標學(xué)時備注P4-1賞析網(wǎng)頁1．認識網(wǎng)頁、網(wǎng)站和瀏覽器窗口的基本組成2．認識網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)3．了解制作網(wǎng)頁的常用軟件4．了解網(wǎng)頁的相關(guān)概念和術(shù)語K1-1：分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等K1-2：網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素K1-3：Dreamweaver的界面布局與工作環(huán)境O1-1：了解網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素O1-2：掌握Dreamweaver的界面布局與工作環(huán)境O1-3：能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等2P4-2制作圖文混排網(wǎng)頁1．站點的創(chuàng)建與管理2．在網(wǎng)頁中進行頁面控制3．制作文本網(wǎng)頁4．制作圖文混排的網(wǎng)頁K2-1：文件面板的使用K2-2：站點的創(chuàng)建與管理K2-3：頁面屬性的設(shè)置K2-4：設(shè)置段落格式和文檔結(jié)構(gòu)K2-5：創(chuàng)建項目列表和編號列表K2-6：插入特殊字符、水平線、日期對象K2-7：在頁面中插入圖像K2-8：創(chuàng)建鼠標經(jīng)過圖像K2-9：設(shè)置圖像屬性O(shè)2-1：掌握對網(wǎng)頁文檔的基本操作O2-2：掌握設(shè)置網(wǎng)頁整體屬性的操作方法O2-3：掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性、設(shè)置項目列表、輸入空格、文本換行的操作方法O2-4：掌握在網(wǎng)頁中插入特殊字符、插入水平線和插入日期的操作方法O2-5：掌握在網(wǎng)頁中插入圖像、鼠標經(jīng)過圖像、的方法O2-6：掌握設(shè)置頁面背景圖像和圖像屬性的方法O2-7：能創(chuàng)建與管理站點O2-8：能進行頁面控制O2-9：能進行文本操作O2-10：能在網(wǎng)頁中進行圖文混排6P4-3制作表格布局的網(wǎng)頁1．在網(wǎng)頁中插入表格2．設(shè)置表格和單元格屬性3．在表格中插入網(wǎng)頁元素K3-1：插入表格K3-2：設(shè)置表格屬性K3-3：插入嵌套表格K3-4：單元格屬性設(shè)置K3-5：在表格中插入網(wǎng)頁元素O3-1：能正確地插入表格，并合理地設(shè)置表格的屬性O(shè)3-2：能正確地在表格中插入嵌套表格，并合理地設(shè)置嵌套表格的屬性O(shè)3-3：掌握單元格的合并、拆分、插入和刪除的操作方法O3-4：能正確地設(shè)置表格中行和列的屬性O(shè)3-5：能正確設(shè)置表格、單元格的背景圖像和背景顏色O3-6：能正確地在表格中輸入文字并定位8P4-4制作包含APDiv與超級鏈接的網(wǎng)頁1．在網(wǎng)頁中繪制或插入三個APDiv，在APDiv中插入Flash動畫或圖像2．在網(wǎng)頁中創(chuàng)建多個超級鏈接K4-1：繪制或插入APDivK4-2：創(chuàng)建外部鏈接K4-3：創(chuàng)建內(nèi)部鏈接K4-4：創(chuàng)建電子郵件鏈接K4-5：創(chuàng)建錨點鏈接K4-6：創(chuàng)建圖像熱點鏈接K4-7：創(chuàng)建文件下載鏈接K4-8：創(chuàng)建空地址鏈接K4-9：檢查鏈接K4-10：創(chuàng)建文字形式的導(dǎo)航欄K4-11：實現(xiàn)滾動圖片功能O4-1：能創(chuàng)建網(wǎng)頁的內(nèi)部鏈接和外部鏈接O4-2：能在圖像中設(shè)置熱點區(qū)域，并創(chuàng)建圖像熱點鏈接O4-3：能創(chuàng)建命名錨記和到該命名錨記的鏈接O4-4：能創(chuàng)建電子郵件鏈接O4-5：能更改鏈接顏色、設(shè)置鏈接的打開方式、設(shè)置空鏈接O4-6：能測試鏈接的有效性O(shè)4-7：能插入或繪制APDiv，并合理地設(shè)置APDiv的屬性O(shè)4-8：能正確在APDiv中插入flash動畫O4-9：能正確插入浮動框架iframe，并設(shè)置其屬性O(shè)4-10：進一步熟悉使用表格進行網(wǎng)頁布局，靈活設(shè)置表格及單元格的屬性O(shè)4-11：掌握滾動圖片的方法O4-12：掌握絕對路徑和相對路徑以及鏈接的類型6P4-5使用模板和庫制作網(wǎng)頁1．創(chuàng)建庫項目，并在網(wǎng)頁中插入庫項目2．由現(xiàn)有的網(wǎng)頁文檔生成網(wǎng)頁模板，在網(wǎng)頁模板中定義和修改可編輯區(qū)域、可選區(qū)域3．創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁，修改和更新網(wǎng)頁模板屬性4．修改網(wǎng)頁模板和庫項目，并更新基于網(wǎng)頁模板的網(wǎng)頁K5-1：創(chuàng)建庫項目K5-2：在網(wǎng)頁中插入庫項目K5-3：創(chuàng)建網(wǎng)頁模板K5-4：定義與修改可編輯區(qū)域和可選區(qū)域K5-5：創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁K5-6：修改網(wǎng)頁模板并更新網(wǎng)頁K5-7：修改庫項目并更新網(wǎng)頁O5-1：能制作用來生成模板的網(wǎng)頁，并將現(xiàn)有的網(wǎng)頁生成模板O5-2：能正確編輯模板，掌握設(shè)置可編輯區(qū)域的方法O5-3：掌握用模板生成新網(wǎng)頁的操作方法，并能對新網(wǎng)頁進行編輯加工O5-4：能熟練地修改網(wǎng)頁模板，并同步更新該模板生成的網(wǎng)頁O5-5：能創(chuàng)建庫項目，并且能修改庫項目，更新包含庫項目的網(wǎng)頁O5-6：掌握插入圖像占位符的方法O5-7：能使用多層嵌套表格布局網(wǎng)頁O5-8：掌握模板和庫的作用O5-9：了解CSS樣式的簡單應(yīng)用6P4-6制作表單網(wǎng)頁1．創(chuàng)建動態(tài)站點2．在網(wǎng)頁中插入表單域3．設(shè)置表單域的屬性4．在表單域中插入表單控件5．使用Spry和行為驗證表單數(shù)據(jù)的有效性6．引用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能K6-1：設(shè)置虛擬目錄K6-2：創(chuàng)建動態(tài)站點K6-3：插入表單域K6-4：插入表單控件K6-5：設(shè)置表單域?qū)傩訩6-6：設(shè)置表單控件屬性K6-7：檢查表單數(shù)據(jù)的正確性O(shè)6-1：能正確設(shè)置虛擬目錄O6-2：能創(chuàng)建動態(tài)站點O6-3：能在網(wǎng)頁中正確插入表單域O6-4：能在表單域中正確插入各項表單控件O6-5：了解使用Spry驗證控件實現(xiàn)對表單控件內(nèi)容的檢測O6-6：掌握檢查提交表單數(shù)據(jù)的正確性的方法O6-7：能引用外部JavaScript腳本文件驗證表單數(shù)據(jù)6P4-7使用Div+CSS布局網(wǎng)頁1．頁面的布局設(shè)計2．創(chuàng)建頁面布局樣式3．插入Div標簽對頁面進行布局K7-1：頁面的布局設(shè)計K7-2：創(chuàng)建布局樣式K7-3：布局樣式屬性的設(shè)置K7-4：插入Div標簽，并應(yīng)用布局樣式O7-1：能設(shè)計頁面的布局結(jié)構(gòu)O7-2：能創(chuàng)建頁面布局樣式O7-3：能插入Div標簽對網(wǎng)頁的頁面進行布局6P4-8使用CSS美化網(wǎng)頁1．創(chuàng)建美化頁面元素的樣式2．輸入文字和插入各種頁面元素3．創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．應(yīng)用美化頁面元素樣式美化網(wǎng)頁K8-1：創(chuàng)建美化頁面元素的樣式K8-2：美化頁面元素樣式屬性的設(shè)置K8-3：新建代碼片斷K8-4：在頁面各個區(qū)塊中輸入文字或插入頁面元素K8-5：應(yīng)用美化頁面元素樣式美化網(wǎng)頁O8-1：能創(chuàng)建美化頁面元素的樣式O8-2：能在使用Div＋CSS布局的網(wǎng)頁中輸入文字和插入各種頁面元素O8-3：能創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷O8-4：能應(yīng)用美化頁面元素樣式美化網(wǎng)頁4P4-9制作包含特效的網(wǎng)頁1．在網(wǎng)頁中顯示當前日期2．在不同時間段顯示不同問候語3．滾動網(wǎng)頁標題欄中的文字4．動態(tài)改變網(wǎng)頁中文本字體大小5．關(guān)閉網(wǎng)頁時自動彈出小窗口K9-1：JavaScript基本語法K9-2：JavaScript對象K9-3：Windows對象K9-4：Document對象K9-5：常用內(nèi)置對象K9-6：JavaScript代碼嵌入HTML代碼K9-7：運用JavaScript技術(shù)制作網(wǎng)頁特效O9-1：能編寫簡單的JavaScript程序，能看懂較復(fù)雜的JavaScript程序，明確其實現(xiàn)的功能和各語句的含義O9-2：能根據(jù)功能需求改寫JavaScript程序代碼，以改進或擴展其功能O9-3：能使用JavaScript技術(shù)制作網(wǎng)頁特效8P4-10整合與發(fā)布網(wǎng)站1．優(yōu)化網(wǎng)頁2．將多個網(wǎng)頁整合成一個網(wǎng)站3．測試網(wǎng)站4．申請網(wǎng)站域名和網(wǎng)頁空間5．發(fā)布網(wǎng)頁6．宣傳與推廣網(wǎng)站K10-1：將多個網(wǎng)頁整合成一個網(wǎng)站K10-2：網(wǎng)站測試方法K10-3：域名的設(shè)計與申請方法K10-4：網(wǎng)站的發(fā)布方法K10-5：網(wǎng)站的維護與更新O10-1：能整合網(wǎng)站O10-2：了解域名的設(shè)計與申請方法O10-3：能測試網(wǎng)站O10-4：能發(fā)布網(wǎng)站O10-5：了解宣傳與推廣網(wǎng)站的方法4P4-11制作商品購物網(wǎng)站1．畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進行規(guī)劃2．使用Div+CSS和表格聯(lián)合布局網(wǎng)頁3．設(shè)計與制作導(dǎo)航欄4．插入網(wǎng)頁元素5．利用模板和庫制作網(wǎng)頁K11-1：網(wǎng)站開發(fā)流程K11-2：網(wǎng)站規(guī)劃與組織K11-3：網(wǎng)頁設(shè)計基本原理與方法K11-4：網(wǎng)頁設(shè)計的規(guī)范K11-5：網(wǎng)站各頁面的布局結(jié)構(gòu)設(shè)計K11-6：CSS樣式的創(chuàng)建與屬性設(shè)置K11-7：導(dǎo)航欄的設(shè)計與制作K11-8：插入網(wǎng)頁元素K11-9：庫的創(chuàng)建與應(yīng)用K11-10：模板的創(chuàng)建與應(yīng)用K11-11：超級鏈接的設(shè)置O11-1：了解網(wǎng)站開發(fā)流程O11-2：掌握網(wǎng)頁設(shè)計原理與技巧O11-3：能應(yīng)用CSS樣式設(shè)計布局網(wǎng)頁O11-4：能設(shè)計與制作導(dǎo)航欄，會正確使用浮動框架O11-5：能插入網(wǎng)頁元素O11-6：能利用模板和庫創(chuàng)建網(wǎng)頁O11-7：能在網(wǎng)頁中設(shè)置超級鏈接8合計=SUM(ABOVE)64

第7部分課程的重點與難點《網(wǎng)頁設(shè)計與制作》課程的重點有網(wǎng)頁的布局、網(wǎng)頁中文本和圖像的處理、超級鏈接與導(dǎo)航欄、HTML語言、使用CSS樣式美化網(wǎng)頁、網(wǎng)頁設(shè)計。本課程的難點有網(wǎng)頁中圖像的處理、動畫的制作、JavaScript技術(shù)的應(yīng)用、網(wǎng)站的規(guī)劃與組織、網(wǎng)頁中特效制作。課程的重點、難點及解決方法的具體說明見下表所示。類別知識點解決辦法重點網(wǎng)頁的布局經(jīng)典網(wǎng)頁賞析，形成深刻印象分析多種網(wǎng)頁布局的特點、導(dǎo)航欄的特點真實案例教學(xué)與實踐網(wǎng)頁中文本和圖像的處理超級鏈接與導(dǎo)航欄HTML語言通過真實案例分析HTML和CSS，先進行操作，然后分析代碼任務(wù)型教學(xué)，先提出問題，然后分析解決方法，觀察其實際效果，最后分析HTML代碼的變化使用CSS樣式美化網(wǎng)頁網(wǎng)頁設(shè)計先分析具體實例，形成感性認識，然后總結(jié)一般規(guī)律，運用一般規(guī)律指導(dǎo)網(wǎng)頁設(shè)計。難點網(wǎng)頁中圖像的處理對于多媒體專業(yè)，先修《圖形圖像處理》和《動畫制作》課程，為學(xué)習(xí)網(wǎng)頁設(shè)計奠定了堅實的基礎(chǔ)。對于非多媒體專業(yè)，開設(shè)選修課程《圖形圖像處理與動畫制作技術(shù)》，為學(xué)習(xí)網(wǎng)頁設(shè)計提供保障。動畫的制作JavaScript技術(shù)的應(yīng)用通過分析目前網(wǎng)站中常用的特效，了解特效的制作技術(shù)。通過觀察常見特效的效果及制作方法，了解JavaScript技術(shù)的應(yīng)用，激發(fā)學(xué)生對JavaScript技術(shù)的興趣。網(wǎng)頁中特效制作網(wǎng)站的規(guī)劃與組織以實例分析網(wǎng)站的規(guī)劃與組織方法。讓學(xué)生自己動手進行網(wǎng)站的規(guī)劃與組織。第8部分教學(xué)案例設(shè)計教學(xué)案例設(shè)計如下表所示。單元序號教學(xué)案例設(shè)計網(wǎng)頁主題引導(dǎo)訓(xùn)練同步訓(xùn)練拓展訓(xùn)練單元1網(wǎng)站主頁E游天下網(wǎng)快樂旅游網(wǎng)愛旅游網(wǎng)單元2旅游景點概況旅游景點總覽中國名河概況中國名山概況單元3瀑泉游名瀑名泉名島單元4江湖游千島湖長江三峽名湖單元5公園游張家界桂林名河單元6名城游上海?？谀暇﹩卧?表單E游調(diào)查E游留言薄E游注冊單元8山岳游黃山泰山廬山單元9生態(tài)游云南九寨溝地質(zhì)公園和森林公園單元10E游天下E游天下網(wǎng)主頁快樂旅游網(wǎng)主頁愛旅游網(wǎng)主頁單元11E游天下網(wǎng)E游天下網(wǎng)快樂旅游網(wǎng)愛旅游網(wǎng)第9部分教學(xué)任務(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】認識DreamweaverCS6的工作界面【任務(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】創(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è)置頁面的背景圖像【任務(wù)3-1-4】從外部導(dǎo)入文本與設(shè)置文本格式【任務(wù)3-1-5】插入圖像與設(shè)置圖像屬性【任務(wù)3-1-6】插入鼠標經(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】在表格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-1-2】在網(wǎng)頁0501.html中繪制或插入APDiv【任務(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】使用模板和庫制作南京游的網(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標簽對網(wǎng)頁的頁面進行布局【任務(wù)8-1-5】新建代碼片斷實現(xiàn)常見功能【任務(wù)8-1-6】在頁面各個區(qū)塊輸入文字和插入頁面元素【任務(wù)8-2】使用CSS布局與美化“泰山游”網(wǎng)頁【任務(wù)8-3】使用CSS布局與美化“廬山游”網(wǎng)頁單元9【任務(wù)9-1】制作包含特效的“云南旅游”網(wǎng)頁【任務(wù)9-1-1】實現(xiàn)在網(wǎng)頁中顯示當前日期的特效【任務(wù)9-1-2】實現(xiàn)在不同時間段顯示不同問候語的網(wǎng)頁特效【任務(wù)9-1-3】實現(xiàn)動態(tài)改變網(wǎng)頁中文本字體大小的網(wǎng)頁特效【任務(wù)9-1-4】實現(xiàn)關(guān)閉網(wǎng)頁時自動彈出對話框的特效【任務(wù)9-1-5】實現(xiàn)滾動網(wǎng)頁標題欄文字的特效【任務(wù)9-1-6】實現(xiàn)鼠標指針指向不同超級鏈接切換不同圖片的網(wǎng)頁特效【任務(wù)9-1-7】實現(xiàn)轉(zhuǎn)動鼠標滾輪縮放圖片的網(wǎng)頁特效【任務(wù)9-2】制作包含特效的“九寨溝旅游”網(wǎng)頁【任務(wù)9-3】制作包含特效的“公園游”網(wǎng)頁單元10【任務(wù)10-1】制作“E游天下”網(wǎng)站的主頁【任務(wù)10-1-1】網(wǎng)站主頁主體布局結(jié)構(gòu)設(shè)計【任務(wù)10-1-2】網(wǎng)站主頁局部布局結(jié)構(gòu)設(shè)計【任務(wù)10-1-3】設(shè)計與制作包含導(dǎo)航欄的網(wǎng)頁文檔top_nav.html【任務(wù)10-1-4】設(shè)計與制作包含連續(xù)滾動圖片特效的的網(wǎng)頁文檔image_move.html【任務(wù)10-1-5】創(chuàng)建實現(xiàn)底部導(dǎo)航欄和版權(quán)信息的腳本文件【任務(wù)10-1-6】在網(wǎng)站主頁的頂部導(dǎo)航區(qū)域插入浮動框架【任務(wù)10-1-7】設(shè)計與制作網(wǎng)站主頁的中部區(qū)域【任務(wù)10-1-8】在主頁中插入APDiv對象和SWF動畫【任務(wù)10-1-9】在主頁index1001.html中插入外部腳本文件【任務(wù)10-1-10】在主頁index1001.html中實現(xiàn)狀態(tài)欄中文字的移動效果【任務(wù)10-2】制作“快樂旅游”網(wǎng)站的主頁【任務(wù)10-3】制作“愛旅游”網(wǎng)站的主頁單元11【任務(wù)11-1】整合與發(fā)布“E游天下”網(wǎng)站【任務(wù)11-1-1】新建網(wǎng)頁文檔index.html【任務(wù)11-1-2】設(shè)置網(wǎng)站主頁的超級鏈接【任務(wù)11-1-3】測試“E游天下”網(wǎng)站【任務(wù)11-1-4】清理網(wǎng)頁文檔【任務(wù)11-1-5】申請域名與申請空間【任務(wù)11-1-6】發(fā)布網(wǎng)站【任務(wù)11-1-7】宣傳與推廣網(wǎng)站【任務(wù)11-2】整合與發(fā)布“快樂旅游”網(wǎng)站【任務(wù)11-3】整合與發(fā)布“愛旅游”網(wǎng)站任務(wù)合計主任務(wù)合計：33項，子任務(wù)合計：80項

第10部分教學(xué)實施方案設(shè)計教學(xué)單元1賞析網(wǎng)頁教學(xué)項目P4-1：賞析網(wǎng)頁學(xué)時:2教學(xué)目標1．了解網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素2．掌握Dreamweaver的界面布局與工作環(huán)境3．能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等任務(wù)描述1．認識網(wǎng)頁、網(wǎng)站和瀏覽器窗口的基本組成2．認識網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)3．了解制作網(wǎng)頁的常用軟件4．了解網(wǎng)頁的相關(guān)概念和術(shù)語步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課程分析與操作準備網(wǎng)頁設(shè)計與制作類崗位需求分析課程定位介紹考核方法說明學(xué)習(xí)方法說明啟動瀏覽器（例如IE瀏覽器），然后在地址欄中輸入相應(yīng)的地址并回車就能瀏覽該網(wǎng)頁引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽賞析“E游天下”網(wǎng)站的主頁項目教學(xué)法任務(wù)驅(qū)動教學(xué)法53方法引導(dǎo)與操作示范分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素Dreamweaver的界面布局與工作環(huán)境案例教學(xué)法154模仿訓(xùn)練學(xué)生分組瀏覽指定的網(wǎng)站，分析網(wǎng)頁的結(jié)構(gòu)、色彩和組成元素教師巡視答疑案例教學(xué)法105引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練賞析“快樂E游”網(wǎng)的主頁分組教學(xué)法案例教學(xué)法207同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法108拓展訓(xùn)練任務(wù)布置賞析“愛旅游”網(wǎng)的主頁分組教學(xué)法39課堂小結(jié)歸納網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作圖文混排網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元2制作圖文混排網(wǎng)頁教學(xué)項目P4-2：制作圖文混排網(wǎng)頁學(xué)時:6教學(xué)目標1．掌握對網(wǎng)頁文檔的基本操作2．掌握設(shè)置網(wǎng)頁整體屬性的操作方法3．掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性、設(shè)置項目列表、輸入空格、文本換行的操作方法4．掌握在網(wǎng)頁中插入特殊字符、插入水平線和插入日期的操作方法5．掌握在網(wǎng)頁中插入圖像、鼠標經(jīng)過圖像、的方法6．掌握設(shè)置頁面背景圖像和圖像屬性的方法7．能創(chuàng)建與管理站點8．能進行頁面控制9．能進行文本操作10．能在網(wǎng)頁中進行圖文混排任務(wù)描述1．站點的創(chuàng)建與管理2．在網(wǎng)頁中進行頁面控制3．制作文本網(wǎng)頁4．制作圖文混排的網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價啟動DreamweaverCS3認識DreamweaverCS3的工作界面引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽制作文本網(wǎng)頁“旅游景點總覽”制作圖文混排網(wǎng)頁“瀑布游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范文件面板的使用站點的創(chuàng)建與管理頁面屬性的設(shè)置設(shè)置段落格式和文檔結(jié)構(gòu)創(chuàng)建項目列表和編號列表插入特殊字符、水平線、日期對象在頁面中插入圖像創(chuàng)建鼠標經(jīng)過圖像設(shè)置圖像屬性案例教學(xué)法1204模仿訓(xùn)練學(xué)生模仿完成“制作文本網(wǎng)頁‘旅游景點總覽’、制作圖文混排網(wǎng)頁‘瀑布游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作介紹中國名河的文本網(wǎng)頁制作介紹中國名泉的圖文混排網(wǎng)頁分組教學(xué)法案例教學(xué)法807同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作介紹中國名山的文本網(wǎng)頁制作介紹中國名島的圖文混排網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作圖文混排網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作表格布局網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元3制作表格布局的網(wǎng)頁教學(xué)項目P4-3：制作表格布局的網(wǎng)頁學(xué)時:8教學(xué)目標1．能正確地插入表格，并合理地設(shè)置表格的屬性2．能正確地在表格中插入嵌套表格，并合理地設(shè)置嵌套表格的屬性3．掌握單元格的合并、拆分、插入和刪除的操作方法4．能正確地設(shè)置表格中行和列的屬性5．能正確設(shè)置表格、單元格的背景圖像和背景顏色6．能正確地在表格中輸入文字并定位任務(wù)描述1．在網(wǎng)頁中插入表格2．設(shè)置表格和單元格屬性3．在表格中插入網(wǎng)頁元素步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價在本地硬盤創(chuàng)建文件夾啟動DreamweaverCS3創(chuàng)建名稱為“江湖游”的本地站點新建網(wǎng)頁文檔。設(shè)置網(wǎng)頁標題保存該網(wǎng)頁引導(dǎo)教學(xué)法152網(wǎng)頁效果瀏覽制作表格布局的網(wǎng)頁“江湖游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范插入表格設(shè)置表格屬性插入嵌套表格單元格屬性設(shè)置在表格中插入網(wǎng)頁元素案例教學(xué)法1154模仿訓(xùn)練學(xué)生模仿完成“制作表格布局的網(wǎng)頁‘江湖游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作以表格布局的展示三峽旅游景點的網(wǎng)頁分組教學(xué)法案例教學(xué)法807同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作以表格布局的介紹中國名湖的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作表格布局的網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作包含APDiv與超級鏈接網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元4制作包含APDiv與超級鏈接的網(wǎng)頁教學(xué)項目P4-4：制作包含APDiv與超級鏈接的網(wǎng)頁學(xué)時:6教學(xué)目標1．能創(chuàng)建網(wǎng)頁的內(nèi)部鏈接和外部鏈接2．能在圖像中設(shè)置熱點區(qū)域，并創(chuàng)建圖像熱點鏈接3．能創(chuàng)建命名錨記和到該命名錨記的鏈接4．能創(chuàng)建電子郵件鏈接5．能更改鏈接顏色、設(shè)置鏈接的打開方式、設(shè)置空鏈接6．能測試鏈接的有效性7．能插入或繪制APDiv，并合理地設(shè)置APDiv的屬性8．能正確在APDiv中插入flash動畫9．能正確插入浮動框架iframe，并設(shè)置其屬性10．進一步熟悉使用表格進行網(wǎng)頁布局，靈活設(shè)置表格及單元格的屬性11．掌握滾動圖片的方法12．掌握絕對路徑和相對路徑以及鏈接的類型任務(wù)描述1．在網(wǎng)頁中繪制或插入三個APDiv，在APDiv中插入Flash動畫或圖像2．在網(wǎng)頁中創(chuàng)建多個超級鏈接步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“公園游”的本地站點創(chuàng)建網(wǎng)頁文檔引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽制作包含APDiv和超級鏈接的網(wǎng)頁“公園游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范繪制或插入APDiv創(chuàng)建外部鏈接創(chuàng)建內(nèi)部鏈接創(chuàng)建電子郵件鏈接創(chuàng)建錨點鏈接創(chuàng)建圖像熱點鏈接創(chuàng)建文件下載鏈接創(chuàng)建空地址鏈接檢查鏈接創(chuàng)建文字形式的導(dǎo)航欄實現(xiàn)滾動圖片功能案例教學(xué)法754模仿訓(xùn)練學(xué)生模仿完成“制作包含APDiv和超級鏈接的網(wǎng)頁‘公園游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法156同步訓(xùn)練制作展示桂林旅游景點的網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置制作包含多種超級鏈接的介紹中國名河的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作包含APDiv與超級鏈接網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用模板和庫制作網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元5使用模板和庫制作網(wǎng)頁教學(xué)項目P4-5：使用模板和庫制作網(wǎng)頁學(xué)時:6教學(xué)目標1．能制作用來生成模板的網(wǎng)頁，并將現(xiàn)有的網(wǎng)頁生成模板2．能正確編輯模板，掌握設(shè)置可編輯區(qū)域的方法3．掌握用模板生成新網(wǎng)頁的操作方法，并能對新網(wǎng)頁進行編輯加工4．能熟練地修改網(wǎng)頁模板，并同步更新該模板生成的網(wǎng)頁5．能創(chuàng)建庫項目，并且能修改庫項目，更新包含庫項目的網(wǎng)頁6．掌握插入圖像占位符的方法7．能使用多層嵌套表格布局網(wǎng)頁8．掌握模板和庫的作用9．了解CSS樣式的簡單應(yīng)用任務(wù)描述1．創(chuàng)建庫項目，并在網(wǎng)頁中插入庫項目2．由現(xiàn)有的網(wǎng)頁文檔生成網(wǎng)頁模板，在網(wǎng)頁模板中定義和修改可編輯區(qū)域、可選區(qū)域3．創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁，修改和更新網(wǎng)頁模板屬性4．修改網(wǎng)頁模板和庫項目，并更新基于網(wǎng)頁模板的網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“名城游”的本地站點制作用來生成網(wǎng)頁模板的網(wǎng)頁引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽使用模板和庫制作網(wǎng)頁“名城游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范創(chuàng)建庫項目在網(wǎng)頁中插入庫項目創(chuàng)建網(wǎng)頁模板定義與修改可編輯區(qū)域和可選區(qū)域創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁修改網(wǎng)頁模板并更新網(wǎng)頁修改庫項目并更新網(wǎng)頁案例教學(xué)法804模仿訓(xùn)練學(xué)生模仿完成“使用模板和庫制作網(wǎng)頁‘名城游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練使用模板和庫制作海口游的網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置使用模板和庫制作南京游的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用模板和庫制作網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作表單網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元6制作表單網(wǎng)頁教學(xué)項目P4-6：制作表單網(wǎng)頁學(xué)時:6教學(xué)目標1．能正確設(shè)置虛擬目錄2．能創(chuàng)建動態(tài)站點3．能在網(wǎng)頁中正確插入表單域4．能在表單域中正確插入各項表單控件5．了解使用Spry驗證控件實現(xiàn)對表單控件內(nèi)容的檢測6．掌握檢查提交表單數(shù)據(jù)的正確性的方法7．能引用外部JavaScript腳本文件驗證表單數(shù)據(jù)任務(wù)描述1．創(chuàng)建動態(tài)站點2．在網(wǎng)頁中插入表單域3．設(shè)置表單域的屬性4．在表單域中插入表單控件5．使用Spry和行為驗證表單數(shù)據(jù)的有效性6．引用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“E游調(diào)查”的本地站點新建一個用于插入表單的網(wǎng)頁文檔引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽制作表單網(wǎng)頁“E游調(diào)查”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范設(shè)置虛擬目錄創(chuàng)建動態(tài)站點插入表單域插入表單控件設(shè)置表單域?qū)傩栽O(shè)置表單控件屬性檢查表單數(shù)據(jù)的正確性案例教學(xué)法804模仿訓(xùn)練學(xué)生模仿完成“制作表單網(wǎng)頁‘E游調(diào)查’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練創(chuàng)建一個簡單的E游留言薄分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置創(chuàng)建一個注冊網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作表單網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用Div+CSS布局網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元7使用Div+CSS布局網(wǎng)頁教學(xué)項目P4-7：使用Div+CSS布局網(wǎng)頁學(xué)時:6教學(xué)目標1．能設(shè)計頁面的布局結(jié)構(gòu)2．能創(chuàng)建頁面布局樣式3．能插入Div標簽對網(wǎng)頁的頁面進行布局任務(wù)描述1．頁面的布局設(shè)計2．創(chuàng)建頁面布局樣式3．插入Div標簽對頁面進行布局步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“山岳游”的本地站點新建標題為“山岳游”的網(wǎng)頁引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽使用CSS布局網(wǎng)頁“山岳游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范頁面的布局設(shè)計創(chuàng)建布局樣式布局樣式屬性的設(shè)置插入Div標簽，并應(yīng)用布局樣式案例教學(xué)法854模仿訓(xùn)練學(xué)生模仿完成“使用CSS布局網(wǎng)頁‘山岳游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法645引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練使用CSS布局“泰山游”網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置使用CSS布局“廬山游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用Div+CSS布局網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用CSS美化網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元8使用CSS美化網(wǎng)頁教學(xué)項目P4-8：使用CSS美化網(wǎng)頁學(xué)時:4教學(xué)目標1．能創(chuàng)建美化頁面元素的樣式2．能在使用Div＋CSS布局的網(wǎng)頁中輸入文字和插入各種頁面元素3．能創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．能應(yīng)用美化頁面元素樣式美化網(wǎng)頁任務(wù)描述1．創(chuàng)建美化頁面元素的樣式2．輸入文字和插入各種頁面元素3．創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．應(yīng)用美化頁面元素樣式美化網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“山岳游”的本地站點打開使用CSS布局網(wǎng)頁“山岳游”引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽使用CSS美化網(wǎng)頁“山岳游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范創(chuàng)建美化頁面元素的樣式美化頁面元素樣式屬性的設(shè)置新建代碼片斷在頁面各個區(qū)塊中輸入文字或插入頁面元素應(yīng)用美化頁面元素樣式美化網(wǎng)頁案例教學(xué)法1204模仿訓(xùn)練學(xué)生模仿完成“使用CSS美化網(wǎng)頁‘山岳游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練使用CSS美化“泰山游”網(wǎng)頁分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置使用CSS美化“廬山游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用CSS美化網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作包含特效網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元9制作包含特效的網(wǎng)頁教學(xué)項目P4-9：制作包含特效的網(wǎng)頁學(xué)時:8教學(xué)目標1．能編寫簡單的JavaScript程序，能看懂較復(fù)雜的JavaScript程序，明確其實現(xiàn)的功能和各語句的含義2．能根據(jù)功能需求改寫JavaScript程序代碼，以改進或擴展其功能3．能使用JavaScript技術(shù)制作網(wǎng)頁特效任務(wù)描述1．在網(wǎng)頁中顯示當前日期2．在不同時間段顯示不同問候語3．滾動網(wǎng)頁標題欄中的文字4．動態(tài)改變網(wǎng)頁中文本字體大小5．關(guān)閉網(wǎng)頁時自動彈出小窗口步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價創(chuàng)建名稱為“生態(tài)游”的本地站點打開制作網(wǎng)頁特效的網(wǎng)頁“生態(tài)游”為網(wǎng)頁應(yīng)用外部樣式引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽制作包含特效的“云南旅游”網(wǎng)頁項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范JavaScript基本語法JavaScript對象Windows對象Document對象常用內(nèi)置對象JavaScript代碼嵌入HTML代碼運用JavaScript技術(shù)制作網(wǎng)頁特效案例教學(xué)法1154模仿訓(xùn)練學(xué)生模仿完成“制作包含特效的‘云南旅游’網(wǎng)頁”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作包含特效的“九寨溝之游”網(wǎng)頁分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作包含特效的“公園游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作包含特效網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)整合與發(fā)布網(wǎng)站的相關(guān)知識講授法2教學(xué)單元10整合與發(fā)布網(wǎng)站教學(xué)項目P4-10：整合與發(fā)布網(wǎng)站學(xué)時:4教學(xué)目標1．能整合網(wǎng)站2．了解域名的設(shè)計與申請方法3．能測試網(wǎng)站4．能發(fā)布網(wǎng)站5．了解宣傳與推廣網(wǎng)站的方法任務(wù)描述1．優(yōu)化網(wǎng)頁2．將多個網(wǎng)頁整合成一個網(wǎng)站3．測試網(wǎng)站4．申請網(wǎng)站域名和網(wǎng)頁空間5．發(fā)布網(wǎng)頁6．宣傳與推廣網(wǎng)站步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價在本地硬盤創(chuàng)建文件夾啟動DreamweaverCS3創(chuàng)建名稱為“E游天下”的本地站點引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽整合與發(fā)布網(wǎng)站“E游天下”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法53方法引導(dǎo)與操作示范將多個網(wǎng)頁整合成一個網(wǎng)站網(wǎng)站測試方法域名的設(shè)計與申請方法網(wǎng)站的發(fā)布方法網(wǎng)站的維護與更新案例教學(xué)法554模仿訓(xùn)練學(xué)生模仿完成“整合與發(fā)布網(wǎng)站‘E游天下’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法405引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練整合與發(fā)布網(wǎng)站“快樂E游”分組教學(xué)法案例教學(xué)法407同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法158拓展訓(xùn)練任務(wù)布置整合與發(fā)布網(wǎng)站“愛旅游”分組教學(xué)法39課堂小結(jié)歸納整合與發(fā)布網(wǎng)站的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作一個完整靜態(tài)網(wǎng)站的相關(guān)知識講授法2教學(xué)單元11制作商品購物網(wǎng)站教學(xué)項目P4-11：制作商品購物網(wǎng)站學(xué)時:8教學(xué)目標1．了解網(wǎng)站開發(fā)流程2．掌握網(wǎng)頁設(shè)計原理與技巧3．能應(yīng)用CSS樣式設(shè)計布局網(wǎng)頁4．能設(shè)計與制作導(dǎo)航欄，會正確使用浮動框架5．能插入網(wǎng)頁元素6．能利用模板和庫創(chuàng)建網(wǎng)頁7．能在網(wǎng)頁中設(shè)置超級鏈接任務(wù)描述1．畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進行規(guī)劃2．使用Div+CSS和表格聯(lián)合布局網(wǎng)頁3．設(shè)計與制作導(dǎo)航欄4．插入網(wǎng)頁元素5．利用模板和庫制作網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準備與拓展訓(xùn)練評價啟動DreamweaverCS3創(chuàng)建名稱為“商品購物網(wǎng)站”的本地站點引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽制作商品購物網(wǎng)站項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范網(wǎng)站開發(fā)流程網(wǎng)站規(guī)劃與組織網(wǎng)頁設(shè)計基本原理與方法網(wǎng)頁設(shè)計的規(guī)范案例教學(xué)法404模仿訓(xùn)練學(xué)生模仿完成“制作商品購物網(wǎng)站”項目的部分制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法1605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作商品購物網(wǎng)站分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標準對本組學(xué)生完成的項目進行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置完善商品購物網(wǎng)站分組教學(xué)法59課堂小結(jié)歸納制作一個完整網(wǎng)站的相關(guān)知識指出學(xué)生操作過程中出現(xiàn)的錯誤講授法5

第11部分《網(wǎng)頁設(shè)計與制作》學(xué)習(xí)指導(dǎo)單元1創(chuàng)建站點與瀏覽網(wǎng)頁制作網(wǎng)頁之前，應(yīng)該先在本地計算機磁盤上建立一個站點，使用站點對網(wǎng)頁文檔、樣式表文件、網(wǎng)頁素材進行統(tǒng)一管理。如果使用了外部文件，Dreamweaver就會自動檢測并提示是否將外部文件復(fù)制到站點內(nèi)，以保持站點的完整性。如果某個文件夾或文件重新命名，系統(tǒng)會自動更新所有的鏈接，以保證原有鏈接關(guān)系的正確性。在制作網(wǎng)頁之前，通過瀏覽網(wǎng)頁，認識瀏覽器窗口的基本組成和網(wǎng)頁的基本組成元素，認識網(wǎng)頁的布局結(jié)構(gòu)，了解網(wǎng)頁的基本概念。教學(xué)目標（1）學(xué)會創(chuàng)建本地站點和管理本地站點（2）熟悉DreamweaverCS6的工作界面（3）熟悉瀏覽器窗口的基本組成和網(wǎng)頁的基本組成元素（4）了解網(wǎng)頁的相關(guān)概念（5）認識網(wǎng)頁的基本布局結(jié)構(gòu)（6）了解一些制作網(wǎng)頁、處理圖像、制作動畫的工具本單元重點（1）創(chuàng)建本地站點（2）網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)本單元難點（1）網(wǎng)頁的布局結(jié)構(gòu)（2）網(wǎng)頁的基本概念教學(xué)方法任務(wù)驅(qū)動法、分組討論法、四步訓(xùn)練法（操作準備－引導(dǎo)訓(xùn)練－同步訓(xùn)練－拓展訓(xùn)練）課時建議2課時（含考核評價）單元2制作文本網(wǎng)頁網(wǎng)頁中的信息主要通過文字來表達的，文字是網(wǎng)頁的主體和構(gòu)成網(wǎng)頁最基本的元素，它具有準確快捷地傳遞信息、存儲空間小、易復(fù)制、易保存、易打印等優(yōu)點，其優(yōu)勢很難被其他元素所取代。在DreamweaverCS6中輸入文本與在Word中輸入文本很相似，都可以對文本的格式進行設(shè)置。本單元通過制作一個文本網(wǎng)頁，學(xué)會建立站點目錄結(jié)構(gòu)、創(chuàng)建網(wǎng)頁文檔、設(shè)置網(wǎng)頁的首選參數(shù)、設(shè)置頁面的整體屬性、在網(wǎng)頁中輸入與編輯文本、對網(wǎng)頁文本進行格式化處理。教學(xué)目標（1）學(xué)會建立站點目錄結(jié)構(gòu)（2）熟悉創(chuàng)建和保存網(wǎng)頁文檔等基本操作（3）學(xué)會設(shè)置網(wǎng)頁的首選參數(shù)（4）掌握設(shè)置網(wǎng)頁的整體屬性（5）掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性的操作方法（6）掌握在網(wǎng)頁中設(shè)置項目列表、輸入空格和文本換行的操作方法（7）掌握在網(wǎng)頁中插入特殊字符、水平線和日期的操作方法（8）熟悉HTML的基本結(jié)構(gòu)本單元重點（1）對網(wǎng)頁文檔的基本操作（2）在網(wǎng)頁中輸入文字、編輯文本和設(shè)置文本屬性（3）在網(wǎng)頁中設(shè)置項目列表、輸入空格和文本換行本單元難點（1）設(shè)置項目列表、輸入多個連續(xù)空格（2）網(wǎng)頁中插入特殊字符、插入水平線教學(xué)方法任務(wù)驅(qū)動法、分析探究法、四步訓(xùn)練法課時建議4課時（含考核評價）單元3制作圖文混排網(wǎng)