DreamweaverCS6网页设计教学教案9

《DreamweaverCS6网页设计与应用》

教学初中九年级数学教案

第1讲

课时内容初识DreamweaverCS6授课时间45分钟课时1

了解工作界面地构成。

教学目的掌握创建网站框架地方法与流程。

掌握站点地管理方法。

熟练掌握DreamweaverCS6工作界面地基本操作。

教学重点

熟练掌握DreamweaverCS6地站点。

教学难点在DreamweaverCS6中站点地建立及编辑。

初中九年

1.教学思路:通过工作界面地使用方法讲解掌握DreamweaverCS6地基础知识。

级数学教

2.教学手段：（1）通过设计欣赏案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设

解析深入学习软件功能与制作特点。

计

学习内容

讨论问题：1,DreamweaverCS6中地网页分为哪几种网页？

2,在DreamweaverCS6中有哪几种方法可以创建站点？同时本地站点与远程站点有什么

区别？

内容大纲:具体可结合本项目地PPT课件进行配合讲解。

1.1工作界面

1.1.1开始页面

1.1.2不同风格地界面

1.1.3多文档地编辑界面

1.1.4插入面板

1.2创建网站框架

1.2.1站点管理器

1.2.2创建文件夹

1.2.3定义新站点

1.2.4创建与保存网页

1.3管理站点

1.3.1打开站点

1.3.2编辑站点

1.3.3复制站点

1.3.4删除站点

1、熟练掌握DreamweaverCS6界面地操作方法与技巧。

小结

2、熟练掌握在DreamweaverCS6中站点地创建，编辑，复制，删除与导出地方法。

第2讲

课时内容文本与文档授课时间45分钟课时1

了解文本与文档地创建方法与使用技巧。

教学目的掌握项目符号与编号列表使用方法与区别。

掌握水平线，网格与标尺地使用方法与技巧。

熟练掌握文本地多种创建方法与编辑技巧。

教学重点

熟练掌握项目符号，编号列表与水平线地使用方法。

教学难点能够正确输入文本并编辑有关属性。

1.教学思路：（1）通过对课堂案例地讲解掌握青山别墅网页，休闲度假村网页地制作

方法；（2）再通过软件有关功能地解析学习输入文本与编辑文本有关属性，以及进

行区分使用项目符号与编号列表方法与技巧；（3）最后通过课堂练习及课后习题

初中九年

消化所学软件知识,提高制作网页地能力。

级数学教

2.教学手段：（1）通过课堂案例熟悉设计理念与软件功能；（2）通过软件功能解析

案教学设

深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实际应

计

用能力。

3.教学资料及要求:在网上找一些简单地网页页面进行制作,来加深学员对知识点地

理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中可以有哪几种方法创建文本？

2,在DreamweaverCS6中如何输入多个连续空格？

3,在DreamweaverCS6中如何更改文字颜色，字号等设置？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

2.1编楫文本格式

2.1.1输入文本

2.1.2设置文本属性

2.1.3输入连续空格

2.1.4设置是否可见元素

2.1.5设置页边距

2.1.6插入换行符

2.1.7课堂案例——青山别墅网页

2.2水平线与网格

2.2.1水平线

2.2.2显示与隐藏网格

2.2.3课堂案例一一休闲度假村网页

课堂练习——休闲旅游网页

课后习题——有机果蔬网页

1.熟练掌握文本地使用方法与技巧。

小结

2.了解并掌握项目符号与编辑列表地使用方法与技巧。

课堂练习一一休闲旅游网页

扈练习知识要点

使用“项目列表”按钮,设置项目列表效果;使用“CSS样式”命令，改变文字地颜色。

0效果所在位置

云盘/Ch02/效果/休闲旅游网页Andex.html。

作业

课后刁遂有机果蔬网贞

息习题知识要点

使用“页面属性”命令，设置页面边距与标题;使用“首选参数”命令,设置允许多个空格。

息效果所在位置

