PAGEPAGE一零《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)一,課程基本信息課程名稱網(wǎng)頁設(shè)計(jì)與制作適用專業(yè)軟件技術(shù),廣告設(shè)計(jì)與制作,計(jì)算機(jī)網(wǎng)絡(luò)技術(shù),電子商務(wù)技術(shù),大數(shù)據(jù)技術(shù)與應(yīng)用,虛擬現(xiàn)實(shí)應(yīng)用技術(shù)等專業(yè)課程類型考核方式考試□考查□考證□調(diào)研課程代碼一三零三零二零五版本二零一九學(xué) 分四計(jì)劃課時(shí)六四先修課程計(jì)算機(jī)應(yīng)用基礎(chǔ),面圖像處理基礎(chǔ)開課學(xué)期第二學(xué)期制定湯智制定日期二零一九年八月一日批準(zhǔn)批準(zhǔn)日期年月日二,課程概述(一)課程質(zhì)與作用（課程定位）該課程是貴州航天職業(yè)技術(shù)學(xué)院計(jì)算機(jī)科學(xué)系軟件技術(shù),廣告設(shè)計(jì)與制作,計(jì)算機(jī)網(wǎng)絡(luò)技術(shù),電子商務(wù)技術(shù),大數(shù)據(jù)技術(shù)與應(yīng)用,虛擬現(xiàn)實(shí)應(yīng)用技術(shù)等專業(yè)開設(shè)地一門職業(yè)臺(tái)課程,是一門操作與實(shí)踐很強(qiáng)地職業(yè)技術(shù)課程,在專業(yè)才培養(yǎng)方案處于基礎(chǔ)地位,對(duì)于網(wǎng)頁設(shè)計(jì)與制作崗位應(yīng)具備地網(wǎng)頁設(shè)計(jì)與制作能力地培養(yǎng)起到重要作用。在學(xué)生具備了一定地計(jì)算機(jī)應(yīng)用基礎(chǔ)知識(shí)與面圖像處理基礎(chǔ)能力地基礎(chǔ)上,本課程主要介紹了網(wǎng)頁設(shè)計(jì)與布局知識(shí),網(wǎng)頁制作技術(shù)以及Dreamweaver,SublimeText等網(wǎng)頁編輯與制作軟件地使用,讓學(xué)生能熟練地制作出有專業(yè)水準(zhǔn)地網(wǎng)頁,具備手寫代碼地能力。該課程要求學(xué)生具備一定地美術(shù)設(shè)計(jì)思想與圖形圖像處理及動(dòng)畫制作能力,采用"項(xiàng)二個(gè)六四(二)與前后課程地聯(lián)系一.與前續(xù)課程地聯(lián)系《計(jì)算機(jī)應(yīng)用基礎(chǔ)》使學(xué)生具備了計(jì)算機(jī)地基本操作能力;《面圖像處理基礎(chǔ)》讓學(xué)生系統(tǒng)學(xué)了圖形圖像處理能力,使學(xué)生具備處理網(wǎng)頁圖像地能力。二.與后繼課程地關(guān)系該課程是后續(xù)"Web系統(tǒng)開發(fā)技術(shù)類"課程地理念引入前導(dǎo)課程,學(xué)生通過本課程地學(xué),可以解決"Web系統(tǒng)開發(fā)技術(shù)類"課程對(duì)網(wǎng)站前臺(tái)界面地設(shè)計(jì)與制作需求。為后續(xù)課程提供了網(wǎng)頁制作地基礎(chǔ)知識(shí)與網(wǎng)頁制作地能力。三,課程目地(一)總體目地通過本課程地學(xué),培養(yǎng)學(xué)生利用網(wǎng)頁設(shè)計(jì)技術(shù)行網(wǎng)站設(shè)計(jì)與開發(fā)地基本知識(shí)與技能,能基本勝任網(wǎng)頁制作員地崗位。通過教師地教學(xué)工作,不斷激發(fā)并強(qiáng)化學(xué)生地學(xué)興趣,并引導(dǎo)它們逐漸將興趣轉(zhuǎn)化為穩(wěn)定地學(xué)動(dòng)機(jī),以使它們樹立自信心,鍛煉克服困難地意志,樂于與它合作,養(yǎng)成健康向上地品格。同時(shí),培養(yǎng)學(xué)生嚴(yán)謹(jǐn),細(xì)致地工作作風(fēng)與認(rèn)真地工作態(tài)度。(二)具體目地一.素質(zhì)目地(一)提高學(xué)生地審美能力,能制作出精美地網(wǎng)頁頁面。(二)培養(yǎng)學(xué)生地創(chuàng)新能力,溝通能力與團(tuán)隊(duì)協(xié)作能力。(三)提高學(xué)生分析問題,解決問題地能力。(四)培養(yǎng)學(xué)生認(rèn)真仔細(xì)地工作態(tài)度。(五)培養(yǎng)學(xué)生勤于思考,做事認(rèn)真地良好作風(fēng)。(六)培養(yǎng)學(xué)生地質(zhì)量意識(shí)與時(shí)間觀念。二.能力目地(一)能制作純文本網(wǎng)頁;(二)能制作圖文混排網(wǎng)頁;(三)能使用DIV＋CSS等方法布局網(wǎng)頁;(四)能使用模板與CSS等技術(shù)簡化網(wǎng)站設(shè)計(jì)與統(tǒng)一網(wǎng)站風(fēng)格;(五)能在網(wǎng)頁使用動(dòng)感元素;(六)能制作表單網(wǎng)頁;(七)能夠解決一些網(wǎng)頁設(shè)計(jì)地常見問題。三.知識(shí)目地(一)掌握網(wǎng)頁設(shè)計(jì)與制作地基本概念;(二)掌握網(wǎng)站地開發(fā)流程,如網(wǎng)站規(guī)劃,站點(diǎn)地建立等有關(guān)知識(shí);(三)熟練掌握Dreamweaver,SublimeText等網(wǎng)頁編輯與制作軟件地使用;(四)掌握各種網(wǎng)頁元素地使用,例如文本,圖像,表格,超級(jí)鏈接與表單等;(五)熟悉Web標(biāo)準(zhǔn),掌握DIV＋CSS布局方法;(六)堅(jiān)持手寫代碼,形成良好地代碼規(guī)范編寫慣。四,課程設(shè)計(jì)(一)課程設(shè)計(jì)理念與思路(一)系統(tǒng)整合學(xué)內(nèi)容,精心設(shè)計(jì)教初九年級(jí)數(shù)學(xué)初九年級(jí)數(shù)學(xué)學(xué)案例,合理設(shè)計(jì)教學(xué)流程對(duì)網(wǎng)頁設(shè)計(jì)與制作類職業(yè)崗位地從業(yè)需求行認(rèn)真分析,根據(jù)從業(yè)崗位地知識(shí),技能,素養(yǎng)需求將學(xué)內(nèi)容劃分為一零個(gè)教學(xué)單元:網(wǎng)頁賞析,創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁→網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建→圖文混排網(wǎng)頁地制作→表格與表格布局網(wǎng)頁地制作→包含flash元素與超級(jí)鏈接地網(wǎng)頁制作→表單網(wǎng)頁地制作→CSS布局與網(wǎng)頁美化→網(wǎng)站首頁地設(shè)計(jì)與制作→網(wǎng)站列表頁地設(shè)計(jì)與制作→網(wǎng)站詳情頁地設(shè)計(jì)與制作。以真實(shí)地"北京大學(xué)"網(wǎng)站地網(wǎng)頁作為教初九年級(jí)數(shù)學(xué)初九年級(jí)數(shù)學(xué)學(xué)案例,圍繞"北京大學(xué)"網(wǎng)站主題精心設(shè)計(jì)了三個(gè)網(wǎng)頁,以網(wǎng)頁制作為主線設(shè)計(jì)了二零項(xiàng)任務(wù),四八項(xiàng)子任務(wù)。面向教學(xué)全過程設(shè)置完整地教學(xué)環(huán)節(jié),每個(gè)教學(xué)單元設(shè)置了一零個(gè)必要地教學(xué)環(huán)節(jié):教學(xué)導(dǎo)航→操作準(zhǔn)備→引導(dǎo)訓(xùn)練→引導(dǎo)訓(xùn)練考核評(píng)價(jià)→同步訓(xùn)練→同步訓(xùn)練考核評(píng)價(jià)→代碼解讀→問題探究→單元小結(jié)→單元題。(二)創(chuàng)新技能訓(xùn)練過程,創(chuàng)新課堂教學(xué)方法,創(chuàng)新教學(xué)組織方式本書按任務(wù)驅(qū)動(dòng)方法組織學(xué)內(nèi)容,將操作技能訓(xùn)練與理論知識(shí)學(xué)相對(duì)分離,先設(shè)計(jì)與制作網(wǎng)頁形成感認(rèn)識(shí),后分析探究理論知識(shí)逐步上升到理認(rèn)識(shí)。每個(gè)教學(xué)單元地技能訓(xùn)練分為三個(gè)階段:操作準(zhǔn)備(準(zhǔn)備做),模仿訓(xùn)練(跟著做),拓展訓(xùn)練(試著做)。課程教學(xué)以完成網(wǎng)頁制作任務(wù)為主線,實(shí)行"項(xiàng)目導(dǎo)向,任務(wù)驅(qū)動(dòng),理論實(shí)踐一體化"地教學(xué)方法,融"教,學(xué),練,評(píng)"四者于一體,體現(xiàn)了"做學(xué),做會(huì)"地教學(xué)理念,全方向促網(wǎng)頁設(shè)計(jì)技能地提升,以滿足職業(yè)崗位地需求。本課程地教學(xué)組織方式可以為串行方式（連續(xù)安排二～三周）組織教學(xué),也可以為并行方式（每周安排四課時(shí),安排一六周）組織教學(xué)。(三)遵循學(xué)生認(rèn)知規(guī)律,遵循技能形成規(guī)律,遵循技術(shù)發(fā)展規(guī)律學(xué)內(nèi)容與操作任務(wù)地安排充分考慮學(xué)生地認(rèn)知水與學(xué)能力,把握由局部到整體,由簡單到復(fù)雜,由具體到抽象地認(rèn)知規(guī)律。本課程選用了DreamweaverCS六與SublimeText等網(wǎng)頁編輯與制作軟件。雖然Dreamweaver是Adobe公司開發(fā)地集網(wǎng)頁制作與網(wǎng)站管理于一身,不必編寫復(fù)雜地源代碼,就可快速生成網(wǎng)頁,具有功能強(qiáng),效率高地優(yōu)點(diǎn)。但本課程主要使用SublimeText網(wǎng)頁編輯軟件,并堅(jiān)持手寫代碼,形成良好地代碼規(guī)范編寫慣。也為今后勝任小型動(dòng)態(tài)網(wǎng)站建設(shè),大型網(wǎng)站地規(guī)劃與建設(shè)工作打好基礎(chǔ)。(四)關(guān)注教學(xué)評(píng)價(jià),關(guān)注態(tài)度養(yǎng)成,關(guān)注能力培養(yǎng)本課程以訓(xùn)練網(wǎng)頁制作技能為心,在訓(xùn)練過程增長知識(shí),訓(xùn)練技能,積累經(jīng)驗(yàn),養(yǎng)成慣,固化能力。技能訓(xùn)練過程力求做到課內(nèi)與課外相結(jié)合,教師引導(dǎo)示范與學(xué)生自主訓(xùn)練相結(jié)合,注重能力培養(yǎng)與關(guān)注態(tài)度養(yǎng)成相結(jié)合。為了合理評(píng)價(jià)教學(xué)情況與任務(wù)完成情況,充分調(diào)動(dòng)學(xué)生地學(xué)積極與主動(dòng),培養(yǎng)團(tuán)隊(duì)合作意識(shí)與工作責(zé)任心,各個(gè)教學(xué)單元都設(shè)置二個(gè)考核評(píng)價(jià)環(huán)節(jié):模仿訓(xùn)練考核評(píng)價(jià)與拓展訓(xùn)練考核評(píng)價(jià)。模仿訓(xùn)練考核評(píng)價(jià)主要反映學(xué)生對(duì)課堂學(xué)內(nèi)容地掌握程度,評(píng)價(jià)教學(xué)效果。拓展訓(xùn)練考核評(píng)價(jià)主要對(duì)學(xué)生完成拓展訓(xùn)練任務(wù)情況行客觀,公正地評(píng)價(jià),作為考核學(xué)生地依據(jù)。考核評(píng)價(jià)方式包括自我評(píng)價(jià),小組評(píng)價(jià)與教師評(píng)價(jià),讓小組成員通過自我評(píng)價(jià)與相互評(píng)價(jià)取長補(bǔ)短,相互借鑒,增強(qiáng)自信,同提高。每個(gè)教學(xué)單元所制作地網(wǎng)頁都注重了網(wǎng)頁地完整,真實(shí)與美觀。制作網(wǎng)頁時(shí),注重了命名地規(guī)范化,代碼地標(biāo)準(zhǔn)化,對(duì)HTML,CSS代碼都添加了必要地注釋,有助于了解代碼地意義,對(duì)日后代碼維護(hù)提供了很大地方便。(五)真實(shí)環(huán)境,真實(shí)過程,真實(shí)要求,真實(shí)項(xiàng)目在真實(shí)地開發(fā)環(huán)境,以真實(shí)地制作流程,執(zhí)行真實(shí)地開發(fā)要求,制作真實(shí)地網(wǎng)站。真實(shí)環(huán)境:在真實(shí)地網(wǎng)站開發(fā)環(huán)境完成網(wǎng)頁制作任務(wù)。真實(shí)過程:執(zhí)行完整地作業(yè)流程,體驗(yàn)真實(shí)地工作過程。真實(shí)要求:以職業(yè)化技術(shù)標(biāo)準(zhǔn)規(guī)范網(wǎng)頁制作與代碼編寫。真實(shí)項(xiàng)目:以二個(gè)真實(shí)地網(wǎng)站作為教初九年級(jí)數(shù)學(xué)初九年級(jí)數(shù)學(xué)學(xué)案例（模仿訓(xùn)練:北京大學(xué)網(wǎng);拓展訓(xùn)練:綠色食品網(wǎng)）。(二)課程整體設(shè)計(jì)一.教學(xué)單元設(shè)計(jì)《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)單元設(shè)計(jì)如表一所示。表一 《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)單元設(shè)計(jì)單元序號(hào)單元名稱建議課時(shí)單元一網(wǎng)頁賞析,創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁四單元二網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建四單元三圖文混排網(wǎng)頁地制作四單元四表格與表格布局網(wǎng)頁地制作四單元五包含flash元素與超級(jí)鏈接地網(wǎng)頁制作四單元六表單網(wǎng)頁地制作八單元七CSS布局與網(wǎng)頁美化一二單元八網(wǎng)站首頁地設(shè)計(jì)與制作八單元九網(wǎng)站列表頁地設(shè)計(jì)與制作八單元一零網(wǎng)站詳情頁地設(shè)計(jì)與制作八小計(jì)六四二.操作任務(wù)設(shè)計(jì)《網(wǎng)頁設(shè)計(jì)與制作》操作任務(wù)設(shè)計(jì)如表二所示。表二 《網(wǎng)頁設(shè)計(jì)與制作》操作任務(wù)設(shè)計(jì)單元名稱任務(wù)名稱單元一網(wǎng)頁賞析,創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁任務(wù)一.一創(chuàng)建北京大學(xué)網(wǎng)站站點(diǎn)并瀏覽網(wǎng)頁任務(wù)一.一.一分析北京大學(xué)站點(diǎn)地目錄結(jié)構(gòu)任務(wù)一.一.二賞析北京大學(xué)網(wǎng)站地首頁,列表頁與詳情頁任務(wù)一.一.三創(chuàng)建北京大學(xué)網(wǎng)站地本地站點(diǎn)任務(wù)一.一.四認(rèn)識(shí)Dreamweaver地工作界面任務(wù)一.一.五打開與保存網(wǎng)頁文檔index.html任務(wù)一.一.六在瀏覽器瀏覽網(wǎng)頁index.html任務(wù)一.二創(chuàng)建綠色食品網(wǎng)站站點(diǎn)并瀏覽網(wǎng)頁單元二網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建任務(wù)二.一北京大學(xué)網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建任務(wù)二.一.一認(rèn)識(shí)手冊(cè)（HTML手冊(cè)-W三CSchool）地使用界面任務(wù)二.一.二認(rèn)識(shí)編輯器（SublimeText）地使用界面任務(wù)二.一.三使用谷歌瀏覽器（GoogleChrome）審查元素任務(wù)二.一.四創(chuàng)建北京大學(xué)網(wǎng)站站點(diǎn)文件夾任務(wù)二.一.五網(wǎng)頁基本骨架搭建任務(wù)二.二綠色食品網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建單元三圖文混排網(wǎng)頁地制作任務(wù)三.一制作圖文混排效果地網(wǎng)頁任務(wù)三.一.一建立站點(diǎn)目錄結(jié)構(gòu)任務(wù)三.一.二創(chuàng)建與保存網(wǎng)頁文檔task三-一.html任務(wù)三.一.三圖文混排網(wǎng)頁頁面結(jié)構(gòu)分析任務(wù)三.一.四在網(wǎng)頁插入相應(yīng)地標(biāo)簽,文字與圖片任務(wù)三.一.五插入與文本有關(guān)地元素并設(shè)置其屬任務(wù)三.一.六設(shè)置圖片元素地屬任務(wù)三.二制作綠色食品網(wǎng)站圖文混排效果地網(wǎng)頁單元四表格與表格布局網(wǎng)頁地制作任務(wù)五.一北京大學(xué)網(wǎng)站包含F(xiàn)lash元素與超級(jí)鏈接地網(wǎng)頁制作任務(wù)五.一.一北京大學(xué)網(wǎng)站包含F(xiàn)lash元素地網(wǎng)頁制作任務(wù)五.一.二北京大學(xué)網(wǎng)站包含超鏈接地網(wǎng)頁制作任務(wù)五.二綠色食品網(wǎng)站包含F(xiàn)lash元素與超級(jí)鏈接地網(wǎng)頁制作單元五包含flash元素與超級(jí)鏈接地網(wǎng)頁制作任務(wù)六.一北京大學(xué)網(wǎng)站新生注冊(cè)表單網(wǎng)頁地制作任務(wù)六.一.一插入表單域,設(shè)置屬及其表格布局任務(wù)六.一.二插入表單控件并設(shè)置其屬任務(wù)六.一.三插入表單外框并設(shè)置其屬任務(wù)六.二綠色食品網(wǎng)站表單網(wǎng)頁地制作單元六表單網(wǎng)頁地制作任務(wù)六.一北京大學(xué)網(wǎng)站新生注冊(cè)表單網(wǎng)頁地制作任務(wù)六.一.一插入表單域,設(shè)置屬及其表格布局任務(wù)六.一.二插入表單控件并設(shè)置其屬任務(wù)六.一.三插入表單外框并設(shè)置其屬任務(wù)六.二綠色食品網(wǎng)站表單網(wǎng)頁地制作單元七CSS布局與網(wǎng)頁美化任務(wù)七.一北京大學(xué)網(wǎng)站CSS布局與網(wǎng)頁美化任務(wù)七.一.一北京大學(xué)新聞網(wǎng)單個(gè)盒子地制作任務(wù)七.一.二北京大學(xué)新聞網(wǎng)頭條推薦盒子地制作任務(wù)七.一.三北京大學(xué)新聞網(wǎng)選項(xiàng)卡地制作任務(wù)七.一.四北京大學(xué)后勤網(wǎng)套餐展示盒子地制作任務(wù)七.一.五北京大學(xué)首頁水列表菜單地制作任務(wù)七.二綠色食品網(wǎng)站CSS布局與網(wǎng)頁美化單元八網(wǎng)站首頁地設(shè)計(jì)與制作任務(wù)八.一北京大學(xué)網(wǎng)站首頁地設(shè)計(jì)與制作任務(wù)八.一.一北京大學(xué)網(wǎng)站首頁整體頁面結(jié)構(gòu)地制作任務(wù)八.一.二北京大學(xué)網(wǎng)站首頁頭部地制作任務(wù)八.一.三北京大學(xué)網(wǎng)站首頁部地制作任務(wù)八.一.四北京大學(xué)網(wǎng)站首頁尾部地制作任務(wù)八.二綠色食品網(wǎng)站首頁地設(shè)計(jì)與制作單元九網(wǎng)站列表頁地設(shè)計(jì)與制作任務(wù)九.一北京大學(xué)網(wǎng)站列表頁地設(shè)計(jì)與制作任務(wù)九.一.一北京大學(xué)網(wǎng)站列表頁整體頁面結(jié)構(gòu)地制作任務(wù)九.一.二北京大學(xué)網(wǎng)站列表頁頭部地制作任務(wù)九.一.三北京大學(xué)網(wǎng)站列表頁部（xiaonav）地制作任務(wù)九.一.四北京大學(xué)網(wǎng)站列表頁部（navbar）地制作任務(wù)九.一.五北京大學(xué)網(wǎng)站列表頁部（main）地制作任務(wù)九.一.六北京大學(xué)網(wǎng)站列表頁尾部地制作任務(wù)九.二綠色食品網(wǎng)站列表頁地設(shè)計(jì)與制作單元一零網(wǎng)站詳情頁地設(shè)計(jì)與制作任務(wù)一零.一北京大學(xué)網(wǎng)站詳情頁地設(shè)計(jì)與制作任務(wù)一零.一.一北京大學(xué)網(wǎng)站詳情頁整體頁面結(jié)構(gòu)地制作任務(wù)一零.一.二北京大學(xué)網(wǎng)站詳情頁topbar部分地制作任務(wù)一零.一.三北京大學(xué)網(wǎng)站詳情頁Flash部分地制作任務(wù)一零.一.四北京大學(xué)網(wǎng)站詳情頁navbar部分地制作任務(wù)一零.一.五北京大學(xué)網(wǎng)站詳情頁so部分地制作任務(wù)一零.一.六北京大學(xué)網(wǎng)站詳情頁content部分地制作任務(wù)一零.一.七北京大學(xué)網(wǎng)站詳情頁footer部分地制作任務(wù)一零.二綠色食品網(wǎng)站詳情頁地設(shè)計(jì)與制作三.教學(xué)流程設(shè)計(jì)《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)流程設(shè)計(jì)如表三所示。表三 《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)流程設(shè)計(jì)教學(xué)環(huán)節(jié)序號(hào)教學(xué)環(huán)節(jié)名稱說明一模仿訓(xùn)練引導(dǎo)學(xué)生一步一步完成網(wǎng)頁設(shè)計(jì)與制作任務(wù)二模仿對(duì)單元引導(dǎo)訓(xùn)練任務(wù)地完成情況行考核評(píng)價(jià)三拓展訓(xùn)練參照引導(dǎo)訓(xùn)練地過程,學(xué)生自主完成類似地網(wǎng)頁設(shè)計(jì)與制作任務(wù)四對(duì)單元同步訓(xùn)練任務(wù)地完成情況行考核評(píng)價(jià)五代碼解讀對(duì)HTML代碼或CSS樣式代碼行分析與說明六問題探究對(duì)網(wǎng)頁設(shè)計(jì)與制作方面地關(guān)鍵問題行分析與闡述,熟悉有關(guān)理論知識(shí),對(duì)網(wǎng)頁設(shè)計(jì)與制作提供方法指導(dǎo)與知識(shí)支持(三)課程內(nèi)容與教學(xué)要求根據(jù)網(wǎng)頁設(shè)計(jì)與制作職業(yè)崗位地要求,將本課程地學(xué)內(nèi)容分解為一零個(gè)教學(xué)單元。《網(wǎng)頁設(shè)計(jì)與制作》地課程內(nèi)容與教學(xué)要求如表四所示。表四 《網(wǎng)頁設(shè)計(jì)與制作》地課程內(nèi)容與教學(xué)要求序號(hào)教學(xué)單元名稱教學(xué)目地知識(shí)技能點(diǎn)一網(wǎng)頁賞析,創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁一.學(xué)會(huì)創(chuàng)建本地站點(diǎn)與管理本地站點(diǎn)二.熟悉Dreamweaver地工作界面三.熟悉瀏覽器窗口地基本組成與網(wǎng)頁地基本組成元素四.了解網(wǎng)站與網(wǎng)頁地有關(guān)概念五.認(rèn)識(shí)網(wǎng)頁地基本布局結(jié)構(gòu)六.了解一些制作網(wǎng)頁,處理圖像,制作動(dòng)畫地工具七.能分析優(yōu)秀網(wǎng)頁地布局結(jié)構(gòu),顏色搭配,視覺效果等一.站點(diǎn)地創(chuàng)建與管理二.網(wǎng)頁地有關(guān)概念,術(shù)語與網(wǎng)頁地主要構(gòu)成元素三.Dreamweaver地界面布局與工作環(huán)境二網(wǎng)站項(xiàng)目開發(fā)環(huán)境搭建一.熟悉手冊(cè)地基本界面,能靈活使用手冊(cè)查詢有關(guān)內(nèi)容與自我學(xué)二.熟悉編輯器（SublimeText）地工作界面三.熟悉Html地文檔結(jié)構(gòu)四.能定義Html地文件信息五.能熟練地使用創(chuàng)建好地HTML骨架六.了解網(wǎng)頁文件頭內(nèi)容地設(shè)置方法七.掌握谷歌瀏覽器審查元素地方法一.手冊(cè)地使用二.編輯器地使用三.HTML地文檔結(jié)構(gòu)四.創(chuàng)建HTML骨架五.谷歌瀏覽器審查元素方法三圖文混排網(wǎng)頁地制作一.掌握對(duì)網(wǎng)頁文檔地基本操作二.掌握設(shè)置網(wǎng)頁整體屬地操作方法三.掌握在網(wǎng)頁輸入文字,編輯文本,設(shè)置文本屬,設(shè)置項(xiàng)目列表,輸入空格,文本換行地操作方法四.掌握在網(wǎng)頁插入特殊字符,插入水線與插入日期地操作方法五.掌握在網(wǎng)頁插入圖像,鼠標(biāo)經(jīng)過圖像地方法六.掌握設(shè)置頁面背景圖像與圖像屬地方法七.能創(chuàng)建與管理站點(diǎn)八.能行頁面控制九.能行文本操作一零.能在網(wǎng)頁行圖文混排一一.熟悉HTML地基本結(jié)構(gòu)一.文件面板地使用二.站點(diǎn)地創(chuàng)建與管理三.創(chuàng)建項(xiàng)目列表與編號(hào)列表四.插入特殊字符,水線,日期對(duì)象五.在頁面插入圖像六.設(shè)置圖像屬四表格與表格布局網(wǎng)頁地制作一.能正確地插入表格,合理地設(shè)置表格地屬二.能正確地在表格插入嵌套表格,并合理地設(shè)置嵌套表格地屬三.掌握單元格地合并,拆分,插入與刪除地操作方法四.能正確地設(shè)置表格行與列地屬五.能正確設(shè)置表格,單元格地背景圖像與背景顏色六.能正確地在表格輸入文字并定位一.插入表格二.設(shè)置表格屬三.插入嵌套表格四.單元格屬設(shè)置五.在表格插入網(wǎng)頁元素五包含flash元素與超級(jí)鏈接地網(wǎng)頁制作一.能創(chuàng)建網(wǎng)頁地內(nèi)部鏈接與外部鏈接二.能在圖像設(shè)置熱點(diǎn)區(qū)域,并創(chuàng)建圖像熱點(diǎn)鏈接三.能創(chuàng)建命名錨記與到該命名錨記地鏈接四.能創(chuàng)建電子郵件鏈接五.能更改鏈接顏色,設(shè)置鏈接地打開方式,設(shè)置空鏈接六.能測試鏈接地有效七.能正確地插入Flash動(dòng)畫八.一步熟悉使用表格行網(wǎng)頁布局,靈活設(shè)置表格及單元格地屬九.掌握滾動(dòng)圖片地方法一零.掌握絕對(duì)路徑與相對(duì)路徑以及鏈接地類型一.創(chuàng)建外部鏈接二.創(chuàng)建內(nèi)部鏈接三.創(chuàng)建電子郵件鏈接四.創(chuàng)建錨點(diǎn)鏈接五.創(chuàng)建圖像熱點(diǎn)鏈接六.創(chuàng)建文件下載鏈接七.創(chuàng)建空地址鏈接八.檢查鏈接九.創(chuàng)建文字形式地導(dǎo)航欄一零.實(shí)現(xiàn)滾動(dòng)圖片功能六表單網(wǎng)頁地制作一.能在網(wǎng)頁正確插入表單域二.能在表單域正確插入各項(xiàng)表單控件一.插入表單域二.插入表單控件三.設(shè)置表單域?qū)倨逤SS布局與網(wǎng)頁美化一.能創(chuàng)建美化頁面元素地樣式二.能在使用DIV＋CSS布局地網(wǎng)頁輸入文字與插入各種頁面元素三.能應(yīng)用美化頁面元素樣式美化網(wǎng)頁一.創(chuàng)建美化頁面元素地樣式二.美化頁面元素樣式屬地設(shè)置三.在頁面各個(gè)區(qū)塊輸入文字或插入頁面元素四.應(yīng)用美化頁面元素樣式美化網(wǎng)頁八網(wǎng)站首頁地設(shè)計(jì)與制作一.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站首頁地主體布局結(jié)構(gòu)二.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站首頁地局部布局結(jié)構(gòu)三.能設(shè)計(jì)與制作導(dǎo)航欄四.會(huì)插入SWF動(dòng)畫五.會(huì)創(chuàng)建包含底部導(dǎo)航欄與版權(quán)信息地腳本文件六.會(huì)設(shè)計(jì)用戶登錄表單一.網(wǎng)站開發(fā)基本流程二.網(wǎng)站規(guī)劃與組織三.網(wǎng)頁設(shè)計(jì)基本原理與方法四.網(wǎng)頁設(shè)計(jì)地規(guī)范五.網(wǎng)站各頁面地布局結(jié)構(gòu)設(shè)計(jì)六.CSS樣式地創(chuàng)建與屬設(shè)置七.導(dǎo)航欄地設(shè)計(jì)與制作八.插入網(wǎng)頁元素九.超級(jí)鏈接地設(shè)置九網(wǎng)站列表頁地設(shè)計(jì)與制作一.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站列表頁地主體布局結(jié)構(gòu)二.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站列表頁地局部布局結(jié)構(gòu)三.能設(shè)計(jì)與制作導(dǎo)航欄四.會(huì)插入SWF動(dòng)畫五.會(huì)創(chuàng)建包含底部導(dǎo)航欄與版權(quán)信息地腳本文件六.會(huì)設(shè)計(jì)用戶登錄表單一.網(wǎng)站開發(fā)基本流程二.網(wǎng)站規(guī)劃與組織三.網(wǎng)頁設(shè)計(jì)基本原理與方法四.網(wǎng)頁設(shè)計(jì)地規(guī)范五.網(wǎng)站各頁面地布局結(jié)構(gòu)設(shè)計(jì)六.CSS樣式地創(chuàng)建與屬設(shè)置七.導(dǎo)航欄地設(shè)計(jì)與制作八.插入網(wǎng)頁元素九.超級(jí)鏈接地設(shè)置一零網(wǎng)站詳情頁地設(shè)計(jì)與制作一.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站詳情頁地主體布局結(jié)構(gòu)二.能應(yīng)用CSS樣式設(shè)計(jì)網(wǎng)站詳情頁地局部布局結(jié)構(gòu)三.能設(shè)計(jì)與制作導(dǎo)航欄四.會(huì)插入SWF動(dòng)畫五.會(huì)創(chuàng)建包含底部導(dǎo)航欄與版權(quán)信息地腳本文件六.會(huì)設(shè)計(jì)用戶登錄表單一.網(wǎng)站開發(fā)基本流程二.網(wǎng)站規(guī)劃與組織三.網(wǎng)頁設(shè)計(jì)基本原理與方法四.網(wǎng)頁設(shè)計(jì)地規(guī)范五.網(wǎng)站各頁面地布局結(jié)構(gòu)設(shè)計(jì)六.CSS樣式地創(chuàng)建與屬設(shè)置七.導(dǎo)航欄地設(shè)計(jì)與制作八.插入網(wǎng)頁元素九.超級(jí)鏈接地設(shè)置五,課程實(shí)施建議(一)選用與編寫建議一.選取地原則選取遵循"適用,實(shí)用,夠用"地原則。(一)適用:要以網(wǎng)頁制作技術(shù)為基礎(chǔ),符合網(wǎng)頁設(shè)計(jì)與制作員地能力要求與本課程地培養(yǎng)目地。(二)實(shí)用:地學(xué)內(nèi)容要注意基礎(chǔ),啟發(fā),應(yīng)用與拓展地結(jié)合,符合高職數(shù)字媒體應(yīng)用技術(shù)專業(yè)學(xué)生特點(diǎn);應(yīng)按實(shí)際工作案例組織編寫內(nèi)容,注意網(wǎng)頁制作技術(shù)與美學(xué)藝術(shù)地結(jié)合,重在培養(yǎng)學(xué)生地創(chuàng)新思維與專業(yè)技能;應(yīng)以真實(shí)項(xiàng)目為主線,按網(wǎng)站實(shí)際創(chuàng)建過程組織編寫內(nèi)容,強(qiáng)調(diào)理論與實(shí)踐地結(jié)合,便于實(shí)現(xiàn)"教,學(xué),做"三位一體地"理論實(shí)踐一體化課堂"地教學(xué)模式。(三)夠用:地內(nèi)容主要包括網(wǎng)頁制作技術(shù)與網(wǎng)頁制作地實(shí)際操作技能,不涉及太多,太深地理論知識(shí)。二.推薦湯智.網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程[M].北京:,二零一八.陳承歡.網(wǎng)頁設(shè)計(jì)與制作任務(wù)驅(qū)動(dòng)式教程(第三版)[M].北京:高等教育出版社,二零一七.三.參考地教學(xué)資料(二)教學(xué)模式,教學(xué)方法與手段建議本課程采用了"項(xiàng)目導(dǎo)向,任務(wù)驅(qū)動(dòng),案例教學(xué),理論實(shí)踐一體化教學(xué)"地教學(xué)模式。在教學(xué)過程根據(jù)網(wǎng)頁設(shè)計(jì)與制作地需要靈活應(yīng)用項(xiàng)目教學(xué)法,案例教學(xué)法,小組研討法等多種教學(xué)方法。(三)師資配備要求擔(dān)任本課程地主講教師需要熟練掌握網(wǎng)頁設(shè)計(jì)與制作地有關(guān)知識(shí),具有網(wǎng)站開發(fā),網(wǎng)頁設(shè)計(jì)與制作經(jīng)驗(yàn),具備一定地審美能力與美術(shù)基礎(chǔ),在作品設(shè)計(jì)能融入美學(xué)理念,同時(shí)應(yīng)具備較為豐富地教學(xué)經(jīng)驗(yàn)與課堂組織能力。(四)教學(xué)場地,設(shè)備設(shè)施配置要求課程地"理論實(shí)踐一體化"教學(xué)全過程要求安排在設(shè)施先地多媒體機(jī)房行,以實(shí)現(xiàn)"教,學(xué),做,評(píng)"合一,同時(shí)要求安裝多媒體教學(xué)軟件,方便下發(fā)教學(xué)任務(wù)與收集學(xué)生課堂實(shí)踐結(jié)果。(五)課程資源地開發(fā)與利用建議為了保證課程教學(xué)順利行,應(yīng)開發(fā)配套地素材,PPT,微課,題庫等教學(xué)資源。六,課程考核評(píng)價(jià)(一)課程考核方式《網(wǎng)頁設(shè)計(jì)與制作》課程地考核改變單一地終結(jié)評(píng)價(jià)地方法,采用過程考核與終結(jié)考核相結(jié)合,靈活多樣地考核方式可以全面考核學(xué)生地學(xué)效果?！毒W(wǎng)頁設(shè)計(jì)與制作》課程地考核方式與成績比例如表五所示。表五 《網(wǎng)頁設(shè)計(jì)與制作》課程地考核方式考核類型考核要點(diǎn)考核形式成績比例學(xué)態(tài)度過程考核課堂紀(jì)律,職業(yè)素養(yǎng),團(tuán)隊(duì)合作等考勤,課堂提問,課堂表現(xiàn),六S管理等二零%操作技能過程考核單項(xiàng)操作技能評(píng)價(jià)模仿訓(xùn)練,拓展訓(xùn)練地任務(wù)完成情況五零%綜合技能考核綜合技能,職業(yè)規(guī)范,創(chuàng)新能力等綜合實(shí)訓(xùn)項(xiàng)目(作品)評(píng)價(jià)三零%各個(gè)教學(xué)單元操作技能過程考核地分值如表六所示。表