商业网站设计与制作教案

1、商务网页设计与制作教案网页设计课程组编写安徽财经大学管理科学与工程学院二一三年六月内容标题教学目的及要求重点难点及其处理教学方法参考文献课外作业及要求教案专用页第 1 章 商务网站和商务网页概论1.1 商务网站的概念课时21.2 商务网页的基本要素1.3 商务网页制作和美化工具教学目的 :向学生传授构成商务网页的基本要素、制作网页的基本工具、美化网页的基本工具、网页制作的基本步骤；教学要求 ：了解商务网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。重点：美化网页的基本工具、网页制作的基本步骤。难点：网页的基本要素。处理：通过实际案例结合相关知识点详细讲解。多媒体

2、教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作1. 网页的基本要素有哪些？2. 简述常用的几种网页设计工具3. 简述常用的几种美化工具4. 总结网页制作的步骤后记内容标题教学目的及要求重点难点及其处理教学方法参考文献教案专用页第2章创建站点课时 22.1规划站点结构2.2利用 Dreamweaver MX创建站点教学目的 :向学生传授网页的基本要素、 制作网页的基本工具、 美化网页的基本工具，掌握网页制作的基本步骤。规划站点结构的方法； Dreamweaver MX 的基本操作；教学要求 ：了

3、解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。规划站点结构的方法；利用 Dreamweaver MX 创建站点的方法；站点的基本操作。重点：网页的基本要素、制作网页的基本工具、美化网页的基本工具难点：规划站点结构的方法；利用 Dreamweaver MX 创建站点的方法；站点的基本操作。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课外作1. 如何规划站点结构业2.首先根据个人爱好规划一个名为 Myweb 的个

4、人站点 ,然后在 DreamweaverMX 中分别用站点定义向导和直接定义站点两种方法建立该站点,并在创建及好的站点中新建一个名为”我的个人主页 ”网页要求后记内容标题教学目的及要求教案专用页第 3 章 网页文本的处理3.1利用 HTML 处理文本课时23.2利用 Dreamweaver MX处理网页文本教学目的 :向学生传授构成HTML 及其功能、利用HTML 创建和测试 Web 页的方法、利用 HTML 设置标题和文字、利用 HTML 设置段落、利用 HTML 进行文本格式的处理、利用 Dreamweaver MX 处理文本；教学要求 ：了解构成 HTML 及其功能、利用 HTML 创建

5、和测试 Web 页的方法；掌握利用 HTML 设置标题和文字、利用 HTML 设置段落、利用 HTML 进行文本格式的处理、利用 Dreamweaver MX 处理文本。重点难点及其处理教学方法参考文献重点：分别利用 HTML 语言和 DREAMWEAVER工具进行文本的编辑 ,包括标题、横线、字体、字号、颜色、对齐方式、编号和项目编号的设置等等；难点：熟悉 HTML 语言中的针对文本设置的格式及若干标签。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版Dreamweaver CS5完全自学一本通2. 清华大学出版社基于Web 标准的网页设计与制作

6、课外作业自己动手简单做个网页：网页中要有标题、对齐方式、颜色、和项目列表的体现及要求后记内容标题教学目的及要求重点难点及其处理教学方法参考文献教案专用页第 4 章 网页表格的处理课时24.1利用 Dreamweaver MX处理网页表格4.2利用 HTML 处理网页表格教学目的 :向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，网页制作的基本步骤。 创建表格的方法；编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法；教学要求 ：了解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。 创建表格的方法、编辑

7、表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。重点：分别利用 HTML 语言和 DREAMWEAVER工具表格属性的修改和利用表格进行网页的布局；难点：利用表格进行布局。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课外作业及要求后记分别制作两个网页， 其一为单纯表格的网页， 其二为利用表格进行布局的简单网页。内容标题教学目的及要求重点难点教学方法参考文献教案专用页第 5 章网页图像的处理5.1 利用

8、 Dreamweaver MX编辑图像课时25.2 利用 HTML 处理图像教学目的 :向学生传授 网页 的基本要素、制作网页的基本工具、 美化网页的基本工具，掌握网页制作的基本步骤； 页图像的基本格式、 网页图像的要点、 图像属性的设置、调整图像的大小及位置；教学要求 ：了解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。能够选择合适的网页颜色、了解网页图像的基本格式、掌握使用网页图像的要点、 在网页中插入图像的方法、 图像属性的设置、 调整图像的大小及位置。重点：分别利用 HTML 语言和 DREAMWEAVER工具图像属性的修改。难点：文字和图像的位置的设