云盘/Ch02/效果/有机果蔬网页/index.html。

第3讲

课时内容在网页中插入图像授课时间45分钟课时1

掌握插入图像地方法与技巧。

教学目的

掌握多媒体在网页中地应用。

熟练掌握图像地格式与模式。

教学重点

熟练掌握Flash文件地插入与设置。

教学难点能够正确使用图像与图像地属性设置,Flash文件地格式及设置属性。

1.教学思路：（1）通过对课堂案例地讲解学环球旅游网页,现代木工网页地制作方法；

（2）再通过软件有关功能地解析学习图像地插入与使用技巧，以及进行动画地使

用；（3）最后通过课堂练习及课后习题消化所学软件知识，提高图像与动画地使用

初中九年

能力。

级数学教

2.教学手段：（1）通过课堂案例熟悉设计理念与软件功能；（2）通过软件功能解析

案教学设

深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实际应

计

用能力。

3.教学资料及要求:在网上找一些带有图像与动画地网页页面进行制作,来加深学员

对知识点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中插入图像后在浏览器中不能正常显示图像,是哪几种原因造成？

如何解决？

2,在DreamweaverCS6中如何设置插入地Flash动画为透明背景？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

3.1图像地基本操作

3.1.1在网页中插入图像

3.1.2设置图像属性

3.1.3图像占位符

3.1.4课堂案例一一环球旅游网页

3.2多媒体在网页中地应用

3.2.1插入Flash动画

3.2.2课堂案例一一现代木工网页

课堂练习——儿童零食网页

课后习题——准妈妈课堂网页

1.熟练掌握图像地格式与插入方法与使用技巧。

小结

2.掌握Flash动画地插入与属性地设置。

课堂练习——儿童零食网页

宫练习知识要点

使用“图像”按钮，插入图像;使用“代码”视图，手动输入代码设置图像地水平间距。

宫效果所在位置

云盘/ChO3/效果/儿童零食网页/index.html。

作业

课后习题一一准妈妈课堂网页

皂习题知识要点

使用“FlashSWE”按钮，为网页文档插入Flash动画效果;使用“播放”按钮，在文档窗口

中预览效果。

宫效果所在位置

云盘/ChO3/效果/准妈妈课堂网页/index.html。

第4讲

课时内容超链接授课时间45分钟课时1

掌握设置文本超链接地方法与技巧。

掌握设置电子邮件链接地方法与技巧。

教学目的

掌握设置图像超链接地方法与技巧。

掌握设置鼠标经过图像链接地方法与技巧。

简单了解超链接地概念与路径知识。

教学重点

熟练掌握超链接地分类及每种类型地创建方法。

教学难点能够正确给所需文本添加超链接，以及锚记超链接地使用方法与技巧。

1.教学思路：（1）通过对课堂案例地讲解掌握创意设计网页，狮立地板网页地制作方

法；（2）再通过软件有关功能地解析学习超链接地种类，以及进行不同类型地超链

接创建；（3）最后通过课堂练习及课后习题消化所学软件知识，提高制作超链接地

初中九年

能力。

级数学教

2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设

解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计

际应用能力。

3.教学资料及要求:在网上找一些多级页面进行制作,来加深学员对知识点地理解与

提高实际操作能力。

学习内容

讨论问题：1”在DreamweaverCS6中超链接有哪几种类型？分别是哪几种？

2,在DreamweaverCS6中使用哪种超链接可以跳至指定地位置？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

4.1文本超链接

4.1.1创建文本链接

4.1.2文本链接地状态

4.1.3电子邮件链接

4.1.4课堂案例一一创意设计网页

4.2图像超链接

4.2.1图像超链接

4.2.2鼠标经过图像超链接

4.2.3课堂案例一一狮立地板网页

课堂练习——男士服装网页

课后习题——建筑模型网页

1.熟练掌握超链接地概念与路径。

小结

2.熟练掌握超链接地类型与创建方法地技巧。

课堂练习——男士服装网页

B练习知识要点

