《網(wǎng)頁設計與制作》課程標準

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

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

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

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

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

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

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

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

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

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

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

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

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

14、amweaver下做對數(shù)據(jù)庫表進行基本操作的頁。掌握數(shù)據(jù)庫管理（數(shù)據(jù)檢索、插入數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)）方法。項目教學：創(chuàng)建學生成績管理系統(tǒng)網(wǎng)站18四、實施建議（一）教學建議（1）在進行教學時，以項目的方式展開教學，知識逐層遞進，最終使學生具備建立、管理和維護動態(tài)網(wǎng)站運行環(huán)境的知識和基本能力。（2）實踐教學的安排： 以案例項目教學法為主體，充分利用多媒體設備組織教學，課程教學全過程均安排在專業(yè)實驗室完成，保證課程講授與學生個人上機實驗學時比至少為1：1。 在課程教學的后期安排一周的實訓，學生在專業(yè)教師指導下，采用項目驅動，獨立制作完成網(wǎng)站，個人作品能發(fā)布到Internet上，進一步提高學生網(wǎng)站

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