.word可編輯.word可編輯.專業專業.專注《網頁設計》課程標準課程名稱：《網頁設計》適用專業：計算機應用技術，電子商務建議學時：72學分：41.前言1.課1程的性質《網頁設計 》是計算機應用技術專業和電子商務的主要專業課之一，是為滿足行業企業在網絡媒體內容制作崗位對靜態網頁設計和制作人員的用人需求而開設的一門專業必修課，占4學分。1.課2程定位本課程主要培養學生從事網頁設計與制作的基本技能，使學生掌握網頁設計的概念和方法，能夠運用專業的網頁設計工具和腳本語言，進行網站規劃、建立和維護，具備網頁設計崗位的職業技術能力。在本課程之前，學生已學習了《計算機應用基礎》、《 平面設計》等基礎課程的，具備基本的計算機操作與圖形圖像制作能力，本課程的后續課程是《 動態網頁設計》。.設3計思路本課程的設計思路以就業為導向，按照基于工作過程的職業能力來進行課程開發，邀請企業行業網絡專家對計算機網絡專業所涵蓋的崗位群進行工作任務和職業能力分析，以此為依據確定本課程的工作任務和課程內容，并參照行業職業標準，以任務引領為課程框架，將課程按遞進方式設計成項目，并以項目為單元組織教學，使學生由淺入深，以點到面的全面掌握網頁設計的職業技能。同時開發教材，對教學過程的組織、教學條件、課程評價都進行了詳細的設計，完成本課程的整體教學內容和教學實施的整體設計，建立了基于網頁設計的課程標準。.課程目標本課程以學生能夠獨立進行靜態網站開發與維護的實際工作能力為學習目標，要求學生具備綜合運用 技術制作網頁，規劃、開發、發布管理靜態網站的專業知識和技能，形成解決實際應用問題的方法能力，為以后的學習《動態網頁設計》課程打下基礎。本課程培養學生綜合運用 技術制作網頁，以及使用常用網頁設計工具規劃、開發、發布、管理靜態網站的專業知識和技能，具備解決實際應用問題的方法能力，為以后的學習《動態網頁設計》課程打下基礎。具體目標如下：2.知1識目標能處理網頁圖形圖像素材能規劃、創建、發布、維護靜態網站能運用 控制網頁行為能運用多種布局技術制作網頁布局能靈活運用 技術規范、美化網頁內容能跟蹤和學習并應用網頁設計與制作的新知識和新技術2.技2能目標能合理的規劃商業網站；能合理設計網頁的布局方案和美術設計方案；能規范的編寫網頁策劃書；能熟練應用 繪制網頁導航要素；能熟練應用 繪制網頁信息區塊；能熟練應用 繪制網頁美術文字效果；能熟練應用 處理網頁插圖；能熟練應用 繪制網頁整體效果圖；能熟練應用 正確的對網頁效果圖進行切片和優化；能熟練應用 進行網站站點管理和初始化頁面；能熟練應用 對網頁的總體結構進行排版；能熟練應用 對網頁插片和文字進行編排；能熟練應用 制作網頁的細節效果；能應用 進行 結構排版；能熟練應用 制作模板與網站子頁；能應用 制作框架頁面結構和簡單頁面腳本交互功能；能熟練應用 鏈接網頁與測試網站；能應用互聯網資源發布網站；能熟練應用 維護網頁。2.素3質目標培養良好的勞動紀律觀念；培養認真做事、細心做事的態度；培養團隊協作精神；培養表述、回答等語言表達能力；培養交流、溝通的能力3.課程內容和學時安排以真實工作項目為依據，對項目進行功能分解、歸納，提取工作任務，分析工作任務所涉及的相關知識，設計一系列能力要求不斷提升的進階式學習任務，以學習任務為教學單元組織課程教學，將網頁各類語言的應用融入到各學習情境中，模擬網站開發流程，設計以訓練學生為主、教師指導為輔的基于工作過程教學活動，培養學生崗位職業技能應用及自主學習能力，從而構建該課程的教學內容。《網頁設計》課程教學內容設計如下表所示。）總體設計序號任務名稱知識要點技能目標課時＞常見網頁設計工具的使用A安裝與啟用網頁制作軟件＞ 文檔基本結構A熟悉網頁制作的基本步驟制作圖＞文本排版控制標記符A正確插入文本與特殊字符1文混排＞圖像插入標記符A正確對文本進行分段分行網頁＞特殊字符A正確插入圖像＞的意義、創建與使用方法A運用 技術控制文字圖片樣式2制作個＞有序列表標記符A制作有序列表、無序列表人簡歷＞無序列表標記符A制作混合列表

