框架网页与CSS样式表 0501

1、第5章 框架网页与CSS样式表 5.1 框架网页 5.2 CSS样式表 框架网页和样式表是网页布局技术的另一个部分。使用框架网页能更好地组织页面，而样式表能使网页更具个性，并能提高网页制作的效率。 5.1 框架网页 任务：说出框架网页与框架页面的区别与联系。建立框架网页，并为各个框架填充内容。调整框架网页的外观。5.1.1 什么是框架 FrontPage提供的框架技术，可以方便地把一个完整的浏览器窗口分割成若干个单个独立的小窗口，这些独立的小窗口被称为“框架”，每个框架有自己相对独立的内容，并且可以互不干扰地变化、翻动。 “框架”只给网页划分区域，并不提供实际内容，每个框架都可以显示独立的网页

2、。本节中“框架网页”指的是存放框架页面的“容器”，而框架页面指的是各个框架所对应的页面。 在FrontPage中，创建框架网页唯一的办法，就是通过模板来进行。 框架网页本身并不包含可视内容，它只是一个展示页面内容的容器，因此框架的布局成为框架网页设计的关键性技术。5.1.2 创建框架网页 创建框架网页的步骤 :“文件”菜单“新建”子菜单 “网页”命令“新建”任务面板“新建网页”一栏中的“其他网页模板”选项“网页模板”对话框。(2) “网页模板”对话框“框架网页”选项卡。(3) 根据需要选择一个框架模板，这时可以在右边的说明栏中看到该框架模板的说明文字，并在右下方的预览框中预览该框架模板。(4)

3、 单击“确定”按钮，完成框架网页的创建。 5.1.3 填充框架 1. 创建初始网页 创建完框架后，就可以确定各框架中放置的页面了。每一个框架中都有两个按钮：“设置初始网页”按钮“新建网页”按钮所谓“初始网页”就是打开框架网页时，在各框架中第一眼看到的页面。 如果要将网站中已存在的网页放入框架中，则单击“设置初始网页”按钮。 执行下列操作即可将指定的页面显示在框架网页的相应框架中：单击“设置初始网页”按钮“插入超链接”对话框找到并选中这个页面“确定”如果没有现成的网页可以使用，则可单击“新建网页”按钮，即时新建该框架所对应的初始网页。然后像编辑一般网页一样完成该网页的制作。 2. 编辑与保存框架

4、页面的内容 (1)编辑框架页面的内容鼠标单击相应的框架直接在框架中编辑“框架”菜单/“在新窗口中打开网页”框架太小不好操作框架好操作(2)保存框架网页以 “横幅和目录”框架网页为例，说明框架网页的保存：“横幅和目录”结构的框架网页需要保存以下四项内容上框架页面 左框架页面框架网页右框架页面5.1.4 框架的调整、拆分和删除 1. 拆分框架 (1) 选中要拆分的框架 (2) “框架”菜单/“拆分框架”命令 (3) /“拆分成列”或“拆分成行”/“确定” 2. 删除框架 事实上删除框架就是将两个框架合二为一。 （1）选中要删除的框架 （2）“框架”菜单“删除框架”命令 若确定被删除的框架所对应的页

5、面已无保留价值，则可在文件夹列表中将其删掉。3. 设置框架属性和框架网页属性 通过设置框架的属性，可以调整框架的大小、边距、是否带滚动条等等。 “框架”菜单“框架属性”命令单击鼠标右键，打开快捷菜单，选择“框架属性”命令，弹出“框架属性”对话框或选中要设置框架属性的框架设置框架属性“框架属性”对话框 输入框架的名称 输入另外的网页文件名称，以改变框架的初始网页确定“列宽度”和“高度”。 指定框架边框与框架内容的间距 访问者在浏览时，可以自行调整框架大小指定滚动条出现的条件 “框架属性”对话框 单击“框架网页”按钮，将打开“网页属性”对话框，在这里可以对框架网页进行网页属性的设置。要注意，此时的设置，将应用于所有的框架。 4. 设置目标框架 框架网页中各框架里的内容相对独立、互不干扰，当浏览者点击某个窗口中的超链接时，将在什么位置打开链接目标，是一个有待确定的问题，这时就需要设置目标框架。目标框架就是链接目标打开的位置。 为超链接设置目标框架的步骤 将光标置于链接源上单击鼠标右键“插入超链接”对话框“目标框架”按钮弹出“目标框架”对话框 “当前框架网页”一栏单击示意图中的某个框架在“目标设置”一栏的文本框中将显示该框架的名称。 确定网页默认值：由模板默认的目标框架。相同框架：将超链接所在的框架作为目标框架，框架名称为_self。整页：将整个浏览器窗口作为目标框架。