節次
教學內容
時數
1
網頁設計概述
2
2
HTML的基本標志與格式標志
2
3
HTML的文本、圖片與超級鏈接標志
2
4
HTML表格、表單與框架標志
2
5
HTML標志綜合運用案例
2
6
Dreamweaver中簡單WEB站點建立與管理
2
7
Dreamweaver中靜態網頁設計
2
8
Dreamweaver中動態網頁設計
2
9
Dreamweaver綜合性網頁設計案例
2
10
VBScript概述
2
11
VBScript的基本元素與輸入輸出
2
12
VBScript的條件語句、循環語句和過程
2
13
VBScript文檔對象模型
2
14
ASP概述
2
15
使用ASP對象
2
16
使用ASP組件
2
17
使用ADO對象
2
18
設計實例——論壇
2
19
設計實例——成績管理系統
2
20
網站的設計、制作、發布和宣傳
2
總計
40
第一講 網頁設計概述
【教學內容】
講解網頁設計的相關術語及網站制作的基本流程
【教學目的】
使學生對網站及網頁有一定的認識，激發學生學習網頁設計的興趣
【教學重點】
網頁設計中的若干術語
【教學難點】
理解網頁設計中的若干術語
【教學方式】
講授式、討論式、案例分析式
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《Internet 網頁工場》Wittime工作室 重慶出版社
3、《WEB網站設計》Joel Sklar著 高等教育出版社
4、《HTML網頁制作教程》材義語編著 鐵道出版社
【新課內容】
1、WEB的含義
2、WEB的工作方式
3、URL的作用
4、IE的使用
5、網頁中所使用的技術
6、HTML的發展
7、制作網頁的基本方法
8、制作WEB頁面的用途
【課後小結】
通過學習，認識網絡、網站、網頁及相關信息，理解網頁制作的流程
及了解相應開發工具，為設計網頁做准備。
第二講 HTML的基本標志與格式標志
【教學內容】
講解HTML基本標志對和格式標志
【教學目的】
使學生標志對與格式標志對的使用
【教學重點】
格式標志的使用
【教學難點】
列表標志的使用
【教學方式】
討論式、案例分析式、練習式
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《HTML網頁制作教程》材義語編著 鐵道出版社
【新課內容】
1、HTML概述
2、HTML文檔的基本語法
3、HTML文檔的基本結構
4、HTML的基本單位
【課後小結】
通過本次課的學習,要求能熟練掌握網頁面的基本標志與格式標志,並能靈活運用
列表,有序列表,無序列表標志及屬性。
第三講 HTML的文本、圖片與超級鏈接標志
【教學內容】
講解HTML標准中的文本、圖片與超級鏈接標志
【教學目的】
* 使學生了解標題元素,掌握字體,上下標,及特殊字符的標志
* 使學生掌握圖片標志,聲音標志及相應的屬性,學會利用標志在網頁中插入聲音與圖片
* 使學生掌握超級鏈接標志的使用
【教學重點】
* 字體、圖片和超級鏈接標志的使用
* 網頁中特殊符號的輸入
【教學難點】
* 理解特殊符號對應的標志
* 理解img標志中屬性的意義
* 理解書簽超級鏈接的意義
【教學方式】
討論式、案例分析式、練習式
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《HTML網頁制作教程》材義語編著 鐵道出版社
【新課內容】
1、段落與文本結構
2、文字格式
3、項目符號列表
4、在網頁中插入圖片
5、圖片的屬性
6、建立超級連接
7、錨點的使用
【課後小結】
本節介紹了在網頁中加入文本、圖片和超級鏈接的標志與相應屬性，熟練運用這些標志是制作多媒體網頁的基礎。超級鏈接標志中，書簽鏈接是一類特殊的鏈接方式，理解和使用書簽鏈接學習HTML中超級鏈接標志的難點。
第四講 HTML表格、表單與框架標志
【教學內容】
講解HTML中制作表格、表單與框架的標志
【教學目的】
使學生掌握簡單表格、表單與框架的制作
【教學重點】
* 表格中單元格的合並以及表格嵌套和疊加操作
* 框架的嵌套使用
* 表單元素標志與屬性
【教學難點】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實現的基本思想
* 理解框架屬性name、target的意義
* 理解表單中相應元素對應標志及屬性的含義
【教學方式】
案例分析式、項目教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《HTML網頁制作教程》材義語編著 鐵道出版社
【新課內容】
1、表格編輯
2、框架網頁
3、HTML中的表單
【課後小結】
表格在網頁設計中應用廣泛，熟練掌握表格的基本標志及配合使用的屬性的意義，是靈活運用表格的基礎。表格的嵌套是表格制作中的一個難點，關鍵是要抽象出嵌套表格對應的簡單表格模型，再將模型中單元格的位置使用內嵌表格代替。
框架結構是布局網頁的一種常用方式，要掌握框架及其嵌套的實現，以及在框架中設置超級鏈接時目標框架位置的設置。
表單是網頁實現交互處理的工具,熟練掌握表單中元素的標志和屬性，是設計表單網頁關鍵。
第五講 HTML標志綜合運用案例
【教學內容】
綜合運用所學過的HTML標志書寫網頁
【教學目的】
使學生能夠書寫簡單的HTML網頁
【教學重點】
使用所學的HTML標志書寫網頁
【教學難點】
HTML的綜合運用
【教學方式】
案例分析式、討論式、練習式
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《HTML網頁制作教程》材義語編著 鐵道出版社
【新課內容】
1、用記事本書寫HTML網頁
2、利用案例進行HTML網頁的綜合講解
3、要求學生按規定書寫一個完整的HTNL網頁
【課後小結】
HTML是目前制作網頁時必須掌握的一種語言，學好HTML語言是為以後對《網頁設計》這門課程更深入的學習打下扎實的基礎。
第六講 Dreamweaver中簡單WEB站點建立與管理
【教學內容】
講解Dreamweaver的工作界面和基本操作
【教學目的】
使學生掌握網頁制作工具Dreamweaver的基本操作方式
【教學重點】
網頁制作工具Dreamweaver的界面和基本基本操作
【教學難點】
掌握一個新的開發工具
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《Dreamweaver網頁設計案例教程》白煜編著 清華大學出版社
4、《Dreamweaver MX 2004完美網頁設計與制作》姜楠編著 中國青年出版社
【新課內容】
1、安裝Dreamweaver MX 2004
2、Dreamweaver MX 2004的初始設置
3、熟悉Dreamweaver MX 2004工作界面
4、Dreamweaver MX 2004的操作環境
5、Dreamweaver MX 2004基本操作方式
6、Dreamweaver MX 2004網站建設流程
【課後小結】
Dreamweaver是一款由Macromedia公司開發的專業HTML編輯器，用於對WEB站點、WEB頁面和WEB應用程序進行設計、編碼和開發。無論是剛接觸網頁設計的初學者還是專業的WEB開發人員，Dreamweaver都在前衛的設計理念和強大的軟件功能方面給予了充分可靠的支持。因此學好Dreamweaver對以後的網頁設計有很大的幫助。
第七講 Dreamweaver中靜態網頁設計
【教學內容】
講解利用Dreamweaver進行靜態頁面的制作
【教學目的】
使學生掌握利用Dreamweaver對頁面進行文本、圖象、超級鏈接、表格以及框架等的編輯
【教學重點】
通過對工具軟件Dreamweaver的操作，制作出完整的靜態頁面
【教學難點】
了解靜態網頁的含義
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《Dreamweaver網頁設計案例教程》白煜編著 清華大學出版社
4、《Dreamweaver MX 2004完美網頁設計與制作》姜楠編著 中國青年出版社
【新課內容】
1、利用Dreamweaver MX 2004在網頁中插入文本
2、利用Dreamweaver MX 2004在網頁中插入圖象
3、利用Dreamweaver MX 2004在網頁中插入多媒體
4、利用Dreamweaver MX 2004在網頁中建立超級鏈接
5、利用Dreamweaver MX 2004在網頁中創建表格
6、利用Dreamweaver MX 2004在網頁中創建框架
7、利用Dreamweaver MX 2004在網頁中創建表單
8、使用CSS
9、模板和庫的使用
【課後小結】
了解靜態網頁的含義，利用Dreamweaver MX 2004的強大功能制作出各色各樣的頁面，為以後的學習打下堅實的基礎。
第八講 Dreamweaver中動態網頁設計
【教學內容】
講解利用Dreamweaver進行動態頁面的制作
【教學目的】
使學生掌握利用Dreamweaver作出簡單的動態頁面
【教學重點】
理解動態頁面的含義以及數據庫的使用
【教學難點】
了解動態網頁的含義
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《Dreamweaver網頁設計案例教程》白煜編著 清華大學出版社
4、《Dreamweaver MX 2004完美網頁設計與制作》姜楠編著 中國青年出版社
【新課內容】
1、初識數據庫與ASP
2、建立數據庫
3、在Dreamweaver MX 2004中連接數據庫
4、綁定數據庫
5、顯示記錄
6、添加記錄
7、修改記錄
8、刪除記錄
【課後小結】
了解動態網頁的含義，本節詳細的介紹了如何在Dreamweaver MX 2004中實現與數據庫的連接。動態網頁是當今的主流，學好動態網頁的制作是必須的。
第九講 Dreamweaver綜合性網頁設計案例
【教學內容】
實例講解利用Dreamweaver進行留言本的制作
【教學目的】
使學生掌握利用Dreamweaver作出簡單的動態站點
【教學重點】
動態站點的制作流程
【教學難點】
數據庫的創建、連接與顯示
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》Joel Sklar著 高等教育出版社
3、《Dreamweaver網頁設計案例教程》白煜編著 清華大學出版社
4、《Dreamweaver MX 2004完美網頁設計與制作》姜楠編著 中國青年出版社
【新課內容】
1、制定網站設計方案
2、建立數據庫
3、在Dreamweaver MX 2004中創建站點
4、在Dreamweaver MX 2004中連接數據庫
5、發表、編輯、刪除留言部分制作
6、管理留言
【課後小結】
通過具體實例的講解剖析，使學生更加直觀的了解了動態網站的制作流程。留言本是一個典型的並且簡單的動態站點案例，上手容易。
第十講 VBScript概述
【教學內容】
講解VBScript的基本概念及其特點
【教學目的】
使學生對VBScript有個初步的了解
【教學重點】
什麼是VBScript
【教學難點】
如何在HTML頁面中添加VBScript代碼
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、VBScript概述
2、什麼是VBScript
3、VBScript腳本語言的主要特點
4、在HTML頁面中添加VBScript代碼
【課後小結】
VBScript是程序開發語言Visual Basic家族的最新成員，可以將靈活的腳本應用於更廣泛的領域，包括Microsoft Internet Explorer中的Web客戶端腳本和Microsoft Internet Information Server中的Web服務器端腳本。掌握VBScript是開發動態網站的必要條件。
第十一講 VBScript的基本元素與輸入輸出
【教學內容】
講解VBScript的數據類型、常量、變量、運算符以及VBScript的基本語句
【教學目的】
使學生對VBScript這種開發語言的基本語法有個初步認識
【教學重點】
VBScript的基本元素與輸入輸出
【教學難點】
對VBScript的數據類型、常量、變量、運算符建立起基本概念
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、VBScript的數據類型
2、VBScript常量
3、VBScript變量
4、動態數組
5、VBScript運算符
6、基本語句
7、MsgBox函數
8、InputBox函數
【課後小結】
本節介紹了VBScript的基本元素，包括VBScript的數據類型、常量、變量和運算符，並且初步提到了VBScript的輸入輸出基本語句，為下節課的內容作好准備。
第十二講 VBScript的條件語句、循環語句和過程
【教學內容】
講解VBScript的一些基本語句以及過程
【教學目的】
使學生基本掌握對VBScript的基本語句語法格式和過程
【教學重點】
VBScript的基本語句語法格式
【教學難點】
VBScript的基本語句語法格式和過程過於概念化抽象化，學生掌握有難度
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、If...Then...Else語句
2、Select Case語句
3、Do...Loop語句
4、While...Wend語句
5、For...Next語句
6、For Each...Next循環
7、Sub過程
8、Function過程
9、VBScript中常用的內部函數
10、響應HTML事件
【課後小結】
本節詳細介紹了VBScript的基本語句語法格式和過程，這些概念過於抽象化，學生掌握過程中有很大難度，這就要求我們教師不斷的耐心的詳細的進行講解。
第十三講 VBScript文檔對象模型
【教學內容】
講解VBScript的文檔對象模型
【教學目的】
使學生掌握對VBScript文檔對象模型的理解和運用
【教學重點】
什麼是VBScript的文檔對象模型
【教學難點】
VBScript文檔對象模型的靈活運用
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、文檔對象概述
2、Window對象
3、Document對象
4、其他文檔對象
【課後小結】
文檔對象模型是可以被任何腳本引擎訪問的對象的集合，它提供了對Web浏覽器的訪問。但VBScript語言沒有其對象模型，它使用Microsoft Internet Exploer浏覽器的對象模型，這是一種具有層次結構的對象模型，其中每個對象都有屬性、方法和事件，而屬性本身也是對象，它又包含屬性、方法和事件。這是學生應該注意的地方。
第十四講 ASP概述
【教學內容】
講解ASP的基本理論概念
【教學目的】
使學生掌握對“什麼是ASP”有個基本的認識
【教學重點】
什麼是ASP
【教學難點】
又一個新的概念ASP要求學生掌握
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、ASP概述
2、在ASP頁面中添加服務器端腳本
3、ASP的內置對象
4、包含服務器端文件
【課後小結】
ASP的英文全稱是Active Server Page，翻譯為中文就是動態網頁。ASP對WEB服務器的增強，讓HTML網頁浏覽器從服務器取得WEB頁面的工作方式有所改變。理解ASP的工作原理對以後的進一步學習制關重要。
第十五講 使用ASP對象
【教學內容】
講解ASP對象的使用
【教學目的】
使學生掌握對ASP 對象的使用方法
【教學重點】
什麼是ASP的對象
【教學難點】
每種對象的運用都不相同
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、使用Response對象
2、使用Request對象
3、使用Server對象
4、使用Session對象
5、使用Application對象
【課後小結】
在面向對象編程中，對象就是指具有一組實體的屬性數據和操作方法的變量。ASP是一種面向對象的程序語言，它具有許多對象。通過本節的學習，要求學生熟練掌握ASP對象的使用方式。
第十六講 使用ASP組件
【教學內容】
講解ASP組件的使用
【教學目的】
使學生掌握對ASP 組件的使用方法
【教學重點】
什麼是ASP的組件
【教學難點】
過多的組件使學生掌握起來需要花費很多精力和時間
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、ASP組件概述
2、使用內容輪顯組件
3、使用內容鏈接組件
4、使用廣告輪顯組件
5、使用頁面計數器組件
6、使用計數器組件
7、使用浏覽器功能組件
8、使用文件存取組件
【課後小結】
當用ASP編寫服務器端應用程序時，必須依靠組件來增強WEB應用程序的功能。事實上組件是其他人已經編寫好的一些程序，我們只要掌握它們的使用方法就可以了。
第十七講 使用ADO對象
【教學內容】
講解ADO對象的使用方法
【教學目的】
使學生掌握對ADO對象的使用方法
【教學重點】
什麼是ADO對象
【教學難點】
如何運用ADO訪問數據庫
【教學方式】
講授式、項目模塊式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
【新課內容】
1、使用Connection對象
2、使用Recordset對象
3、使用Command對象
【課後小結】
ASP環境下對數據庫的訪問主要是通過ADO數據模型。ADO訪問數據庫更類似於編寫數據庫應用程序。ADO是ASP技術的核心之一，它集中體現了ASP技術豐富而靈活的數據庫訪問功能。學好本節是制作動態網站的關鍵。
第十八講 設計實例——論壇
【教學內容】
實例講解利用ASP進行論壇的制作
【教學目的】
使學生掌握ASP網站的制作方式及其流程
【教學重點】
一個簡單ASP網站的制作方式及其流程
【教學難點】
要求學生綜合運用所學過知識
【教學方式】
案例分析式、討論式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
4、《ASP數據庫系統開發實例導航》宣小平 但正剛 張文毅編著 人民郵電出版社
【新課內容】
1、論壇系統功能概述
2、創建數據庫
3、查看主題
4、發表主題
5、保存主題
6、回復主題
7、保存回復
【課後小結】
論壇是網絡上非常流行的一個功能，通過對以前所學知識的綜合運用完成這一網站的設計和建設，對於學生來說有一定難度，但是通過實例的講解，幫助學生們更快的上手，效果非常顯著。
第十九講 設計實例——成績管理系統
【教學內容】
實例講解利用ASP進行成績管理系統的制作
【教學目的】
使學生進一步掌握ASP網站的制作
【教學重點】
一個稍復雜ASP網站的制作方式及其流程
【教學難點】
要求學生加深對動態網站的理解
【教學方式】
案例分析式、討論式、演示教學
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
3、《網頁編程技術與實例》譚浩強主編 人民郵電出版社
4、《ASP數據庫系統開發實例導航》宣小平 但正剛 張文毅編著 人民郵電出版社
【新課內容】
1、成績管理系統功能概述
2、創建數據庫
3、用戶驗證
4、學生資料管理
5、課程設置管理
6、成績數據管理
【課後小結】
成績管理系統事實上是個利用ASP強大功能制作的一個小型系統。通過實例的教學，讓學生們對動態網站有更進一步的理解和認識。
第二十講 網站的設計、制作、發布和宣傳
【教學內容】
講解一個網站建設基本的流程
【教學目的】
使學生完全了解一個網站建設的全部過程
【教學重點】
網站建設的基本流程和注意事項
【教學難點】
網站的創意設計
【教學方式】
講授式、討論式、項目模塊式
【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社
2、《WEB網站設計》張錦祥主編 科學出版社
【新課內容】
1、網站的美化管理
2、網站的創意構思
3、網站的規劃
4、網站的整體設計和分工
5、網站的發布
6、網站的後期管理和維護
【課後小結】
網站的設計是網站建設中一個非常重要的環節，一個創意新穎、設計精美、結構合理的網站會自然而然的吸引用戶。因此，應該要求學生多看多想多動手，這樣才能把網頁制作這門課程學好學精，成為社會直接可用的人才。