《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)

1、精選文檔網(wǎng)頁(yè)設(shè)計(jì)與制作課程標(biāo)準(zhǔn)課程代碼： 建議課時(shí)數(shù)：96 學(xué)分：6適用專業(yè)：五年制高職電子商務(wù)專業(yè)先修課程：圖像處理、數(shù)據(jù)庫(kù)管理、有用網(wǎng)絡(luò)技術(shù)后續(xù)課程：動(dòng)畫制作、電子商務(wù)網(wǎng)站建設(shè)一、前言1.課程的性質(zhì)該課程是江蘇省五年制高職電子商務(wù)專業(yè)的一門專業(yè)平臺(tái)課程，是一門有用性極強(qiáng)的課程。其任務(wù)是：該課程主要涉及到網(wǎng)站建設(shè)規(guī)劃與管理、HTML語言、靜態(tài)網(wǎng)頁(yè)制作、動(dòng)態(tài)網(wǎng)頁(yè)制作等內(nèi)容；通過本課程的學(xué)習(xí)，同學(xué)能具備建立、管理和維護(hù)動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境的學(xué)問和基本力量。通過學(xué)習(xí)，把握網(wǎng)絡(luò)的基礎(chǔ)學(xué)問，網(wǎng)站建設(shè)的基本方法，網(wǎng)頁(yè)制作的基本方法以及初步把握通過Dreamweaver創(chuàng)建動(dòng)態(tài)網(wǎng)站的操作技能。2.設(shè)計(jì)思路本課

2、程的設(shè)計(jì)體現(xiàn)“以力量為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體”，打破了傳統(tǒng)的學(xué)科體系的模式，將中小型網(wǎng)站建設(shè)與管理的職業(yè)崗位力量中用到的學(xué)問點(diǎn)融合在項(xiàng)目中。同學(xué)通過各項(xiàng)目的系列練習(xí)操作，嫻熟地把握崗位所需學(xué)問和技能，并不斷強(qiáng)化，項(xiàng)目體現(xiàn)操作力量和解決問題力量的培育。它體現(xiàn)了職業(yè)教育“以就業(yè)為導(dǎo)向，以力量為本位”的職業(yè)教育理念。課程框架結(jié)構(gòu)、學(xué)分和學(xué)時(shí)安排、對(duì)同學(xué)選課的建議項(xiàng)目名稱建議學(xué)時(shí)學(xué)分備注項(xiàng)目一 初識(shí)網(wǎng)站 66每部分內(nèi)容以項(xiàng)目或任務(wù)為主體，通過完成相應(yīng)的項(xiàng)目或任務(wù)，理解相關(guān)學(xué)問點(diǎn)，把握中小型網(wǎng)站建設(shè)與管理的基本操作，能夠制作并管理中小型網(wǎng)站。項(xiàng)目二 HTML語言 8項(xiàng)目三 頁(yè)面布局設(shè)計(jì)

3、10項(xiàng)目四 制作圖文并茂的網(wǎng)頁(yè)10項(xiàng)目五 css樣式設(shè)計(jì) 8項(xiàng)目六 div+css12項(xiàng)目七 表單的應(yīng)用8項(xiàng)目八 模板和庫(kù)的應(yīng)用6項(xiàng)目九 行為 10項(xiàng)目十 初識(shí)動(dòng)態(tài)網(wǎng)站 18合計(jì)96二、課程目標(biāo)總目標(biāo)：使同學(xué)把握常用的網(wǎng)頁(yè)設(shè)計(jì)工具，嫻熟運(yùn)用多種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，具備Web網(wǎng)頁(yè)設(shè)計(jì)、制作及站點(diǎn)管理的基本學(xué)問和基本技能，同學(xué)能夠獨(dú)立制作中小型的網(wǎng)站。具體目標(biāo)（一）學(xué)問教學(xué)目標(biāo)：了解網(wǎng)站的歷史和現(xiàn)狀，對(duì)當(dāng)今網(wǎng)站應(yīng)用的各種技術(shù)有一個(gè)感性的生疏。了解網(wǎng)站平面設(shè)計(jì)的概念和過程。了解HTML的基本概念、基本格式、能編寫一個(gè)網(wǎng)頁(yè)； 了解IIS的工作原理；知道啟動(dòng)web服務(wù)擴(kuò)展；知道虛擬服務(wù)器技術(shù)的實(shí)現(xiàn)與創(chuàng)建；了解

