商业网站设计与制作教案Word文件下载.docx

商业网站设计与制作教案Word文件下载.docx

《商业网站设计与制作教案Word文件下载.docx》由会员分享，可在线阅读，更多相关《商业网站设计与制作教案Word文件下载.docx（26页珍藏版）》请在冰点文库上搜索。

了解商务网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。

重

点

难

其

处

理

重点：

美化网页的基本工具、网页制作的基本步骤。

难点：

网页的基本要素。

处理：

通过实际案例结合相关知识点详细讲解。

方

法

多媒体教学和课堂讲解相结合

参

考

文

献

1.电子工业出版社《中文版DreamweaverCS5完全自学一本通》

2.清华大学出版社《基于Web标准的网页设计与制作》

课外

作业

及要

1.网页的基本要素有哪些？

2.简述常用的几种网页设计工具

3.简述常用的几种美化工具

4.总结网页制作的步骤

后

记

第2章创建站点

2.1规划站点结构

2.2利用DreamweaverMX创建站点

向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。

规划站点结构的方法；

DreamweaverMX的基本操作；

了解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。

利用DreamweaverMX创建站点的方法；

站点的基本操作。

网页的基本要素、制作网页的基本工具、美化网页的基本工具

课

外

作

业

1.如何规划站点结构

2.首先根据个人爱好规划一个名为Myweb的个人站点,然后在DreamweaverMX中分别用站点定义向导和直接定义站点两种方法建立该站点,并在创建好的站点中新建一个名为”我的个人主页”网页

第3章网页文本的处理

3.1利用HTML处理文本

3.2利用DreamweaverMX处理网页文本

向学生传授构成HTML及其功能、利用HTML创建和测试Web页的方法、利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用DreamweaverMX处理文本；

了解构成HTML及其功能、利用HTML创建和测试Web页的方法；

掌握利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用DreamweaverMX处理文本。

分别利用HTML语言和DREAMWEAVER工具进行文本的编辑,包括标题、横线、字体、字号、颜色、对齐方式、编号和项目编号的设置等等；

熟悉HTML语言中的针对文本设置的格式及若干标签。

教学

方法

参考

文献

自己动手简单做个网页：

网页中要有标题、对齐方式、颜色、和项目列表的体现

第4章网页表格的处理

4.1利用DreamweaverMX处理网页表格

4.2利用HTML处理网页表格

向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，网页制作的基本步骤。

创建表格的方法；

编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法；

创建表格的方法、编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。

分别利用HTML语言和DREAMWEAVER工具表格属性的修改和利用表格进行网页的布局；

利用表格进行布局。

分别制作两个网页，其一为单纯表格的网页，其二为利用表格进行布局的简单网页。

第5章网页图像的处理

5.1利用DreamweaverMX编辑图像

5.2利用HTML处理图像

向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤；

页图像的基本格式、网页图像的要点、图像属性的设置、调整图像的大小及位置；

能够选择合适的网页颜色、了解网页图像的基本格式、掌握使用网页图像的要点、在网页中插入图像的方法、图像属性的设置、调整图像的大小及位置。

分别利用HTML语言和DREAMWEAVER工具图像属性的修改。

文字和图像的位置的设置，热点的设置。

1.网页中常用的图像格式有哪几种？

所有的浏览器都支持它们吗？

2.GIF与JPEG两种图像格式各有什么优缺点？

3.在网页中使用图像应注意什么问题？

4.制作一个网页，为网页填加背景图像，然后分别在网页中插入GIF和JPEG两种格式的图像，并给图像加上文字说明，填加文本，使文本围绕图像排列。

第6章在网页中使用超链接

6.1利用DreamweaverMX处理超链接

6.2利用HTML创建超链接

6.3利用站点地图管理超链接

向学生传授利用DreamweaverMX创建各种超连接的方法、利用DreamweaverMX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法、利用站点地图管理超链接的方法；

了解链接的的相关概念、，掌握利用DreamweaverMX创建各种超连接的方法、利用DreamweaverMX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法

重点：

文本超链接、图像超链接、命名锚记、电子邮件链接的创建及相应属性的修改。

HTML语言中相应的标签。

1.超链接的路径有几种/它们个代表什么含义？

2.图像超链接与文本超链接有什么不同？

3.如何建立跨页面的锚记链接

4.制作一个网页，在网页中要有文本和图像，同时满足以下要求：

（1）单击一个图像跳转到另一个图像，作文超链接的图像带有兰色边框

（2）单击页面中的一个超链接，跳转到另一个页面的特定位置

（3）包含一个电子邮件超链接和一个具有下载效果的超链接

第7章网页表单的处理

7.1表单概述

7.2利用DreamweaverMX处理表单

7.3利用HTML处理表单

向学生传授网页表单概念、利用DreamweaverMX创建表单的方法、利用DreamweaverMX编辑表单的方法、利用HTML处理网页表单的方法；

了解网页表单概念；

