首页 理论教育 网站制作基础:创建和保存框架页

网站制作基础:创建和保存框架页

时间:2023-11-09 理论教育 版权反馈
【摘要】:视频14本节继续以在“LM的站点”中制作一个“系校友录”的主题为例,介绍创建框架集的方法,以及介绍常用的框架集布局结构。在制作该主题前,要创建一个名为“xyl”的文件夹,用于存放“校友录”相关的网页文件。步骤8依次将另外 3 个框架区域网页保存到根目录下的“xyl”文件夹中,如图 2-6-8所示。步骤9鼠标点击“topFrame”、“leftFrame”和“mainFrame”框架页,分别输入“顶部区域”、“左边区域”和“主要内容区域”文字。

网站制作基础:创建和保存框架页

视频14

(包含2.6.1节~2.6.3节)

本节继续以在“LM的站点”中制作一个“系校友录”的主题为例,介绍创建框架集的方法,以及介绍常用的框架集布局结构。在制作该主题前,要创建一个名为“xyl”的文件夹,用于存放“校友录”相关的网页文件。

步骤1 使用鼠标右键单击“MyWebsite”站点列表项的根文件夹,选择弹出快捷菜单中的【新建文件夹】命令,将“untitled”默认的文件名改为“xyl”,按回车键确认。

步骤2 单击【文件】菜单中的【新建】命令,在弹出的【新建文档】对话框中,选择“示例中的页”选项卡中的“框架页”,接着在“框架页”中选择“上方固定,左侧嵌套”项,如图2-6-2所示。

图2-6-2 【新建文档】对话框

步骤3 点击【创建】按钮,在弹出的【框架标签辅助功能属性】对话框中,设置网页的各个框架区域的“框架名称”和“标题名称”,通常情况下默认,如图2-6-3所示。

提示说明:为了区分不同的框架区域,可以为这些区域取不同的名字,默认情况下,“topFrame”代表顶部框架区域,“mainFrame”代表主要内容框架区域,“leftFrame”代表左部框架区域,“bottomFrame”代表底部框架区域。

步骤4 点击【创建】按钮后,在网页的设计区域出现如图2-6-4所示的框架。

图2-6-3 【框架标签辅助功能属性】对话框

图2-6-4 【创建框架页】

步骤5 用鼠标选中框架中上方的虚线边框后,下方出现【属性】面板,如图2-6-5所示。

图2-6-5 框架【属性】

步骤6 分别设置“边框”下拉列表为“是”,边框颜色为“绿色”,“边框宽度”为“3”,鼠标选中另外一根虚线后,在下方的【属性】面板中设置相同的属性,如图2-6-6所示。

图2-6-6 设置框架边框

提示说明:在设置框架集属性时,要合理设置边框、边框粗细和边框颜色属性才会有效。可以拖动框架的边框线来改变框架区域行或列所占的宽度大小。

步骤7 点击【文件】菜单中的【保存全部】命令,在弹出的【另存为】对话框的“文件名”输入框中输入“frame”,保存位置选择“LM的站点”根目录“xyl”文件夹下,然后点击【保存】按钮,如图2-6-7所示。

步骤8 依次将另外 3 个框架区域网页保存到根目录下的“xyl”文件夹中,如图 2-6-8所示。(www.xing528.com)

图2-6-7 保存框架页

图2-6-8 【保存其他框架页】

提示说明:在保存网页时,可以根据Dreamweaver CS6工具所提示的虚线框来进行保存。通常情况,第一个网页保存的是整个框架结构页,剩下的是框架结构中的区域网页。

步骤9 鼠标点击“topFrame”、“leftFrame”和“mainFrame”框架页,分别输入“顶部区域”、“左边区域”和“主要内容区域”文字。

图2-6-9 预览效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