Dreamweaver_CS4_课件与自学教程 6共7.pptVIP

第5章 Dreamweaver与网络课件 图5-60 【属性】面板(2) 　　 ■【框架名称】：用于定义所选框架的名称，该名称用于创建超链接。　　 ■ 【源文件】：用于输入或显示将在该框架中显示的网页的URL地址，也可以利用　　和　　图标选择网页。　　 ■ 【滚动】：用于设置是否在框架中显示滚动条。选择“是”选项时将在框架中显示滚动条；选择“否”选项时，则不显示滚动条；选择“自动”选项时将根据需要决定是否显示滚动条，当网页内容超出框架范围时将显示滚动条，不超出范围时将不显示滚动条；选择“默认”选项时，将使用浏览器的默认设置，多数浏览器的默认设置为“自动”。 　　 ■选择【不能调整大小】复选框时，浏览者在浏览页面时不能通过拖曳框架边框改变框架大小。　　 ■ 【边框】：用于设置是否显示框架的边框。选择“是”选项时，将显示框架的边框；选择“否”选项时，将隐藏框架的边框；选择“默认”选项时，将显示默认的框架边框。　　 ■ 【边框颜色】：用于设置框架边框的颜色。该颜色将覆盖框架集的边框颜色。　　 ■ 【边界宽度】：用于设置框架中的内容距框架左右边界之间的空白宽度。　　 ■ 【边界高度】：用于设置框架中的内容距框架上下边界之间的空白宽度。 　　4．保存框架 　　在预览网页之前，需要先保存框架和框架集文件。如果一个网页中有四个框架，则保存框架时将产生五个HTML文件，其中每个框架都会产生一个HTML 文件，框架集将单独产生另一个HTML文件。　　保存框架的操作步骤如下：　　1) 单击菜单栏中的【文件】\【保存全部】命令，将弹出【另存为】对话框，如图5-61所示。 图5-61 【另存为】对话框 　　2) 在对话框中选择保存HTML文件的位置和文件的保存类型。　　3) 为HTML文件命名。该对话框中默认的名称为“Untitled Frameset-5.html”，提示用户现在保存的是框架集文件。　　4) 单击　　　　按钮，将弹出另一个【另存为】对话框。该对话框中默认的名称为“Untitled-5”，提示用户现在保存的是所选框架文件。　　5) 继续单击　　　　按钮，在弹出的【另存为】对话框中分别为框架文件命名，可以保存其它的框架文件。 　　5．使用超链接　　在Dreamweaver CS4中可以使用超链接控制框架内容的显示，而这一操作的关键在于正确指定显示网页的目标窗口或框架。例如，如果将导航条放在左侧框架中，要使与其链接的网页内容显示在主框架中，就必须为导航条中的链接指定目标框架为主框架，这样，当用户单击左侧框架中的导航条时，与其链接的网页内容将在主框架中显示。 　　使用超链接的操作步骤如下：　　1) 选择框架中要建立超链接的文本或其它对象。　　2) 在【属性】面板的【链接】文本框中输入要链接的网页的URL地址，也可以利用　　和　　图标选择网页文件。　　3) 在【属性】面板的【目标】选项中选择用于显示链接网页的目标窗口或框架。 　　3) 在【属性】面板的【目标】选项中选择用于显示链接网页的目标窗口或框架。　　■选择“_---blank”选项，表示在新的浏览器窗口中打开链接的网页。　　 ■选择“_parent”选项，表示在当前框架的父级框架中打开链接网页。　　 ■选择“_self”选项，表示在当前框架中打开链接的网页。 　　 ■选择“_top”选项，表示在当前网页的最顶层框架集中打开链接的网页。　　 ■选择“mainFrame”选项，表示在主框架中打开链接的网页。　　 ■选择“leftFrame”选项，表示在左框架中打开链接的网页。　　 ■选择“topFrame”选项，表示在上面的框架中打开链接的网页。 5.5.3 使用CSS+DIV　　CSS是层叠样式表的简称，它是一组格式设置规则，用于控制网页内容的外观。使用CSS可以非常灵活地控制页面的外观，可以控制许多文本属性，如字体、大小、粗体、下划线、文本阴影等，还可以确保在多个浏览器中以更加一致的方式处理页面外观。除此之外，CSS还可以控制网页中块级别元素的格式与定位，这将涉及到DIV标签。DIV标签是用来定义网页内容中的逻辑区域的标签，使用DIV标签可以将内容居中、创建列效果、创建不同的颜色区域等，另外还可以绝对定位，这时的DIV标签视为AP元素。AP Div元素与以前版本中的图层有一定的相似性，可以用于绝对定位网页元素。 　　1．插入AP Div　　AP元素通常是绝对定位的Div标签，它是分配有绝对位置的HTML网页元素，在Dreamweaver CS4中可以轻松地创建AP Div。在网页中插入AP Div的操作比较简单，只需在【插入】工具栏的【布局】标签中单击　　按钮，然后按住鼠标左键(此时光标变为“+”形状)在编辑窗口