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

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

＞ 切片并導(dǎo)出網(wǎng)頁的方法＞ 布局切片網(wǎng)頁的方法＞頁內(nèi)框架技術(shù)布局網(wǎng)頁的方法＞動(dòng)態(tài)導(dǎo)航條的制作方法＞ 進(jìn)行樣式規(guī)范與美化網(wǎng)頁的方法A應(yīng)用切廿術(shù)設(shè)計(jì)網(wǎng)頁布局結(jié)構(gòu)A運(yùn)用 優(yōu)化切片網(wǎng)頁A運(yùn)用頁內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接A掌握制作動(dòng)態(tài)導(dǎo)航條的方法A運(yùn)用 對(duì)網(wǎng)頁進(jìn)行樣式規(guī)范與美化＞表單與表單元素的相關(guān)標(biāo)記符A熟悉表單及表單元素的設(shè)置方法＞表單與表單元素的作用A掌握表格布局表單元素的方法制作用＞表格布^單元素A運(yùn)用 對(duì)表格、表單元素進(jìn)行規(guī)范6戶注冊(cè)＞ 對(duì)表格、表單元素的控制方法與美化網(wǎng)頁＞ 檢驗(yàn)表單行為的應(yīng)用A掌握 驗(yàn)證表單的方法＞以電子郵件方式提交表單的方法A掌握電子郵件形式提交表單的方法＞ 基本語法知識(shí)A熟悉 語法知識(shí)制作智＞ 語句嵌入到 的方法A掌握在 中調(diào)用 代碼能顯示＞表單元素調(diào)用 語句的方法7效果的＞ 函數(shù)的調(diào)用方法的方法A熟悉調(diào)用 的事件網(wǎng)頁＞時(shí)間對(duì)象的使用方法A控制與使用時(shí)間對(duì)象、瀏覽器對(duì)象＞瀏覽器對(duì)象的控制方法＞ 判斷、循環(huán)等語句的語法A靈活運(yùn)用 分支與循環(huán)語句知識(shí)A掌握 自定義函數(shù)的方法制作訂8單網(wǎng)頁＞創(chuàng)建與調(diào)用 自定義函數(shù)的A掌握數(shù)組對(duì)象、字符對(duì)象、文檔對(duì)方法象的控制與使用方法＞數(shù)組對(duì)象的控制與使用方法A綜合運(yùn)用 、 、 技

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

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

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

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

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

＞頁內(nèi)框架技術(shù)在網(wǎng)頁布局中的應(yīng)用方法》動(dòng)態(tài)導(dǎo)航條的制作方法》 對(duì)網(wǎng)頁進(jìn)行樣式規(guī)范與美化的方法＞運(yùn)用頁內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接＞掌握制作動(dòng)態(tài)導(dǎo)航條的方法＞運(yùn)用 對(duì)網(wǎng)頁進(jìn)行樣式規(guī)范與美化任務(wù)驅(qū)動(dòng)工作過程規(guī)劃個(gè)人網(wǎng)站的模塊內(nèi)容（基本模塊為：自我介紹、個(gè)人愛好、個(gè)人相冊(cè)、文章）首頁布局結(jié)構(gòu)（上左右結(jié)構(gòu)）設(shè)計(jì)并繪制網(wǎng)站首頁布局圖在 中對(duì)布局圖進(jìn)行切片操作，并導(dǎo)出文件夾在 創(chuàng)建本地站點(diǎn)，在做相關(guān)設(shè)置素材準(zhǔn)備：動(dòng)態(tài)導(dǎo)航條及相關(guān)多媒體素材創(chuàng)建文件，在 設(shè)置并優(yōu)化切片網(wǎng)頁，創(chuàng)建頁內(nèi)框架標(biāo)記符創(chuàng)建并制作“自我介紹”、“個(gè)人愛好”、“相冊(cè)”、“文章”等子模塊頁面及相關(guān)建立超鏈接，完成網(wǎng)站拓展任務(wù)運(yùn)用切片技術(shù),由全球 強(qiáng)企業(yè)網(wǎng)站首頁的截圖,設(shè)計(jì)并制作首頁、二級(jí)子頁樣式任務(wù)名稱六、制作用戶注冊(cè)網(wǎng)頁參考課時(shí)知＞表單^單元素的相關(guān)標(biāo)記符技＞熟悉表單及表單元素的設(shè)置方法識(shí)＞表單與表單元素的作用能＞掌握表格布局表單元素的方法要＞表格布局表單元素目＞運(yùn)用對(duì)表格、表單元素進(jìn)行規(guī)范與點(diǎn)＞ 對(duì)表格、表單元素的控制方法標(biāo)美化

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

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

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

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

