Internet基础与使用 第二版 高职 作者 赵佩华 第6章 第6章.pptVIP

　　② 将插入点放置在要显示鼠标经过图像的位置。 　　③ 点击插入栏的“常用”类别上的 　 图标，或者点击菜单栏的“插入”→“交互式图像”→“鼠标经过图像”命令，主窗口即出现“插入鼠标经过图像”对话框，如图6-39所示。 图6-39 插入鼠标经过图像编辑窗口 　　④ 在“图像名称”文本框中键入鼠标经过图像的名称；在“原始图像”文本框中，单击“浏览”并选择您要在载入页时显示的图像，或在文本框中输入图像文件的路径；在“鼠标经过图像”文本框中单击“浏览”并选择要在鼠标指针滑过原始图像时显示的图像，或在文本框中输入图像文件的路径；如果希望图像预先载入浏览器的缓存中，以便用户将鼠标指针滑过图像时不发生延迟，请选择“预先载入图像”选项；在“替换文本”中，为使用只显示文本的浏览器的访问者输入描述该图像的文本(可选)；在“按下时，转到 URL”文本框中，单击“浏览”并选择文件，或者键入在用户单击鼠标经过图像时要打开的文件的路径。 　　⑤ 单击“确定”关闭“插入鼠标经过图像”对话框。 　　⑥ 选择“文件”→“在浏览器中预览”命令或按F12键。 　　⑦ 在浏览器中，将鼠标指针移过原始图像。 　　C 显示-隐藏层的应用 　　在访问某些网站时，只要把鼠标移到图片上，就会显示说明文字，下面讲解如何制作这样的效果。 　　① 选择菜单命令“插入”→“图像”或点击插入栏的“常用”类别中的插入图像按钮　　插入一张图像。 　　② 选择菜单命令“插入”→“层”或点击插入栏的“常用”类别上的　　图标，加入一个层，在层中输入说明的文字并调整层的位置，如图6-40所示。 图6-40 在层中输入文字并调整层的位置 　　(2) 层的应用。层是用于精确定位的页面元素。可往层里加入图像、文本等其他页面元素。借助层，可对加入的页面元素进行精确定位，还可做出重叠效果和运动效果。 　　· 创建层 　　① 点击插入栏的“常用”类别上的图标，移动鼠标至Dreamweaver主窗口，鼠标即显示成十字型。在窗口区域拖动鼠标即可画出层。或者点击菜单栏的“插入”→“层”命令，主窗口即被加入一个层。 　　② 点击层的边线或单击图层左上方凸出的小柄，则图层的四周将出现8个黑点，说明该图层已经被选中。 　　③ 选中这个层，可用鼠标拖动，将层移至页面合适的位置。用鼠标拖动边线上的黑色方块，可调节层的大小。 用鼠标点击层内的任意位置，这时可往层内加入文本、图像等内容，如图6-29所示。 图6-29 插入层窗口 · 层的属性面板 层的属性面板如图6-30所示。 图6-30 层的属性面板 　　① “层编号”，在这里填入这个层的命名。 　　② “左(L)”和“上(T)”是层的定位，即在页面中的位置。刚才讲到层的位置可用鼠标拖动，其实，还可在“左(L)”和“上(T)”文本框中填入数值和单位来进行控制。“左(L)”文本框中填入该层左边离浏览器窗口左边框的距离，“上(T)”文本框中填入该层上边离浏览器窗口顶边框的距离。数值要带上单位，单位一般用px(像素)。假设填入200 px，表示距离为200像素单位。 　　③ “Z轴(Z)”是页面元素的Z值。当页面元素因定位而重叠时，Z值大的页面元素将在最表面显示，覆盖或部分覆盖Z值小的页面元素。 　　④ “显示(V)”是设置页面元素是否可视，下拉选框有四个选项：default、inherit、visible和hidden。default是使用浏览器默认值，这个默认值一般是可视，inherit是继承母体元素的可视性设置，visible是可视，hidden是不可视。 　　⑤ “背景图像(I)”是设置这个层的背景图像。 　　⑥ “背景颜色(C)”是设置这个层的背景颜色。 　　⑦ “标签(A)”是选择这个层应该使用的html标记。Dreamweaver中的层可以定义成DIV、SPAN、LAYER和ILAYER四个标记之一，其中DIV和SPAN在IE4.0和Netscape4.0中都支持，而LAYER和ILAYER只有Netscape4.0支持。建议选择DIV，这样一般的浏览器都能支持这个层。 　　⑧ “溢出”是如何处理插入层内的元素超过层本身的宽或高的部分。其后的下拉选框有四个选项：visible、hidden、scroll和auto。visible是可视，hidden是不可视，scroll是可滚动，auto是由浏览器默认。 　　⑨ 对话框右下方的“剪辑”中有左、上、右和下四项。 　　“剪辑”即在层中间再限定一个区域，用来放置插入层里的页面元素。左是“剪辑”区域左边离层左边的距离，上是“剪辑”区域上边离层上边的距离，右是“剪辑”区域右边离层右边的距离，下是“剪辑”区域下边离定位区域下边的距离。 　　其实层的各种设置，其原理就是用CSS对DIV等