網頁＞表格標記符A運用超鏈接啟動電子郵箱鏈接＞超鏈接標記符A運用表格進行簡單頁面排版＞ s技術對列表的控制方法A運用 技術設置列表顯示方式A網頁圖像素材的特點與主要類型A熟悉網頁圖像素材的特點與類型3制作電子相冊網頁k1 曰1豕為：7!0HUTu人土士＞ 對圖片進行批處理的方法＞電子相冊排版要點＞圖像、表格、超鏈接標記符的相關屬性＞ s技術的濾鏡使用方法A掌握 的基本操作方法A了解并掌握網頁圖片處理的主要方法A熟知圖像、表格、超鏈接標記符的屬性A運用 濾鏡技術美化圖片效果＞本地網站的創建與發布＞正確創建、設置、發布本地網站＞ 的安裝與設置方法A正確安裝、設置與管理＞網站的規劃與制作流程A運用框架技術進行網頁布局4制作唐詩欣賞網站＞框架技術進行網頁布局的方法＞超鏈接標記符在框架技術中的作用＞錨點鏈接技術＞網站 的制作方法＞錨點技術在長版面網頁中的應用A運用圖像設計軟件制作A運用 制作具有動態效果的＞制作網站 的方法A掌握向網頁插入動畫、視頻等多媒＞多媒體素材網頁的制作方法體素材的方法＞個人網站的規劃與制作流程A熟悉 控制超鏈接樣式的方法5制作個人網站＞個人網站的規劃方法與制作特點＞運用圖形制作工具繪制網頁布局A了解個人網站的制作方法與特點A設計并繪制網頁布局圖

＞ 切片并導出網頁的方法＞ 布局切片網頁的方法＞頁內框架技術布局網頁的方法＞動態導航條的制作方法＞ 進行樣式規范與美化網頁的方法A應用切廿術設計網頁布局結構A運用 優化切片網頁A運用頁內框架技術實現網站超鏈接A掌握制作動態導航條的方法A運用 對網頁進行樣式規范與美化＞表單與表單元素的相關標記符A熟悉表單及表單元素的設置方法＞表單與表單元素的作用A掌握表格布局表單元素的方法制作用＞表格布^單元素A運用 對表格、表單元素進行規范6戶注冊＞ 對表格、表單元素的控制方法與美化網頁＞ 檢驗表單行為的應用A掌握 驗證表單的方法＞以電子郵件方式提交表單的方法A掌握電子郵件形式提交表單的方法＞ 基本語法知識A熟悉 語法知識制作智＞ 語句嵌入到 的方法A掌握在 中調用 代碼能顯示＞表單元素調用 語句的方法7效果的＞ 函數的調用方法的方法A熟悉調用 的事件網頁＞時間對象的使用方法A控制與使用時間對象、瀏覽器對象＞瀏覽器對象的控制方法＞ 判斷、循環等語句的語法A靈活運用 分支與循環語句知識A掌握 自定義函數的方法制作訂8單網頁＞創建與調用 自定義函數的A掌握數組對象、字符對象、文檔對方法象的控制與使用方法＞數組對象的控制與使用方法A綜合運用 、 、 技