9、置，热点的设置。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课外作业及要求后记1. 网页中常用的图像格式有哪几种？所有的浏览器都支持它们吗？2. GIF 与 JPEG 两种图像格式各有什么优缺点？3. 在网页中使用图像应注意什么问题？4. 制作一个网页，为网页填加背景图像， 然后分别在网页中插入 GIF 和 JPEG 两种格式的图像，并给图像加上文字说明，填加文本，使文本围绕图像排列。内容标题教学目的及要求重点难点及其处理教学方法参考文献课外作

10、业及要求后教案专用页第 6 章 在网页中使用超链接6.1利用 Dreamweaver MX处理超链接课时26.2利用 HTML 创建超链接6.3利用站点地图管理超链接教学目的 :向学生传授 利 用 Dreamweaver MX 创建各种超连接的方法、利用 Dreamweaver MX 编辑各种超连接的方法、利用 HTML 创建、编辑超链接的方法、利用站点地图管理超链接的方法；教学要求 ：了解链接的的相关概念、 ，掌握利用 Dreamweaver MX创建各种超连接的方法、利用 Dreamweaver MX编辑各种超连接的方法、利用HTML 创建、编辑超链接的方法重点：文本超链接、图像超链接、命

11、名锚记、电子邮件链接的创建及相应属性的修改。难点： HTML 语言中相应的标签。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作1. 超链接的路径有几种 /它们个代表什么含义？2. 图像超链接与文本超链接有什么不同？3. 如何建立跨页面的锚记链接4. 制作一个网页，在网页中要有文本和图像，同时满足以下要求：（1） 单击一个图像跳转到另一个图像，作文超链接的图像带有兰色边框（2） 单击页面中的一个超链接，跳转到另一个页面的特定位置（3） 包含一个电子

12、邮件超链接和一个具有下载效果的超链接记内容标题教学目的及要求重点难点及其处理教学方法参考文献课外作业及要求教案专用页第 7 章 网页表单的处理7.1 表单概述课时27.2 利用 Dreamweaver MX处理表单7.3 利用 HTML 处理表单教学目的 :向学生传授网页表单概念、利用Dreamweaver MX创建表单的方法、利用 Dreamweaver MX 编辑表单的方法、利用 HTML 处理网页表单的方法；教学要求 ：了解网页表单概念；掌握利用 Dreamweaver MX 创建表单的方法、利用Dreamweaver MX编辑表单的方法、利用HTML 处理网页表单的方法。重点：分别利用

13、 HTML 语言和 DREAMWEAVER工具进行表单的属性的设置。难点：HTML 语言中相应的标签， 在处理单选和复选命令按纽上名称的不同。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作利用表单制作一个留言簿后记内容标题教学目的及要求重点难点及其处理教学方法参考文献课外作业及要求教案专用页第 8 章利用框架技术制作网页8.1 认识框架网页课时28.2 利用 Dreamweaver MX处理框架8.3利用 HTML 创建网页框架教学目的 :向学生

14、传授框架的相关概念、 创建框架网页的方法、 编辑框架网页的方法、设置框架属性的方法；教学要求 ：了解框架的相关概念；掌握创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；重点：框架的设置， 框架属性的设置和框架的保存，框架的链接目标的设置。难点：框架的保存和链界目标的设置。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作1、框架结构网页的保存应该注意哪些问题？2、制作一个框架网页后记内容标题教学目的及要求重点难点及其处理教学方法参考文献课

15、外作业及教案专用页第 9 章 利用图层技术制作网页 9.1 认识图层9.2图层的基本操作课时 29.3图层的管理9.4图层与表格教学目的 :向学生传授图层的相关概念、图层的基本操作、图层的管理、图层与表格的相互转换；教学要求 ：了解图层的相关概念；掌握图层的基本操作、图层的管理、图层与表格的相互转换；重点：图层的填加，及相应属性的设置，表格和图层之间的互换。难点：表格和图层之间的互换。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作1. 图层有哪些

