《Dreamweaver CS6网页设计与制作》第5章 项目实训 刘敏娜 主编

《Dreamweaver CS6网页设计与制作标准教程》教学教案掌握互联网基础和网站建设基本流程。

掌握网站建设基础和网页设计基础。

掌握网页的制作常用软件和标准技术。

熟练掌握网站建设的基本流程。

熟练掌握网页设计基础知识。

软件的应用和标准技术。

掌握软件的工作界面和创建网站框架。

掌握管理站点文件和文件夹的方法。

掌握管理站点和网页文件头设置。

熟练掌握Dreamweaver CS6工作界面的基本操作。

熟练掌握Dreamweaver CS6的站点。

在Dreamweaver CS6中站点的建立及编辑。

第3讲掌握输入文本和设置文本属性的方法。

掌握项目符号和编号列表的创建方法。

掌握水平线、网格与标尺的使用方法。

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

熟练掌握项目符号、编号列表和水平线的使用方法。

能够正确输入文本并编辑相关属性。

3.1.14 设置文本样式3.1.15 段落文本3.2 项目符号和编号列表3.2.1 课堂案例——电器城网店3.2.2 设置项目符号或编号3.2.3 修改项目符号或编号3.2.4 设置文本缩进格式3.2.5 插入日期3.2.6 特殊字符3.2.7 插入换行符3.3 水平线、网格与标尺3.3.1 课堂案例——摄影艺术网页3.3.2 水平线3.3.3 显示和隐藏网格3.3.4 标尺3.4 课堂练习——有机果蔬网页3.5 课后习题——休闲旅游网页小结1、熟练掌握文本的使用方法和技巧。

2、了解并掌握项目符号和编辑列表的使用方法和技巧。

作业第4讲熟练掌握图像的插入方法。

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

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

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

能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。

4.4 课后习题——房源网页小结1、熟练掌握图像的格式与插入方法和使用技巧。

2、掌握Flash动画的插入和属性的设置。

作业第5讲了解超链接的概念与路径知识。

掌握文本、图像超链接的创建方法。

任务二 使用表格和框架进行布局
table标签的使用： （1）<table>语法：建立一个最基本的表格，必须包含一组<table></table>标记、一组 <tr></tr>标记以及一组<td></td>标记，这也是最简单的单元格表格。<table></table>标记的 作用是定义一个表格<tr></tr>标记的作用是定义一行，而<td><td>标记的作用是定义一个单 元格。 （2）<table>常用属性：
任务一 添加网页基本元素
文档窗口用于显示当前创建和编辑的网页文档。Dreamweaver提供了4种查看文档的方式： 代码视图、拆分视图、设计视图和实时视图。 代码视图：用于编写和编辑HTML、JavaScript、服务器语言代码，以及任何其他类型代码的 手工编码环境。 拆分视图：用于在一个窗口中同时看到同一文档的代码视图和设计视图。 设计视图：用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中， Dreamweaver显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到 的内容。 实时视图：与设计视图类似，实时视图更逼真地显示文档在浏览器中的表示形式。实时视图 不可编辑，不过可以在代码视图中进行编辑，然后通过刷新实时视图来查看所做的更改。
任务一 添加网页基本元素
Dreamweaver CS6中添加文本的方式：一种是直接输入，另一种是导入外部文档数据。前者 的操作相对简单，只需要在文档窗口中直接输入文字或从其他程序中复制或剪切所需文本再 粘贴到文档窗口中即可；后者则需要通过菜单命令来完成。

XXX中等职业学校教案
适用年级： XXX 课程名称：网页设计与制作 Dreamweaver CS6 任课教师： XXX
XXXX学校计算机专业组制
第1-4课时讲授2学时实践2学时
第5-10课时讲授2学时实践4学时
第11-16课时讲授2学时实践4学时
第16-21课时讲授2学时实践4学时
第22--27课时讲授2学时实践4学时
第28-37课时讲授4学时实践6学时
第38--41课时讲授2学时实践2学时
第41--50课时讲授4学时实践6学时
第51--56课时讲授2学时实践4学时
第57--60课时讲授2学时实践2学时
第61--68课时讲授4学时实践4学时
第69--74课时讲授2学时实践4学时
第75--80课时讲授2学时实践4学时
第81--90课时讲授4学时实践6学时
第91--94课时讲授2学时实践2学时。

第5章
超链接
本章简介：
网络中的每个网页都是通过超链接 的形式关联在一起的，超链接是 网页中最重要、最根本的元素之 一。浏览者可以通过鼠标单击网 页中的某个元素，轻松地实现网 页之间的转换或下载文件、收发 邮件等。要实现超链接，还要了 解链接路径的知识。下面对超链 接进行具体的讲解。
课堂学习目标
了解超链接的概念与路径知识 掌握文本、图像超链接的创建方法 掌握命名锚点、热点超链接的创建 方法
利用“属性”面板建立电子邮件超链接
（ 1 ）在文档窗口中选择对象，一般是文字，如“请联系我
们”。 （2）在“链接”选项的文本框中输入“mailto”网址。例如， 网站管理者的E-mail地址是xuepeng8962@，则在“链接” 选项的文本框中输入“mailto: xuepeng8962@” 。
5.3.3 鼠标经过图像链接
“鼠标经过图像”是一种常用的互动技术，当鼠标指针经过
图像时，图像会随之发生变化。一般，“鼠标经过图像”效果由两
张大小相等的图像组成，一张称为主图像，另一张称为次图像。主 图像是首次载入网页时显示的图像，次图像是当鼠标指针经过时更 换的另一张图像。“鼠标经过图像”经常应用于网页中的按钮上。 建立“鼠标经过图像”的具体操作步骤如下。 （1）在文档窗口中将光标放置在需要添加图像的位置。 （2）通过以下几种方法打开“插入鼠标经过图像”对话框。 选择“插入 > 图像对象 > 鼠标经过图像”命令。 在“插入”面板“常用”选项卡中，单击“图像”展开式工 具按钮 ，选择“鼠标经过图像”选项 。 （3）在对话框中按照需要设置选项，然后单击“确定”按钮 完成设置。按F12键预览网页。
“电子邮件链接”对话框
5.3 图像超链接
课堂案例——温泉度假网页 图像超链接 鼠标经过图像链接