FrontPage简明教程:网页布局
1、通常网页的布局使用到的是FrontPage中的表格和框架菜单栏里的命令。表格（TABLE）是将页面中的内容以表格的形式排列，常用于单一页面内图片与文字的安排，是最常用的布局命令。框架（FRAMES）是在同一浏览器窗口中显示多个相互隔离的html页的结构。
2、在编辑页面时，若感觉页面被放在一个狭窄的框架中太拥挤，可选择“框架”菜单中的“在新窗口中打开网页”命令，这样便打开一个新的满屏窗口，可以自由地在页面中增加内容。利用FrontPage的框架页面模板在Web页面上引入了框架布局，我们还可以在此基础上，根据需要进行进一步的设计。
3、要素净、大气，不要五彩缤纷。要注意在一个自助网站的页面里不要用色太杂。要确定一个颜色主调，再搭配一两种反差不太大的颜色即可。正文文字的大小要基本统一，文字的颜色也不要红红绿绿。
4、首先你要对自己的网页有个整体规划，从工具上拖拽各种控件，包括框架，文本框，按钮等等。基本上不用后台的编程语言，但是至少要了解HTML语言，否则出了问题解决不了。
5、对于初学者而言，FrontPage 2000教程和FrontPage XP V2005教程III V2005III是绝佳的入门选择。这些教程以清晰的步骤和生动的实例，引导用户了解FrontPage的基本操作、界面布局以及常用功能。无论是创建新网页、编辑现有内容，还是添加多媒体元素，这些教程都能提供详尽的指导。
网页首页如何布局网页首页如何布局图片
1、点击插入图片，然后选择目标图片。选择页面布局，位置，文字环绕方式，文字环绕方式任意选一个，只要不是“嵌入”即可。拖动图片与页面左上角对齐，拉动图片右下角至布满页面为止。如图所示，图片已然布满整个页面。
2、打开准备好的word文档，切换到“页面布局”选项卡，点击页面设置组右下角的对话框启动器。这时会弹出一个对话框。在弹出的“页面设置”对话框中，切换到“页边距”选项卡，然后设置上下页边距为54cm，左右页边距为17cm，默认可以选择其他选项。
3、弹性布局 灵活布局采用宽度和高度同时放大的方法，力求不同屏幕下页面布局一致。 灵活布局兼顾了静态布局和流式布局的优点。一方面可以适应屏幕的变化，另一方面也不会造成页面横向加宽，造成比例不协调，在一定程度上保证了页面布局与原设计的一致。 然而，这也带来了新的问题。
4、对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。
5、一般有以下七个步骤：页面尺寸、整体造型、页头、文本、页脚、图片、多媒体。网页布局的常见类型 【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。
6、单列布局：整体都在同一列中，适合简单的页面和长文本。 分列布局：将页面划分为若干列，每列盛放不同的内容。 网格布局：将内容分成网格状的布局，更适用于图像展示、电商等页面。 杂志式布局：页面像杂志一样设置了多个区域，展现一些精美的图像、大量的文字和一些可交互的内容。
如何设计表格布局的网页?
1、制作表格布局的网页步骤如下网页设计布局图表格： 编写 HTML 代码：在 HTML 文件中使用 table 标签创建表格网页设计布局图表格，并使用 tr 标签创建行网页设计布局图表格，使用 td 标签创建单元格。 设计表格样式：使用 CSS 样式表为表格添加样式网页设计布局图表格，包括表格边框、单元格边框、单元格背景颜色、单元格宽度等。
2、对于使用Frontpage 2003布局网页时网页设计布局图表格，若需要在表格内输入文字，首先选择需要编辑的表格。接着，在工具栏中找到并点击“布局表格”按钮。随后，会弹出一个名为“布局表格和单元格”的任务窗格。在这里，您可以找到并选择不同的对齐方式选项。选择后，表格内的文字将按照所选对齐方式进行调整。
3、明确使用的工具：例如使用Dreamweaver等工具时，可以依靠软件提供的直观提示来设置布局表格的行列大小。布局尺寸应根据个人或项目需求进行设置，不受软件默认设置的限制。选择合适的单位：百分比布局：适用于响应式设计，能确保网页在不同设备和屏幕尺寸上显示效果一致。像素布局：适用于需要精确控制尺寸的固定元素。
4、网页布局：表格布局：使用table标签来定义表格。表格包含若干行和单元格。table标签的主要属性包括height、width、cellpadding、cellspacing、border、align等。td标签的主要属性包括height、width、align、valign、background等。层布局：使用DIV标签结合CSS进行布局，通常称为DIV+CSS布局。