商业网站设计与制作教案
定冠词和不定冠词-圣代无隐者
《商务网页设计与制作》教案
网页设计课程组 编写
安徽财经大学管理科学与工程学院
二〇一三年六月
教案专用页
内容
标题
第1章 商务网站和商务网页概论
1.1商务网站的概念
1.2商务网页的基本要素
1.3 商务网页制作和美化工具
教学目的:
课时
2
向学生传授构成商务网页的基本要素、制作网页的基本工具、美化网页的
教
学
目
的
及
要
求
基本工具、网页制作的基本步骤；
教学要求
：
了解商务网页的基
本要素、制作网页的基本工具、美化网页的基本工具，
掌握网页制作的基本步骤。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
课外
作业
及要
求
重点：美化网页的基本工具、网页制作的基本步骤。
难点：网页的基本要素。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
1.
2.
3.
4.
网页的基本要素有哪些？
简述常用的几种网页设计工具
简述常用的几种美化工具
总结网页制作的步骤
后
记
教案专用页
内容
标题
第2章 创建站点
2.1规划站点结构
2.2利用Dreamweaver
MX创建站点
教学目的:
课时
2
向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，
教
学
目
的
及
要
求
掌握网页制作的基本步骤。规划站点结构的方法；Dreamweaver
MX的基本
操作
；
教学要求
：
了解网页的基本
要素、制作网页的基本工具、美化网页的基本工具，掌握
网页制作的基本步骤。规划站点结构的方法；利
用Dreamweaver MX创建站
点的方法；站点的基本操作。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
重点：网页的基本要素、制作网页的基本工具、美化网页的基本工具
难点：规划站点结构的方法；利用Dreamweaver
MX创建站点的方法；
站点的基本操作。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
1. 如何规划站点结构
2.
首先根据个人爱好规划一个名为Myweb的个人站点,然后在
Dreamweaver MX
中分别用站点定义向导和直接定义站点两种方法建立
该站点,并在创建好的站点中新建一个名为”我的个
人主页”网页
教案专用页
内容
标题
第3章 网页文本的处理
3.1利用HTML处理文本
3.2利用Dreamweaver MX处理网页文本
教学目的:
课时
2
教
学
目
的
及
要
求
向学生传授构成HTML及其功能、利用HTML创建和测试Web页的方法、利
用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处
理、利用
Dreamweaver MX处理文本；
教学要求
：
了解构成HTML及其功能
、利用HTML创建和测试Web页的方法；掌握利用
HTML设置标题和文字、利用HTML设置段落
、利用HTML进行文本格式的处理、
利用Dreamweaver MX处理文本。
重点：
分别利用HTML语言和DREAMWEAVER工具进行文本的编辑,包括标
题、横线、字体、字号、
颜色、对齐方式、编号和项目编号的设置等等；
难点：熟悉HTML语言中的针对文本设置的格式及若干标签。
处理：通过实际案例结合相关知识点详细讲解。
重
点
难
点
及
其
处
理
教学
方法
多媒体教学和课堂讲解相结合
参考
文献
1. 电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
自己动手简单做个网页：网页中要有标题、对齐方式、颜色、和项目列表的体现
教案专用页
内容
标题
第4章 网页表格的处理
教学目的:
4.1利用Dreamweaver MX处理网页表格
4.2利用HTML处理网页表格
课时
2
教
学
目
的
及
要
求
向学生传授网
页的基本要素、制作网页的基本工具、美化网页的基本工
具，网页制作的基本步骤。创建表格的方法；编
辑表格的方法、表格的排序方
法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法
；
教学要求
：
了解网页的基本要素、制作网页的基本工具、美化网页的基
本工具，掌
握网页制作的基本步骤。创建表格的方法、编辑表格的方法、表格的排序方法、
表格
的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。
重点：分别利用HTML语言和D
REAMWEAVER工具表格属性的修改和
利用表格进行网页的布局；
难点：利用表格进行布局。
处理：通过实际案例结合相关知识点详细讲解。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
分别制作两个网页，其一为单纯表格的网页，其二为利用表格进行布局的简单
网页。
教案专用页
内容
标题
第5章
网页图像的处理
5.1 利用Dreamweaver MX编辑图像
5.2利用HTML处理图像
教学目的:
课时
2
教
学
目
的
及
要
求
向学生传授<
br>网页
的基本要素、制作网页的基本工具、美化网页的基本工具，
掌握网页制作的基本步骤
；页图像的基本格式、网页图像的要点、图像属性的
设置、调整图像的大小及位置；
教学要求
：
了解网页的基本要素、制作网页的基本工具、美化网页的基本工
具，掌握
网页制作的基本步骤。能够选择合适的网页颜色、了解网页图像的基本格式、
掌握使用
网页图像的要点、在网页中插入图像的方法、图像属性的设置、调整
图像的大小及位置。
重点：分别利用HTML语言和DREAMWEAVER工具图像属性的修改。
难点：文字和图像的位置的设置，热点的设置。
处理：通过实际案例结合相关知识点详细讲解。
重
点
难
点
教
学
方
法
参
考
文
献
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
1. 网页中常用的图像格式有哪几种？所有的浏览器都支持它们吗？
2.
GIF与JPEG两种图像格式各有什么优缺点？
3. 在网页中使用图像应注意什么问题？
4. 制作一个网页，为网页填加背景图像，然后分别在网页中插入GIF和JPEG
两种格式
的图像，并给图像加上文字说明，填加文本，使文本围绕图像排
列。
教案专用页
内容
标题
第6章
在网页中使用超链接
6.1 利用Dreamweaver MX处理超链接
6.2
利用HTML创建超链接
6.3 利用站点地图管理超链接
教学目的:
课时
2
教
学
目
的
及
要
求
向学生传授
利
用Dreamweaver
MX创建各种超连接的方法、利用
Dreamweaver
MX编辑各种超连接的方法、利用HTML创建、编辑超链接
的方法、利用站点地图管理超链接的方法；
教学要求
：
了解链接的的相关概念、，掌握利用Dreamweaver
MX创建各种超连接
的方法、利用Dreamweaver
MX编辑各种超连接的方法、利用HTML创建、
编辑超链接的方法
重点：文本超链接、图像超链接、命名锚记、电子邮件链接的创建及相应
属性的修改。
难点：HTML语言中相应的标签。
处理：通过实际案例结合相关知识点详细讲解。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
课
外
作
业
及
要
求
后
记
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
1.
2.
3.
4.
超链接的路径有几种它们个代表什么含义？
图像超链接与文本超链接有什么不同？
如何建立跨页面的锚记链接
制作一个网页，在网页中要有文本和图像，同时满足以下要求：
（1）
单击一个图像跳转到另一个图像，作文超链接的图像带有兰色边框
（2）
单击页面中的一个超链接，跳转到另一个页面的特定位置
（3）
包含一个电子邮件超链接和一个具有下载效果的超链接
教案专用页
内容
标题
第7章 网页表单的处理
7.1 表单概述
7.2利用Dreamweaver MX处理表单
7.3利用HTML处理表单
教学目的:
课时
2
教
学
目
的
及
要
求
向学生传授网页表单概念、利用Dreamweaver
MX创建表单的方法、利
用Dreamweaver
MX编辑表单的方法、利用HTML处理网页表单的方法；
教学要求
：
了解网页表单概念；掌握利用Dreamweaver
MX创建表单的方法、利用
Dreamweaver
MX编辑表单的方法、利用HTML处理网页表单的方法。
重点：分别利用HTML语言和DREAMWEAVER工具进行表单的属性的
设置。
难点：HTML语言中相应的标签，在处理单选和复选命令按纽上名称的
不同。
处理：通过实际案例结合相关知识点详细讲解。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
课
外
作
业
及
要
求
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver
CS5完全自学一本通》
2. 清华大学出版社《基于Web标准的网页设计与制作》
利用表单制作一个留言簿
后
记
教案专用页
内容
标题
第8章
利用框架技术制作网页
8.1认识框架网页
8.2 利用Dreamweaver
MX处理框架
8.3 利用HTML创建网页框架
教学目的:
课时
2
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
课
外
作
业
及
要
求
向学生传授框架的相关概念、创建框架网页的方法、编
辑框架网页的方法、
设置框架属性的方法；
教学要求
：
了解框架的相关概念；掌握创建框架网页的方法、编辑框架网页的方法、
设置框架属性的方法；
重点：框架的设置，框架属性的设置和框架的保存，框架的链接目标的设
置。
难点：框架的保存和链界目标的设置。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver
CS5完全自学一本通》
2. 清华大学出版社《基于Web标准的网页设计与制作》
1、框架结构网页的保存应该注意哪些问题？
2、制作一个框架网页
后
记
教案专用页
内容
标题
第9章 利用图层技术制作网页
9.1 认识图层
9.2图层的基本操作
9.3 图层的管理
9.4
图层与表格
教学目的:
课时
2
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
课
外
作
业
及
向学生传授图层的相关概念、图层的基本操作、图层的管理、图层与表格
的相互转换；
教学要求
：
了解图层的相关概念；掌握图层的基本操作、图层的管理、图层与表格的
相互转换；
重点：图层的填加，及相应属性的设置，表格和图层之间的互换。
难点：表格和图层之间的互换。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver
CS5完全自学一本通》
2. 清华大学出版社《基于Web标准的网页设计与制作》
1. 图层有哪些用途？
2. 激活图层和选择图层的目的是什么？
3.
图层的对齐方式有哪些？
4. 如何判断图层之间是否存在嵌套关系？
要
求
5. 防止层重叠可以使用哪些方法以及应注意哪些问题？
6.
如何进行表格和图层之间的互换，转换时应注意什么问题？
后
记
教案专用页
内容
标题
第10章 美化网页
10.2利用Fireworks
MX美化网页
10.3利用Flash MX制作网页动画
课时
2
教
学
目
的
及
要
求
教学目的:
向学生传授
利用
Fireworks
MX美化网页图像、Flash MX基本操作、利
用Flash MX处理网页动画等等相关技术；
教学要求
：
了解Flash MX基本操作，掌握利用Fireworks
MX美化网页图像、利用
Flash MX处理网页动画等相关技术。
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
重点：Fireworks MX基本操作
。
难点：利用Fireworks MX美化网页和利用Flash
MX制作网页动画基本
原理。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
1
.练习用利用Fireworks MX制作图片按纽
2.利用Flash
MX制作网页动画
教案专用页
课时
内容
标题
第11章 在网页中使用CSS样式
11.1
CSS简介
11.2 CSS样式
11.3 在网页中使用CSS
11.4 CSS属性
11.5在Dreamweaver MX中使用CSS样式
教学目的:
2
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
向学生传授什么是CSS、CSS样式和
常用的selector、在网页中使用CSS
的方法、CSS的各种属性；
教学要求
：
了解什么是CSS、CSS的各种属性；掌握CSS样式和常用
的selector、
在网页中使用CSS的方法。
重点：CSS概念的描述和相应属性的修改。
难点：在Dreamweaver
MX中如何新建一个CSS样式表。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver
CS5完全自学一本通》
2. 清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
后
记
1.
什么是CSS？CSS语句由哪三部分组成？
2. 常用的CSS选择符有哪些？
3.
如何将CSS引如到HTML中？
4.
在Dreamweaver
MX中如何新建一个CSS样式表？
教案专用页
课时
内容
标题
第12章 利用模板和库设计网页
12.1利用模板创建网页
12.2利用模板更新网页
12.3利用库项目维护网页
教学目的:
2
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
法
参
考
文
献
向学生传授模板原理、创建、使用和管理模板的方法、利用模板更新网页、
创建管理库项目、利用库更新
网页；
教学要求
：
了解模板原理、创建、使用和管理模板的方法，掌握利
用模板更新网页、
创建管理库项目、利用库更新网页。
重点：创建网页模板、创建基于网页的模板。
难点：利用已有文档创建库项目、在网页中插入库项目。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
课
外
作
业
及
要
求
1. 如何创建网页模板？
2.
3.
4.
5.
如何创建模板的可编辑区域？
如何创建基于网页的模板？
如何利用模板更新网页？
如何利用已有文档创建库项目？
6.
如何在网页中插入库项目？
后
记
教案专用页
课时
内容
标题
第13章 在网页中使用JavaScript
13.1 脚本语言简介
13.2 JavaScript编程基础
13.3
JavaScript的事件驱动
13.4 JavaScript的对象
教学目的:
4
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
法
向学生传授JavaScript的特点及运行环境、JavaScript编程基础、
Jav
aScript事件驱动、JavaScript的对象；
教学要求
：
了
解JavaScript的特点及运行环境、JavaScript编程基础，掌握JavaScript
事件驱动、JavaScript的对象的相关原理和技术。
重点：JavaScript编程基础。
难点：JavaScript的对象，和事件驱动。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
参
考
文
献
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
1.
如何在网页中加入JavaScript脚本？
JavaScript的事件驱动有哪些？
JavaScript的对象有哪些？
JavaScript中的对象由哪两个基本元素构成？
用JavaScript实现：在状态栏上显示时间？
课外
作业
及要
求
2.
3.
4.
5.
后
记
教案专用页
课时
内容
标题
第14章 利用ASP实现交互功能
14.1
ASP技术基础
14.2 ASP应用程序
14.3 ASP內置对象
教学目的:
4
教
学
目
的
及
要
求
向学生传授ASP基础知识、ASP的应用程序、ASP的内置对象；
教学要求
：
了解ASP基础知识、ASP的应用程序、ASP的内置对象等
相关概念；掌
握ASP的内置对象的使用技术和方法。
重
点
难
点
及
其
处
理
教
学
方
法
重点：ASP的工作流程和内置对象。
难点：ASP的对象的功能。
处理：通过实际案例结合相关知识点详细讲解。
多媒体教学和课堂讲解相结合
参考
文献
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
1. 简述ASP的工作流程？
2. ASP的特点和功能有哪些？
3. ASP的内置对象有哪些？分别有哪些功能？
课外
作业
及要
求
后
记
教案专用页
内容
标题
第15章 利用ADO实现网页与数据库的连接
15.1 ADO概述
15.2 Connection对象
15.3 Request对象属性
15.4 Command对象
15.5 Fields集合和Field对象
15.6 Properties数据集合和Property对象
15.7
Parameters集合和Parameter对象
教学目的:
课时
4
向学生传授ADO中各个对象、数据集合间的关系、Connection对象的
教
学
目
的
及
要
求
方法和属性、
RecordSet对象的方法和属性、Command对象的方法和属性、
Field对象和Fiel
ds数据集合的方法和属性、Properties数据集合和Property
对象的方法和属性、P
arameters数据集合与Parameter对象的方法和属性、
Errors数据集合和Err
or对象的方法和属性；
教学要求
：
了解ADO中各个对象、数据集合间的关系、
Connection对象的方法和
属性、RecordSet对象的方法和属性、Command对象
的方法和属性、Field
对象和Fields数据集合的方法和属性；掌握ADO的使用方法和技术。
重点
难点
及其
处理
重点：ADO中各个对象、数据集合间的关系。
难点：ADO对象与数据集合之间的关系。
处理：通过实际案例结合相关知识点详细讲解。
教学
方法
多媒体教学和课堂讲解相结合
1. 电子工业出版社《中文版Dreamweaver
CS5完全自学一本通》
2. 清华大学出版社《基于Web标准的网页设计与制作》
参考
文献
课外
作业
及要
求
后
记
1. 什么是ADO？其作用是什么？
2.
简述ADO对象与数据集合之间的关系？
教案专用页
内容
标题
教
学
目
的
及
要
求
重
点
难
点
及
其
处
理
教
学
方
第16章
网页制作示例
教学目的:
演示一个简单网页的制作过程；
教学要求
：
了解做网页的全过程。
课时
2
重点和难点
：
网页整体的架构的考虑
多媒体教学和课堂讲解相结合
法
参
考
文
献
课
外
作
业
及
要
求
1.
电子工业出版社《中文版Dreamweaver CS5完全自学一本通》
2.
清华大学出版社《基于Web标准的网页设计与制作》
制作一个个人网页，要求尽可能的利用所学知识
后
记