研究报告网页制作清华大年夜学出版社第13章课件.pptVIP

第13章 层与表格及其应用; ;3.1 层的创建与基本操作 层是网页中用来放置文本、图像、动画、视频和表单等网页元素的载体。层在Dreamweaver 8.0网页编辑窗口中可以自由移动，改变层在网页中的位置，便可实现层中网页元素位置的改变，实际上层的应用技术也是一种网页元素的定位技术。层与行为、时间轴配合使用后，可以控制多个层的叠放次序，层的显示或隐藏，以及可以很方便地设计出动感页面效果和滚动字幕、下拉式菜单等网页特效。;13.1.1创建和删除层 在网页中创建一个新层可以单击【插入】栏的【布局】选项中的【绘制层】按钮，或选择【插入】|【布局对象】|【层】命令来插入层。在同一个页面中，可以创建多个层。在创建好的层中还可以继续创建层，来实现层的嵌套。嵌套层可称为子层，包含嵌套层的那个层称为父层，嵌套层永远在其父层上方，创建层和嵌套层的操作步骤如下。 （1）单击【插入】面板组的【常用】选项卡中的【描绘层】按钮，此时光标变为 + 形状。; （2）在网页编辑区中上选择插入层的位置，然后拖动鼠标便可绘制一个层，此时在网页编辑区窗口中出现一个层，如图13-1所示。在光标所在位置上创建了一个默认属性的层。 （3）将光标插入到已建好的层中，然后选择【插入】|【布局对象】|【层】命令，可在已建的层中插入一个嵌套层。 嵌套层的子层可以在其父层中间，也可以在其父层外边，嵌套层永远在其父层上方。;图,,,,,13-1,,,,,未被选中激活的层,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,图13-2,,,,,被激活的层,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,图13-3,,,,,被选中的层;13.1.2 激活和选中层 一个层在被激活后，才能将文本、图像、表格、表单、多媒体等网页元素插入到层中，单击层中任意位置，就可激活层，此时光标在层中闪烁，层的左上角出现选择柄，边框线由灰色变为蓝色，如图13-2所示。选中层后，才能对层设置属性和进行调整、移动等操作，如图13-3所示。 选中层的多种方法如下。 （1）先激活层，再单击层左上角的选择柄，可选中该层。 （2）单击层的边框，也可选中层。 （3）如果在当前网页编辑窗口中没有层被激活和选中，按住Shift 键，单击层中任意位置，就可选中该层。按住Shift键，单击每一个要选中的层，可选中多个层。;（4）如果已经选中了多个层，按住Ctrl+Shift 键，再单击要选中的层，可仅选中该层，同时取消对其他层的选择。 （5）按F2功能键或选择【窗口】|【层】命令，在打开的【层】面板中单击该层的名称，就可选中该层。 （6）按住Shift键，在【层】面板中单击每一个要选中的层名称，可选中多个层。;13.1.3 调整、移动和对齐层 1．调整层的大小尺寸 创建层后，可通过以下方法调整层的大小尺寸。 （1）选中需要调整的层，此时在层的边框四周出现八个蓝色活动块，用鼠标拖曳某个活动块，即可调整层的大小。 （2）选中需要调整的层，在层【属性】面板的【宽】和【高】两个文本框中输入层的宽度和高度尺寸，可精确调整该层的尺寸。;2．移动层 移动层的2种方法如下。 （1）用鼠标移动层时，可将光标移到层左上角的选择柄上，或将鼠标移到层的边框线上，当鼠标指针变成四个十字状箭头时，拖动鼠标即可移动该层。 （2）选中要移动的层，在层【属性】面板的【左】和【上】两个文本框中输入层左上角坐标，便可精确设置这个层在网页中的目标位置。;3．对齐层 对齐层的方法如下。 先选中多个要对齐的层，选择【修改】|【排列顺序】命令的下一级菜单中的【左对齐】、【右对齐】、【对齐上缘】、【对齐下缘】命令，可对齐选中的层。选择【设成宽度相同】和【设成高度相同】命令，可使选中的层具有相同的宽度和高度。;13.2 层的属性面板与控制面板 13.2.1设置层的属性 创建了层以后，可利用层的【属性】面板设置层的名称、位置、大小尺寸、背景颜色或背景图像、层的可见性、堆栈顺序、层标记、当层内容溢出时的处理方法、以及层中可见区域的位置和尺寸等等。 选中层的选择柄就可打开层的【属性】面板，如图13-4所示。;图13-4,,,,,层的属性面板; 层的【属性】面板中的各项设置的意义如下 （1）在【层编号】文本框中设置当前层的名称。层名称中不能带有符号和汉字，也不能以数字开头，只能是英文字母和数字。 （2）在【左】和【上】文本框中设置当前层相对于页面或父层的左上角距离。 （3）在【宽】和【高】文本框中指定层的宽度和高度。 （4）在【Z轴】文本框中可设置当前层的层次属性值。 可以把整个网页的页面看成X-Y平面，把网页上层的Z轴值可看成Z轴的坐标值。这个值决定了当前层放置在哪个层面上，一般