使用“命名锚记”按钮，插入锚点制作文档底部移动到顶部地效果。

区效果所在位置

云盘/Ch04/效果/男士服装网页/index.hlml。

课后习题一一建筑模型网页

作业

宫习题知识要点

使用“电子邮件链接”按钮，制作电子邮件链接效果;使用“属性”面板，为文字制作下载

链接效果;使用“页面属性"命令，改变链接地显示效果。

扈效果所在位置

云盘/Ch04/效果/建筑模型网页/index.hlml。

第5讲

课时内容表格地使用授课时间90分钟课时2

掌握插入表格地方法。

掌握设置表格地方法与技巧。

教学目的

掌握在表格内添加元素地方法。

掌握网页中数据表格地编辑方法。

简单了解表格在制作网页中地作用。

教学重点

熟练掌握表格地插入与属性地设置。

教学难点能够正确使用表格地嵌套制作复杂地网页页面。

1.教学思路：（1）通过对课堂案例地讲解掌投资理财网页,典藏博物馆网页地制作方

法；（2）再通过软件有关功能地解析学习表格地插入与属性地设置,以及进行表格

数据地导入与导出；（3）最后通过课堂练习及课后习题消化所学软件知识，提高网

初中九年

页制作地能力。

级数学教

2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设

解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计

际应用能力。

3.教学资料及要求:在网上找一些简单地网页页面进行制作,来加深学员对知识点地

理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中如何向表格一次添加多行或多列？方法分别是？

2,在DreamweaverCS6中＜tr＞标签可否添加背景图像？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

5.1表格地简单操作

5.1.1插入表格

5.1.2设置表格属性

5.1.3在表格内添加元素

5.1.4课堂案例一一投资理财网页

5.2网页中地数据表格

5.2.1导入与导出表格地数据

5.2.2课堂案例一一典藏博物馆网页

课堂练习——火锅餐厅网页

课后习题----0A办公系统网页

1.熟练掌握表格地插入及表格属性地设置方法与技巧。

小结

2.熟练掌握表格嵌套布局。

课堂练习一一火锅餐厅网贞

0练习知识要点

使用“页面属性”命令，设置页面地边距与标题;使用“表格”按钮插入表格;使用“CSS

样式”命令，为单元格添加背景图像效果;使用“图像”按钮插入图像。

这效果所在位置

云盘/ChO5/效果/火锅餐厅网页/index.html。

作业

课后习题0A办公系统网贞

0习题知识要点

使用“导入表格式数据”命令,导入外部表格数据;使用“属性”面板，改变表格地高度与

对齐方式;使用“CSS样式”命令，调整单元格地背景颜色。

0效果所在位置

云盘/ChO5/效果/OA办公系统网页/index.html。

第6讲

课时内容框架授课时间90分钟课时2

掌握创建框架集地方法。

教学目的掌握为框架添加内容地方法。

掌握设置框架与框架集属性地方法。

熟练掌握框架地创建方法。

教学重点

熟练掌握框架地拆分方法。

教学难点能够正确使用ASP语法。

1.教学思路：（1）通过对课堂案例地讲解掌握牛奶饮料网页地制作方法；（2）再通

过软件有关功能地解析学习框架地应用方法与使用技巧；（3）最后通过课堂练习

初中九年及课后习题消化所学软件知识，提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计际应用能力。

3.教学资料及要求:在网上找一些带有框架地网页页面进行制作,来加深学员对知识

点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中如何添加框架？

2,在DreamweaverCS6如何拆分框架？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

6.1创建框架与框架集

6.1.1建立框架集

6.1.2为框架添加内容

6.1.3保存框架

6.1.4框架地选择

6.1.5修改框架地大小

6.1.6拆分框架

6.1.7删除框架

6.1.8课堂案例——牛奶饮料网页

6.2设置框架与框架集地属性

6.2.1设置框架属性

6.2.2设置框架集属性

课堂练习——建筑规划网页

课后习题——阳光外语小学网页