＞字符對象的控制與使用方法術＞文檔對象的控制與使用方法＞ 對表單p?的訪問與控制A掌握 訪問與控制表單元素制作在方法的方法9線考試＞定時器的使用方法A靈活設置與取消定時器網頁＞ 技術的綜合應用方法A運用 處理頁面的能力A熟悉運用 技術設計網頁＞門戶網站的設計、規劃與制作流程A掌握 創建與運用制作數＞網站創建、發布、維護管理的方法的方法1碼產品＞ 布局網頁的方法A掌握運用 時間軸功能0門戶網＞創建子菜單的方法制作網頁漂移元素的方法站＞ 技術A掌握 行為面板的使用方法A 的高級應用技術A靈活應用 增加網頁特效整個課程通過10個技術難度漸進式的工作過程為向導，以典型工作任務為基點，設計綜合理論知識、操作技能和職業素養為一體教學單元活動。用任務驅動教學的各個環節。邊做邊學，帶動相關知識點，使學生通過完成工作任務教學單元的學習，不但能夠掌握網頁制作與網站設計的專業知識和專業技能，還能夠全面培養其團隊協作、溝通表達、工作責任心、職業道德與規范等綜合素質，學生通過學習的過程掌握工作崗位所需要的各項技能和相關專業知識。

（二）課程單元內容任務名稱一、制作圖文并茂的網頁參考課時知識要點＞常見網頁設計工具的使用＞ 文檔基本結構＞文本排版控制標記符＞圖像插入標記符＞特殊字符以及物理顯示標記符＞的意義、創建與使用方法技能目標＞安裝和啟動網頁制作軟件＞熟悉網頁制作的基本步驟＞正確插入文本與特殊字符＞正確對文本進行分段分行＞正確插入圖像＞運用 技術控制文字圖片樣式任務驅動工作過程安裝、啟動與認識常用的網頁制作工具制作一個基本結構完整、內容空白的 文檔設置 文檔的基本屬性向 文檔中添加文本信息，并運用相關標記符號進行排版向 文檔插入圖片，并運用相關標記符號進行圖文混排為網頁的基本屬性、文字的樣式建立并應用相關 類型,規范樣式美化頁面拓展任務給定文本內容與素材，制作一個圖文并茂的網頁給定主題,自行組織與制作素材，制作一個圖文并茂的網頁任務名稱二、制作個人簡歷網頁參考課時

知＞有序列表標記符技＞制作有序列表、無序列表識＞無序列表標記符能＞制作混合列表要＞表格標記符目＞運用超鏈接標記符啟動電子郵箱鏈接點＞超鏈接標記符標＞運用表格進行簡單頁面排版>s技術對列表的控制方法＞運用 技術設置列表顯示方式簡單任務活動安排序號任務名稱說明制作一個包含有序列表、無序列表的網頁應用 標記符制作一個包含混合列表的網頁嵌套應用 標記符制作一個顯示課程表的網頁應用 標記符制作一個將以上鏈接以上網頁的網頁應用標記符制作個人簡歷網頁任務表格布局頁面給出布局供學生參考,分析制作過程，給出指引后學生自行完成工作過程對表格中的單元格進行合并、拆分，局完成頁面主體格指導在相應單元格中插入相關信息，完成簡歷信息制作電子郵箱啟動的制作任務名稱三、制作電子相冊網頁參考課時知識＞網頁圖像素材的特點與主要類型＞ 對圖片進行批處理的方法技能＞熟悉網頁圖像素材的特點與類型＞掌握 的基本操作方法

要）點））》電子相冊排版要點》圖像、表格、超鏈接標記符的相關屬性＞s技術的濾鏡使用方法目標＞了解并掌握網頁圖片處理的主要方法＞熟知圖像、表格、超鏈接標記符的屬性＞運用 濾鏡技術美化圖片效果任務驅動工作過程規劃與設計網頁的風格與布局結構運用 制作具有藝術效果的網頁文字標題運用 對相冊素材圖片的大小、版面樣式、色彩等進行批處理，并導出結果利用表格對網頁進行基本布局創建文件，設置文字與圖片格式，特別是為圖片設置美化的濾鏡效果向布局表格的單元格中插入相應的圖片素材和文字說明,并應用樣式為圖片素材和文字設置相關超鏈接拓展任務任務名稱四、制作唐詩欣賞網站參考課時知＞本地網站的創建與發布技＞正確創建、設置、發布本地網站識＞ 的安裝與設置方法能＞正確安裝、設置與管理要＞網站的規劃與制作流程目＞運用框架技術進行網頁布局點＞框架技術進行網頁布局的方法標＞錨點技術在長版面網頁中的應用＞超鏈接標記符在框架技術中的作用＞運用圖像設計軟件制作

