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

1、了解商务网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。重点难其处理重点：美化网页的基本工具、网页制作的基本步骤。难点：网页的基本要素。处理：通过实际案例结合相关知识点详细讲解。方法多媒体教学和课堂讲解相结合参考文献1. 电子工业出版社中文版Dreamweaver CS5完全自学一本通2. 清华大学出版社基于Web标准的网页设计与制作课外作业及要1. 网页的基本要素有哪些？2. 简述常用的几种网页设计工具3. 简述常用的几种美化工具4. 总结网页制作的步骤后记第2章 创建站点2.1规划站点结构 2.2利用Dreamweaver MX创建站点向学生传授网页的基本要

2、素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。规划站点结构的方法；Dreamweaver MX的基本操作；了解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。利用Dreamweaver MX创建站点的方法；站点的基本操作。 网页的基本要素、制作网页的基本工具、美化网页的基本工具课外作业1. 如何规划站点结构2. 首先根据个人爱好规划一个名为Myweb的个人站点,然后在Dreamweaver MX中分别用站点定义向导和直接定义站点两种方法建立该站点,并在创建好的站点中新建一个名为”我的个人主页”网页第3章 网页文本的处理3.1利用HTML处理

3、文本 3.2利用Dreamweaver MX处理网页文本向学生传授构成HTML及其功能、利用HTML创建和测试Web页的方法、利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用Dreamweaver MX处理文本；了解构成HTML及其功能、利用HTML创建和测试Web页的方法；掌握利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用Dreamweaver MX处理文本。分别利用HTML语言和DREAMWEAVER工具进行文本的编辑,包括标题、横线、字体、字号、颜色、对齐方式、编号和项目编号的设置等等；熟悉HTML语言中的针对

4、文本设置的格式及若干标签。 教学方法参考文献自己动手简单做个网页：网页中要有标题、对齐方式、颜色、和项目列表的体现 第4章 网页表格的处理4.1利用Dreamweaver MX处理网页表格 4.2利用HTML处理网页表格 向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，网页制作的基本步骤。创建表格的方法；编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法；创建表格的方法、编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。分别利用HTML语言和DREAMWEAVER工具表格属性的修改和利用

5、表格进行网页的布局；利用表格进行布局。分别制作两个网页，其一为单纯表格的网页，其二为利用表格进行布局的简单网页。第5章 网页图像的处理5.1 利用Dreamweaver MX编辑图像5.2利用HTML处理图像向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤；页图像的基本格式、网页图像的要点、图像属性的设置、调整图像的大小及位置；能够选择合适的网页颜色、了解网页图像的基本格式、掌握使用网页图像的要点、在网页中插入图像的方法、图像属性的设置、调整图像的大小及位置。分别利用HTML语言和DREAMWEAVER工具图像属性的修改。文字和图像的位置的设置，热点的设

6、置。1. 网页中常用的图像格式有哪几种？所有的浏览器都支持它们吗？2. GIF与JPEG两种图像格式各有什么优缺点？3. 在网页中使用图像应注意什么问题？4. 制作一个网页，为网页填加背景图像，然后分别在网页中插入GIF和JPEG两种格式的图像，并给图像加上文字说明，填加文本，使文本围绕图像排列。第6章 在网页中使用超链接6.1 利用Dreamweaver MX处理超链接 6.2 利用HTML创建超链接 6.3 利用站点地图管理超链接向学生传授利用Dreamweaver MX创建各种超连接的方法、利用Dreamweaver MX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法、利用站点

7、地图管理超链接的方法；了解链接的的相关概念、，掌握利用Dreamweaver MX创建各种超连接的方法、利用Dreamweaver MX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法 重点：文本超链接、图像超链接、命名锚记、电子邮件链接的创建及相应属性的修改。HTML语言中相应的标签。1. 超链接的路径有几种/它们个代表什么含义？2. 图像超链接与文本超链接有什么不同？3. 如何建立跨页面的锚记链接4. 制作一个网页，在网页中要有文本和图像，同时满足以下要求：（1） 单击一个图像跳转到另一个图像，作文超链接的图像带有兰色边框（2） 单击页面中的一个超链接，跳转到另一个页面的特定位置（

8、3） 包含一个电子邮件超链接和一个具有下载效果的超链接第7章 网页表单的处理7.1 表单概述 7.2利用Dreamweaver MX处理表单 7.3利用HTML处理表单向学生传授网页表单概念、利用Dreamweaver MX创建表单的方法、利用Dreamweaver MX编辑表单的方法、利用HTML处理网页表单的方法；了解网页表单概念；掌握利用Dreamweaver MX创建表单的方法、利用Dreamweaver MX编辑表单的方法、利用HTML处理网页表单的方法。分别利用HTML语言和DREAMWEAVER工具进行表单的属性的设置。HTML语言中相应的标签，在处理单选和复选命令按纽上名称的不

