 |
|
第八章 网页布局 |
【本章概述】
本章会讲到Dreamweaver MX 2004中的一种进行页面布局的方式。在布局视图下，设计者可以使用表格作为基础结构来设计页面，同时避免了使用表格的传统缺陷。了解页面布局的概念、学习创建布局单元和表格。
【关键词】
布局
【知识要点】
·页面布局的基本概念
·创建布局单元和表格
·设计布局单元和表格的属性
·设置布局视图参数
【重点】
掌握如何进行页面布局及相关操作
【难点】
掌握如何进行页面布局及相关操作
|
【本课内容】
| 8.1 页面布局的基本概念 |
 |
【视频讲解:页面布局】 |
|
网页布局是网页设计中的一项重要内容。页面布局这个术语是指页面在浏览器中显示的方式，比如导航栏的位置、图像的位置等等。Dreamweaver提供了多种方式来创造和控制页面布局。利用这个功能可以将原来繁锁的页面布局工作变得简单而轻桦。单击“插入”面板下“布局”选项，显示“布局”面板，单击“布局”按钮。
|
【视频讲解：页面美化】 |
8.2 创建布局单元和表格
在Dreamweaver MX 2004中，切换到布局视图，可以在页面中添加布局单元，这引起单元能够帮助大家设计页面布局。当在页面中创建布局单元时，Dreamweaver
MX 2004会自动创建一个布局表格，用来放置布局单元。布局单元不能存放在布局表格之外，用户在创建布局时可以在同一个布局表格旋转多个布局单元，或创建多个布局表格。
在页面布局视图中，可以绘制布局单元和表格。在创建布局单元时，Dreamweaver MX 2004将自动创建用来放置布局单元的布局表格。在布局视图的布局单元中可以添加文本、图像或媒体插件。在创建布局单元时，Dreamweaver
MX 2004会自动为所有创建的单元设置一个高度，当在单元插入内容时，就不再需要这些高度了，此时就要清除布局单元高度。在页面布局中，能够移动或调整单元和表格的位置或尺寸，这将更利于用户设计网页布局。在具体操作时，可以使用网格线做向导辅助移动或调整。在创建布局单元后，布局面板上有4个灰色按钮变颜色，单击它们可以在已插入单元的上、下、左、右插入尺寸相同的单元。
8.3 设计布局单元和表格的属性
在Dreamweaver MX 2004中，使用属性控制面板可以改变任何布局单元或布局表格的外观。在属性面板中可以为布局单元设置内容对齐方式、宽度和高度、背景颜色等属性。格式化布局单元可先选中布局单，在属性面板下设置“宽、高、背景颜色、水平、垂直、不换行、自动伸展”等参数。
在属性面板中可以为布局表格设置宽度和高度、背景颜色等属性；在布局视图中可以使用两种类型的宽度，这引起宽度都显示在每一栏的头上，其中固定宽度显示的上具体的宽度值，自动伸展宽度与文档窗口大小相关，在自动伸展模式下，布局总是充满整个浏览窗口，与窗口视图的尺寸设置无关。默认情况下，布局按固定宽度显示，但在实际应用中这两种模式总是结合使用的。
8.4 设置布局视图参数
通过设置“布局模式”参数，可以改变布局单元和布局表格的显示颜色、自动插入间隔等特性。选择主菜单“编辑-首选参数”选项，打开“首选参数对”对话框，在列表中设置和定义参数。 |
【同步练习】
本部分内容已整合到学习系统中，只对正式学员开放。学员学完相关章节后可自行作相应的练习题，提交后专业教师将给与认真批阅，并根据学员作练习的情况给出合理的建议 |
|
|
|
|
|
