网页设计与制作教程与实训全套PPT电子课件教案-第5章 Dreamweaver MX2004的网页定位技术.pptVIP

（2）设置框架页属性 1、在【框架】面板中单击个框架页，在【属性】检查器中就会显示各框架页的属性。 2、根据设置要求，对各个框架页进行属性设置。 “框架页”属性检查器 组织HTML是建立框架的目的，在框架建立完成后，还需要正确设定链接的目标框架，才能充分发挥框架的导航作用。 6．为框架页创建超级链接 1、 打开上节设置完成的框架集。在【框架】面板中单击个导航框架页，对其进行编辑。 2、在导航框架中建立各个栏目的超链接，在【属性】检查器中选择链接的目标框架，选中导航链接，设置【属性】检查器。 在【目标】下拉列表中有四个预设项： __blank会打开一个浏览窗口来显示链接内容； __parent会在当前框架中打开链接； __self在当前框架打开链接，这也是默认方式； __top会在当前浏览器的最外层打开链接。 根据选择的框架集形式，会出现以下备选预设项： ? mainframe 会在主框架中打链接，通常情况下，大多数都是选择本选项； ? leftFrame 会在左侧框架中打链接； ? rightFrame 会在右侧框架中打链接； ? topFrame 会在顶部框架中打链接； ? bottomFrame 会在底部框架中打链接； 如果框架集中的框架名称被重新设置，则会显示新的框架名称，替代以上备选预设项。 “超链接--目标”属性设置 ● 5.3.4处理无框架浏览器 有些浏览器（Netscape2.0以前版本）不支持框架网页，浏览到有框架时不能正常显示。Dreamweaver允许创建无框架内容，使不支持框架的浏览器能够显示其中的内容。 尽管框架内容和框架内容是分开编辑的，但同属于一个网页，在HTML代码内，分别位于frameset和noframeset 标签中。 在框架设置文档的HTML语句中，最后总有noframe /noframe一对标签，当不支持框架的浏览器浏览到该页时，将忽略frameset /frameset 标签中的所有内容，而显示noframe标签中的内容。 1、打开设置完成的框架集。 2、执行【修改】|【框架集】|【编辑无框架内容】命令。 3、在出现的页面中编辑网页内容。 4、再次执行【修改】|【框架集】|【编辑无框架内容】命令，就可以回到有框架的编辑状态。 5.5 综合实训 同名教材配套电子教案样板 1.特色说明 本实训来教大家做一个个人网站。通过框架、表格、层对各个页面进行排版，使整个网站风格一致，条理清晰。目的是教大家如何正确合理的使用表格、框架、层等Dreamweaver MX2004的网页定位技术，根据需要，对自己的网页进行合理的排版。 2.具体步骤 第一步：采用框架设计整体框架 由5.3节我们已经学到，框架即多窗口页面，也称为“帧”，是将一个浏览器窗口分成多个小页面，每个页面显示一定的内容。它是页面排版的重要表现方式。本实训中，需要把页面分成左右两部分，左边部分为菜单列表，右边部分为主显示页面。 打开Dreamwaver 2004，新建一个空白页面，然后运行菜单“插入—〉HTML—〉框架—〉左方”，页面就会被分割成左右两个部分，如图1所示。 图1 框架效果图 第一步：采用框架设计整体框架 插入框架后，设置框架的属性，我们需要框架的边框为2，颜色为红色，左边宽度为110像素，所以框架的属性面板如图2所示。 图2 框架属性面板 第一步：采用框架设计整体框架 设置完后的框架页面如图3所示。 图3 设置完成后的框架效果图 第一步：采用框架设计整体框架 现在我们已经按照需要设置了框架属性，其HTML代码如图4所示。 图4 框架HTML代码 第一步：采用框架设计整体框架 第一步：采用框架设计整体框架 在这个框架页面上，其实包含了三个页面：框架页面、左边子页面、右边子页面，Dreamwaver 2004给这三个文件分别命名为：UntitledFrameset-1.htm、UntitledFrame-1.htm、Untitled-1.htm。所以在保存的时候，选择“文件—〉保存全部”，Dreamwaver 2004会顺序弹出三个窗口，来分别保存上面的三个文件，如图5-——图7所示。 图5 框架保存窗口 第一步：采用框架设计整体框架 图6 右边子页面保存窗口 第一步：采用框架设计整体框架 图7 左边子页面保存窗口 第一