《中文版Dreamweaver CS4入门与进阶 教学课件 ppt 作者 ch03》由会员分享，可在线阅读，更多相关《中文版Dreamweaver CS4入门与进阶 教学课件 ppt 作者 ch03（24页珍藏版）》请在金锄头文库上搜索。
1、入门与进阶系列,中文版Dreamweaver CS4 入门与进阶,第03章,规划网页布局,学 习 目 标,表格和框架是DreamweaverCS4中最常用的布局工具，表格在网页中不仅可以排列数据，还可以对页面中的图像、文本、动画等元素进行准确的定位，使页面显得整齐有序、分类明确，便于浏览。使用框架规划网页，可以把网页分成几个部分，每个部分都是一个独立的HTML页。本章主要介绍使用表格和利用框架规划网页布局。,本 章 重 点,图像文件的颜色模式 使用可视化助理 使用表格 编辑表格 使用表格规划网页布局 使用框架规划网页布局,3.1 可视化助理,Dreamweaver CS4提供了【标尺】和【网格
2、】功能，用于辅助设计网页文档。【标尺】功能可以辅助测量、组织和规划布局。【网格】功能可以绝对定位的网页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网格或控制靠齐行为 。,3.1.1 使用【标尺】功能,在设计页面时需要设置页面元素的位置，可以使用【标尺】功能。选择【查看】|【标尺】|【显示】命令，可以在文档中显示【标尺】，。重复操作，可以隐藏显示标尺 。,3.1.2 使用【网格】功能,【网格】功能的作用是在【设计】视图中对AP Div进行绘制、定位或大小调整做可视化向导，可以对齐页面中的元素。 选择【查看】|【网格】|【显示网格】命令，可以在网页文档中显示网格。重复操作，可以隐藏显示网格
3、 。,3.1.3 使用【跟踪图像】功能,在2.2.3【设置网页文档属性】小节中已经介绍了【跟踪图像】的作用，载入某个网页的布局(或图片)，然后借助该网页的布局来安排正在制作的网页布局。 选择【查看】|【跟踪图像】|【载入】命令，打开【选择图像源文件】对话框，选择要载入的图片文件，单击【确定】按钮 。,3.2 使用表格,表格是网页中非常重要的元素，是网页排版的主要手段，可以帮助设计者高效、准确地定位各种网页数据，直观、鲜明地表达设计者的思想，向浏览者提供条理、清晰的多样化信息 。,3.2.1 Dreamweaver中的表格,表格在Dreamweaver中是用于在HTML页上显示表格式数据以及对文
4、本和图形进行布局的工具。表格由一行或多行组成，每行又由一个或多个单元格组成。 当选定了表格或表格中有插入点时，Dreamweaver会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用这些菜单可以快速访问与表格相关的常用命令。可以启用或禁用宽度和菜单 。,3.2.2 插入表格,Dreamweaver CS4提供了极为方便地插入表格的方法，并且可以设置插入表格的相关属性，例如边距、间距、宽度等。 选择【插入】|【表格】命令，或者单击【插入】面板的【常用】类别中的【表格】按钮上，打开【表格】对话框 。,3.2.3 插入嵌套表格,嵌套表格就是在已经存在的表格中插入的表格。
5、插入嵌套表格的方法与插入表格的方法相同 。,3.3 编辑表格,创建表格后，可以对表格进行编辑，包括合并和拆分单元格、添加和删除单元格、设置单元格和表格属性等 。,3.3.1 选择表格,选择表格是对表格进行编辑操作的前提。在Dreamewaver CS4中，可以一次选择整个表、行或列，也可以选择连续的单元格 。,3.3.2 表格的编辑制作,表格的编辑操作是通过设置表格单元格的属性来改变表格的外观，可以对网页中的表格及单元格进行调整大小、添加及删除行列、合并拆分单元格等操作 。,3.3.3 表格的其他操作,表格除了常用的编辑操作外，还可以进行设置表格排序、复制剪切和导入导出操作 。,3.3.4 【
6、扩展表格】模式,【扩展表格】模式是临时向网页文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易。在该模式中，可以选择表格中的项目或者精确地放置插入点，从而避免无意中选中该图像或表格单元格 。,3.4 使用框架布局网页,框架是将浏览器窗口划分为多个区域，每个区域可以分别显示不同的网页，并且各个框架之间不存在干扰，在网页模板出现之前，框架技术是最常用的布局网页工具之一 。,3.4.1 框架的概念,框架页面通过框架将网页分成多个独立的区域，在每个区域可以单独显示不同的网页，每个区域可以独立翻滚。正是基于框架页面的这种特点，使用框架可以极大丰富网页设计的自由度，在不同的页面部
7、分设置不同的网页属性，尤其是对于页面间的链接，可以使页面的结构变化自如 。,3.4.2 布局网页文档,Dreamweaver CS4提供了多种常用的框架结构方便对网页进行布局，可以创建框架网页，也可以在普通HTML网页中应用框架 。,3.4.3 保存框架,在浏览器中预览包含框架或框架集的网页文档之前，必须保存框架集文件以及要在框架中显示的所有文档。可以单独保存每个框架集文件和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档 。,3.5 编辑框架,编辑框架主要包括选择框架、设置框架属性。此外，框架并不是在所有浏览器中都可以显示的，对于不能显示的浏览器，就需要在标签中输入提示信息。,3.5.1 框架的基本操作,框架的基本操作主要包括创建嵌套框架、选择框架以及设置框架的属性等 。,3.5.2 设置框架和框架集属性,选中框架或框架集后，可以在【属性】面板中设置框架或框架集不同属性 。,
