dreamweaver架设网站终极教程(编辑修改稿)

dreamweaver架设网站终极教程(编辑修改稿)内容摘要：

一些。 打开一个制作好的页面，把光标移到页面中所有我表格以外，点击行为窗口上的“ +”按钮，从弹出菜单中选择“打开浏览器窗口”一项。 在对话框中里输入相应的设置。 要显示的 URL 即 ，窗口宽度和高度自己定，单位为像素。 属性中的各项参数需要就打勾。 设置完毕后，点“确定”。 此时行为窗口中将显示打开浏览窗口这个行为，触发条件为 Onload，如果不是要这项，就自己设置。 该行为也可以设置在图片上、文字链接上。 可以用这个方法来表示对浏览者的打开时的欢迎、网站公告、离开时的告别语等。 十 六、控制状态栏信息 打开页面，选中一张图片。 点击行为窗口上的“ +”号按钮，选择设置文本 /设置状态条文本。 在对话框里的“消息”一栏里，输入需要显示的话，如对这张图片的介绍。 可以设置行为的触发条件为 OnMouseOver（鼠标移到对象上），这样当鼠标经过这张图片的时候，状态栏将出现相关的信息。 如果需要鼠标在移开后，这个信息消失，那么再次使用这个行为，在“消息”一栏里什么都不写，然后把触发条件改为 OnMouseOut（鼠标移开）。 同样可以在一段文字上设置该行为。 或是设置在整个页面 上也可以。 十七、弹出信息 打开一个制作好的页面，点左下角 body项。 点击行为窗口上的“ +”按钮，从弹出菜单中选择“弹出信息”一项。 在设置窗口中“消息”一栏里输入想显示的消息即可。 触发条件设置为 Onload（当页面载入时），就可以用来作为打开页面的欢迎信息。 如设为 OnUnload(当关闭页面时 )，就可以作为用户关闭页面时送别信息。 也可以在某一段文字上设置弹出信息。 比如一段文字不愿让人复制，就选中整段文字，注意此时左下角显示〈 P〉，即段落。 然后同样操作，消息可以输入版权之类的语 句。 只是设置触发条件为 OnBeforeCopy（按右键时触发） ,或 OnCopy（按右键选复制时触发）。 十八、动态图片按钮 准备好两张同样大小的图片，常用的方法是如一张为灰度照片，一张为彩色照片。 或一张是按钮凹下的样式，一张是按钮凸起的样式。 举例：插入一个 3 行 1 列的表格，设置宽度为 180 像素。 将光标置于第一行，插入一张灰度的图片。 在属性面板中“链接”一栏里输入需要链接的地址，并给图片加上名称，如 tu1. 点击行为窗口上的“ +”按钮，从弹出菜单中选择“交换图像”。 此时在“图像” 一栏中已显示要交换的图像，然后在“庙宇原始档为”一栏里选择好交换后的那张图。 下面有两个参数，“预先载入图像”和“鼠标滑开时恢复图像”，都要选中。 同样方法创建另外两个动态按钮。 十九、用框架布局页面 框架由两个主要部分组成 —— 框架集和单个框架。 点击插入中的框架，即显示出已定义的 13 种框架的样式。 我们上 — 中 — 下结构为例。 点击“上 — 中 — 下”框架结构的图标，此时在页上插入上下两个框架，将整个页面分割成了 3 部分。 我们分别在上面输入“上”，在中间输入“中”，在下面输入“下”。 先保存一 下。 点击菜单中的文件 /保存全部。 这时首先保存框架集文件，可以自己修改名字，如。 然后将分别保存框架集中的其他页面。 在保存对应的页面的时候，该部分会以虚线框起来，这样可将上面部分保存为。 下面部分保存为。 中间部分保存为。 至此，我们保存了四个页面，分别是框架集，和组成框架集的上、中、下三个页面。 所以，其实这个框架是由四个页面组成的，所以用框架会降低一点用户浏览的速度。 点击窗口 /其他 /框架，打开框架的面板。 在这里单击某个框架，即可选中该框架。 当框架被选中时，编辑窗口中对应的框架出现虚线。 如：选中上面 topframe,此时属性面板上显示的是上面这个框架的属性。 同样选中中间框架和下面框架，也可以分别设置它们的属性。 在编辑窗口中，将鼠标放在两框架之间的边框上，光标将变成上下箭头形，此时点击边框，选中的是整个框架集。 此时属性面板上出现的是整个框架组的属性。 可以在此设置框架集是否有边框、宽度及颜色等。 不过最为重要的是可以在这里设置框架集中各个框架的大小。 在属性面板的右面的图示上选中上面框架，设置它的行为 80 像素，边框为 0。 选中下面框架，设置行高为 30 像素，边框为 0。 1选中中间框架，设置行高为 1，单位为相对。 （相对的意思是：当前行相对于其他行所占的比例。 设为 1 就是指占据除上和下以后的所有浏览窗口剩余空间。 1举例：将光标置于上面框架 topFrame上，右键选页面属性，设置背景色为 FF6600。 然后插入 /表格，插入一个 1 行 2 列，边框边距都为 0 的表格。 设置第 1 个单元格的宽度为116 像素，然后插入一张图片。 将第 2 个单元格设置为水平对齐 方式为居中，垂直排列方式为底部，然后依次输入“狮子座”、“魔蝎座”、“双子座”字样。 1将光标置于中部框架 mainFrame 中，右键选页面属性，设置背景色为 FFFFCC。 然后插入一张大图像。 1将光标置于下面框架 bottomFrame 中，右键选页面属性，设置一个背景图像。 1另外做好三个页面，作为“狮子座”、“魔蝎座”、“双子座”所要链接的页面。 1选中“狮子座”，在属性中为它设置好要链接的页面，然后在“目标”里选“ mainframe”，即该内容在中间那个框架中显示。 1同样设置“魔蝎 座”、“双子座”的链接。 二十、跳转菜单 点击主菜单中的插入 /表单对象 /跳转菜单，也可以用插入 /表单，中的跳转菜单图标，来调出跳转菜单设置窗口。 首先在“文本”一栏里输入“请选择相关网站”字样。 然后点击窗口上的“ +”号按钮。 这时菜单里多了一个选项，这个选项没有链接，仅作为跳转菜单的说明文字。 在文一栏里输入需要的网站，如“新浪”，然后在“选择时，前往 URL”一栏里输入网站链接地址 应一个网的链接地址。 使用同样方法，在菜单中添加其他一些选项及对应的链接。 还可以用“上”“下”的按钮，来调整它们的顺序。 设置窗口的“菜单之后插入前往按钮”一项先不要选择。 选中“更改 URL 后选择第一个项目”一项，这样当使用跳转菜单到某个页面后，如果返回到跳转菜单页面，此时页面中的跳转菜单默认显示的依旧是第 1 项内容。 设置完毕后点击“确定”即可。 ****因为跳转菜单是一个表单，所以其实是先插入了表单（红色虚线区域），然后在表单中再插入了下拉菜单。 想修改选项，可以选中页面上的下拦菜单，此时点击属性面板中的 “列表值”，即可修改各项内容了。 当选中跳转菜单时，行为窗口中也出现行为。 双击该行为，也可以进入设置窗口，可以重新对其进行设置。 如果“菜单项”里的第一项就是链接，而不是上面所说的一句提示的话，那么就要选中“选项“中的“菜单之后插入前往按钮”。 添加一个“前往”按钮。 二十一、运用插件（ Dreamweaver 功能扩展） 首先下载好需要的插件，此处举例用的是 Animate Browser Window。 这是一个。