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

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

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

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