网站设计与开发技术知识2.Dreamweaver8入门.ppt

2. 转换表格到层 当页面布局需要进行调整，如果是表格布局，调整起来会比较困难。这时，如果先把表格布局转换为层布局，通过移动层来调整布局，即方便又快捷，最后根据情况再将层转换为表格。 转换表格到层的操作步骤如下： （1）打开要转换为层表格的网页。 （2）选择“修改”｜“转换”｜“表格到层”菜单命令，打开“转换表格到层”对话框 防止层重叠：选中该复选框可以在转换后的页面中激活防止层重叠的功能。 显示层面板：选中该复选框可以在转换后的页面中显示“层”面板。 显示网格：选中该复选框可以在转换后的页面中显示网格线。 靠齐到网格：选中该复选框可以在转换后的页面中将层与网格线对齐。 （3）在弹出的对话框中选择想要的选项。 例：插入层（“飞扬书城”）并创建可编辑区域 将光标移动到设计视图中想要插入层的位置，然后选择“插入”｜“布局对象”｜“层”命令 在层中输入“飞扬书城”，并进行相关的样式设置。 2.9 用框架布局网页 框架的作用就是把浏览器窗口划分为几个不同的区域，每个区域显示不同的网页。 2.9.1 框架和框架集 常见的框架方式是将左方区域或上方区域设置为目录区域，其中包含显示文件各个页面的目录索引或导航条。右方区域或下方区域为主体区域，显示网页变化的主体内容。 用户单击目录索引项或导航条时，主体区域就显示相应的内容。而目录区域的导航内容始终显示在页面上，这样将重复区域固定下来，当向浏览器发出请求时，只下载变化的网页内容。 框架集就是框架的集合，实际上是一个页面，用于在一个文档窗口中显示多个文档的框架结构。在框架集中显示的每个框架，就是一个独立存在的HTML文件 。 2.9.2 框架的操作 1．创建框架集 （1）创建预定义框架集： 在Dreamweaver中，可以用两种方式： ①通过“布局”插入栏创建框架集，步骤如下： 选择“布局”插入栏，在“布局”插入栏中选择“框架”选项 。 打开框架选择面板，选择一种框架结构，可以是左侧框架、右侧框架、上下框架等。 单击某个框架类型，系统会自动弹出“框架标签辅助功能属性”对话框。 单击“框架”下列列表，选择要更改标题的框架，然后在“标题”文本框中输入框架标题。 ②通过菜单命令创建新的空框架集 打开Dreamweaver，选择“文件”｜“新建”菜单命令，打开“新建文档”对话框，在该对话框中“常规”选项卡的“类别”列表框中选择“框架集”选项 （2）编辑框架集 ①将鼠标放在要插入新框架的框架页中，选择“插入”|“HTML”|“框架”命令，在后面的列表中选择需要的样式； ②或者选择“修改”|“框架页”命令，可以进行框架的拆分。 （3）调整框架大小 如图，单击“可视化助理”按钮，在弹出的菜单中选择“框架边框”并打开 将鼠标移至“文档窗口”边框，当鼠标指针变为双向箭头时，拖动鼠标即可粗略调整框架的大小。 2．存储框架和框架集 （1）保存框架集的所有文件 保存框架集的所有文件的方法为：选择“文件”｜“保存全部”命令，将弹出“另存为”对话框，提示保存框架文件；或者也可以依次一个一个保存框架集和框架。 ★在保存时，正在保存的框架会以虚线标识。 （2）重命名框架文件 在文档窗口中选择某个框架，选择“文件” ｜“框架另存为”命令。 （3）重命名框架集文件 在框架面板选择框架，选择“文件” ｜“框架集另存为”命令。 （4）保存框架模板 设置保存框架模板的方法为：选择“文件”｜“框架另存为模板”命令。 3．选择框架 ● 选择“窗口”｜“框架”命令，将出现“框架”面板 ● 在“框架”面板中单击某个框架，即可选择该框架，当框架或框架集被选中时，边框出现点线。 2.9.3 设置框架属性 在“框架”面板中选择某一框架后，便可在框架属性检查器中设置它的属性。 （1）框架名称：用来识别该框架。 （2）源文件：该框架中的网页文件名称。 （3）滚动：是否加入滚动条。 （4）边界宽度：设定框架中的内容与左右边框的距离。 （5）边界高度：设定框架中的内容与上下边框的距离。 （6）边框：是否显示边框。默认为显示。 （7）边框颜色：设定边框框架的颜色。 （8）不能调整大小：在网页浏览时，是否允许在浏览器中改变框架的大小。 2.9.4 设置框架集的属性 在“框架”面板中选择框架集，请先在“框架”面板中单击环绕框架集的边框，框架集就被选中了，选中以后，周围会环绕一条较粗的黑线。 框架集的“属性”面板与框架不同 （1）边框：是否显示边框。 （2）边框宽度：设置边框的宽度。 （3）边框颜色：设置边框的颜色。 精确调整框架大小 （4）值：指定所选行或列的大小。 （5）单位：指定所选行或列的值的单位 像素：给框架