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

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

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

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

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

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

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

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

8、計(jì)、建設(shè)、推廣和運(yùn)營等各方面問題進(jìn)行整體策劃，并提供完善的解決方案。學(xué)會網(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)頁。2、應(yīng)用多種標(biāo)記學(xué)會并掌握站點(diǎn)建設(shè)能利用html語言制作簡單網(wǎng)頁項(xiàng)目教學(xué)：創(chuàng)建我的個(gè)人網(wǎng)站83頁面布局設(shè)計(jì)1、掌握表格屬性的設(shè)置，理解各參數(shù)的含義2、理解框架和框架集的作用3、AP元素的屬性，spry構(gòu)件的概念及類別1、學(xué)會并靈活利用表格對網(wǎng)頁進(jìn)行合理布局的方法與技巧2、掌握選擇、創(chuàng)建框架和框架集的方法3、創(chuàng)建及編輯AP元素及spry構(gòu)

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

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

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

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

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

14、amweaver下做對數(shù)據(jù)庫表進(jìn)行基本操作的頁。掌握數(shù)據(jù)庫管理（數(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é)，知識逐層遞進(jìn)，最終使學(xué)生具備建立、管理和維護(hù)動態(tài)網(wǎng)站運(yùn)行環(huán)境的知識和基本能力。（2）實(shí)踐教學(xué)的安排： 以案例項(xiàng)目教學(xué)法為主體，充分利用多媒體設(shè)備組織教學(xué)，課程教學(xué)全過程均安排在專業(yè)實(shí)驗(yàn)室完成，保證課程講授與學(xué)生個(gè)人上機(jī)實(shí)驗(yàn)學(xué)時(shí)比至少為1：1。 在課程教學(xué)的后期安排一周的實(shí)訓(xùn)，學(xué)生在專業(yè)教師指導(dǎo)下，采用項(xiàng)目驅(qū)動，獨(dú)立制作完成網(wǎng)站，個(gè)人作品能發(fā)布到Internet上，進(jìn)一步提高學(xué)生網(wǎng)站

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