＞錨點鏈接技術＞網站 的制作方法＞制作網站 的方法＞多媒體素材網頁的制作方法＞運用 制作具有動態效果的＞掌握向網頁插入動畫、視頻等多媒體素材的方法＞熟悉 控制超鏈接樣式的方法任務驅動工作過程規劃網站的模塊（可按作者劃分模塊）首頁布局結構（左上下結構）素材準備：設計并制作網站 、 及相關多媒體素材創建相關文件夾，在 創建本地站點，在做相關設置運用錨點技術創建長版面子模塊網頁,并運用 技術實現圖文并茂的效果創建 頁面，插入 、標題并設置超鏈接源及目的窗口，形成導航條效果創建 頁面，插入相關創建 頁面,內容為圖文并茂的網站主題簡介，作為首頁主框架的內容創建首頁 ,運用框架集布局頁面,插入相關的框架頁面,完成相關超鏈接發布與調試網站任務名稱五、制作個人網站參考課時知＞個人網站的規劃方法與制作特點技＞了解個人網站的制作方法與特點識＞運用圖形制作工具設計繪制網頁布局能＞設計并繪制網頁布局圖要>執行切片并導出網頁的方法目＞應用切片技術設計網頁布局結構點>布局切片網頁的方法標＞運用優化切片網頁

＞頁內框架技術在網頁布局中的應用方法》動態導航條的制作方法》 對網頁進行樣式規范與美化的方法＞運用頁內框架技術實現網站超鏈接＞掌握制作動態導航條的方法＞運用 對網頁進行樣式規范與美化任務驅動工作過程規劃個人網站的模塊內容（基本模塊為：自我介紹、個人愛好、個人相冊、文章）首頁布局結構（上左右結構）設計并繪制網站首頁布局圖在 中對布局圖進行切片操作，并導出文件夾在 創建本地站點，在做相關設置素材準備：動態導航條及相關多媒體素材創建文件，在 設置并優化切片網頁，創建頁內框架標記符創建并制作“自我介紹”、“個人愛好”、“相冊”、“文章”等子模塊頁面及相關建立超鏈接，完成網站拓展任務運用切片技術,由全球 強企業網站首頁的截圖,設計并制作首頁、二級子頁樣式任務名稱六、制作用戶注冊網頁參考課時知＞表單^單元素的相關標記符技＞熟悉表單及表單元素的設置方法識＞表單與表單元素的作用能＞掌握表格布局表單元素的方法要＞表格布局表單元素目＞運用對表格、表單元素進行規范與點＞ 對表格、表單元素的控制方法標美化

＞ 檢驗表單行為的應用＞以電子郵件方式提交表單的方法＞掌握 驗證表單的方法＞掌握電子郵件形式提交表單的方法任務驅動工作過程創建頁面，插入表單標記符，將表單行為設置為電子郵件提交在表單中插入表格，并創建相應的 樣式對表格格式進行控制在表格的單元格中插入表單元素,并創建相應的 樣式對表單格式進行控制通過 的行為面板設置單擊提交按鈕的行為測試網頁，驗證設計結果任務名稱七、制作智能顯示效果的網頁參考課時知識要點＞ 基本語法知識＞ 語句嵌入到 的方法＞表單元素調用 語句的方法＞ 函數的調用方法＞時間對象的使用方法＞瀏覽器對象的控制方法技能目標＞熟悉 語法知識＞掌握在 中調用 代碼的方法＞熟悉調用 的事件＞控制與使用時間對象、瀏覽器對象簡單任務活動安排序號任務名稱說明制作一個能夠輸入并記載用戶信息的網頁函數的調用制作一個具有顯示當前時間功能的網頁時間對象的使用制作個可以更改網頁背景顏色的網頁文檔對象