4、網(wǎng)站的管理包括：IIS配置備份與恢復(fù)、網(wǎng)絡(luò)監(jiān)視、日志管理。學(xué)會(huì)并把握站點(diǎn)建設(shè)能制作簡(jiǎn)潔網(wǎng)頁(yè)學(xué)會(huì)并把握使用布局表格和單元格設(shè)計(jì)頁(yè)面布局；把握框架網(wǎng)頁(yè)的創(chuàng)建、調(diào)整、刪除等基本操作學(xué)會(huì)并把握在網(wǎng)頁(yè)中添加圖像的基本方法、設(shè)置圖像屬性、變換圖像效果等，把握多種超鏈接的創(chuàng)建方法、以及設(shè)置超鏈接目標(biāo)窗口及文本提示、設(shè)置郵件鏈接、書簽鏈接等，把握在網(wǎng)頁(yè)中插入各種多媒體元素。了解CSS樣式的概念及其作用，了解css樣式定義的各選項(xiàng)的含義及其作用，把握在網(wǎng)頁(yè)中添加樣式表的方法，把握樣式表文件的導(dǎo)出及鏈接外部樣式表的方法。學(xué)會(huì)并把握表單的創(chuàng)建方法，把握表單的布局的建立、表單元素的添加、表單元素的屬性以及表單元素樣式

5、的設(shè)定等。了解dhtml和層對(duì)象的概念，把握添加層的基本方法及其相關(guān)屬性的設(shè)置，把握層的基本操作方法，把握表格與層的相互轉(zhuǎn)換的方法。了解行為的基本原理、概念及行為的特點(diǎn)，把握給對(duì)象附加行為的基本方法以及如何修改行為的觸發(fā)大事，把握內(nèi)置行為的具體應(yīng)用方法。結(jié)合網(wǎng)站應(yīng)用的特點(diǎn)，把握基于Web的數(shù)據(jù)庫(kù)的基本操作模式。把握數(shù)據(jù)庫(kù)連接的一般使用方法，學(xué)會(huì)使用ADO訪問數(shù)據(jù)庫(kù)，把握ADO中的Connection對(duì)象和Recordset 對(duì)象的主要屬性和方法。把握在Dreamweaver下做對(duì)數(shù)據(jù)庫(kù)表進(jìn)行基本操作的頁(yè)。把握數(shù)據(jù)庫(kù)管理（數(shù)據(jù)檢索、插入數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)）方法。了解并把握網(wǎng)站發(fā)布的完整流程

6、，把握對(duì)已有網(wǎng)站維護(hù)的方法，了解服務(wù)器管理的相關(guān)學(xué)問。（二）技能教學(xué)目標(biāo)：1、運(yùn)用科學(xué)的思維方法，對(duì)網(wǎng)站設(shè)計(jì)、建設(shè)、推廣和運(yùn)營(yíng)等各方面問題進(jìn)行整體策劃，并供應(yīng)完善的解決方案；2、學(xué)會(huì)使用文字標(biāo)志、段落標(biāo)志、列表標(biāo)志、超鏈接標(biāo)志。3、學(xué)會(huì)安裝IIS并調(diào)試；學(xué)會(huì)建立一個(gè)站點(diǎn)并配置；4、能夠使用HTML語言編寫網(wǎng)頁(yè)；5、把握Dreamweaver CS3制作網(wǎng)頁(yè)的方法；6、把握使用ASP的數(shù)據(jù)庫(kù)訪問組件來連接數(shù)據(jù)庫(kù)；7、通過一個(gè)整體的項(xiàng)目，對(duì)某一網(wǎng)站作一個(gè)完整的設(shè)計(jì)和制作，以此達(dá)到建設(shè)中小型網(wǎng)站的力量。（三）素養(yǎng)教學(xué)目標(biāo)：1. 具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；2. 具有良好的心理素養(yǎng)和

