Dreamweaver8教案.doc

哈尔滨双星计算机职业技术学校教案教 学 进 度 计 划 表周周节教 学 内 容备 注761、第1章Dreamweaver8简述和操作界面2、第2章规划站点3、第3章创建文档861、第4章编辑文本2、第5章图像的应用961、第6章使用CSS样式2、第7章网络多媒体应用1061、 第8章使用链接2、第9章使用表格1161、 第10章使用表格的“布局模式”2、 第11章层的使用1261、 第12章创建交互式菜单2、 第13章使用行为 1361、 第14章使用框架和框架集2、 第15章使用模板和库1461、 第16章站点管理2、 第17章综合实例（课程设计）课 题第1章Dreamweaver8简述和操作界面课 时2日 期10月.9课 节3.4教学目的1、了解Dreamweaver 8 的界面组成以及面板的使用方法。2、掌握Dreamweaver 8 工作区的布局，并能够使用工具栏中的快速按钮以及界面板组。重点与难点Dreamweaver 8 的操作界面及界面板组教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注要从事网页设计工作，就必须学习如何制作网页。在过去，只有掌握了HTML（超文本标记语言）才能编写出网页。如今，即使不了解任何网页编写语言，也一样可以快速地创建出精美的网页。1.1教学目标1、了解Dreamweaver 8 的界面组成、新增功能以及面板的使用方法。2、掌握Dreamweaver 8 工作区的布局，并能够使用工具栏中的快速按钮以及界面板组。1.2 理论指导1.2.1 Dreamweaver 8 简述使用Dreamweaver 不仅可以制作出任何结构复杂的静态网页，而且在以下几个方面也有着强大的功能。完美的操作界面强大的模板功能创建动态网页强大的代码编辑功能1.2.2 Dreamweaver 8 的新功能1. 新的工作流程2. 增强的CSC支持3. 快速的文件传输功能4. 对XML/XSLT的远景支持1.2.3 Dreamweaver 8 的操作界面1. 查看Dreamweaver 8 的操作界面Dreamweaver 8 的操作界面由“文档”窗口、工具栏、状态栏、上下文菜单、工具栏和属性检查器等部分组成。2. “文档”工具栏“文档”工具栏中主要包含了一些对文档进行常用操作的功能按钮，用户通过单击这些案就可以在文档的不同视图间进行快速切换。3. “标准”工具栏“标准”工具栏中包含了一些“文件”和“编辑”菜单中对文档常用操作命令的按钮。选择“查看”“工具栏”“标准”命令，可以显示或隐藏“标准”工具栏。4. 状态栏状态栏位于文档窗口的底部，作用是提供与用户正编辑的文档有关的某些信息，如当前窗口大小，文档大小和估计下载时间等。5. 上下文菜单“上下文菜单”又称为“快捷菜单”，一般包含了许多常用的命令。Dreamweaver 8 的“上下文菜单”也是如此。在文档中右击对象或窗口，即可弹出与该对象或窗口相关的上下文菜单，从中可以选择相应的命令进行操作。6. 使用“插入”工具栏“插入”工具栏包含用于创建和插入对象(如表格、层和图像)所用到的所有按钮。这些按钮被分类组织到各个选项卡中。7. 使用“属性检查器” 在Dreamweaver 8 中，这些“属性检查器”也是常用的工具之一。软件默认将其显示在文档窗口的下方。 作业：第一章课后练习题本课总结：学生了解Dreamweaver 8 的界面组成以及面板的使用方法。并且掌握Dreamweaver 8 工作区的布局，能够使用工具栏中的快速按钮制作简单的网页。课后练习全部完成结合上机操作进行强化训练。课 题第2章规划站点课 时2日 期10.月10课 节3.4.教学目的1、了解设计和规划站点的基本步骤，并能够掌握创建和编辑站点的基本方法。2、了解网站建设的界本流程以及如何规划和设计站点，掌握创建Dreamweaver 站点和编辑站点的方法。重点与难点创建站点和编辑站点的方法教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注网站是万维网中最基本的组成部分，而网页又是网站的最基本组成部分。他们通过各种链接相互关联，从而描述相关的主题或实现相同的目的。2.1 教学目标 了解设计和规划站点的基本步骤，并能够掌握创建和编辑站点的基本方法。 了解网站建设的界本流程以及如何规划和设计站点，掌握创建Dreamweaver 站点和编辑站点的方法。2.2 理论指导2.2.1 认识网站和网页1. 站点的概念2. 站点的串联方式 循环式链接 层级式链接2.2.2 网站建立的步骤1. 网站的规划和设计2. 布局与编排网页网页布局的常见结构如下： T 型布局 三型布局 型布局 Flash 布局3. 填充网页内容4. 建立动态网站5. 测试和发布站点2.2.3 创建站点1.创建本地站点2.设置本地文件夹3.设置远程文件夹2.2.4 编辑站点1. 编辑本地站点2. 编辑远程站点3. 删除站点4. 网站文件管理作业：第二章课后练习题本课总结：学生了解网站建设的界本流程以及如何规划和设计站点，掌握创建Dreamweaver 站点和编辑站点的方法。课后练习作业全部完成结合上机操作进行强化训练。课 题第3章创建文档课 时2日 期10.月11课 节5.6教学目的掌握创建文档的基本方法，并能够编辑文档，以设置他们的属性。掌握创建、打开、设置和保存文档的方法，能够查看与编辑文档头部内容，以及使用可视化向导设计网页。重点与难点创建、打开、设置和保存文档教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注文档的创建与设置是Dreamweaver 的基本操作。创建了本地站点后，就可以创建文档并将其保存在站点的文件夹中。我们可以通过Dreamweaver的操作界面方便的制作出文本、图像、动画、录像以及链接的文档。 Dreamweaver会在创建文档的同时自动生成相应的HTML代码。3.1 教学目标掌握创建文档的基本方法，并能够编辑文档，以设置他们的属性。掌握创建、打开、设置和保存文档的方法，能够查看与编辑文档头部内容，以及使用可视化向导设计网页，并结合上机操作强化练习。3.2 理论指导3.2.1 创建网页文档在Dreamweaver中有3种方式创建文档1、创建新的空白文档2、创建基于Dreamweaver8设计文件的文档3、创建以模板为基础的文档1. 创建空白文档2. 创建基于Dreamweaver 8 设计文件的文档3. 创建模板文档4通过“导入”创建文档3.2.2 打开和保存网页文档1. 打开现有文档2. 打开最近使用的文档3. 保存文档3.2.3 设置文档属性3.2.4 设置颜色1. 认识网页安全色2. 定义文本颜色3.2.5 选择文档中的元素1. 选择可见元素2. 认识不可见元素3. 显示不可见元素3.2.6 使用可视化向导设计网页1. 使用“标尺”和“网络”2. 使用“跟踪图像”3.2.7 查看和编辑头部内容1. 显示文档2. 在文档头部插入元素3. 设置头部元素作业：第三章课后练习题本课总结：掌握创建、打开、设置和保存文档的方法，能够查看与编辑文档头部内容，以及使用可视化向导设计网页，学生还应结合上机操作强化练习。有的学生没有做课后习题，还需要监督练习。课后练习作业全部完成结合上机操作进行强化训练。课 题第4章编辑文本课 时2日 期10.16课 节3.4教学目的了解并掌握在文档中使用文本的基本方法，并能够编辑插入到文档中的文本；了解并掌握查找与替换功能的使用。掌握插入文本和对象、设置文本样式以及插入文本和对象的方法，并能够使用HTML样式格式化文本。重点与难点插入文本和对象、设置文本样式以及插入文本和对象的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注在网页中编辑文本是十分重要的，因为网页结构的大部分内容都是由文本组成的。通过设置文本的格式，可以使文本显得更加条理清晰。4.1 教学目标了解并掌握在文档中使用文本的基本方法，并能够编辑插入到文档中的文本；了解并掌握查找与替换功能的使用。掌握插入文本和对象、设置文本式样以及插入文本和对象的方法，并能够使用HTML样式格式化文本。4.2 理论指导4.2.1 输入文本1. 添加文本在输入文本的过程中，段落结束时，可以用Enter键来分段，如果想将一整段文本强迫分为多行，还可以按Shift+ Enter键来强制分行。2. 复制和粘贴文本复制粘贴 Ctrl+C - Ctrl+V3. 输入特殊字符特殊字符分为4类1）标点符号类2）货币符号类3）版权相关类4）其他字符 选择插入文本 字符另外水平线也是一种特殊字符 选择插入HTML水平线命令，在水平线属性检查器中，各选项的功能如下： “宽”和“高”文本框 “对齐”下拉列表框 “阴影”复选框 “类”下拉列表框4. 复制和粘贴HTML代码要复制HTML源代码，在Dreamweaver 的代码模式视图中选择要复制的代码，右键单击，在弹出的菜单中选择拷贝命令，然后选择要粘贴的位置粘贴。5. 输入日期选择插入-日期命令选择插入-常用选项卡，切换到常用插入栏，单击按钮6. 拼写检查选择文本-检查拼写命令检查文档中的拼写错误4.2.2 设置文本格式1. 应用标准格式在属性检查器中的格式下拉菜单应用标准文本格式2. 设置文本字体1）在属性检查器中的字体下拉菜单进行设置。 2）选择文本-字体命令，选择合适的字体组合。3. 设置文本字号4. 设置文本颜色1）使用页面属性对话框设置颜色2）选择文本-颜色命令，进行设置颜色5. 设置文本对齐方式在属性检查器中设置左对齐、右对齐、居中对齐、两端对齐4.2.3 设置HTML样式选择窗口-代码检查器命令，打开代码检查器对话框，设置文本属性的HTML样式。4.2.4 查找与替换选择编辑-查找和替换命令，打开查找和替换对话框，进行设置作业：第四章课后练习题本课总结：课堂上学习效果比较好，掌握插入文本和对象、设置文本式样以及插入文本和对象的方法，并能够使用HTML样式格式化文本。还需要多上机练习。课后练习作业全部完成结合上机操作进行强化训练。课 题第5章图像的应用课 时4日 期10月17.18课 节56.34教学目的了解Web页中常用的几种图像格式，掌握插入图像的方法，并能够简单编辑插入到文档中的图像，以及设置他们的属性。掌握插入图像、编辑图像和设置图像属性的方法，并能够在Dreamweaver 中使用Fireworks文件。重点与难点插入图像、编辑图像、设置图像属性的方法教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注图像是网页制作中一个不可缺少的部分，在页面中恰当的使用图像,不仅可以使网页美观,更重要的是可以更加直观的表达信息，可以吸引浏览者。5.1 教学目标了解Web页中常用的几种图像格式，掌握插入图像的方法，并能够简单编辑插入到文档中的图像，以及设置他们的属性。掌握插入图像、编辑图像和设置图像属性的方法，并能够在Dreamweaver 中使用Fireworks文件或者Photoshop文件。5.2 理论指导5.2.1 图像的使用1. Web 页中常用的图像格式通常使用的图像格式Jpg、 gif 、 png三种Jpg 、 gif 文件格式的支持情况最好Png文件具有较大的灵活性并且文件尺寸较小2. 插入图像）选择插入工具栏中的常用选项卡，单击）选择插入图象命令，打开选择图象文件对话框，选择插入的图象，单击确定即可将图象插入到网页中3. 插入图像占位符图像占位符是在准备将最终图象添加到网页文档前面使用的图像）选择插入工具栏中的常用选项卡，单击在弹出菜单中选择图像占位符）选择插入图象命令图像占位符，打开图像占位符对话框在网页中替换图像占位符方法有两种）双击图象占位符，打开选择图象文件对话框，在对话框中选择合适的图象文件）单击图象占位符将其选中，并在属性检查器中单击源文件文本框旁的文件夹图标按钮打开选择图象文件对话框，在对话框中选择合适的图象文件4. 设置网页背景图像）在属性检查器中单击页面属性按钮）选择修改页面属性命令，打开页面属性对话框，在分类列表中选择外观选项单击背景图象文本框后的浏览，选择图片5.2.2 设置图像属性与编辑图像1. 设置图像属性在网页文档中选择一个图象，选择窗口属性打开属性检查器属性检查器中的各项名称和功能。2. 对齐图像属性检查器中的对齐下拉菜单设置共有项对齐方式3. 调整图像大小通过鼠标调节按住Shift等比例调节4. 使用内部图像编辑器5. 使用外部图像编辑器选择编辑-首选参数，选择-文件类型/编辑器5.2.3 创建鼠标经过图像5.2.4 使用Fireworks文件1. 插入Fireworks文件2. 使用Fireworks更新Dreamweaver 图像占位符3. 在文档中插入Fireworks HTML代码4. 使用Fireworks来优化或编辑图像作业：第五章课后练习题本课总结：学生可以掌握插入图像、编辑图像和设置图像属性的方法，没有学习使用Fireworks软件还不能运用Fireworks文件。课后练习作业全部完成结合上机操作进行强化训练。课 题第6章使用CSS样式课 时4日 期10.月23课 节3.4教学目的通过本章的学习，应了解什么是CSS，以及CSS样式的类别。掌握建立CSS样式和管理CSS样式表的方法。重点与难点本章重点讲解了创建、链接和导出CSS样式的方法，并介绍了避免CSS样式冲突，浏览器样式格式应依照的规则。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注CSS样式的全名为Cascading Style Sheet他可以定义HTML标签，按列表的语法将许多文字、图片、表格、表单、图层等设计加以格式设定。6.1 教学目标通过本章的学习，应了解什么是CSS，以及CSS样式的类别。掌握建立CSS样式和管理CSS样式表的方法。本章重点讲解了创建、链接和导出CSS样式的方法，并介绍了避免CSS样式冲突，浏览器样式格式应依照的规则。6.2 理论指导6.2.1 认识CSS文件概念： CSS样式是Cascading Style Sheet（层叠样式单）的简称，利用它可以对网页中的文本进行精确的格式化控制。1. CSS样式表简介CSS样式表位于文档的区，他的作用与优势1）在几乎所有的浏览器上都可以使用2）可以更快的下载页面3）使页面的字体变得更漂亮，更容易编排4）可以轻松的控制页面的布局5）可以将许多页面的风格格式同时更新，不用再一页一页地更新。2. 使用CSS样式面板CSS样式面板分为上下两个部分，上边部分列出了所有样式的名称（自己定义的样式都以“.”开头)。下边部分列出了CSS样式的具体内容。单击面板底部按钮可以对样式进行附加、新建、编辑、删除操作。要使用CSS样式先选择相应的网页元素（文本或图像等），在CSS样式面板中选择所使用的CSS样式并右击，从弹出的菜单中选择套用命令，就将该样式应用到了选择的网页元素。6.2.2 创建CSS样式1. CSS样式表的类别CSS样式有两种存在方式一种是“内嵌”到当前文档中，将CSS语法直接写到 标签内（置于head文件头中），仅其所在的网页使用。其他网页要使用时需要先将内部样式表通过选择文件-导出- CSS样式命令的方式导出才可以使用。在创建时选择仅对该文档是“内嵌”到当前文档中的样式表。另一种是独立存放在一个文件夹中，这类文件的扩展名.css2. 使用“类”单选按钮概念：类单选按钮针对自行设计的CSS样式使用，用户可以自定义样式名称，并设计样式的组合。3. 使用“标签”单选按钮“标签”单选按钮是针对HTML内定的标签重定义格式时使用的，用户只能选取列表中的标签名称并调整其样式，而无法新建名称。4. 使用“高级”单选按钮概念：“高级”单选按钮主要使用在超链接上的设定，用户可以在其中设定鼠标互动效果,包括一般状态、已链接状态和鼠标指针划过状态等。6.2.3 应用CSS样式1. 使用属性检查器应用CSS样式2. 在标签处设定CSS样式选取要应用的文字或者将光标插入该文字段落的任何一处，然后在标签(p代表段落)中右击，在弹出的菜单中选择“设置类”-样式名称命令，应用其样式。3. 在“标签检查器”面板组的“属性”面板中设定样式选取要应用的文字或者将光标插入该文字段落的任何一处，然后在标签检查器面板组的属性面板上单击按钮，在class选项右侧的文本框中输入样式的名称。4. 通过右击设定样式选取要应用的文字右击，在弹出的菜单中选取CSS样式样式名称命令，应用所选的CSS样式。6.2.4 管理CSS样式表1. 链接和导入CSS样式2. 编辑和删除样式3. 导出网页内的CSS样式表6.2.5 CSS样式冲突1.如果两种样式同时应用于相同文本，浏览器会将两种样式的所有格式都显示出来，除非样式格式发生冲突。2.如果应用于同一个文本的两种样式发生冲突，则浏览器会显示最内部的样式设置格式。3.如果存在直接冲突，则CSS样式会覆盖基于HTML标记的样式格式。作业：第六章课后练习题本课总结：课后联系题基本都可以做完，并了解了什么是CSS，以及CSS样式的类别。可以创建、链接和导出CSS样式。课后练习作业全部完成结合上机操作进行强化训练。课 题第7章网络多媒体应用课 时2日 期10月.24.25课 节56.34教学目的了解并掌握插入媒体对象的基本方法，并能够编辑插入到文档中的媒体对象，了解他们的属性设置。 掌握在网页中添加声音文件、Flash对象、ActiveX控件、其他媒体对象的方法，并能够综合应用多媒体效果制作出生动的网页。重点与难点在网页中添加声音文件、Flash对象。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注使用Dreamweaver制作网页时能够迅速、方便地为网页添加声音、影片等多媒体内容，使网页更加生动。7.1 教学目标 了解并掌握插入媒体对象的基本方法，并能够编辑插入到文档中的媒体对象，了解他们的属性设置。掌握在网页中添加声音文件、Flash对象、ActiveX控件、其他媒体对象的方法，并能够综合应用多媒体效果制作出生动的网页。7.2 理论指导7.2.1 为网页添加音频和视频1. 在网页中插入声音o 选择常用工具栏 中的 动画按钮 中的最后一项o 注意: 网页之所以播放声音，影片等多媒体文件，并不是依靠浏览器本身的功能，而是浏览器所搭配的插件。2. 在网页中插入影片方法和插入声音一样3. 为网页添加背景音乐o 代码如下4. 设置插件属性7.2.2 使用Flash动画1. Flash的文件类型2. Flash动画的选择3. Flash文本的使用4. Flash对象属性检查器的使用5. 插入Flash按钮对象6. 插入Flash电影7. 插入FlashPaper7.2.3 插入其他媒体对象1. 插入Shockwave电影2. 插入ActiveX控件3. 插入Jave程序作业：第七章课后练习题本课总结：掌握在网页中添加声音文件、Flash对象、ActiveX控件、其他媒体对象的方法，并能够综合应用多媒体效果制作出生动的网页。课后练习作业全部完成结合上机操作进行强化训练。课 题第8章使用链接课 时2日 期10月30课 节3/4教学目的了解并掌握在页面中创建链接的基本方法，并能够创建导航条、图形热点链接，以及设置他们的属性。了解什么是相对路径和绝对路径，掌握创建与管理链接，创建导航条，创建图形热点链接和使用站点地图的方法。重点与难点创建和管理链接，创建导航条，创建图形热点链接和使用站点地图的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注网站都是由许多网页组成的，网页之间通常又是通过超链接的方式相互建立关联的。超链接是Web的精华。没有超链接，就无法通过单击的方式遨游Web的世界。8.1 教学目标了解并掌握在页面中创建链接的基本方法，并能够创建导航条、图形热点链接，以及设置他们的属性。了解什么是相对路径和绝对路径，掌握创建与管理链接，创建导航条，创建图形热点链接和使用站点地图的方法。8.2 理论指导8.2.1 认识超链接超链接与URL及网页文件的存放路径是紧密相关的。8.2.2 认识URL和链接路径1. URL概念： URL指的是Internet文件在网上的地址，是使用数字和字母按一定顺序来确定Internet地址，由访问方法、服务器名、端口号，以及文档位置组成。格式为Access-method:/server-name:port/document-location2. 绝对路径3. 相对路径8.2.3 创建链接1. 创建链接的类型和方法可以创建4种类型的链接1)页间链接2)页内链接3)E-mail链接4)空链接及脚本链接创建链接的方法有4种使用属性检查器中的“链接”文本框选择修改-创建链接命令，创建到某个文件的链接使用站点地图来查看、创建、修改、删除链接使用快捷菜单，然后从中选择创建链接选项2. 创建网页间超链接3. 创建网页内的超链接4. 创建E-Mail链接5. 创建虚链接和脚本链接6. 创建图形热点链接8.2.4 创建导航条1. 插入导航条2. 编辑导航条8.2.5 在“站点地图”中创建和修改链接打开文件面板单击按钮,展开文件面板,单击站点地图按钮,选择地图和文件命令.作业：第八章课后练习题本课总结：学生了解并掌握在页面中创建链接的基本方法，并能够创建导航条、图形热点链接，以及设置他们的属性。课后练习作业全部完成结合上机操作进行强化训练。课 题第9章使用表格课 时4日 期10.月31 11.月1课 节5/6.3/4教学目的全面了解HTML页中的表格作用，并能够掌握表格的插入、设置及编辑等操作，掌握用表格对网页元素的定位。重点与难点本章重点讲解了表格的定义、表格元素的选择、表格单元格的编辑、单元格的属性设置、表格排序、导入和导出表格数据的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注制作网页时,表格更多地应用在网页的定位上,灵活,熟练的使用表格,会有如虎添翼的感觉.9.1 教学目标全面了解HTML页中的表格作用，并能够掌握表格的插入、设置及编辑等操作，掌握用表格对网页元素的定位。本章重点讲解了表格的定义、表格元素的选择、表格单元格的编辑、单元格的属性设置、表格排序、导入和导出表格数据的方法。9.2 理论指导9.2.1 认识表格9.2.2 在页面中使用表格1. 插入表格2. 向表格中的单元格添加内容9.2.3 选择表格元素1. 选择整个表格对象2. 选择表格中的行或列3. 选择单个单元格4. 选择一行或矩形单元格块5. 选择不相邻的单元格9.2.4 编辑表格和单元格1. 调整表格的大小2. 更改列宽和行宽3. 添加及删除行和列4. 拆分和合并单元格5. 设置表格属性6. 设置单元格、行和列的属性7. 剪切、拷贝和粘贴单元格9.2.5 表格的其他操作1. 使用预置表格2. 排序表格3. 导入、导出表格式数据9.2.6 表格的视觉辅助功能在表格内单击一下，或调整单元格列宽时，会在表格的下方或上方出现绿色的列宽数字，用户可以在列宽数字上单击，还可以进行选取列、清除列宽、左侧插入等功能。作业：第九章课后练习题本课总结：了解表格的定义、表格元素的选择、表格单元格的编辑、单元格的属性设置、表格排序、导入和导出表格数据的方法。课后练习作业全部完成。结合上机操作进行强化训练。课 题第10章使用表格的“布局模式”课 时2日 期11月6课 节3/4教学目的了解并掌握使用在表格“布局模式”下创建页面布局的基本方法，并能够对布局单元和表格进行设置、编辑，可以根据要求创建页面布局。掌握使用布局单元格和表格，设置布局单元格的表格的格式，以及设置布局模式参数的方法。重点与难点使用布局单元格和表格，设置布局单元格和表格的格式，以及设置布局模式参数的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注10.1 教学目标了解并掌握使用在表格“布局模式”下创建页面布局的基本方法，并能够对布局单元和表格进行设置、编辑，可以根据要求创建页面布局。掌握使用布局单元格和表格，设置布局单元格的表格的格式，以及设置布局模式参数的方法。课后读者应结合上机操作对这些内容进行强化练习。10.2 理论指导10.2.1 使用布局单元格和表格1. 认识布局单元格和表格2. 绘制布局单元格和表格3. 为布局单元格添加内容 4. 选择布局单元格和表格5. 清楚单元格高度6. 绘制嵌套布局表格7. 将布局单元格靠齐到网格8. 移动和调整布局单元格和表格9. 设置布局宽度10. 使用间隔图像10.2.2 设置布局单元格和表格的格式1. 设置布局单元格的格式2. 设置布局表格的格式10.2.3 设置布局模式参数作业：第十章课后练习题本课总结：基本掌握使用布局单元格和表格，设置布局单元格和表格的格式，以及设置布局模式参数的方法。结合上机操作进行强化训练。课 题第11章层的使用课 时4日 期11月7/8课 节5/6/3/4教学目的了解并掌握插入层的基本方法，并能够编辑插入到文档中的层，摄制他们的属性。掌握创建层、管理的层的方法，并能够在Dreamweaver 中转换层和表格。重点与难点掌握创建层、管理层的方法，并能够在Dreamweaver中转换层和表格。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注11.1 教学目标了解并掌握插入层的基本方法，并能够编辑插入到文档中的层，摄制他们的属性。掌握创建层、管理的层的方法，并能够在Dreamweaver 中转换层和表格。课后读者应结合上机操作对本章介绍的内容进行强化练习。11.2 理论指导11.2.1 使用层1. 认识层2. 创建层及嵌套层3. 显示层面板4. 认识层的HTML代码5. 加入“显示/隐藏层”行为指令6. 使用“设定层文字”行为指令11.2.2 管理层1. 选择层2. 调整层的大小与对齐方式3. 移动层4. 将层对齐网络5. 删除层及复制层6. 改变层的重叠顺序7. 设置层属性11.2.3 转换表格和层1. 将表格转换为层2. 将层转换为表格3. 防止层的重叠11.2.4 设置层参数作业：第十一章课后练习题本课总结：掌握创建层、管理层的方法，并能够在Dreamweaver中转换层和表格。课后作业完成较好。结合上机操作进行强化训练。课 题第12章创建交互式菜单课 时4日 期11月课 节教学目的通过本章的学习，读者应了解规划表单、创建表单与设置表单的方法，并能够使用Dreamweaver 8 制作表单网页。重点与难点本章重点讲解了掌握复选框和单选按钮、创建列表和菜单，以及表单按钮的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注12.1 教学目标通过本章的学习，读者应了解规划表单、创建表单与设置表单的方法，并能够使用Dreamweaver 8 制作表单网页。本章重点讲解了掌握复选框和单选按钮、创建列表和菜单，以及表单按钮的方法。12.2 理论指导12.2.1 使用表单1. 认识表单对象2. 规划表单内容3. 创建表单4. 设置表单属性12.2.2 使用表单对象1. 创建文本域2. 设置文本域属性3. 创建文件上传域4. 设置文件上传域属性5. 创建隐藏域6. 设置隐藏域属性12.2.3 使用复选框和单选按钮1. 创建复选框2. 设置复选框属性3. 创建单选按钮及单选按钮组 4. 设置单选按钮属性12.2.4 创建列表和菜单1. 创建列表/菜单2. 设置列表/菜单属性3. 创建调转菜单4. 设置调转菜单属性12.2.5 创建表单按钮1. 创建文本表单按钮2. 设置表单按钮属性3. 创建图形提交按钮4. 设置图形提交按钮属性作业：第十二章课后练习题本课总结：结合上机操作进行强化训练。课 题第13章使用行为课 时2日 期11月课 节教学目的了解并掌握在页面中为对象设置行为的方法，并能够使用Dreamweaver 8 的内置行为。了解Dreamweaver行为的基本组成，并掌握在网页中为对象设置内置行为的方法。重点与难点在网页中为对象设置内置行为的方法。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注13.1 教学目标了解并掌握在页面中为对象设置行为的方法，并能够使用Dreamweaver 8 的内置行为。了解Dreamweaver行为的基本组成，并掌握在网页中为对象设置内置行为的方法。13.2 理论指导13.2.1 认识行为1. 事件和动作2. 行为的应用3. 更改行为13.2.2 Dreamweaver 的常用内置行为1. 调用JavaScript2. 弹出信息3. 播放声音4. 打开浏览器窗口5. 检查浏览器6. 检查插件7. 跳转菜单开始8. 控制Shockwave或者Flash9. 预先载入图像10. 跳转菜单11. 设置导航栏图像12. 设置状态栏文本13. 设置文本域文字14. 设置层文本15. 交换图像16. 恢复交换图像17. 显示弹出式菜单18. 隐藏弹出式菜单19. 检查菜单作业：第十三章课后练习题本课总结：结合上机操作进行强化训练。课 题第14章使用框架和框架集课 时4日 期11月课 节教学目的通过本章的学习，读者应了解并掌握使用框架的基本方法，并能够在文档中使用框架和框架集。本章重点讲解了使用框架，设置框架和框架集属性的方法，并能够使用链接控制框架内容，重点与难点使用框架，设置框架和框架集属性的方法，并能够使用链接控制框架内容。教学方法讲授与演示法教 学 内 容 及 过 程 与 环 节备 注14.1 教学目标通过本章的学习，读者应了解并掌握使用框架的基本方法，并能够在文档中使用框架和框