框架网页与CSS样式表 0501.ppt

1、第五章框架网页和样式表，5.1框架网页5.2 CSS样式表，框架网页和样式表是网页布局技术的另一部分。使用框架页面可以更好地组织页面，而样式表可以使页面更加个性化，提高页面制作效率。5.1框架页，任务：说明框架页和框架页之间的区别和联系。创建一个框架网页，并用内容填充每个框架。调整框架页面的外观。什么是框架？FrontPage提供的框架技术可以很容易地将一个完整的浏览器窗口分成几个独立的小窗口。这些独立的小窗户被称为“框架”。每一帧都有自己相对独立的内容，可以在没有干扰的情况下进行更改和翻转。框架只将网页分成几个区域，但不提供实际内容。每个框架可以显示独立的网页。在本节中，“框架网页”是指用于

2、存储框架页面的“容器”，框架页面是指与每个框架相对应的页面。在FrontPage中，创建框架页的唯一方法是通过模板。框架网页本身并不包含视觉内容，而只是显示页面内容的容器，因此框架的布局成为框架网页设计的关键技术。5.1.2创建框架网页，创建框架网页的步骤：“文件”菜单“新建”子菜单的“新建网页”列中的“其他网页模板”选项“网页模板”对话框。(2)页面模板对话框的框架页面选项卡。(3)根据需要选择一个框架模板，您可以在右侧的描述栏中看到框架模板的描述文本，并在右下角的预览框中预览框架模板。(4)点击“确定”按钮，完成框架网页的创建。5.1.3填写框架，1。创建初始网页创建框架后，您可以确定放置

3、在每个框架中的页面。每一帧有两个按钮：“设置初始网页”按钮和“创建新网页”按钮。所谓的“初始网页”是打开框架网页时在每个框架中看到的第一页。如果您想将网站中的现有页面放入框架，请单击“设置初始页面”按钮。通过执行以下操作，可以在框架网页的相应框架中显示指定的页面：单击“设置初始页面”按钮“插入超链接”对话框，查找并选择该页面的“确定”，如果没有现成的网页可使用，则单击“新建页面”按钮，立即创建与该框架对应的初始网页。然后像编辑一个普通网页一样完成这个网页的制作。2。编辑并保存框架页面的内容(1)编辑框架页面的内容，用鼠标点击相应的框架，直接在框架中编辑。“框架”菜单/“在新窗口中打开网页”，框

4、架太小，无法操作，框架易于操作。(2)保存框架页以“横幅和目录”框架页为例说明框架页的保存：“横幅和目录”上框架页，左框架页，框架网页，右框架页，5.1.4框架的调整、拆分和删除，1。拆分框架(1)选择要拆分的框架(2)框架菜单/拆分框架命令(3)/“拆分成列”或“拆分成行”/“确定”、(1)选择要删除的框架。(2)在“框架”菜单中命令“删除框架”。如果确定对应于被删除的帧的页面没有保留值，则它可以在文件夹列表中被删除。设置框架属性和框架页面属性通过设置框架属性，您可以调整框架的大小、边距、滚动条等。“框架”菜单“框架属性”命令，单击鼠标右键，打开快捷菜单，选择“框架属性”命令，弹出“框架属性

5、”对话框，或者，选择要设置框架属性的框架，设置框架属性，“框架属性”对话框，输入框架名称，输入另一个网页文件名，更改框架的初始网页，并确定列宽要指定框架边框和框架内容之间的距离，访问者可以调整框架大小，并指定浏览时滚动条出现的条件。在“框架属性”对话框中，单击“框架页面”按钮打开“页面属性”对话框，您可以在其中设置框架页面的页面属性。请注意，此时的设置将应用于所有帧。4.设置目标框架网页中每个框架的内容相对独立，不会相互干扰。当浏览者点击窗口中的超链接时，在哪里打开链接目标是一个有待确定的问题，因此有必要设置目标框架。目标框架是链接目标打开的地方。要设置超链接的目标框架，请将光标放在链接源上，然后右键单击“插入超链接”对话框。“目标框架”按钮弹出“目标框架”对话框。在“当前框架页”列中单击逻辑示意图中的框架，框架的名称将显示在“目标设置”列的文本框中。确定、网页默认值：模板默认的目标框架。同一个框架：以超链接所在的框架为目标框架，框架名称为_self。整页：以整个浏