第2篇 编辑制作网页（Dreamweaver MX）
第5章 处理基本网页元素
定义本地站点（P168）
1.在 Windows 资源管理器中新建文件夹，如 E:\本地站点。
2.在 Dreamweaver MX 中
站点—新站点—高级选项卡—
类别：本地信息、远程信息、测试服务器、站点地图布局。
本地信息设置：
5.1.4.1 CSS 样式表应用示例（P182）
1.创建 CSS 级联样式表
窗口—CSS 样式—新建 CSS 样式—
名称：NEW，类型：创建自定义样式（类），定义在：仅对该文档。
选择类型分类：
字体：隶书，大小：18 磅，行高：36 磅，颜色：红色。
选择背景分类：
背景：绿色。
2.应用 CSS 级联样式表
选择文本—右击[CSS 样式]面板上的 NEW 样式—套用。
5.1.4.3 CSS 样式引用方式（P191）
1.头部定义样式，正文中页面元素使用 CSS 样式
<style>
<!--
.university_name{font-style:italic}
-->
</style>
正文中页面元素使用 CSS 样式
<SPAN class="university_name">中山大学</SPAN>
2.级联样式表文件定义样式，头部链接样式表文件，
正文中页面元素使用 CSS 样式（P192）
级联样式表文件（style.css）定义样式
.university_name{font-weight:bold}
头部链接样式表文件
操作步骤：CSS 样式表面板—附加样式表—浏览—选择样式表文件 ...
代码：
<LINK rel="stylesheet" type="text/css" href="style.css">
正文中页面元素使用 CSS 样式
<SPAN class="university_name">中山大学</SPAN>
3.正文中直接指定页面元素的样式（P193）
<P style="font-size:large;color:red">直接指定样式</P>
<P><font size="6">直接指定样式</font>
5.2.1 创建超级链接并设置窗口目标（P194）
1.快速创建超级链接
窗口—站点文件—选定文本—按住 Shift 键，拖动到目标文件。
2.设置超级链接的目标窗口
属性面板—目标：_blank 新窗口、_parent 上级框架集、
_self 本窗口、_top 整个窗口。
3.设置当前网页中的所有超级链接都在新窗口中打开
插入—文件头标签—基础—选择 _blank —确定。
修改源代码的头部 <base href="" target="_blank">
只保留目标窗口设定 <base target="_blank">
5.2.2 关于链接路径（P196）
绝对路径：链接站点外的文件，如 http://www.nease.net/index.htm
和根目标相对的路径：从当前站点的根目录开始，如 /yjwd/yjwd.htm
和文档相对的路径：和当前文档所在的文件夹相对的路径，
如主页链接下级文件夹的文件 yjwd/yjwd.htm
5.2.3 锚记链接（P197）
插入—命名锚记—锚记名，如第一章
5.3 表格处理（P204）
插入表格、设置表格属性。
单元格间距：单元格之间的距离。
单元格填充：单元格内容和其边缘之间的空间。
5.4 图像处理（P212）
插入图像
插入鼠标经过图像：原始图像、鼠标经过图像。
5.4.4 创建图像映射（P219）
选择图像—属性面板—矩形热点工具—在图像拖放出矩形—
属性面板—浏览—找出链接的文件。
5.4.5.3 创建网站相册（P225）
创建网站相册步骤：
命令—创建网站相册—
相册标题：如山水风光欣赏
其他信息：如拍摄地点
源图像文件夹：浏览选择
目标文件夹：存放缩略图像
缩略图大小：如 80*100
列：如每行5列
缩略图格式：JPEG-较小文件
Dreamweaver MX 生成“缩略图”“页面”和“图像”文件夹。
5.5.1 建立表单布局（P233）
表单程序：文本域、密码域、按钮、单选框、复选框。
动作：识别处理表单信息的服务器端应用程序。
方法：GET（限定传送字符小于 8192 个）、POST。
5.5.2.5 插入弹出菜单/列表（P238）
插入弹出菜单/列表步骤：
插入—表单—列表/菜单—属性面板—列表值—单击[+]增加项目。
6.1.1 建立框架网页（P243）
顶框架：网站名称、网站标志
左框架：网站导航
主框架：网站主要内容浏览区
文件—新建—类别：框架集—框架集形式：上方固定，左侧嵌套。
6.1.1.3 保存框架和框架集（P246）
文件—全部保存—框架集、标题框架、导航框架和主框架。
按[Alt]键可分别选择标题框架、导航框架或主框架进行保存。
6.1.2 设置框架链接目标（P247）
导航条的链接的文档应显示在主框架中。
目标框架：_blank（新建窗口）、_parent（上级框架）、
_self（当前框架）、_top（整个窗口）。
7.1 动态的层对象（P268）
佛山谢山水 fsxss
7.1.1 插入普通层（P269）
插入工具栏—布局分类—标准视图
插入工具栏—布局分类—绘制层。
7.1.2 设置层的属性（P271）
层名：根据对象起名。
Z轴索引：索引值大在上层。
窗口—层。
| 可见性 | 层名 | Z轴索引 |
| 移动的文字 | 2 | |
| 移动的图像 | 1 | |
| 网页中的文字 | 0 | |
| 背景图像 | -1 |
7.2.2 时间轴面板介绍（P277）
用时间轴（Timeline)制作的页网动画是
通过JavaScript代码实现的。
窗口—其他—时间轴（Dreamweaver MX 版）。
7.2.3 通过添加关键帧建立动画（P279）
1.创建时间轴动画
将层移到动画的起始位置—点击层选择柄—右击时间轴面板—
添加对象—单击结束关键帧—把层移到动画的结束位置—
选择自动播放（AutoPlay）和循环（Loop）。
2.改变动画时间：拖动结束关键帧。
3.预览动画：按住时间轴面板的播放键。
4.增加关键帧：[Ctrl]+点击相应帧。
删除关键帧：修改—时间轴—删除关键帧。
7.4 使用行为创建动态网页（P286）
行为=对象+事件+动作
“翻转图像”行为
=“图像”对象+“鼠标经过图像”事件+“翻转图像”动作
7.4.1 行为的交互和响应模式（P287）
打开行为面板：
窗口 ==》行为（Behaviors）。
* 添加行为
选中对象——行为面板[+]—显示事件—选择IE 6.0—
选择合适的行为。例如：播放声音、弹出信息、打开浏览窗口、
设置导航条图像、跳转菜单开始、转到URL。
* Drag Layer（P299）
新网页插入风景图像作背景—新建层插入图像，
如飞鸽，起始位置为100点。
选中对象：如，飞鸽所在层的选择柄；
行为面板[+]—Drag Layer—onClick拖动层；
拖放范围：Right 由起始位置向右移，如400点；
目标位置：Left 如500点，Top 如200点；
捕捉范围：50点；
确定。
|
0,0 |
Top 200点 | |||
 起始位置 100点 |
