《网页设计》——页面布局、层、行为与时间轴的使用.pptVIP

网页设计 * 江西师范大学网页设计课程组 6.1 版 式 6.2 布 局 6.3 利用层精确定位网页元素 6.4 时 间 轴 的 应 用 6.5　 行 为 第6章 页面布局、层、行为和时间轴的使用 网页布局是网页设计的一个重要组成部分，在布局模式中使用表格和布局单元格可以对网页进行排版，利用布局表格的嵌套可以设计复杂的版面，除此之外还可以使用层来布局版面。 第6章 页面布局、层、行为和时间轴的使用 设计一个网页，先要规划好版式，常用的版式为分栏式结构，比如二分栏、三分栏、四分栏等，搜狐网就是一个三分栏结构，如图6-1所示。 6.1 版 式 把搜狐网版式简化一下，如图6-2所示，这是一个典型三分栏结构，第一行分两列，左边单元格放置Logo图片。右边单元格放入导航菜单，由于栏目比较多，所以分成三行排放，第二行为网页的主题部分，分为三栏，左边一栏为特色栏目导航，右边两栏分别放置不同的网页内容，最下面一行放置版权信息。 湖北省精品课程《网页设计与制作》就是一个典型的二分栏的结构,如图6-3所示， Dreamweaver8.0提供了丰富的布局模式,下面我们就利用Dreamweaver8.0提供的布局模式进行网页布局- 6.1 版 式 6.2.1布局表格的绘制 6.2.2布局单元格的绘制 6.2.3嵌套布局表格的绘制 6.2.4 布局单元格和表格的调整