1.熟练掌握框架地创建方法。

小结

2.熟练掌握框架地拆分方法。

课堂练习一一建筑规划网贞

B练习知识要点

使用“左对齐”命令,插入框架进行布局;使用“鼠标经过图像"按钮，插入鼠标经过图

像效果;使用“属性”面板，设置链接效果。

直效果所在位置

云盘/Ch()6/效果/建筑规划网页/index.html。

课后习题一一阳光外语小学网点

作业

扈习题知识要点

使用“对齐上缘”命令，制作网页地结构图效果;使用“属性”面板，改变框架地大小;使用

“图像”按钮，插入图像制作完整地框架网页效果。

意效果所在位置

云盘/Ch06/效果/阳光外语小学网页Andex.html。

第7讲

课时内容层地使用授课时间90分钟课时2

掌握创建与选择层地方法。

教学目的

掌握设置层属性地方法。

掌握如何创建层。

教学重点

熟练掌握层地属性设置。

教学难点能够正确使用不同类型地样式控制标签。

1.教学思路：（1）通过对课堂案例地讲解掌握联创网络技术网页地制作方法；（2）

再通过软件有关功能地解析学习层地创建；（4）最后通过课堂练习及课后习题消

初中九年化所学软件知识,提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计际应用能力。

3.教学资料及要求:在网上中找一些带有层地网页页面进行制作,来加深学员对知识

点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中层有什么作用？

2,在DreamweaverCS6中如何同时绘制多个层？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

7.1层地基本操作

7.1.1创建层

7.1.2选择层

7.1.3设置层地默认属性

7.1.4“AP元素”面板

7.1.5课堂案例一一联创网络技术网页

课堂练习——充气浮床网页

课后习题——美味小吃网页

1.熟练掌握层地创建方法。

小结

2.熟练掌握层地属性设置。

课堂练习——充气浮床网页

宫练习知识要点

使用“绘制APDiv”按钮绘制层;使用“图像”按钮在绘制地图层中插入图像。

扈效果所在位置

云盘/ChO7/效果/充气浮床网页/index.html。

课后习题----美味小吃网贞

作业

0习题知识要点

使用“绘制APDiv”按钮，绘制层;使用“图像”按钮，插入图像;使用“CSS样式”命令，

设置文字地大小与颜色;使用“移动层”命令，调整层地位置制作阴影效果。

这效果所在位置

云盘/Ch07/效果/美味小吃网页/index.html。

第8讲

课时内容CSS样式授课时间90分钟课时2

了解CSS样式类型地应用。

教学目的掌握CSS属性地应用方法与技巧。

熟练运用CSS过滤器。

掌握如何应用CSS样式控制标签。

教学重点

熟练掌握CSS地属性设置。

教学难点能够正确使用不同类型地样式控制标签。

1.教学思路：（1）通过对课堂案例地讲解掌握打印机网页，爱插画网页地制作方法；

（2）再通过软件有关功能地解析学习CSS样式，以及CSS样式地属性及分类；（4）

初中九年最后通过课堂练习及课后习题消化所学软件知识，提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计际应用能力。

3.教学资料及要求:在网上中找一些多样式地网页页面进行制作,来加深学员对知识

点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中CSS样式分为哪几种类型？每种类型地具体作用？

2,在DreamweaverCS6中使用CSS样式定位时需注意什么事项？

内容大纲:具体可结合本项目地PPT课件进行配合讲解。

8.1CSS样式概述

8.1.1"CSS样式”面板

8.1.2CSS样式地类型

8.2CSS属性

8.2.1类型

8.2.2背景

8.2.3区块

8.2.4方框

8.2.5边框

8.2.6列表

8.2.7定位

8.2.8扩展

8.2.9过渡

8.2.10课堂案例一打印机网页

8.3过滤器

8.3.1CSS地静态过滤器

8.3.2课堂案例一一爱插画网页

课堂练习——优选购物网页

课后习题——爱美化妆品网页

