《网页设计与制作Dreamweaver CS6》电子教案

  • 格式:doc
  • 大小:156.00 KB
  • 文档页数:16

《网页设计与制作 Drramweaver CS6 电子教案》

1 / 16

XXX中等职业学校教案

适用年级: XXX

课程名称: 网页设计与制作 Dreamweaver CS6

任课教师: XXX

XXXX学校计算机专业组 制 《网页设计与制作 Drramweaver CS6 电子教案》

2 / 16

第1-4课时 讲授2学时 实践2学时

章 节 项目一 认识Dreamweaver cs6

讲授主

要内容 1. Dreamweaver cs6的功能和作用

2. Dreamweaver cs6的工作界面

3. Dreamweaver cs6常用工具栏的使用方法

4. Dreamweaver cs6常用面板的使用方法

重 点

难 点 Dreamweaver cs6的工作界面

Dreamweaver cs6常用工具栏和面板的使用方法

要求掌握

的知识点 Dreamweaver cs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、

Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局

教学过程

1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面,介绍Dreamweaver cs6的功能和作用。

2、简介Dreamweaver cs6的安装、删除方法;

3、学生亲自安装Dreamweaver cs6软件。

4、让学生自己动手制作教学案例,来进一步巩固Dreamweaver cs6的使用。

作业布置 作业:一~四

主 要

参考资料 《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注 《网页设计与制作 Drramweaver CS6 电子教案》

3 / 16

第5-10课时 讲授2学时 实践4学时

章 节 项目二 创建和管理站点

讲授主

要内容 1. 设置首选参数的方法

2. 创建站点的基本方法

3. 管理站点的基本方法

4. 创建文件夹和文件的基本方法

重 点

难 点 设置首选参数的方法;

创建和管理站点的基本方法;

要求掌握

的知识点 设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件

教学过程

1、 教师讲解站点的含义;

2、 演示创建一个站点的基础操作步骤;

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料 《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注

《网页设计与制作 Drramweaver CS6 电子教案》

4 / 16

第11-16课时 讲授2学时 实践4学时

章 节 项目三 文本──编排奥斯卡网页

讲授主

要内容 1. 设置页面属性的方法

2. 设置文本字体、大小和颜色的方法

3. 设置段落、换行和列表的方法

4. 设置文本样式和对齐方式的方法

5. 设置文本缩进和凸出的方法

6. 插入水平线和日期的方法

重 点

难 点 设置文本字体、大小和颜色的方法

设置段落、换行和列表的方法

要求掌握

的知识点 创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注

《网页设计与制作 Drramweaver CS6 电子教案》

5 / 16

第16-21课时 讲授2学时 实践4学时

章 节 项目四 图像和媒体——编排新闻网页

讲授主

要内容 1. 网页中常用图像的基本格式

2. 设置网页背景图像的方法

3. 在网页中插入图像占位符的方法

4. 在网页中插入图像和设置图像属性的方法

5. 在网页中插入Flash动画的方法

6. 在网页中插入图像查看器的方法

7. 在网页中插入ActiveX视频的方法

重 点

难 点 在网页中插入图像和设置图像属性的方法

在网页中插入Flash动画的方法

在网页中插入ActiveX视频的方法

要求掌握

的知识点 网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV视频文件、在网页中播放RM视频文件

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注

《网页设计与制作 Drramweaver CS6 电子教案》

6 / 16

第22--27课时 讲授2学时 实践4学时

章 节 项目五 超级链接──设置188导航网页

讲授主

要内容 8. 超级链接的种类

1. 设置文本和图像超级链接的方法

2. 设置图像热点超级链接的方法

3. 设置电子邮件超级链接的方法

4. 设置锚记超级链接和空链接的方法

5. 设置鼠标经过图像和导航条的方法

重 点

难 点 设置文本和图像超级链接的方法

设置图像热点超级链接的方法

设置电子邮件超级链接的方法

设置锚记超级链接和空链接的方法

要求掌握

的知识点 设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注

《网页设计与制作 Drramweaver CS6 电子教案》

7 / 16

第28-37课时 讲授4学时 实践6学时

章 节 项目六 表格──布局网上花店主页

讲授主

要内容 1. 表格的组成和作用

2. 创建和编辑表格的方法

3. 设置表格和单元格属性的方法

4. 使用表格布局网页的方法

重 点

难 点 创建和编辑表格的方法

设置表格和单元格属性的方法

使用表格布局网页的方法

要求掌握

的知识点 表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注

《网页设计与制作 Drramweaver CS6 电子教案》

8 / 16

第38--41课时 讲授2学时 实践2学时

章 节 项目七 框架──布局都市社区网页

讲授主

要内容 1. 框架和框架集的概念

2. 创建框架和框架集的方法

3. 编辑框架和框架集的方法

4. 设置框架和框架集属性的方法

5. 设置框架中链接目标窗口的方法

重 点

难 点 创建框架和框架集的方法

编辑框架和框架集的方法

设置框架和框架集属性的方法

要求掌握

的知识点 框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业:一~四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社

备注