7、職業(yè)道德素養(yǎng)；3. 具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；4. 具有肯定的科學(xué)思維方式和推斷分析問題的力量；5. 具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素養(yǎng)。三、課程內(nèi)容和要求序號(hào)工作任務(wù)學(xué)問點(diǎn)訓(xùn)練或工作項(xiàng)目教學(xué)要求教學(xué)情境與教學(xué)設(shè)計(jì)參考學(xué)時(shí)1初識(shí)網(wǎng)站1、網(wǎng)頁(yè)的基本構(gòu)成要素、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)分，各種掃瞄器和網(wǎng)頁(yè)制作工具。2、把握站點(diǎn)編輯和管理的方法、把握站點(diǎn)素材及其制作工具的有關(guān)學(xué)問、了解站點(diǎn)的設(shè)計(jì)流程1、生疏各種網(wǎng)頁(yè)掃瞄器、制作工具，各種功能性的網(wǎng)站。2、利用Dreamweaver cs3打造并管理網(wǎng)站站點(diǎn)了解網(wǎng)站的歷史和現(xiàn)狀，對(duì)當(dāng)今網(wǎng)站應(yīng)用的各種技術(shù)有一個(gè)感性的生疏。運(yùn)用科學(xué)的思維方法，

8、對(duì)網(wǎng)站設(shè)計(jì)、建設(shè)、推廣和運(yùn)營(yíng)等各方面問題進(jìn)行整體策劃，并供應(yīng)完善的解決方案。學(xué)會(huì)網(wǎng)站站點(diǎn)的建立與管理。項(xiàng)目教學(xué)：創(chuàng)建你的第一個(gè)網(wǎng)站42Html1、HTML的基本概念、基本格式，文字標(biāo)記、段落標(biāo)記等。2、HTML語言的重要標(biāo)記和屬性1、實(shí)現(xiàn)用記事本編寫具有同學(xué)信息的網(wǎng)頁(yè)。2、應(yīng)用多種標(biāo)記學(xué)會(huì)并把握站點(diǎn)建設(shè)能利用html語言制作簡(jiǎn)潔網(wǎng)頁(yè)項(xiàng)目教學(xué)：創(chuàng)建我的個(gè)人網(wǎng)站83頁(yè)面布局設(shè)計(jì)1、把握表格屬性的設(shè)置，理解各參數(shù)的含義2、理解框架和框架集的作用3、AP元素的屬性，spry構(gòu)件的概念及類別1、學(xué)會(huì)并機(jī)敏利用表格對(duì)網(wǎng)頁(yè)進(jìn)行合理布局的方法與技巧2、把握選擇、創(chuàng)建框架和框架集的方法3、創(chuàng)建及編輯AP元素及s

9、pry構(gòu)件的方法學(xué)會(huì)并把握使用布局表格和單元格設(shè)計(jì)頁(yè)面布局；把握框架網(wǎng)頁(yè)的創(chuàng)建、調(diào)整、刪除等基本操作項(xiàng)目教學(xué)：創(chuàng)建“北京體育電影周”網(wǎng)站124制作圖文并茂的網(wǎng)頁(yè)1、把握?qǐng)D像的分類及其特點(diǎn)，了解圖像占位符、Firewroks HTML文件、圖像的變換效果和導(dǎo)航條等。2、了解URL地址解析、理解確定路徑和相對(duì)路徑的概念3、了解Flash動(dòng)畫、圖像查看器、ActiveX控件、Plugin插件和視頻、音頻格式等相關(guān)學(xué)問。1、設(shè)置圖像屬性、文字提示，創(chuàng)建圖像熱點(diǎn)區(qū)域以及把握?qǐng)D像占位符、變換圖像效果等方法。2、把握多種方法創(chuàng)建超級(jí)鏈接，以及設(shè)置超級(jí)鏈接目標(biāo)窗口及文本提示、設(shè)置郵件鏈接和設(shè)置書簽鏈接等3、把

