商业网站设计与制作教案文档格式.docx

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

2、. 总结网页制作的步骤后记第2章 创建站点2.1规划站点结构 2.2利用Dreamweaver MX创建站点向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。规划站点结构的方法；Dreamweaver MX的基本操作；了解网页的基本要素、制作网页的基本工具、美化网页的基本工具，掌握网页制作的基本步骤。利用Dreamweaver MX创建站点的方法；站点的基本操作。 网页的基本要素、制作网页的基本工具、美化网页的基本工具课外作业1. 如何规划站点结构2. 首先根据个人爱好规划一个名为Myweb的个人站点,然后在Dreamweaver MX中分别用站点定义向

3、导和直接定义站点两种方法建立该站点,并在创建好的站点中新建一个名为”我的个人主页”网页第3章 网页文本的处理3.1利用HTML处理文本 3.2利用Dreamweaver MX处理网页文本向学生传授构成HTML及其功能、利用HTML创建和测试Web页的方法、利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用Dreamweaver MX处理文本；了解构成HTML及其功能、利用HTML创建和测试Web页的方法；掌握利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用Dreamweaver MX处理文本。分别利用HTML语言和DRE

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

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

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

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

8、求：（1） 单击一个图像跳转到另一个图像，作文超链接的图像带有兰色边框（2） 单击页面中的一个超链接，跳转到另一个页面的特定位置（3） 包含一个电子邮件超链接和一个具有下载效果的超链接第7章 网页表单的处理7.1 表单概述 7.2利用Dreamweaver MX处理表单 7.3利用HTML处理表单向学生传授网页表单概念、利用Dreamweaver MX创建表单的方法、利用Dreamweaver MX编辑表单的方法、利用HTML处理网页表单的方法；了解网页表单概念；掌握利用Dreamweaver MX创建表单的方法、利用Dreamweaver MX编辑表单的方法、利用HTML处理网页表单的方法。

9、分别利用HTML语言和DREAMWEAVER工具进行表单的属性的设置。HTML语言中相应的标签，在处理单选和复选命令按纽上名称的不同。利用表单制作一个留言簿第8章 利用框架技术制作网页8.1认识框架网页8.2 利用Dreamweaver MX处理框架8.3 利用HTML创建网页框架向学生传授框架的相关概念、创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；了解框架的相关概念；掌握创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法；框架的设置，框架属性的设置和框架的保存，框架的链接目标的设置。框架的保存和链界目标的设置。1、框架结构网页的保存应该注意哪些问题？2、制作一个框架网页