拖放范围 向右移 Right 400点 |
目标位置 Left 500点 |
800,600 |
7.4.3 Dreamweaver 自带动作详解
7.4.3.1 播放声音（P293）
设置网页载入后播放声音；
行为面板“+”—播放声音OnLoad—浏览—midi01.mid。
7.4.3.2 打开浏览器窗口（P294）
打开与图像（如飞鸽）尺寸匹配的浏览器窗口。
天上飞鸽
选择文字“天上飞鸽”—行为面板[+]—打开浏览器窗口—
要显示的 URL：../fg.gif
窗口宽高：133*55
窗口名称：天上飞鸽
7.4.3.15 创建跳转菜单（P299）
1.显示站点导航名称，单击选项后跳转到相应的网页或网址。
2.插入跳转菜单：插入面板—表单—跳转菜单；
选项：如，文化教育，
选择时，前往的URL（值）：跳转的网页或网址。
如，网页：文化教育 whjy.htm，
网址：佛山电大 http://www.fsrtvu.net
|
选项 |
值（跳转的网页） |
|
文化教育 |
whjy.htm rmwz.htm |
3.选择“插入前往按钮”：
* 编辑跳转菜单元素
1.跳转菜单创建后，要用行为面板才能编辑。
2.选中跳转菜单—标签面板—行为—双击跳转菜单。
3.编辑跳转菜单的 Go 按钮。
选中 Go 按钮—行为面板“+”—跳转菜单开始—选择跳转菜单表，
如，网站搜索。
7.4.3.19 显示弹出式菜单（P303）
1.插入导航条：插入—图像对象—导航条—
一般图像、经过图像、按下图像、松开图像、跳转 URL。
 |
2.选择导航条—行为面板[+]—显示弹出式菜单—
输入弹出菜单要显示的文本、超链接地址、目标窗口—
外观：字体、字号；
位置：低于且位于触发器的左边缘。
创建弹出式菜单生成 mm_menu.js 文件 31kB。