10、握在網(wǎng)頁(yè)中插入Flash動(dòng)畫、Flash按鈕、Flash文本、圖像查看器及相關(guān)屬性的設(shè)置。學(xué)會(huì)并把握在網(wǎng)頁(yè)中添加圖像的基本方法、設(shè)置圖像屬性、變換圖像效果等，把握多種超鏈接的創(chuàng)建方法、以及設(shè)置超鏈接目標(biāo)窗口及文本提示、設(shè)置郵件鏈接、書簽鏈接等，把握在網(wǎng)頁(yè)中插入各種多媒體元素。項(xiàng)目教學(xué)：“江南美食”網(wǎng)站制作105css樣式設(shè)計(jì)1、css樣式的概念、作用2、css樣式定義的各選項(xiàng)的含義及其作用1、在網(wǎng)頁(yè)中添加樣式表的方法。2、樣式表文件的導(dǎo)出及鏈接外部樣式表的方法了解CSS樣式的概念及其作用，了解css樣式定義的各選項(xiàng)的含義及其作用，把握在網(wǎng)頁(yè)中添加樣式表的方法，把握樣式表文件的導(dǎo)出及鏈接外部樣式

11、表的方法。項(xiàng)目教學(xué)：創(chuàng)建無錫旅游網(wǎng)106DIV+CSS網(wǎng)頁(yè)布局了解并把握DIV+CSS布局一列、兩列、三列等常用網(wǎng)頁(yè)布局的相關(guān)學(xué)問。把握使用DIV+CSS布局一列、兩列、三列等常用網(wǎng)頁(yè)布局。通過實(shí)踐活動(dòng)，把握使用DIV+CSS進(jìn)行網(wǎng)頁(yè)布局的方法。項(xiàng)目教學(xué)：創(chuàng)建個(gè)人博客頁(yè)面127表單的應(yīng)用1、了解表單的作用、屬性2、了解表單元素及表單元素的屬性。1、理解表單交互的基本原理，把握建立表單布局2、插入不同表單元素，設(shè)置相關(guān)的屬性。學(xué)會(huì)并把握表單的創(chuàng)建方法，把握表單的布局的建立、表單元素的添加、表單元素的屬性以及表單元素樣式的設(shè)定等。項(xiàng)目教學(xué)：產(chǎn)品信息反饋表的制作68模板和庫(kù)的應(yīng)用1、模板的作用和制作

12、方法2、庫(kù)的作用和制作方法1、創(chuàng)作模板頁(yè)面2、創(chuàng)建庫(kù)項(xiàng)目學(xué)會(huì)創(chuàng)作模板頁(yè)面和庫(kù)項(xiàng)目的方法，并能應(yīng)用模板和庫(kù)項(xiàng)目項(xiàng)目教學(xué)：制作基于模板旅游信息頁(yè)面69行為1、行為的基本原理、概念及行為的特點(diǎn)2、行為的概念，對(duì)行為的觸發(fā)大事的理解1、給對(duì)象附加行為的基本方法以及修改行為的觸發(fā)大事的方法。2、制作彈出窗口、播放聲音、彈出消息框、設(shè)置導(dǎo)航欄圖像、彈出菜單的步驟方法等了解行為的基本原理、概念及行為的特點(diǎn)，把握給對(duì)象附加行為的基本方法以及如何修改行為的觸發(fā)大事，把握內(nèi)置行為的具體應(yīng)用方法。項(xiàng)目教學(xué)：創(chuàng)建動(dòng)漫網(wǎng)1010初識(shí)動(dòng)態(tài)網(wǎng)站1、配置服務(wù)器的目的，設(shè)置權(quán)限的原理，ASP基礎(chǔ)。2、ADO中的Connecti

