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