网页设计教学或学习计划

节次
教学内容
时数
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、网站的后期管理和维护
【课后小结】
网站的设计是网站建设中一个非常重要的环节，一个创意新颖、设计精美、结构合理的网站会自然而然的吸引用户。因此，应该要求学生多看多想多动手，这样才能把网页制作这门课程学好学精，成为社会直接可用的人才。