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

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

《商业网站设计与制作教案文档格式.docx》由会员分享，可在线阅读，更多相关《商业网站设计与制作教案文档格式.docx（28页珍藏版）》请在冰豆网上搜索。

2

教

学

目

的

及

要

求

教学目的:

向学生传授构成商务网页的基本要素、制作网页的基本工具、美化网页的基本工具、网页制作的基本步骤；

教学要求：

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

重

点

难

其

处

理

重点：

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

难点：

网页的基本要素。

处理：

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

方

法

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

参

考

文

献

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、制作一个框架网页