1.熟练掌握css样式地概念。

小结

2.熟练掌握CSS样式地分类及使用方法与技巧。

课堂练习一一优选购物网贞

0练习知识要点

使用“项目列表”按钮，创建无序列表;使用“属性”面板，创建空白链接;使用“CSS样式”

命令,控制超链接地显示状态制作导航条效果。

0效果所在位置

云盘/ChO8/效果/优选购物网页Andex.html。

作业课后习题一一爱美化妆品网页

B习题知识要点

使用“Alpha”滤镜,改变图像地透明度。

皂效果所在位置

云盘/Ch()8/效果/爱美化妆品网页/index.html。

第9讲

课时内容模板与库授课时间90分钟课时2

掌握创建与编辑模板地方法。

掌握管理模板地方法。

教学目的

掌握创建库地方法。

掌握向页面添加库项目地方法。

掌握模板地使用方法。

教学重点

熟练库面板地应用。

教学难点能够正确应用模板地所有属性。

1.教学思路：（1）通过对课堂案例地讲解掌握水果慕斯网页,律师事务所网页地制作

方法；（2）再通过软件有关功能地解析学习模板地创建，编辑与应用，以及库面板地

初中九年使用；（4）最后通过课堂练习及课后习题消化所学软件知识,提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计际应用能力。

3.教学资料及要求:在网上中找一些具有共同点地多级页面进行制作，来加深学员对

知识点地理解与提高实际操作能力。

学习内容

讨论问题：1”在DreamweaverCS6中有几种方法创建模板？分别是？

2,在DreamweaverCS6中库面板地具体作用是？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

9.1模板

9.1.1创建空模板

9.1.2创建可编辑区域

9.1.3管理模板

9.1.4课堂案例一一飞越天空网页

9.2库

9.2.1创建库文件

9.2.2向页面添加库项目

9.2.3课堂案例一一律师事务所网页

课堂练习——食谱大全网页

课后习题——精品沙发网页

1.熟练掌握模板地创建，编辑，应用。

小结

2.熟练掌握库面板地应用。

课堂练习——食谱大全网页

B练习知识要点

使用“另存模板”命令，将页面存为模板;使用“可编辑区域”按钮，添加可编辑区。

皂效果所在位置

云盘/Ch09/效果食谱大全网页/index.htmL

作业

课后习题一一精品沙发网点

良习题知识要点

使用“库”面板,添加库项目;使用库中注册地项目，制作网页文档。

息效果所在位置

云盘/Ch09/效果/精品沙发网页Andex.html。

第10讲

课时内容表单授课时间90分钟课时2

掌握创建表单地方法。

掌握设置表单属性地方法。

教学目的掌握创建列表与菜单地方法。

掌握创建文本域与图像域地方法。

掌握创建按钮地方法。

掌握如何创建表单。

教学重点

熟练掌握各表单地使用方法。

教学难点能够正确使用不同类型地表单制作网页.

1.教学思路：（1）通过对课堂案例地讲解掌握用用户登录界面,人力资源网页地制作

方法；（2）再通过软件有关功能地解析学习表单地应用；（3）最后通过课堂练习

初中九年及课后习题消化所学软件知识，提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题演练提高学生

计地实际应用能力。

3.教学资料及要求:在网上中找一些会员注册地网页页面进行制作，来加深学员对知

识点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中表单分为哪几种类型？如果想制作上传照片地效果应该应用哪种

表单属性？

2,在DreamweaverCS6中表单是否可以用CSS样式控制？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

10.1表单地使用

10.1.1创建表单

10.1.2表单地属性

10.1.3单行文本域

10.1.4课堂练习——用户登录界面

10.1.5复选框

10.1.6单选按钮

10.1.7单选按钮组

10.1.8课堂练习一一人力资源网页

10.1.9创建列表与菜单

10.1.10创建跳转菜单

10.1.11创建图像域

10.1.12创建文件域

10.1.13创建按钮

课堂练习——智能扫地机器人网页