13、on對(duì)象和Recordset 對(duì)象的主要屬性和方法。3、服務(wù)器行為4、對(duì)操作語句的理解。檢索select、添加insert、修改update、刪除delete。1、配置服務(wù)器，編輯站點(diǎn)，設(shè)置權(quán)限，制作動(dòng)態(tài)網(wǎng)頁(yè)。2、使用ASP的數(shù)據(jù)庫(kù)訪問組件來連接數(shù)據(jù)庫(kù)。3、在Dreamweaver下制作前臺(tái)顯示頁(yè)面。4、在Dreamweaver下實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)表的基本操作（檢索數(shù)據(jù)、插入數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)）。結(jié)合網(wǎng)站應(yīng)用的特點(diǎn)，把握基于Web的數(shù)據(jù)庫(kù)的基本操作模式。把握數(shù)據(jù)庫(kù)連接的一般使用方法，學(xué)會(huì)使用ADO訪問數(shù)據(jù)庫(kù)，把握ADO中的Connection對(duì)象和Recordset 對(duì)象的主要屬性和方法。把握

14、在Dreamweaver下做對(duì)數(shù)據(jù)庫(kù)表進(jìn)行基本操作的頁(yè)。把握數(shù)據(jù)庫(kù)管理（數(shù)據(jù)檢索、插入數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)）方法。項(xiàng)目教學(xué)：創(chuàng)建同學(xué)成果管理系統(tǒng)網(wǎng)站18四、實(shí)施建議（一）教學(xué)建議（1）在進(jìn)行教學(xué)時(shí)，以項(xiàng)目的方式開放教學(xué)，學(xué)問逐層遞進(jìn)，最終使同學(xué)具備建立、管理和維護(hù)動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境的學(xué)問和基本力量。（2）實(shí)踐教學(xué)的支配： 以案例項(xiàng)目教學(xué)法為主體，充分利用多媒體設(shè)備組織教學(xué)，課程教學(xué)全過程均支配在專業(yè)試驗(yàn)室完成，保證課程講授與同學(xué)個(gè)人上機(jī)試驗(yàn)學(xué)時(shí)比至少為1：1。 在課程教學(xué)的后期支配一周的實(shí)訓(xùn)，同學(xué)在專業(yè)老師指導(dǎo)下，接受項(xiàng)目驅(qū)動(dòng)，獨(dú)立制作完成網(wǎng)站，個(gè)人作品能發(fā)布到Internet上，進(jìn)一步提高

15、同學(xué)網(wǎng)站開發(fā)的綜合應(yīng)用力量。（二）教學(xué)評(píng)價(jià)1、老師評(píng)價(jià)和同學(xué)互評(píng)相結(jié)合、過程評(píng)價(jià)和結(jié)果評(píng)價(jià)相結(jié)合、課內(nèi)評(píng)價(jià)和課外評(píng)價(jià)相結(jié)合、理論評(píng)價(jià)和實(shí)踐評(píng)價(jià)相結(jié)合、校內(nèi)評(píng)價(jià)和校外評(píng)價(jià)相結(jié)合。2、考核方法本課程的考核成果以技能成果為主，接受上機(jī)考試。平常上機(jī)試驗(yàn)技能應(yīng)有嚴(yán)格的記錄，依據(jù)各種試驗(yàn)的要求來計(jì)算成果。最終課程成果由“平常成果（占50%），期末考試成果（占50%）”組成。3、該項(xiàng)目課程學(xué)習(xí)完成后可建議同學(xué)參與對(duì)應(yīng)的職業(yè)資格證書考證和等級(jí)。（三）教學(xué)基本條件本課程既然是理實(shí)一體化的學(xué)習(xí)，就應(yīng)當(dāng)具有相應(yīng)的試驗(yàn)環(huán)境，建議全部課程均在試驗(yàn)室中進(jìn)行。（四）教材選用與編寫建議選用2013年6月江蘇教育出版社-鳳凰傳媒出版，徐云晴主編的網(wǎng)頁(yè)設(shè)計(jì)與制作。輔導(dǎo)資料：（1）網(wǎng)頁(yè)制作 Dreamweaver MX 2004主編 陸瑩 華東師范高校出版社 2006年6月第一版（2）中小型網(wǎng)站建設(shè)與管理唐軍名 主編 高等教育出版社 2004年7月第一版（3）動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)王玉潔 主編 東南高校出版社2006年8月第一版（4）Dreamweaver8 & ASP動(dòng)態(tài)網(wǎng)站