9、同。利用表单制作一个留言簿第8章 利用框架技术制作网页8.1认识框架网页8.2 利用Dreamweaver MX处理框架8.3 利用HTML创建网页框架向学生传授框架的相关概念、创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；了解框架的相关概念；掌握创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；框架的设置，框架属性的设置和框架的保存，框架的链接目标的设置。框架的保存和链界目标的设置。1、框架结构网页的保存应该注意哪些问题？2、制作一个框架网页第9章 利用图层技术制作网页9.1 认识图层9.2图层的基本操作 9.3 图层的管理9.4 图层与表格向学生传授图层的相关概念、

10、图层的基本操作、图层的管理、图层与表格的相互转换；了解图层的相关概念；掌握图层的基本操作、图层的管理、图层与表格的相互转换；图层的填加，及相应属性的设置，表格和图层之间的互换。表格和图层之间的互换。1. 图层有哪些用途？2. 激活图层和选择图层的目的是什么？3. 图层的对齐方式有哪些？4. 如何判断图层之间是否存在嵌套关系？5. 防止层重叠可以使用哪些方法以及应注意哪些问题？6. 如何进行表格和图层之间的互换，转换时应注意什么问题？ 第10章 美化网页10.2利用Fireworks MX美化网页10.3利用Flash MX制作网页动画向学生传授利用Fireworks MX美化网页图像、Flas

11、h MX基本操作、利用Flash MX处理网页动画等等相关技术；了解Flash MX基本操作，掌握利用Fireworks MX美化网页图像、利用Flash MX处理网页动画等相关技术。Fireworks MX基本操作。利用Fireworks MX美化网页和利用Flash MX制作网页动画基本原理。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样式向学生传授什么是CSS、CSS样式和

12、常用的selector、在网页中使用CSS的方法、CSS的各种属性；了解什么是CSS、CSS的各种属性；掌握CSS样式和常用的selector、在网页中使用CSS的方法。CSS概念的描述和相应属性的修改。在Dreamweaver MX中如何新建一个CSS样式表。1. 什么是CSS？CSS语句由哪三部分组成？2. 常用的CSS选择符有哪些？3. 如何将CSS引如到HTML中？4. 在Dreamweaver MX中如何新建一个CSS样式表？第12章 利用模板和库设计网页12.1利用模板创建网页 12.2利用模板更新网页 12.3利用库项目维护网页向学生传授模板原理、创建、使用和管理模板的方法、利用

13、模板更新网页、创建管理库项目、利用库更新网页；了解模板原理、创建、使用和管理模板的方法，掌握利用模板更新网页、创建管理库项目、利用库更新网页。创建网页模板、创建基于网页的模板。利用已有文档创建库项目、在网页中插入库项目。1. 如何创建网页模板？2. 如何创建模板的可编辑区域？3. 如何创建基于网页的模板？4. 如何利用模板更新网页？5. 如何利用已有文档创建库项目？6. 如何在网页中插入库项目？第13章 在网页中使用JavaScript13.1 脚本语言简介 13.2 JavaScript编程基础 13.3 JavaScript的事件驱动 13.4 JavaScript的对象4向学生传授Jav

14、aScript的特点及运行环境、JavaScript编程基础、JavaScript事件驱动、JavaScript的对象；了解JavaScript的特点及运行环境、JavaScript编程基础，掌握JavaScript事件驱动、JavaScript的对象的相关原理和技术。JavaScript编程基础。JavaScript的对象，和事件驱动。1. 如何在网页中加入JavaScript脚本？2. JavaScript的事件驱动有哪些？3. JavaScript的对象有哪些？4. JavaScript中的对象由哪两个基本元素构成？5. 用JavaScript实现：在状态栏上显示时间？第14章 利用AS

15、P实现交互功能14.1 ASP技术基础 14.2 ASP应用程序 14.3 ASP內置对象向学生传授ASP基础知识、ASP的应用程序、ASP的内置对象；了解ASP基础知识、ASP的应用程序、ASP的内置对象等相关概念；掌握ASP的内置对象的使用技术和方法。ASP的工作流程和内置对象。ASP的对象的功能。1. 简述ASP的工作流程？2. ASP的特点和功能有哪些？3. ASP的内置对象有哪些？分别有哪些功能？第15章 利用ADO实现网页与数据库的连接15.1 ADO概述 15.2 Connection对象 15.3 Request对象属性 15.4 Command对象 15.5 Fields集合

16、和Field对象 15.6 Properties数据集合和Property对象 15.7 Parameters集合和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章 网页制作示例演示一个简单网页的制作过程；了解做网页的全过程。重点和难点：网页整体的架构的考虑制作一个个人网页，要求尽可能的利用所学知识