课后习题——美食在线网页

1.熟练掌握表单地类型及应用.

小结

2.熟练掌握行为面板。

课堂练习——智能扫地机器人网点

良练习知识要点

使用“文本字段”按钮，制作用户名，手机，密码与验证码文本框;使用“CSS样式”命令，

设置文本框地大小及边距。

扈效果所在位置

云盘/Ch10/效果/智能扫地机器人网页/index.hlml。

作业

课后习题一一美食在线网贞

B习题知识要点

使用“文本字段”按钮，插入文本字段;使用“图像域”按钮,插入图像域;使用“选择（列

表/菜单）”按钮，制作下拉菜单。

氢效果所在位置

云盘/Ch10/效果/美食在线网页/index.html。

第11讲

课时内容行为授课时间90分钟课时2

了解“行为”面板。

教学目的掌握应用行为地方法。

掌握动作地使用方法与技巧。

掌握行为地作用。

教学重点

熟练掌握动作地使用方法。

教学难点能够正确使用不同类型地动作制作网页。

1.教学思路：（1）通过对课堂案例地讲解掌握爱在七夕网页地制作方法；（2）再通

过软件有关功能地解析学习行为与动作地应用方法及技巧；（3）最后通过课堂练

初中九年习及课后习题消化所学软件知识,提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题演练提高学生

计地实际应用能力。

3.教学资料及要求:在网上中找一些有关行为或动作地网页页面进行制作，来加深学

员对知识点地理解与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中如何制作状态栏文本效果？

2,在DreamweaverCS6中是否可以制作弹出信息？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

11.1行为概述

11.1.1“行为”面板

11.1.2应用行为

11.2动作

11.2.1打开浏览器窗口

11.2.2拖动层

11.2.3设置容器地文本

11.2.4设置状态栏文本

11.2.5设置文本域文字

11.2.6设置框架文本

11.2.7课堂案例一爱在七夕网页

课堂练习——品牌商城网页

课后习题——开心烘焙网页

1.熟练掌握行为地应用。

小结

2.熟练掌握动作面板地使用方法及技巧。

课堂练习品牌商城网贞

0练习知识要点

使用“弹出信息”行为命令,制作弹出信息效果;使用“状态栏文本”行为命令，制作状态

栏文本。

氢效果所在位置

云盘/Chi1/效果/品牌商城网页Andex.html。

作业

课后习题一一开心烘焙网点

宫习题知识要点

使用“交换图像”命令,制作鼠标经过图像发生变化效果。

宫效果所在位置

云盘/Chi1/效果/开心烘焙网页/index.html。

第12讲

课时内容网页代码授课时间135分钟课时3

了解网页代码。

掌握标签库插入标签地方法。

教学目的

掌握常用地HTML标签。

掌握响应地HTML事件。

熟练掌握HTML标签。

教学重点

熟练掌握脚本语言。

教学难点能够正确地编写代码。

1.教学思路：（1）通过对课堂地讲解掌握参考面板地使用方法；（2）再通过软件有

关功能地解析学习标签地编写方法与常用工具，以及HTML响应时间；（4）最后通

初中九年过课堂练习及课后习题消化所学软件知识,提高网页制作地能力。

级数学教2.教学手段：（1）通过课堂实训案例熟悉设计理念与软件功能；（2）通过软件功能

案教学设解析深入学习软件功能与制作特点。（3）通过课堂练习及课后习题提高学生地实

计际应用能力。

3.教学资料及要求:在网上中找一些网页页面进行制作,来加深学员对知识点地理解

与提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中有哪几种方法可以添加所需地标签？

2,在DreamweaverCS6中如何快速选中所需地标签？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

12.1网页代码概述

12.1.1使用“参考”面板

12.1.2使用标签库插入标签

12.1.3用标签选择器插入标签

12.2编辑代码

12.2.1使用标签检查器编辑代码

12.2.2使用标签编辑器编辑代码

12.3常用地HTML标签

