6.2掌握用于调整框架的有关属性 课件 - 2022-2023学年高二下学期（中职）《网页设计与制作》（武汉大学版）
2023-07-20
|
15页
|
35人阅读
|
0人下载
普通
内容正文：
6.2 掌握用于调整框架的有关属性
6.2.1 指定框架大小并设定边框
6.2.2 选择框架和框架集
6.2.3 知识拓展
6.2.1 指定框架大小并设定边框
在实际的网页制作中，要根据布局精确地设定每个框架的大小。下面对被拆分为上侧、左侧和右侧3个部分的框架应用各种属性。具体操作步骤如下：
（1）在“布局”选项卡中单击 按钮，拆分为3个框架。
（2）单击框架的上下边界线，则属性面板将变成“框架集”属性面板，如下图所示。
6.2.1 指定框架大小并设定边框
（3）在“框架集”属性面板的“行”文本框中输入90后，按回车键，框架的大小变成输入值，如下图所示。
6.2.1 指定框架大小并设定边框
6.2.1 指定框架大小并设定边框
（4）为了调整左侧框架的大小，单击框架的左右边界线。在“框架集”属性面板的“列”文本框中输入150，则左侧框架的大小变成输入值，如下图所示。
6.2.1 指定框架大小并设定边框
6.2.1 指定框架大小并设定边框
（5）单击框架的上下边界线，在属性面板的右侧显示当前选择的框架结构。单击框架后，在“单位”下拉列表框中选择“相对”选项，如下图所示。
6.2.1 指定框架大小并设定边框
6.2.1 指定框架大小并设定边框
（6）为了固定左侧框架，单击旁边的框架边界线，在属性面板的框架结构中，选择右侧区域后，在“单位”下拉列表框中选择“相对”选项，如下图所示。
6.2.1 指定框架大小并设定边框
6.2.1 指定框架大小并设定边框
（7）执行“文件”→“保存”命令，按F12键预览，观察到指定了大小的框架，一直保持相同的大小。
（8）如果想给框架设定边框，则在属性面板中将“边框”设定为“是”；“边框宽度”设定为1，并且可以选择一种边框颜色，如下图所示。
6.2.1 指定框架大小并设定边框
6.2.1 指定框架大小并设定边框
6.2.2 选择框架和框架集
1．选择框架
2．选择框架集
6.2.3 知识拓展
1.“框架”属性面板
2.“框架集”属性面板
$
资源预览图
1
2
3
4
5
6
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。