零起点Dreamweaver CS3,Flash CS3,Fireworks CS3网页制作培训教程电子教案第16课
Dreamweaver-CS3教案设计
《网页制作基础》教案第1章基础知识（5课时）教学目标1．掌握HTML的基本知识及作用；2．掌握安装和配置IIS的方法；3．熟悉Dreamweaver CS3的工作界面；4．掌握创建和设置Dreamweaver CS3站点的方法。
教学重点1．HTML语言2．熟悉Dreamweaver CS3的工作界面3．创建本地站点教学难点HTML的基本知识教学方法任务驱动法，以学生做为主，教师使用多媒体投影演示制作过程并讲解关键环节。
学生上机操作完成实例与实训。
任务1 认识网页教学目标：1．理解掌握网页的概念2．HTML的概念3．掌握HTML的基本知识及作用教学重点：1．网页的实质2．HTML的基础知识教学难点：HTML标记教学方法：任务驱动法，讲练结合法教具准备：多媒体教学教学内容：第1课时一、网页1、网页的概念：网页是网站的基本组成元素。
网页文件的扩展名通常为.htm或.html。
一般是由HTML 语言编写的文本文件。
2、网页的实质网页文档本身是一个文本文件，这些文本能够将文字及其他媒体文件有机的组织在一起，在浏览器中合适地显示。
二、HTML1、Html的中文含义Html是Hypertext Markup Language的缩写，其中文含义是“超文本标记语言”。
2、Html的概念它是使用特殊标记来描述文档结构和表现形式的一种语言，可以用来实现WEB页面。
3、网页文档的组成一个HTML文档通常分为文档头和文档主体两部分。
三、标记1、标记的格式在HTML中定义了许多标记，这些标记用来描述文档。
这些标记使用“<”和“>”括起来。
标记通常分为开始标记和结束标记。
其格式为：<标记名属性名=属性值>标记内容</标记名>注意：若一个标记有多个属性，属性和属性之间要用空格隔开。
示例：简单的网页文档<html><!—文档头部—><head><title>我的第一个网页</title></head><!—文档主体—><body bgcolor=blue text=red><h1>这是我的第一个网页<p>欢迎大家</body></html>第2课时2、常用标记<html>…</html> 标记一个HTML文档的开始和结束。
网页设计DreamweaverCS3教案(华东师范大学)
第 7章建立框架网页教学目标：1．能够理解框架的作用2．能够合理使用框架划分窗口布局3．能够明白框架和框架集的关系4．能在框架中创建编辑网页5．能在框架中打开已有的网页进行编辑6．能够正确保存框架和框架集7．能够理解和编辑框架的属性教学重点：绘制布局表格、绘制布局单元格、设置布局表格和布局单元格的属性教学难点：绘制嵌套布局表格教学课时：理论：2课时实训：4课时教学方法：讲授法、任务驱动法。
教学过程:一、导入新课网页布局技术还有一种，叫做框架。
然而框架本质上是一种浏览器窗口的分割技术。
而前面我们学习的表格和层的布局方式则属于页面分割技术，只是对一个网页的页面做了的划分，在页面不同的位置放置不同的内容，但这些内容仍在同一个页面上。
利用框架，我们可以把浏览器窗口分成几个部分，每一部分都相当于浏览器窗口的一个子窗口，都可以用来显示一个完整的网页，从而可以实现多个页面在浏览器中的同时显示，所以说框架应该算作是一种“窗口”的布局技术。
按照布局要求，把浏览器窗口分成若干子窗口，并在各个子窗口中显示具有不同内容的网页，这些网页有机的结合在一起，达到一个完整的布局效果。
二、讲授新课（一）、框架和框架集的概念框架是一种窗口分割布局技术，利用框架我们可以把窗口分成规划好的若干子窗口，每一个框架都相当于一个子窗口，我们可以在框架中编辑和显示一个完整的网页。
不同框架中的网页是互不相干，根据我们的整体规划，可以把不同的信息放置在不同框架中页面上，从而实现我们想要的布局效果。
每一个框架都属于某个框架集，我们可以把框架集中的一个框架拆分，来实现更多子窗口的划分，就像我们项目中一样，这其实是通过在框架集中不断的嵌套子框架集来实现的。
（二）、创建框架在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见。
1、使用预制框架集(1)、新建一个HTML文件，在快捷工具栏选择“布局”，单击“框架”按钮，在弹出的下拉菜单中选择“顶部和嵌套的左侧框架”。
Dreamweaver CS3网页设计培训教程电子教案12PPT课件
本课要点 具体要求 本课导读 上机练习
Dreamweaver CS3网页设计培训教程
本课要点
表单的创建 表单对象的添加
Dreamweaver CS3网页设计培训教程
具体要求
了解表单 熟悉表单的创建 掌握表单属性的设置方法 掌握表单对象的添加方法
Dreamweaver CS3网页设计培训教程
12.1.1 知识讲解
1.了解表单 2.创建表单 3.设置表单属性
Dreamweaver CS3网页设计培训教程
1.了解表单
表单通常由多个表单对象组成，如按钮、 复选框、文本框以及单选按钮等。
Dreamweaver CS3网页设计培训教程
2.创建表单
将插入栏切换到【表单】插入栏，单击其中 的某个按钮并进行相应的操作，即可完成表 单的创建及表单对象的添加。 创建表单的具体操作步骤如下： （1）将光标插入点定位到需要创建表单的 位置。 （2）单击【表单】插入栏中的【表单】按 钮或选择【插入记录】→【表单】→【表单 】命令，在编辑窗口中添加表单。
3.添加单选按钮
将光标插入点定位到表单中要创建单 选按钮的位置，然后单击【表单】插 入栏中的 按钮，即可在表单中创 建一个单选按钮。
Dreamweaver CS3网页设计培训教程
4.添加单选按钮组
如果需要一次性添加多个单选按钮，则可在表单中添加单 选按钮组，但使用这种方式只能添加垂直方向排列的单选 按钮，且只能添加具有文本提示的单选按钮。添加单选按 钮组的操作步骤如下： （1）将光标插入点定位到表单中需创建单选按钮组的位 置，然后单击【表单】插入栏中的【单选按钮组】按钮， 打开【单选按钮组】对话框。 （2）在【名称】文本框中输入单选按钮组的名称。 （3）单击 按钮，可添加一个单选按钮，在【单选按钮 】列表框的【标签】列中输入单选按钮的文本，在【值】 列中设置选中该单选按钮后提交的值。 （4）在【布局，使用】栏中选择布局方式。 （5）单击【确定】按钮，将单选按钮组添加到表单中。
DreamweaverCS3网页制作案例教程电子教案04第4章制作表格布局的网页
Dreamweaver CS3 网页制作案例教程电子教案04第4章制作表格布局的网页第4章制作表格布局的网页表格是常用的页面元素之一，制作网页时经常借助表格进行布局，通过设置表格及单元格的属性，对页面中的元素进行准确定位，灵活地使用表格的背景、边框等属性可以得到更加美观的效果，表格还能有序地排列数据。
【教学导航】(1)学会正确地插入表格，并合理地设置表格的属性(2)学会正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性(3)掌握单元格的合并、拆分、插入和删除的操作方法(4)学会正确地设置表格中行和列的属性(5)学会正确设置表格、单元格的背景图像和背景颜色教学目标 (6)学会正确地在表格中输入文字并定位(7)学会正确地在表格中插入图像并定位(8)学会正确地在表格中插入flash动画并定位(9)了解设置滚动文本效果的方法(10)了解网页文件头内容的设置方法(1)插入表格、设置表格的属性(2)合并或拆分单元格本章重点 (3)设置表格、单元格的背景图像和背景颜色(4)在表格中输入文字、插入图像和flash动画(1)在表格中插入嵌套表格，并设置嵌套表格的属性本章难点 (2)设置滚动文本效果(3)设置网页文件头内容教学方法任务驱动法、分组讨论法、三步训练法课时建议 6课时(含课堂同步训练)4.1 课前准备(1)在本地硬盘创建文件夹(2)启动Dreamweaver CS3通过Windows的【开始】菜单或桌面的快捷方式启动Dreamweaver CS3。
(3)创建名称为“江湖游”的本地站点(4)新建一个网页文档应用【新建文档】对话框或者直接使用【新建文件】快捷菜单创建一个名称为“index0401.html”的网页文档。
(5)设置网页标题Dreamweaver CS3网页制作案例教程(6)保存该网页。
4.2 课堂引导训练及评价【课堂引导训练任务描述】1、网页制作任务卡网页制作任务卡如表4-1所示。
表4-1 网页制作任务卡任务编号任务名称制作表格布局的网页 04-1网页主题江湖游计划工时 120min(1)利用表格对网页进行布局(2)在网格中插入多个表格:表格1、表格2、表格3、表格4和表格5(3)设置表格、行、列和单元格的属性(4)在表格的单元格中插入Flash动画及Flash动画的属性设置网页制作任务描述 (5)在表格的单元格中输入文字及文字的属性设置(6)插入嵌套表格:表格2-1和表格4-1，设置嵌套表格的属性设置(7)单元格的合并与拆分(8)设置滚动文本效果(9)插入Meta和关键字(1)表格和多层嵌套表格布局方式，如图4-2所示。
PhotoshopCS3FlashCS3DreamweaverCS3商业网站开发从入门到精通
23.1.2 时间轴
l 4．复制、粘贴、移动、清除帧（或关键帧） l 在Flash CS3中复制、粘贴、移动、清除帧（或关键帧）
的方法如下所示。
l 打开或者新建文件。
l 选择所要复制的帧。
l 执行下列操作之一，复制帧（或关键帧）。
PhotoshopCS3FlashCS3Dreamwea verCS3商业网站开发从入门到精通
l 打开或者新建文档。
l 执行“插入”|“新建元件”命令。
l 打开“创建新元件”对话框，选择“影片剪辑”选项， 并定义新元件的名称为“影片剪辑元件1”。
PhotoshopCS3FlashCS3Dreamwea verCS3商业网站开发从入门到精通
23.2.5 编辑和删除元件
l 创建各种元件之后，如果要修改元件的内容，或者某些 元件将不会再被使用时，就要编辑和删除已建立的元件， 编辑和删除元件的操作如下所示。
PhotoshopCS3FlashCS3Dreamwea verCS3商业网站开发从入门到精通
23.2.8 创建补间形状
l 使用补间形状可以制作对象变形的动画，例如由一种形 状变为另一种形状，或由一种颜色变为另一种颜色等， 创建补间形状的操作如下所示。
PhotoshopCS3FlashCS3Dreamwea verCS3商业网站开发从入门到精通
l 单击图层（或者图层文件夹）名称，选择图层（或者图 层文件夹）。
l 执行“编辑”|“时间轴”|“复制帧”命令，复制图层（或 者图层文件夹）内容。
PhotoshopCS3FlashCS3Dreamwea verCS3商业网站开发从入门到精通
23.1.3 图层
l 5．移动图层或文件夹
l 在制作Flash文档时，有时会更改图层（或者图层文件 夹）的顺序，具体方法如下所示。
PhotoshopCS3FlashCS3DreamweaverCS3商业网站开发从入门到精通
23.2.5 编辑和删除元件
创立各种元件之后，如果要修改元件的内容，或者某些 元件将不会再被使用时，就要编辑和删除已建立的元件， 编辑和删除元件的操作如下所示。
翻开或者新建文档。
执行“窗口〞|“库〞命令（如果在文档中库面板已经 翻开，则可以省略这一步）。
第二十七页，编辑于星期六：点 四十三分。
23.2.6 创பைடு நூலகம்和编辑元件的实例
影片剪辑元件用于制作可重复使用的动画片段。该动画 片段在文档的场景中可以独立播放，而不受场景中时间 轴的限制，新建影片剪辑元件的操作如下所示。
第二十八页，编辑于星期六：点 四十三分。
23.2.7 创立补间动画
补间动画是指内容位置发生变化的动画，例如位置的移 动，旋转等，创立补间动画的操作如下所示。
1．自定义工具面板 在Flash CS3中，可以自定义工具面板中显示的工具，其具体操作如下所
示。
第十五页，编辑于星期六：点 四十三分。
23.1.4 工具面板
2．使用工具
使用工具的操作如下所示。
单击工具面板中的某个工具，选择相应的工具。
第十六页，编辑于星期六：点 四十三分。
23.1.5 属性面板
翻开或者新建文件。
第八页，编辑于星期六：点 四十三分。
23.1.3 图层
图层和Photoshop中的图层类似，在Flash CS3中图层 互相叠加在一起，上面的图层中的内容会覆盖下面图层 中的内容。
1．创立图层 创立图层的操作如下所示。
翻开或者新建文件。
执行以下操作之一，创立图层。
第九页，编辑于星期六：点 四十三分。
第十一页，编辑于星期六：点 四十三分。
23.1.3 图层
4．复制、粘贴、删除图层或图层文件夹 在制作Flash文档时，经常要进行与图层（或者图层文
Dreamweaver-CS3教案
Dreamweaver CS3 教案第1章基础知识（5课时）教学目标1．掌握HTML的基本知识及作用；2．掌握安装和配置IIS的方法；3．熟悉Dreamweaver CS3的工作界面；4．掌握创建和设置Dreamweaver CS3站点的方法。
教学重点1．HTML语言2．熟悉Dreamweaver CS3的工作界面3．创建本地站点教学难点HTML的基本知识教学方法任务驱动法，以学生做为主，教师使用多媒体投影演示制作过程并讲解关键环节。
学生上机操作完成实例与实训。
任务1 认识网页教学目标：1．理解掌握网页的概念2．HTML的概念3．掌握HTML的基本知识及作用教学重点：1．网页的实质2．HTML的基础知识教学难点：HTML标记教学方法：任务驱动法，讲练结合法教具准备：多媒体教学教学内容：第1课时一、网页1、网页的概念：网页是网站的基本组成元素。
网页文件的扩展名通常为.htm或.html。
一般是由HTML 语言编写的文本文件。
2、网页的实质网页文档本身是一个文本文件，这些文本能够将文字及其他媒体文件有机的组织在一起，在浏览器中合适地显示。
二、HTML1、Html的中文含义Html是Hypertext Markup Language的缩写，其中文含义是“超文本标记语言”。
2、Html的概念它是使用特殊标记来描述文档结构和表现形式的一种语言，可以用来实现WEB页面。
3、网页文档的组成一个HTML文档通常分为文档头和文档主体两部分。
三、标记1、标记的格式在HTML中定义了许多标记，这些标记用来描述文档。
这些标记使用“<”和“>”括起来。
标记通常分为开始标记和结束标记。
其格式为：<标记名属性名=属性值>标记内容</标记名>注意：若一个标记有多个属性，属性和属性之间要用空格隔开。
示例：简单的网页文档<html><!—文档头部—><head><title>我的第一个网页</title></head><!—文档主体—><body bgcolor=blue text=red><h1>这是我的第一个网页<p>欢迎大家</body></html>第2课时2、常用标记❖<html>…</html> 标记一个HTML文档的开始和结束。
《新编网页制作三剑客培训教程》课件第1章
2. 规划结构 结构是一个网站的骨架，一个好的网站结构可以减少网站制作过程中不必要的重复劳动。规模稍大一点的网站一般都要有规划结构图。当然，如果网站规模非常小，也可以边制作边修改，比如个人网站。在网站规划结构图中一般要有网站主题、页面主题、网页文件名以及各页面之间的隶属关系等要素。下面通过一个以奥运为主题的网站规划结构图对此加以说明，如图1-1所示。
1.3.1 网页制作工具
2. Microsoft Office Frontpage Frontpage是Microsoft公司开发的Office套装组合工具中的网页制作工具，目前版本是Frontpage 2007。Frontpage与Dreamweave在主要功能上差不多，但前者提供了非常丰富的模板，也提供了对网站的管理。Frontpage采用Word的编辑方式编辑网页，对于初学者来说是不错的选择。然而，也正是因为Frontpage采用与Word相似的编辑方式，导致使用该工具生成的网页代码非常庞大，实际上网页中包含了许多无用的代码，也可以称为“垃圾代码”。这样网页的数据量就比较大，在网页发布后，会影响到下载浏览的速度。
1.2 网站开发流程
图1-1 网站规划结构图
3. 整理素材 网页素材包括：文本、图像、声音、动画以及视频等。整理网页素材是按照网站结构所规划的内容，将所有网页中涉及到的素材，分门别类地整理到相应的文件夹中备用。并且最好指明每一部分所属的网页名称，为接下来制作网页做好准备。这样，就可以在真正制作网页的过程中避免缺东少西，分散精力。况且，有时候整理素材和制作网页并不一定由同一个人完成，特别是，整理素材者是对网站内容比较熟悉的人，而制作网页者是网页制作技术人员时，整理素材就显得尤为重要。
2. 集成的工作流程 利用Dreamweaver CS3设计、开发和维护网站内容，同时还可利用它与其他Adobe工具(包括Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3以及用于创建移动设备内容的全新Adobe Device Central CS3)智能集成进行工作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.3.1 设计内页效果 设计内页效果1
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.1 制作分析
16.1.1 实例效果预览 16.1.2 实例制作分析
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.1.1 实例效果预览
下面展示东方雷神网站的实例效果图， 下面展示东方雷神网站的实例效果图，其 左上所示为设计的主页面分布效果图， 中，左上所示为设计的主页面分布效果图， 右上所示为完成后的主页预览效果， 右上所示为完成后的主页预览效果，中下 所示为Banner动画效果。 所示为 动画效果。 动画效果
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.2.2 制作 制作Banner动画 动画
操作思路： 操作思路：
（1）设置动画场景大小为“773×246”像素， ）设置动画场景大小为“ × ”像素， 帧频为“ ” 帧频为“20”fps。 。 （2）导入图像，制作按钮效果和线条动画。 ）导入图像，制作按钮效果和线条动画。 （3）添加脚本实现按钮功能。 ）添加脚本实现按钮功能。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
1. 主页效果
主页效果主要分为以下几部分。 主页效果主要分为以下几部分。
导航条的确定： 导航条的确定：主页效果是基于东方雷神网站的 流程图进行构思的。流程拓扑图中包含了4大部分 大部分， 流程图进行构思的。流程拓扑图中包含了 大部分， 部分可看作一个网站的导航， 这4部分可看作一个网站的导航，因此在设计界面 部分可看作一个网站的导航 效果（含内页效果） 将其作为导航条处理。 效果（含内页效果）时，将其作为导航条处理。 主体内容的确定： 主体内容的确定：制作主页的目的是能够将网站 中的主体内容和精华部分快速地传递给访问者， 中的主体内容和精华部分快速地传递给访问者， 让他们对该网站有一个大致的了解。 让他们对该网站有一个大致的了解。设计者也可 以将公司的主要信息列举在首页当中。 以将公司的主要信息列举在首页当中。
设计完成后，需要将在 设计完成后，需要将在Dreamweaver中无法完 中无法完 成的效果用图形处理软件制作并切片， 成的效果用图形处理软件制作并切片，以插入 图像的方式插入到网页，同时便于在Flash中制 图像的方式插入到网页，同时便于在 中制 作动画时调用。 作动画时调用。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
操作思路 ：
节新建的HTML文档保存在 （1）将16.2.3节新建的 ） 节新建的 文档保存在 “dfls”站点中并更名为“index.html”。 ”站点中并更名为“ ” 样式。 （2）添加 ）添加CSS样式。 样式 （3）插入表单及图像，布局主页。 ）插入表单及图像，布局主页。
操作步骤请老师参照软件讲解
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.1.1 实例效果预览
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.1.2 实例制作分析
1. 主页效果 2. 内页效果 3. Banner动画 动画 4. 布局页面
16.3.1 设计内页效果 设计内页效果1
操作思路： 操作思路：
在Fireworks中，将“index.png”文件另存为 中 ” “nei1.png”文件。 ”文件。 删除顶部导航栏下方左侧栏目的内容。 删除顶部导航栏下方左侧栏目的内容。 添加左侧内页导航标题和导航背景图形。 添加左侧内页导航标题和导航背景图形。 制作内页左侧导航按钮效果。 制作内页左侧导航按钮效果。 添加按钮文字及文字效果。 添加按钮文字及文字效果。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
4. 布局页面
无论是主页还是内页， 无论是主页还是内页，其布局方式都应相 同。本例中是通过表格规定网页的大小和 定位网页元素的。 定位网页元素的。东方雷神网站的大小为 778×900像素，因此添加的表格以该大 × 像素， 像素 小来确定。再通过嵌套表格的方式将网页 小来确定。 图像、动画及文本放置在需要的位置， 图像、动画及文本放置在需要的位置，具 体操作参见16.2.4节。 体操作参见 节
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.3 上机练习
16.3.1 设计内页效果 设计内页效果1 16.3.2 设计内页效果2 设计内页效果
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.3.1 设计内页效果 设计内页效果1
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
1. 主页效果
主色彩的定位：网页设计色彩的定位一般以客户提 主色彩的定位： 供的资料（如宣传类资料、标志等） 供的资料（如宣传类资料、标志等）的色彩作为主 色调，因为这些都是客户已认可的东西， 色调，因为这些都是客户已认可的东西，因此如果 采用这些资料上的色彩来定主色， 采用这些资料上的色彩来定主色，客户认可的程度 会比较大。当然， 会比较大。当然，客户也可能会提出以哪些色彩作 为主色，这时则应根据客户的需求而定。 为主色，这时则应根据客户的需求而定。
操作步骤请老师参照软件讲解
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.2.2 制作 制作Banner动画 动画
案例目标
下面制作Banner动画和导航按钮，主要巩固 动画和导航按钮， 下面制作 动画和导航按钮 Flash中帧的使用 、 动画的制作及按钮功能 中帧的使用、 中帧的使用 的添加。 的添加。
具体要求
掌握主页效果的分析制作 掌握内页的制作方法 掌握网页动画的制作方法
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
本课导读
本课将根据网站的制作流程， 本课将根据网站的制作流程，应用前面学 习的知识制作一个完整的网站——东方雷 习的知识制作一个完整的网站 东方雷 神企业网站，巩固学习成果， 神企业网站，巩固学习成果，让读者对网 站建立有一个完整的概念。 站建立有一个完整的概念。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.2.1 设计主页
案例目标
本节将制作东方雷神网站主页效果， 本节将制作东方雷神网站主页效果，主要巩 固在Fireworks中制作图像的方法。 中制作图像的方法。 固在 中制作图像的方法
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
1. 主页效果
Banner动画内容的确定：设计界面中的 动画内容的确定： 动画内容的确定 Banner动画部分，在企业类网站中，Banner 动画部分， 动画部分 在企业类网站中， 动画主要用于体现企业的形象， 动画主要用于体现企业的形象，也可以是企业 产品图的展示。 产品图的展示。 页脚内容： 页脚内容：一个完整的网页少不了要给访问者 提供联系的方式，所以企业的地址、电话、 提供联系的方式，所以企业的地址、电话、传 邮件地址、所有权（可有）， ），以及其他的 真、邮件地址、所有权（可有），以及其他的 附加说明等内容通常都放置于页脚部分。 附加说明等内容通常都放置于页脚部分。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
3. Banner动画 动画
与设计效果有关联的动画制作， 与设计效果有关联的动画制作，是从设计 的效果中提取相关的元素进行制作的， 的效果中提取相关的元素进行制作的，而 不是单独完成的。 不是单独完成的。 动画大小是根据设计效果图中要制作动画 的区域来确定的。 的区域来确定的。动画中的内容可以在 Flash中单独制作。 中单独制作。 中单独制作
16.2.1 设计主页
操作思路： 操作思路：
程序， （1）启动 ）启动Fireworks程序，新建一个大小为 程序 “778×900”像素的文档。 × ”像素的文档。 （2）新建矩形并填充渐变效果。 ）新建矩形并填充渐变效果。 （3）导入素材图像，添加页面修饰元素， ）导入素材图像，添加页面修饰元素， 添加文本并进行编辑。 添加文本并进行编辑。
2. 内页效果
内页效果是基于主页效果来完成的。 内页效果是基于主页效果来完成的。内页 效果不能像主页效果那样分栏目， 效果不能像主页效果那样分栏目，因为它 主要是体现一个导航按钮的内容。 主要是体现一个导航按钮的内容。因此在 设计时要留下大量空间放置导航按钮对应 的内容。本例中就含有子导航。因此，在 的内容。本例中就含有子导航。因此， 主页效果的基础上， 主页效果的基础上，将下部分重新进行了 划分，分为子导航部分和内容部分。 划分，分为子导航部分和内容部分。这样 就形成了本网站所有内页的结构。 就形成了本网站所有内页的结构。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
16.1 制作分析
本节将根据第1课介绍的网站制作流程对 本节将根据第 课介绍的网站制作流程对 东方雷神网站进行详细分析并进行制作。 东方雷神网站进行详细分析并进行制作。