制作一個可以設置瀏覽器狀態欄信息的網頁瀏覽器對象制作一個根據具有智能顯示效果的網頁任務根據用戶的訪問時間設置相應的問候語給出案例供學生參考，分析制作過程，給出指引并工作根據用戶的喜好設置網頁背景與字體顏色后二?AP，/天-hn共口白匕六Zr田過程狀態欄中顯示用戶當前的操作行為鼓勵學生添加智能效果,指導具有設置為默認頁面、添加到收藏夾等功能學生自行兀成任務名稱 八、制作訂單網頁 參考課時知識要點＞ 判斷、循環等語句的語法知識＞創建與調用 自定義函數的方法＞數組對象的控制與使用方法＞字符對象的控制與使用方法＞文檔對象的控制與使用方法技能目標＞靈活運用 分支與循環語句＞掌握 自定義函數的方法＞掌握數組對象、字符對象、文檔對象的控制與使用方法＞綜合運用 、 、 技術簡單任務活動安排序號任務名稱說明制作一個能記錄并輸出一組用戶登記信息的網頁數組文檔對象在以上任務增加功能：用戶可以控制體中止輸入信息判斷語句的使用在以上任務增加功能：美化用戶的輸出信息制作訂單網頁給出案例供學生參考,分析制作過程，給出指引并任務能列出商品的名稱及單價供用戶選擇

工作用戶可以在選擇商品的同時輸入數量鼓勵學生從界面友好、操過程根據用戶輸入的信息輸出訂單，包括商品名稱、數作方便等方面增加網頁功指導量、單價，以及總的金額能，學生自行完成用戶確認訂單后，信息以郵件的方式提交任務名稱 九、制作在線考試網頁 參考課時知識要點＞ 對表單元素的訪問與控制方法＞定時器的使用方法＞ 技術的綜合應用方法技能目標＞掌握 訪問與控制表單元素的方法＞靈活設置與取消定時器＞運用 處理頁面的能力簡單任務活動安排序號任務名稱說明制作一個具有單選及復選按鈕的網頁表單設計在以上任務增加功能：記載用戶的選擇信息，并輸出訪問表單、數組對象、在以上任務增加功能：一定時間內瀏覽器自動關閉定時器、瀏覽器對象在以上任務增加功能：將信息輸出在新瀏覽器窗口中文檔對象、瀏覽器對象制作在線考試網頁向演示案例效果,提示學生存在幾個問題：成績最后的提交方式、若自動關閉后成績如何算、等等，鼓勵學生任務工作過程登記并顯示用戶登陸信息，并顯示倒計時時間以單選、多選按鈕的形式顯示題目用戶按提交按鈕后,彈出新窗口顯示考試結果：

