Dreamweaver网页设计与制作林晓峰王晓平Dreamweaver网页设计与制作第1-5章教学课件第8章.pptVIP

馋死 尚辅网 / 网页的布局设计 第8章 本章要点： ◆ 版式设计 ◆ 布局的运用 ◆ 表格排版 ◆ 图层排版 ◆ 表格与图层的相互转换 ◆ 图文混合排版 8.1 网页的版式设计 教学进程 ● 使用表格 使用表格进行网页布局时不方便，例如不能对网页内容精确定位，如果想对网页的版块进行位置调整时，表格并不能随心所欲地进行任意移动。 ● 使用布局 在“布局”模式中，我们可以使用表格作为基础结构来设计页面，同时可以避免使用传统的方法创建基于表格的设计时，经常会出现的一些问题。 ● 常用版式 精美的网站都采用了优秀的版式设计。设计一个网页，先要规划好版式。常用的版式有分栏式结构，比如二分栏、三分栏、四分栏。 8.1 网页的版式设计 教学进程 ● 三分栏版式 8.2??布局的应用 8.2.1??绘制布局表格 教学进程 技巧：如果要绘制多个布局表格，不必重复选择【布局表格】按 钮，只要在绘制布局表格时按住Ctrl键，便可以连续绘制出多个 布局表格。 8.2??布局的应用 8.2.2??绘制布局单元格 教学进程 技巧：在布局表格中绘制布局单元格时会出现一条明亮的网格线， 这些线可以帮助你将新单元格和以前的单元格对齐。 8.2.3 嵌套布局表格 与布局单元格不同，布局表格能够嵌套使用，可以将一个布局表格绘制在另一个布局表格中，而且对外部表格所进行的更改不会影响嵌