Dreamweaver课件：第6章-使用层_第1页
Dreamweaver课件：第6章-使用层_第2页
Dreamweaver课件：第6章-使用层_第3页
Dreamweaver课件：第6章-使用层_第4页
Dreamweaver课件：第6章-使用层_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第6章使用层布局网页本课要点具体要求本课导读上机练习本课要点层的创建及基本编辑层的属性设置及高级操作具体要求熟悉层的创建掌握层的基本编辑熟悉层的属性设置掌握层的高级操作掌握层与表格的相互转换本课导读 在网页制作中，层的使用非常广泛，能够实现较多的功能，如层的重叠可将多个网页元素重叠在一起，实现特殊的效果；层中可以放置文本和图像等元素，层还可以嵌套；配合行为功能或脚本代码，可以使层在网页中进行移动或变换，使页面中出现随机飘浮的图像效果。6.1层的创建及基本编辑 层在网页中有着非常重要的作用，利用层不仅可以在网页中精确定位对象的位置，还可以利用层的重叠以及隐藏和显示功能实现一些简单的动态效果。6.1.1知识讲解 层是表格布局工具之一，下面来学习它的创建及基本操作方法。6.1.1知识讲解

1.层的创建 2.使用【层】面板

3.层的基本编辑

1.层的创建 在Dreamweaver8中插入层的方法有以下两种：将光标插入点定位到需插入层的位置，然后选择【插入】→【布局对象】→【层】命令即可。切换到【布局】插入栏，单击【描绘层】按钮，此时光标插入点变为形状，在网页中按住鼠标左键拖动即可绘制一个层。2.使用【层】面板

【层】面板用于对层进行管理和操作，选择【窗口】→【层】命令或按【F2】键即可打开【层】面板，如图所示。3.层的基本编辑

创建的层通常还需对其进行大小调整、移动等操作才能满足网页制作的要求。 1）选中层 2）拖动层 3）对齐层

4）调整层的大小 5）层的内容添加6.2层的属性设置及高级操作

层和图像、文本一样，可以在【属性】面板中对其进行设置。层还可以通过脚本或Dreamweaver8提供的时间轴功能，制作动态的效果。6.2.1知识讲解

1.单个层的属性设置 2.多个层的属性设置 3.层的高级操作

1.单个层的属性设置

单个层的【属性】面板如图所示。2.多个层的属性设置选择多个层的【属性】面板如图所示。多个层与单个层的【属性】面板设置项基本相同，需要说明的是在【标签】下拉列表框中可指定用来定义所选层的HTML标签。3.层的高级操作

在网页中经常可以看到一种浮动广告，如让一张图片在网页中四处飘动的。该效果一般是通过JavaScript实现的，这对于普通用户来说可能较复杂，通过Dreamweaver8的时间轴可以轻松制作该效果。

6.2.2案例——网页特效制作

利用Dreamweaver8的时间轴功能制作网页特效，从中可了解到时间轴的使用方法以及体验到时间轴所带来的强大效果，用户可以利用时间轴制作一些浮动动画。6.3上机练习6.3.1练习利用层进行页面布局6.3.2网页特效制作(练习为网页制作特殊效果，实现网页中的4个层循环交换位置)6.3.1网页制作操作思路：首先为页面添加背景图像。再创建4个层，并分别插入图像。调整各层到合适位置。6.3.2

网页特效制作操作思路：首先将各层拖动到时间轴上。延

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论