掌握利用DreamweaverMX创建表单的方法、利用DreamweaverMX编辑表单的方法、利用HTML处理网页表单的方法。

分别利用HTML语言和DREAMWEAVER工具进行表单的属性的设置。

HTML语言中相应的标签，在处理单选和复选命令按纽上名称的不同。

利用表单制作一个留言簿

第8章利用框架技术制作网页

8.1认识框架网页

8.2利用DreamweaverMX处理框架

8.3利用HTML创建网页框架

向学生传授框架的相关概念、创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；

了解框架的相关概念；

掌握创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；

框架的设置，框架属性的设置和框架的保存，框架的链接目标的设置。

框架的保存和链界目标的设置。

1、框架结构网页的保存应该注意哪些问题？

2、制作一个框架网页

第9章利用图层技术制作网页

9.1认识图层

9.2图层的基本操作

9.3图层的管理

9.4图层与表格

向学生传授图层的相关概念、图层的基本操作、图层的管理、图层与表格的相互转换；

了解图层的相关概念；

掌握图层的基本操作、图层的管理、图层与表格的相互转换；

图层的填加，及相应属性的设置，表格和图层之间的互换。

表格和图层之间的互换。

1.图层有哪些用途？

2.激活图层和选择图层的目的是什么？

3.图层的对齐方式有哪些？

4.如何判断图层之间是否存在嵌套关系？

5.防止层重叠可以使用哪些方法以及应注意哪些问题？

6.如何进行表格和图层之间的互换，转换时应注意什么问题？

第10章美化网页

10.2利用FireworksMX美化网页

10.3利用FlashMX制作网页动画

向学生传授利用FireworksMX美化网页图像、FlashMX基本操作、利用FlashMX处理网页动画等等相关技术；

了解FlashMX基本操作，掌握利用FireworksMX美化网页图像、利用FlashMX处理网页动画等相关技术。

FireworksMX基本操作。

利用FireworksMX美化网页和利用FlashMX制作网页动画基本原理。

1.练习用利用FireworksMX制作图片按纽

2.利用FlashMX制作网页动画

第11章在网页中使用CSS样式

11.1CSS简介

11.2CSS样式

11.3在网页中使用CSS

11.4CSS属性

11.5在DreamweaverMX中使用CSS样式

向学生传授什么是CSS、CSS样式和常用的selector、在网页中使用CSS的方法、CSS的各种属性；

了解什么是CSS、CSS的各种属性；

掌握CSS样式和常用的selector、在网页中使用CSS的方法。

CSS概念的描述和相应属性的修改。

在DreamweaverMX中如何新建一个CSS样式表。

1.什么是CSS？

CSS语句由哪三部分组成？

2.常用的CSS选择符有哪些？

3.如何将CSS引如到HTML中？

4.在DreamweaverMX中如何新建一个CSS样式表？

第12章利用模板和库设计网页

12.1利用模板创建网页

12.2利用模板更新网页

12.3利用库项目维护网页

向学生传授模板原理、创建、使用和管理模板的方法、利用模板更新网页、创建管理库项目、利用库更新网页；

了解模板原理、创建、使用和管理模板的方法，掌握利用模板更新网页、创建管理库项目、利用库更新网页。

创建网页模板、创建基于网页的模板。

利用已有文档创建库项目、在网页中插入库项目。

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.如何在网页中加入JavaScript脚本？

2.JavaScript的事件驱动有哪些？

3.JavaScript的对象有哪些？

4.JavaScript中的对象由哪两个基本元素构成？

5.用JavaScript实现：

在状态栏上显示时间？

第14章利用ASP实现交互功能

14.1ASP技术基础

14.2ASP应用程序

14.3ASP內置对象

向学生传授ASP基础知识、ASP的应用程序、ASP的内置对象；

了解ASP基础知识、ASP的应用程序、ASP的内置对象等相关概念；

掌握ASP的内置对象的使用技术和方法。

ASP的工作流程和内置对象。

ASP的对象的功能。

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对象

向学生传授ADO中各个对象、数据集合间的关系、Connection对象的方法和属性、RecordSet对象的方法和属性、Command对象的方法和属性、Field对象和Fields数据集合的方法和属性、Properties数据集合和Property对象的方法和属性、Parameters数据集合与Parameter对象的方法和属性、Errors数据集合和Error对象的方法和属性；

了解ADO中各个对象、数据集合间的关系、Connection对象的方法和属性、RecordSet对象的方法和属性、Command对象的方法和属性、Field对象和Fields数据集合的方法和属性；

掌握ADO的使用方法和技术。

重点

难点

及其

处理

ADO中各个对象、数据集合间的关系。

ADO对象与数据集合之间的关系。

1.什么是ADO？

其作用是什么？

2.简述ADO对象与数据集合之间的关系？

第16章网页制作示例

演示一个简单网页的制作过程；

了解做网页的全过程。

重点和难点：

网页整体的架构的考虑

制作一个个人网页，要求尽可能的利用所学知识