半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

网页怎么布局?

2022-05-30 09:59:28 暂无评论 103 网站建设 布局   网页   怎么

在前一课中,我们阐述了何为布局表格以及布局表格与常规表格的区别。
完成这一过程需要执行五个步骤,本课将详细介绍各个步骤。本课还介绍了可简化设计过程的网页设置提示。
在开始绘制布局表格和单元格之前,需要完成一些网页准备工作。请利用“视图”菜单完成下列设置:
显示标尺 确保标尺已经显示,如此处所示。标尺可帮助你度量布局的宽度与高度(单位为像素)。
清除默认边距 虽然该图中未予显示,但在网页顶端和左侧的确有默认边距。清除默认边距后,使用标尺将更加方便。
显示网格 虽然并不必要,但网格可为绘制操作提供参考。
创建布局的第一步是创建布局表格。通过“绘制”或者将表格拖至所需的尺寸可以完成这一步。下面是一些关于绘制布局表格的提示:
开始之前的准备工作 首先构思布局的宽度。请记住,某些人的显示器分辨率可能比较低,如果你的布局过宽,该布局可能无法全部显示。
使用标尺、描摹图像或网格作为参考 无论使用哪个工具,你都将发现使用这些功能可以大大简化布局的安置。
第二步是绘制布局单元格。它们是布局中将包含内容的部分。下面是一些有关绘制单元格的提示:
不必担心单元格的绘制是否完美 请大胆绘制布局单元格,然后再根据需要对其进行位置移动和大小调整处理。
宽度和高度只能以像素为单位 这是因为布局单元格功能仅可用于固定的、基于像素的表格设计。(自动伸缩是一种例外情况,在这种情况下,可以将宽度或高度设置为 100%,从而使宽度或高度与可用空间匹配。这是一种在布局表格与单元格设计完成之后使用的常用技巧。
若要调整布局单元格的大小,请单击大小调整控点,然后在调整大小时按 Alt。
步骤三:调整布局单元格
你不可避免需要对布局单元格进行细微调整:某些单元格可能需要进行细微的大小调整,而某些单元格则需要移动或稍微移动至正确位置。
可使用鼠标指针拖动大小调整控点来调整布局单元格的大小。另外,如上一课所述,还可拖动整个单元格以将其移动到相应位置。
重要 在拖动以调整单元格大小或移动单元格时,对于任何移动或大小调整,FrontPage 都将采用 10 像素步进增量。某些时候,该功能十分有用,而某些时候则无须使用该功能。若要忽略该步进移动功能,请在调整单元格大小或移动单元格时按住 Alt 键。
注意 另外,还有其他一些调整布局单元格大小和移动布局单元格的方法。在随后的练习单元中将介绍这些方法。
步骤四:单元格的填充和格式设置
在绘制完布局表格和单元格之后,你自然希望在其中填充内容。
可以采用多种方法来完成该任务。你可以键入文本、使用“插入”菜单中的各种选项,或者你可以拖放图像,如该图所示。
另外,你可能会希望使用背景色、衬距、边框等来设置布局表格和单元格的格式。这些设置都可以在页面右方的”布局表格和单元格“选项卡里进行,方法与普通表格的设置类似。这里不再赘述。
完成布局的填充与格式设置后,请务必使用“文件”菜单中的“在浏览器中预览”命令确保网页没有问题。