16、用途？2. 激活图层和选择图层的目的是什么？3. 图层的对齐方式有哪些？4. 如何判断图层之间是否存在嵌套关系？要5.防止层重叠可以使用哪些方法以及应注意哪些问题？求6. 如何进行表格和图层之间的互换，转换时应注意什么问题？后记内容标题教学目的及要求重点难点及其处理教学方法参考文献教案专用页第10章美化网页课时210.2利用 Fireworks MX 美化网页10.3利用 Flash MX 制作网页动画教学目的 :向学生传授 利用 Fireworks MX 美化网页图像、 Flash MX 基本操作、利用Flash MX 处理网页动画等等相关技术；教学要求 ：了解 Flash MX 基本操作，

17、掌握利用Fireworks MX 美化网页图像、利用Flash MX 处理网页动画等相关技术。重点： Fireworks MX 基本操作 。难点：利用 Fireworks MX美化网页和利用 Flash MX 制作网页动画基本原理。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课外作业及要求后记内容标题教学目的及要求重点难点及其处理教学方法参考文献1.练习用利用Fireworks MX 制作图片按纽2.利用 Flash MX 制作网页动画教案专用

18、页第 11 章 在网页中使用 CSS 样式11.1CSS 简介11.2CSS 样式课时211.3在网页中使用 CSS11.4 CSS 属性11.5 在 Dreamweaver MX 中使用 CSS 样式教学目的 :向学生传授什么是 CSS 、CSS 样式和常用的 selector 、在网页中使用 CSS 的方法、 CSS 的各种属性；教学要求 ：了解什么是 CSS 、CSS 的各种属性；掌握 CSS 样式和常用的 selector 、在网页中使用 CSS 的方法。重点： CSS 概念的描述和相应属性的修改。难点：在 Dreamweaver MX中如何新建一个 CSS 样式表。处理：通过实际案例

19、结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课外作业及要求后记内容标题教学目的及要求重点难点及其处理教学方法参考文献1. 什么是 CSS ？CSS 语句由哪三部分组成？2. 常用的 CSS 选择符有哪些？3. 如何将 CSS 引如到 HTML 中？4. 在 Dreamweaver MX 中如何新建一个 CSS 样式表？教案专用页第 12 章 利用模板和库设计网页12.1利用模板创建网页课时212.2利用模板更新网页12.3利用库项目维护网页教学目的 :向学生传授

20、模板原理、 创建、使用和管理模板的方法、 利用模板更新网页、创建管理库项目、利用库更新网页；教学要求 ：了解模板原理、创建、使用和管理模板的方法，掌握利用模板更新网页、创建管理库项目、利用库更新网页。重点：创建网页模板、创建基于网页的模板。难点：利用已有文档创建库项目、在网页中插入库项目。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合1. 电子工业出版社中文版 Dreamweaver CS5 完全自学一本通2. 清华大学出版社基于 Web 标准的网页设计与制作课1. 如何创建网页模板？外2.如何创建模板的可编辑区域？作3.如何创建基于网页的模板？业及4. 如何利用模板更新

21、网页？要5. 如何利用已有文档创建库项目？求6. 如何在网页中插入库项目？后记内容标题教学目的及要求重点难点及其处理教学方法教案专用页第 13 章 在网页中使用 JavaScript13.1 脚本语言简介13.2 JavaScript编程基础课时413.3 JavaScript的事件驱动13.4JavaScript 的对象教学目的 :向学生传授 JavaScript 的特点及运行环境、 JavaScript 编程基础、 JavaScript 事件驱动、 JavaScript 的对象；教学要求 ：了解 JavaScript 的特点及运行环境、 JavaScript 编程基础，掌握 JavaScr

22、ipt 事件驱动、 JavaScript 的对象的相关原理和技术。重点： JavaScript 编程基础。难点： JavaScript 的对象，和事件驱动。处理：通过实际案例结合相关知识点详细讲解。多媒体教学和课堂讲解相结合参1. 电子工业出版社中文版 Dreamweaver CS5完全自学一本通考文2. 清华大学出版社基于 Web 标准的网页设计与制作献1.如何在网页中加入 JavaScript 脚本？课外2.JavaScript 的事件驱动有哪些？作业JavaScript 的对象有哪些？及要3.求4. JavaScript 中的对象由哪两个基本元素构成？ 5. 用 JavaScript 实

23、现：在状态栏上显示时间？后记内容标题教学目的及要求重点难点及其处理教学方法教案专用页第 14 章 利用 ASP 实现交互功能14.1ASP 技术基础课时414.2ASP 应用程序14.3ASP 內置对象教学目的 :向学生传授 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.2Connection 对象15.3Request 对象属性课时415.4Command 对象15.5Fields 集合和 Field 对象15.6Properties 数据集合和 Propert