建議在教學(xué)中注重團(tuán)隊(duì)協(xié)作能力的評(píng)分，課程結(jié)束時(shí)進(jìn)行綜合模塊考核。在過程考核中，各教學(xué)情境可參照下表進(jìn)行評(píng)價(jià)：序號(hào)工作過程模塊評(píng)價(jià)目標(biāo)評(píng)價(jià)方式評(píng)價(jià)分值編寫網(wǎng)站策劃書評(píng)價(jià)學(xué)生的網(wǎng)站規(guī)劃能力總結(jié)性評(píng)價(jià)繪制網(wǎng)頁效果圖評(píng)價(jià)學(xué)生的網(wǎng)頁美術(shù)設(shè)計(jì)能力；評(píng)價(jià)學(xué)生的效果圖繪制能力總結(jié)性評(píng)價(jià)制作網(wǎng)站首頁評(píng)價(jià)學(xué)生的網(wǎng)頁排版能力；評(píng)價(jià)學(xué)生的 應(yīng)用能力；評(píng)價(jià)學(xué)生其它網(wǎng)頁相關(guān)輔助技術(shù)應(yīng)用的能力?？偨Y(jié)性評(píng)價(jià)制作網(wǎng)站模板文件與子頁面評(píng)價(jià)學(xué)生的模板文件的制作與應(yīng)用能力。總結(jié)性評(píng)價(jià)鏈接與測(cè)試網(wǎng)站評(píng)價(jià)學(xué)生的鏈接技術(shù)應(yīng)用能力;評(píng)價(jià)學(xué)生對(duì)網(wǎng)站站點(diǎn)的綜合管理能力。形成性評(píng)價(jià)合計(jì)在綜合考核中，各任務(wù)模塊可參照下表進(jìn)行評(píng)價(jià)：

序號(hào)評(píng)價(jià)點(diǎn)參考要求評(píng)價(jià)方式評(píng)價(jià)分值策劃能力網(wǎng)站策劃方案充分滿足客戶的建站目的和內(nèi)容要求。網(wǎng)站欄目規(guī)劃合理。方案表達(dá)清晰、直觀、詳實(shí)。方案具有可操作性。總結(jié)性評(píng)價(jià)美工設(shè)計(jì)能力美工風(fēng)格設(shè)計(jì)符合網(wǎng)站策劃的主題定位、美術(shù)效果佳、整體感強(qiáng)、名細(xì)節(jié)豐富、具有專業(yè)感。效果圖繪制技術(shù)運(yùn)用得當(dāng),表現(xiàn)力強(qiáng)，具有質(zhì)感。總結(jié)性評(píng)價(jià)制作技術(shù)應(yīng)用能力網(wǎng)站站點(diǎn)管理得當(dāng)，文件命名和存放路徑規(guī)范;排版技術(shù)運(yùn)用得當(dāng),能完好的再現(xiàn)網(wǎng)頁美術(shù)設(shè)計(jì)效果;應(yīng)用技術(shù)運(yùn)用得當(dāng)，排版布局合理；模板與子頁制作得當(dāng)；網(wǎng)頁腳本交互功能運(yùn)用得當(dāng);網(wǎng)站鏈接結(jié)構(gòu)正確、合理、有效?？偨Y(jié)性評(píng)價(jià)合計(jì)說明：形成性評(píng)價(jià)，是在教學(xué)過程中對(duì)學(xué)生的學(xué)習(xí)態(tài)度和各類作業(yè)情況進(jìn)行的評(píng)價(jià)；總結(jié)性評(píng)價(jià)，是在教學(xué)模塊結(jié)束時(shí)，對(duì)學(xué)生整體技能情況的評(píng)價(jià)，