指導正確答案、用戶答案、題目得分、總得分進一步完善在時限內若未按提交按鈕，則考試窗口自動關閉任務名稱 十、制作數碼產品門戶網站 參考課時知識要點＞門戶網站的設計、規劃與制作流程＞網站創建、發布、維護管理的方法＞ 布局網頁的方法＞創建子菜單的方法＞ 技術＞ 的高級應明術技能目標＞熟悉運用 技術設計網頁＞掌握 創建與運用的方法＞掌握運用 時間軸功能制作網頁漂移元素的方法＞掌握 行為面板的使用方法＞靈活應用 增加網頁特效任務工作過程指導根據主題規劃與設計網站功能模塊、風格學生完成作品后,以小組的方式演示答辯，成績為學生小組互評教師評分做出網站一級頁面、二級頁面的草稿圖以上工作經老師認可后，開始進行網站的開發4.實施建議4.教1學組織建議1、案例教學引入企業的工程項目，作為典型案例，緊扣課程應解決的理論和實際問題，對案例的過程進行詳細的分析、解剖、總結。教學過程中由老師講解案例操作步驟和相關知識，然后由學生仿照老師的演示實現服務器架構。通過對老師操作視頻的觀看，提高了同學們對知識點的應用的理解，有助于提高學生的學習興趣力，掌握相應崗位技能。2、講練結合對基礎知識精心講解，并配合課堂練習，加強了師生的及時交流，便于發現問題、解決問題，也便于對基本知識的牢固掌握。在每一次授課過程中，教師先闡述本章項目驅動部分的任務，然后針對提出的任務，精心講解本章節的知識點，最后教師現場演示，解決問題，完成任務。在現場演示過程中，教師指導學生進行練習，完成部分功能的實現。通過講練結合，達到了舉一反三，靈活應用的目的。3、課堂演示教師為每一章內容精心制作了具有動態效果的幻燈片，以及便于對理論知識理解的實例代碼，隨堂演示，條理清晰，并在開發環境中演示實例運行效果。在上新課前，對上節課的知識要點進行回顧、講述本節課的目標及重點、難點，知識點講解過程中，通過幻燈片動畫將知識點和問題逐一引入，充分激發學生學習的積極性。4、師生之間的良好互動，營造了一個輕松、愉快的學習氛圍在教學中，教師將學生視為等待老師去點燃的炭火，而不是讓老師去填充的容器。以學生為主體，教師為主導，通過各任務單元里精心設計的問題，引導學生思考、發言，表達自己的設計思路，并請學生到教師機上演示案例，指出系統給出錯誤的原因，幫助排錯，鼓勵學生參與教學過程，變被動學習為主動學習。5、任務驅動利用各章節分解的項目任務，培養自學能力和創新精神。教師授課首先給出本章項目任務，針對任務講授相關知識點，然后利用這些知識點來解決問題，讓學生帶著問題聽課，培養了學生從多角度、多層次、寬范圍獲取和應用知識的能力。6、現場教學依托企業，強化實訓。讓具有豐富項目開發經驗的雙師型教師或企業項目工程師在真實的職業環境中現場教學。授課內容包括對某些知識點擴展，新技術的應用，當前研發項目重點等。4.教2學評價建議突出過程評價，以職業崗位工作過程為考評基礎，以全學期的教學情境進度為考核時間線，以一個完整的網站頁面設計制作項目的驅動，在每個教學情境完成教學之后，要求學生運用該教學情境所學技能設計制作項目中的相關進度作業（作品），并對其作業（作品）進行考核。從而形成階段性過程考核成績，該成績作為總評成績的重要組成部份（占60％）。強調目標評價和理論與實踐一體化評價，注重引導學生進行學習方式的改變。強調課程結束后的綜合評價，結合全教學過程的過程考核項目，對學生的最終過程考核作品，從策劃能力、美工設計能力、制作技術應用能力三個方面進行綜合評價。從而充分發揮學生主動性和創造力，還要注重考核學生動手能力和在實踐中分析問題、解決問題的能力。

建議在教學中注重團隊協作能力的評分，課程結束時進行綜合模塊考核。在過程考核中，各教學情境可參照下表進行評價：序號工作過程模塊評價目標評價方式評價分值編寫網站策劃書評價學生的網站規劃能力總結性評價繪制網頁效果圖評價學生的網頁美術設計能力；評價學生的效果圖繪制能力總結性評價制作網站首頁評價學生的網頁排版能力；評價學生的 應用能力；評價學生其它網頁相關輔助技術應用的能力。總結性評價制作網站模板文件與子頁面評價學生的模板文件的制作與應用能力。總結性評價鏈接與測試網站評價學生的鏈接技術應用能力;評價學生對網站站點的綜合管理能力。形成性評價合計在綜合考核中，各任務模塊可參照下表進行評價：

序號評價點參考要求評價方式評價分值策劃能力網站策劃方案充分滿足客戶的建站目的和內容要求。網站欄目規劃合理。方案表達清晰、直觀、詳實。方案具有可操作性。總結性評價美工設計能力美工風格設計符合網站策劃的主題定位、美術效果佳、整體感強、名細節豐富、具有專業感。效果圖繪制技術運用得當,表現力強，具有質感。總結性評價制作技術應用能力網站站點管理得當，文件命名和存放路徑規范;排版技術運用得當,能完好的再現網頁美術設計效果;應用技術運用得當，排版布局合理；模板與子頁制作得當；網頁腳本交互功能運用得當;網站鏈接結構正確、合理、有效。總結性評價合計說明：形成性評價，是在教學過程中對學生的學習態度和各類作業情況進行的評價；總結性評價，是在教學模塊結束時，對學生整體技能情況的評價，