1 / 39
文档名称:

Web信息系统设计基础第5章网页布局和框架.ppt

格式:ppt   大小:1,885KB   页数:39页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Web信息系统设计基础第5章网页布局和框架.ppt

上传人:hh思密达 2022/5/14 文件大小:1.84 MB

下载得到文件列表

Web信息系统设计基础第5章网页布局和框架.ppt

文档介绍

文档介绍:第五章 网页布局和框架
内容提要
布局模式
绘制布局表格和布局单元格
运用标尺与网格
调整布局表格及布局单元格
设置布局模式的首选参数
框架的运用

水平:设置单元格内容的水平对齐方式, “左对齐”、“居中对齐”、“右对齐”和“默认”
垂直:设置单元格内容的垂直对齐方式, “顶端”、“居中”、“底部”、“基线”或“默认”
不换行:禁止文字换行 。
自动伸展:使单元格自动伸展,以布满屏幕 。
设置列宽度
1. 运用间隔图像
步骤一:单击列标题菜单,选择“添加间隔图像”吩咐
步骤二:假如尚未给站点设置间隔图像,将打开“选择占位图像”对话框。。
创建一个GIF图像作为间隔图像,并允许用户选择一个存储该间隔图像文件的文件夹。
运用现有的图像文件作为间隔图像
设置列宽度
步骤三:假如选择“创建占位图像文件”单选按钮,将打开“保存间隔图像文件为”对话框,指定间隔图像文件名和存储该文件的文件夹,完成后单击“保存”按钮。假如选择“运用现存的占位图像文件”单选按钮,将打开“选择间隔图像文件”对话框,选择现有的图像文件作为间隔图像,完成后单击“确定”按钮。
步骤四:间隔图像插入到列中,该图像是不行见的,列的底部会显示双横线以表明它包含一个间隔图像,如下图。
若要从单个列中删除间隔图像,单击列标题菜单,选择“删除间隔图像”吩咐。若要从表格中删除全部的间隔图像,单击表格标题菜单,选择“移除全部分隔符图像”吩咐:
设置列宽度

步骤一:单击列标题菜单,选择“列设置为自动伸展”吩咐。
步骤二:假如尚未给站点设置间隔图像,将打开“选择占位图像”对话框,新增了“对于自动伸展表格不要运用间隔图像”单选按钮,选中该选项表示避开向表格中自动添加间隔图像。选择对话框中的某个选项,单击“确定”按钮,完成相应设置。
步骤三:自动伸展列的底部出现波浪线。其余列的底部出现双横线,表明自动添加了间隔图像。
若要取消列的自动伸展,单击自动伸展列的标题菜单,选择“列设置为固定宽度”吩咐即可
设置列宽度

步骤一:选择列中的一个单元格,打开“属性”面板。
步骤二:选择“固定”单选按钮,在后面的文本框中输入单元格(列)的宽度。
当在“布局”模式中设置好布局表格和布局单元格后,就可以在单元格中输入文本或插入其他页面对象了,表格的空白区域不能插入内容。
当用户添加宽度大于布局单元格的内容时,该单元格将自动扩展。当单元格扩展时,该单元格所在的列随之扩展,四周单元格的大小也会相应地自动调整。
设置布局模式的首选参数
“编辑”--“首选参数”--“分类”--“布局模式”
自动插入间隔符:指定是否应当在将列设置为自动伸展时自动插入间隔图像
站点的间隔图像:指定要设置间隔图像的站点。
框架的运用
关于框架和框架集
创建框架和框架集
选择框架和框架集
保存框架和框架集文件
设置框架和框架集属性
为框架设置链接
处理不能显示框架的阅读器
关于框架和框架集
框架是阅读器窗口中的一个区域,它可以显示与阅读器窗口其余部分所显示内容无关的HTML文档。
框架集是HTML文件,它定义了一组框架的布局和属性,包括框架的数目、大小和位置,以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在阅读器中显示的HTML内容,它只是向阅读器供应应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。
创建框架和框架集
1. 运用预定义的框架集
法一:文件”--“新建”--“新建文档” --“示例中的页”--“框架集” --“创建”
法二:“插入记录”|“HTML”|“框架”--选择预定义的框架集
创建框架和框架集
法三:“插入”--“布局” --“框架”-- --选择预定义的框架集
创建好的框架页
创建框架和框架集
2. 设计框架集
1)创建框架集: “修改” --“框架集” --选择拆分项
注:假如当前设计视图的框架边框不行见,可通过选择“查看”|“可视化助理”|“框架边框”吩咐,使框架边框在设计视图中可见。
创建框架和框架集
2)拆分框架:将光标放置在要拆分的框架内,选择“修改”菜单中的“框架集”吩咐,从子菜单中选择拆分项。要以垂直或水平方式拆分一个框架或一组框架,可将框架边框从设计视图的边缘