12.4响应地HTML事件

课堂练习——品质狂欢节网页

1.熟练掌握常用地HTML标签及标签地编写。

小结

2.熟练响应HTML事件。

课堂练习一一品质狂欢节网页

宫练习知识要点

使用“插入标签”命令,制作浮动框架效果。

作业宫效果所在位置

云盘/。112/效果/品质狂欢节网页/后（1€*血17||。

第13讲

课时内容个人网页概述授课时间135分钟课时3

了解个人网页地特色与功能。

掌握个人网页地设计流程。

教学目的

掌握个人网页地设计思路与布局。

掌握个人网页地制作方法。

熟练掌握个人网页地设计流程及思路布局。

教学重点

熟练掌握个人网页地制作方法及技巧。

教学难点能够正确地使用CSS样式。

1.教学思路：（1）通过对个人网页设计地概述掌握个人网页设计地技巧；（2）通过

初中九年对个人网页设计地讲解掌握妞妞地个人网页，李明个人网站与美琪地个人网页地制

级数学教作方法。

案教学设2.教学手段:通过课堂练习与课后习题提高学生地实际应用能力。

计3.教学资料及要求:在网上找一些个人网页案例进行制作,来加深学员对知识点地理

解并提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中设计个人网页需要注意哪些事项？

2,在DreamweaverCS6中设计个人网页有哪些特色？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

13.1个人网页概述

13.2妞妞地个人网页

13.2.1案例分析

13.2.2案例设计

13.2.3案例制作

13.3李明个人网站

13.3.1案例分析

13.3.2案例设计

13.3.3案例制作

13.4美琪地个人网页

13.4.1案例分析

13.4.2案例设计

13.4.3案例制作

课堂练习——娟娟地个人网站

课后习题——李梅地个人网页

1.熟练掌握表格地应用与表格地嵌套。

小结

2.熟练掌握CSS样式地各属性。

课堂练习——娟娟地个人网站

宫练习知识要点

使用“页面属性”命令，设置背景颜色,页面边距与文字颜色大小;使用“属性”面板，

改变单元格地高度与宽度;使用“CSS样式”命令，设置单元格地背景图像。

息效果所在位置

云盘/Ch13/效果/娟娟地个人网站/index.hlml。

作业

课后习题一一李梅地个人网页

扈习题知识要点

使用“属性”面板，设置单元格背景颜色与高度;使用“CSS样式”命令，设置文字行间距

效果;使用“鼠标经过图像"按钮，制作导航条效果;使用“表单”按钮，插入表单效果。

皂效果所在位置

云盘/Ch13/效果/李梅地个人网页/index.html。

第14讲

课时内容游戏娱乐网页授课时间135分钟课时3

了解游戏娱乐网页地内容与服务。

掌握游戏娱乐网页地设计流程。

教学目的

掌握游戏娱乐网页地设计布局。

掌握游戏娱乐网页地制作方法。

熟练掌握游戏娱乐网页地设计流程及思路布局。

教学重点

熟练掌握游戏娱乐网页地制作方法及技巧。

教学难点能够正确地使用CSS样式。

1.教学思路：（1）通过对游戏娱乐网页设计地概述掌握游戏娱乐网页设计地技巧；（2）

初中九年通过对游戏娱乐网页设计地讲解掌握锋芒游戏网页，娱乐星闻网页与综艺频道网页

级数学教地制作方法。

案教学设2.教学手段:通过课堂练习与课后习题提高学生地实际应用能力。

计3.教学资料及要求:在网上找一些游戏娱乐网页案例进行制作,来加深学员对知识点

地理解并提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中设计游戏娱乐网页需要注意哪些事项？

2,在DreamweaverCS6中可以插入那几种格式地动画或视频文件？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

14.1游戏娱乐网页概述

14.2锋芒游戏网页

14.2.1案例分析

14.2.2案例设计

14.2.3案例制作

14.3娱乐星闻网页

14.3.1案例分析

14.3.2案例设计

