1.4.2 建立Dreamweaver 8本地站点网页各元素的设计 1、文字：直接输入，通过属性设置其大小、 颜色、字体、加粗等。（与Word类似） 如果字体列表中没有想要的字体，则需添加， 方法：单击“字体”“编辑字体列表”在“可 用字体”中将需要的字体添加到右边的“选择 字体”框中，单击确定，再次单击“字体”，选 择刚添加进来的字体即可。1.4.2 建立Dreamweaver 8本地站点网页各元素的设计 2、图片 (1)为使站点图片管理更规范，初学者最好将 要插入的图片先复制到网站的文件夹images 中。，然后再单击“插入”图形，选择图 形的来源，单击确定即可。 （2）使用图像属性面板调整图形的各种属性 。 （3）单击“图像对象”鼠标经过图像，确定“ 源图像”和“鼠标经过图像”，可以插入动态 的翻转图像。1.4.2 建立Dreamweaver 8本地站点网页各元素的设计 3、超级链接 (1)设置链接：选定文本或图像等对象后，在 属性面板的【链接】文本框直接中输入网址 。 1.4.2 建立Dreamweaver 8本地站点网页各元素的设计 4、表格 (1)单击“插入”表格，明确表格的行数、 列数、宽度和边框等，“确定”即可。 (2) 使用图像属性面板调整表格的各种属性（ 如表格的宽度、边框、单元格的合并与拆分 等）。 。1.4.2 建立Dreamweaver 8本地站点5、层：能够灵活地放置在页面内的任何一个 位置，灵活方便，与表格配合使用能达到很 好的版面布局效果，与Word中的文本框类 似，层里面可以放置文字、图片等对象。 (1)单击“插入”布局对象层。 (2) 使层的属性面板调整层的各种属性。 (3) 层还具有隐藏属性，单击“窗口”层，可 以在层面板中设置层为隐藏或显示。1.4.2 建立Dreamweaver 8本地站点6、插入Flash影片： (1)为使站点图片管理更规范，初学者最好将要 插入的Flash动画先复制到网站的文件夹Flash （可新建一个）中，然后再单击“插入”媒 体Flash，选择Flash的来源，单击确定即可 。 （2）使用Flash属性面板调整Flash影片的各种 属性。 （3）单击“插入”媒体Flash文本/Flash按 钮，在弹出的对话框中设置即可创建动态的 Flash文本和Flash按钮。1.4.2 建立Dreamweaver 8本地站点7、表单：表单在Web网页中用来给访问者填写信息，从而能 获得用户信息，使网页具有交互的功能。一般是将表单设 计在一个Html文档中，当用户填写完信息后做提交 (submit)操作，于是表单的内容就从客户端的浏览器传送 到服务器上，经过服务器上的 ASP 或 CGI 等处理程序处 理后，再将用户所需信息传送回客户端的浏览器上，这样 网页就具有了交互性。这里我们只讲怎样使用Html标志来 设计表单。 (1)单击“插入”表单 （文本域/按钮/单选框等）， 即可创建表单对象。 例：制作一个“友情连接”的跳转菜单。 方法： (1)单击“插入”表单 跳转菜单。(2)选中“跳转菜单”，单击其下方“属性”中的“列 表值“，输入“广西大学”，输入跳转网址，单击“+”号 ，再输入其他网址名字和跳转网址，最后单击确定。1.4.2 建立Dreamweaver 8本地站点 7表单的实体元素介绍：文本字段：接受任何字符的输入。n隐藏域：页面中不可见，不接受任何用户的输入，主要用于存储并 提交非用户输入的信息。n文本区域：文本域中的一种，允许输入多行信息。n复选框：允许用户从多个选项中选择一个或者多个。n单选按钮：用户只能从一组选项中选择一个选项，例如性别。一般 配合标签一起使用。n列表/菜单：列出一组可供用户选择的值（项目）。可以将其设置为 弹出菜单或者列表框。n跳转菜单：跳转菜单可建立 URL（网址等） 与菜单列表中的选项之 间的链接n按钮：用于执行提交表单到服务器或重置表单数据的命令，也可以 与页面脚本语言配合实现自定义的功能。n图像域：设置图像作为按钮的图标，此外它还可以配合脚本程序实 现更多的交互功能。n文件域：文件域使用户可以将本地计算机上的文件上传到服务器。1.4.2 建立Dreamweaver 8本地站点8、时间线 (1)时间线：时间线代表层随时间变化的属性，通过在时间线上的不同时 间在网页上放置不同的内容来实现动态效果。 (2)时间线的建立。 右键单击层，选择“添加到时间轴”，即可将该层与时间轴建立联系。 (3)利用时间轴和层实现网页的动感。 时间线应用实例制作过程：n1.在网页中插入一个图层，并在图层中插入一个鼠标经过图像。n2.选择图层，单击右键添加到时间线。n3.将时间线的最右端拖到第200帧,并分别在第50帧、100帧、150帧 的地方右键单击，选择“增加关键帧(Keyframe)”,同时将图层拖到相 应的位置（分别是正下方、右下方、右上方）。n4.将“自动播放”和“循环”选项勾上。n5、保存网页，按F12预览网页即可看到效果。1.4.2 建立Dreamweaver 8本地站点9、行为n行为：行为是事件和动作的结合。行为必须应用到网页对象才能产生 效果，例如文本链接、图像或者按钮。n事件：它是由用户的操作动作或程序状态的变化所触发的。鼠标的单 击、移动、图像的装载状态变化等都是事件。n动作：它是由事件触发的，其实质是由浏览器事件触发的脚本程序的 运行。例如用户单击鼠标的事件可以触发一个JavaScript脚本程序来 弹出一个对话框，图像下载完毕的事件可以触发一个脚本程序来改变 网页的背景颜色或播放一段音乐。nDreamweaver 8提供了常用的行为，可以方便地实现简单的互动效 果。n对象：它是应用行为的主体，大部分网页元素（HTML标签）都可以成 为对象。但有一些行为只对某种具体的网页元素起作用1、 弹出消息框n弹出消息框是很常见的一种，当浏览 者单击一个按钮、链接，或者执行了 某一段脚本程序后，可以设置弹出消 息框，提示用户。 弹出消息框n设置弹出消息框的方法：n（1）使用【窗口】/【行为】命令打 开行为面板 。n（2）选中对象，单击面板的添加行为 按钮，选择【弹出信息】命令 ，然后 输入提示文本。n（3）单击【触发事件】按钮，打开下 拉列表，在列表中选择合适的触发事 件。 2 、播放音乐n可以为网页添加背景音乐，在网页下载完毕时 或单击某个按钮时开始播放。为了加快下载速 度，背景音乐一般选用rm或mp3等压缩格式的 文件，如果对效果要求不高还可使用MIDI格式 的音乐。设置方法如下： ：n（1）选中对象，打开行为面板 。n（2）单击面板的添加行为按钮，选择【播放 声音 】命令 ，然后选择要播放的声音文件 。n（3）单击【触发事件】按钮，打开下拉列表 ，在列表中选择合适的触发事件。 3、时间线与行为综合应用实例制作过程：n1.在网页中插入一个图层，并在图层中插入一个鼠标经过 图像。n2.选择图层，单击右键添加到时间线。n3.将时间线的最右端拖到第200帧,并分别在第50帧、100 帧、150帧的地方右键单击，选择“增加关键帧 (Keyframe)”,同时将图层拖到相应的位置（分别是正下方 、右下方、右上方）。n4.给图层添加“播放时间线”动作和“停止时间线“动作。n5.分别给“播放时间轴”动作和“停止时间轴“动作添加 “onMouseOut“和“onMouseOver“事件。n6.将“自动播放”和“循环”选项勾上。n7、保存网页，按F12预览网页即可看到效果。补充技巧一：水中倒影一n步骤：n1.在你的站点中新建一个网页。n2.将图片lake1.jpeg复制到站点的images文件夹 中,类lake.class复制到站点根目录下。n3.插入一个1行1列的表格。n4.在表格的与之间插入以下语句：nn n 补充技巧二：n技巧二：状态栏飞入文字。n步骤：n1.在你的站点中新建一个网页。n2.将文件“状态栏文字代码.txt”中的代码放 到网页代码的与之间。n3、修改代码第二行的Message文字为自己 所需要的文字即可。补充技巧三：n技巧三：利用图层制作上升文字。n步骤： 1、新建一个网页。 2、打开网页，单击“插入一布局-层” 。 3、将以下代码复制到欢迎光临！请问几位？网页的与之间。 4、保存并运行即可。补充技巧四：n技巧四：水中倒影二步骤：n1.在你的站点中新建一个网页。n2.将图片lake1.jpeg复制到站点的images文件夹中。n3.在网页的与之间插入以下代码： nnnfunction f1()nsetInterval(“mdiv.filters.wave.phase+=8“,200);nnif (document.all)ndocument.write()nwindow.onload=f1nn