第四讲层.docVIP

第四讲 层 层也是用来对页面定位的技术 建立层（在标准试图下） 插入——〉布局对象——〉层 （或直接在“布局”下画层） 向层中插入对象 以上是在页面上插入六个层，在其中三个层中再插入图，在另外三个层中输入文字 图的位置：图\ 0001x 图\ 0002x 图\ 0003x 三、 选定层 单击层边框 （注意和选择层内容的区别） 四、层属性 层编号：以后编程时用 左：层左边距离浏览器窗口左边的距离 上：层上边距离浏览器窗口上边的距离 宽：层的宽度 高：层的高度 Z轴：按插入顺序层的编号。如果需要叠放，后插入的层在上边 背景图象：为层插入背景图象 背景颜色：为层插入背景颜色 可见性： Default:默认 Inherit:继承父层的该属性 Visible: 可见的 Hidden: 隐藏的 当层设为隐藏属性后，若想再显示，再设为可见的，或者打开层面板： 窗口——〉层 在层窗口中点击眼睛 要防止层与层重叠，可选 五、对齐层 选中要对齐的层，按住shift键，点击要选的层 修改——〉排列顺序——〉对齐下缘 六、同时调整多个层的大小 按住shift键选多个层 填写属性面板：高20 宽40 七、改变层的Z轴顺序 可以在属性面板上直接修改Z轴的编号，数值大的在上面 也可以利用层面板托动层标签改变顺序 利用层与层的重叠性可以在页面上作出特殊的效果 制作阴影文字 在页面上画一个层 在层中输入文字“欢迎光临” 字体：黑体 字号： 50 颜色：灰色 在页面上再画第二个层，在属性面板上设置第二个层与第一个层的高、宽相同 将第一个层内的文字复制到第二个层内，将文字颜色改为红色 托动第二个层与第一个层重叠 （如果两个层重叠不上，修改层面板上的） 八、层与表格的转换 注意：重叠层不可以转换为表格 在页面上插入两个层 修改——〉转换——〉层到表格 新建页面 插入3*3的表格，输入文字 修改——〉转换——〉表格到层 利用层制作拼图游戏 新建一页面 用Photoshop软件制作一个图形的四个分图 方法： 用Photoshop软件打开一张图片 视图——〉标尺，从标尺中拖出横竖两条线放在图形中间 用选择工具选一部分，拷贝到另一个新文档中，分别保存为 1.jpg 2.jpg 3.jpg 4.jpg 插入——〉布局对象——〉层 （4个） 把以上四个图分别插入到四个层中　　层大小　　５２＊６４ 再插入第五个层，层内插入2*2表格　 层大小104*128 表格宽度　１０４　　边框　１　 为此页面添加行为 打开行为面板：窗口——〉行为　　 此时不选任何对象，点击行为面板上的小三角——〉拖动层 对四个层进行移动设置 层layer1 层layer2 层layer3 层layer4 最后行为面板为： ５、预览 例３、利用层制作旅游图片 演示 旅游图.html文件 （鼠标放在小图上，出现大图） 新建一个页面 在新页面上插入一个层 layer1,在layer1中插入一个小图：桂林x.jpg 在页面上插入第二个层layer2,在layer2种插入一个大图：桂林.jpg 打开行为面板：窗口——〉行为 此时不选任何对象，点击行为面板上的小三角——〉显示－隐藏层 　 选“层 选中层layer1，点击行为面板上的小三角——〉显示－隐藏层 选“层层 8、预览 例4、页面导航下拉菜单 新建一页面 插入——〉布局对象——〉层　　layer1 宽度３００ 在该层中插入１＊３表格 再插入一个宽度为１００的层　　　layer2 在layer2内插入5*1的表格，放在layer1下方 ６、打开行为面板，窗口——〉行为，为层添加行为 目的：当预览页面时，layer2隐藏　　　　　　　 　行为：　Onload 当鼠标移到“教学单位”时，layer2显示　　　　　行为：OnMouseOver 　　　当鼠标移走时，layer2隐藏　　　　　　　　行为：OnMouseOut 注意：当行为不显示时，改变行为下拉菜单的：显示事件——〉IE6.0提高版本 操作：（一）当显示页面时，layer2隐藏 点击页面，不选任何对象，点击行为面板的三角——〉显示－隐藏层 选“层 （二）当鼠标移到“教学单位”时，layer2显示，当鼠标移走时，layer2隐藏 选择“教学单位”四个文字，点击行为面板的三角——〉显示－隐藏层 选“层层 （三）同理制作“科学研究”的下拉菜单 小窍门： 当鼠标离开“教学单位”后，layer2会隐藏起来，点击不到它的菜单项。因此，制作layer2时要把它和layer１有一