14.3.3案例制作

14.4综艺频道网页

14.4.1案例分析

14.4.2案例设计

14.4.3案例制作

课堂练习——时尚潮流网页

课后习题——星运奇缘网页

/|\幺士1.熟练掌握表格地应用与表格地嵌套。

/J口

2.熟练掌握CSS样式地各属性。

课堂练习一一时尚潮流网点

宫练习知识要点

使用“页面属性”命令,设置页面字体，大小颜色与页面边距;使用“属性”面板，设置单元

格背景颜色,宽度与高度;使用“CSS样式”命令，设置文字地颜色,大小与行距。

息效果所在位置

云盘/Ch14/效果/时尚潮流网页/index.html。

作业

课后习题一一星运奇缘网页

扈习题知识要点

使用“页面属性”命令,设置页面字体，大小颜色与页面边距;使用“图像”按钮，插入log。

图像;使用“CSS样式”面板，设置单元格背景图像，文字颜色,大小与行距;使用“属性”面板，

设置单元格地宽度与高度。

区效果所在位置

云盘/Ch14/效果/星运奇缘网页/index.html。

第15讲

课时内容旅游休闲网页授课时间135分钟课时3

了解旅游休闲网页地功能与特色。

了解旅游休闲网页地类别与内容。

教学目的掌握旅游休闲网页地设计流程。

掌握旅游休闲网页地布局构思。

掌握旅游休闲网页地制作方法。

熟练掌握旅游休闲网页地设计流程及思路布局。

教学重点

熟练掌握旅游休闲网页地制作方法及技巧。

教学难点能够正确地使用CSS样式。

1.教学思路：（1）通过对旅游休闲网页设计地概述掌握旅游休闲网页设计地技巧；（2）

初中九年通过对旅游休闲网页设计地讲解掌握滑雪运动网页户外运动网页与瑜珈休闲网页

级数学教地制作方法。

案教学设2.教学手段:通过课堂练习与课后习题提高学生地实际应用能力。

计3.教学资料及要求:在网上找一些游戏娱乐网页案例进行制作,来加深学员对知识点

地理解并提高实际操作能力。

学习内容

讨论问题：1,在DreamweaverCS6中设计旅游休闲网页需要注意哪些事项？

2,在DreamweaverCS6中如何制作鼠标经过是交换图像？有几种方法分别是？

内容大纲：具体可结合本项目地PPT课件进行配合讲解。

15.1旅游休闲网页概述

15.2滑雪运动网页

15.2.1案例分析

15.2.2案例设计

15.2.3案例制作

15.3户外运动网页

15.3.1案例分析

15.3.2案例设计

15.3.3案例制作

15.4瑜珈休闲网页

15.4.1案例分析

15.4.2案例设计

15.4.3案例制作

课堂练习——休闲生活网页

课后习题——橄榄球运动网页

1.熟练掌握表格地应用与表格地嵌套。

小结

2.熟练掌握CSS样式地各属性。

课堂练习一一休闲生活网点

良练习知识要点

使用“页面属性”命令,设置页面字体，大小颜色与页面边距;使用“属性”面板，设置单元

格背景颜色,宽度与高度;使用“CSS样式”命令，设置文字地颜色,大小与行距。

扈效果所在位置

云盘/Ch15/效果/休闲生活网页/index.hlml。

作业课后习题——橄榄球运动网贞

B习题知识要点

使用“页面属性”命令,改变页面字体，大小，颜色，背景颜色与页边距效果;使用“图像”按

钮，插入图像;使用“CSS样式”面板，制作单元格背景，文字颜色与行距效果;使用“属性”面板，

改变单元格地背景颜色,高度与宽度。

宫效果所在位置

云盘/Ch15/效果/橄榄球运动网页/index.hlml。

第16讲

课时内容房产网页授课时间135分钟课时3

了解房产网页地功能与服务。

了解房产网页地类别与内容。

教学目的掌握房产网页地设计流程。

掌握房产网