《网页设计》-页面布局、层、行为和时间轴的使用

《《网页设计》-页面布局、层、行为和时间轴的使用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计6.1版式6.2布局6.3利用层精确定位网页元素6.4时间轴的应用6.5行为第6章页面布局、层、行为和时间轴的使用网页布局是网页设计的一个重要组成部分，在布局模式中使用表格和布局单元格可以对网页进行排版，利用布局表格的嵌套可以设计复杂的版面，除此之外还可以使用层来布局版面。第6章页面布局、层、行为和时间轴的使用设计一个网页，先要规划好版式，常用的版式为分栏式结构，比如二分栏、三分栏、四分栏等，搜狐网就是一个三分栏结构，如图6-1所示。6.1版式把搜狐网版式简化一下，如图6-2所示，这是一个典型三分栏结构，第一行分两列，左边单元格放置Lo

2、go图片。右边单元格放入导航菜单，由于栏目比较多，所以分成三行排放，第二行为网页的主题部分，分为三栏，左边一栏为特色栏目导航，右边两栏分别放置不同的网页内容，最下面一行放置版权信息。湖北省精品课程《网页设计与制作》就是一个典型的二分栏的结构,如图6-3所示，Dreamweaver8.0提供了丰富的布局模式,下面我们就利用Dreamweaver8.0提供的布局模式进行网页布局-6.1版式6.2.1布局表格的绘制6.2.2布局单元格的绘制6.2.3嵌套布局表格的绘制6.2.4布局单元格和表格的调整6.2布局Dreamweaver8.0可以方便地在页

3、面上创建层，并精确地定位层，可以对层进行选择、移动、调整大小和对齐等操作。层主要有如下功能：有了层以后可以将元素置于层中，因为层可以重叠，所以就可以产生许多重叠效果可以利用层来精确定位网页元素。它可以包含文本、图像甚至其它层，凡是HTML文件可包含的元素均可包含在层中。层还有非常特殊的功能，就是通过应用时间轴可以使其移动和变换。这样在层中放置一些图片或文本，就能够实现动画效果。层可以转换成表格，为不支持层的浏览器提供解决方法。层可以显示和隐藏，应用这一功能可以实现网页导航中的下拉菜单。在HTML中，层的描述如下所示。

4、ayerl"style="position:absolute;left:162px;top:247px;width:168px;height:94px;z.index:1">