当前位置: 做网站的教程/建网站的教程 >> >> FrontPage做网站轻松布局
FrontPage做网站轻松布局

  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
   很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能。
  用FrontPage2003的“布局表格和单元格”功能布局网页时,需要通过两部分来完成。
  首先通过“布局表格”功能来为网页布局创建一个框架,然后通过“布局单元格”功能为该框架填充包含有网页内容(包括文本、图像、Web部件和其他元素)的区域,也就是单元格。
  下面我们就以设置一个单位网站首页为例来了解一下用布局表格给网页布局的过程。
  一、创建布局表格
  做网站的教程1.创建布局表格
  打开一个空白网页,并切换到“设计”视图下,单击“表格”菜单中的“布局表格和单元格”命令,随后在右侧弹出一个任务窗口(图1),在该任务窗口下面程序提供了多种表格布局模板,在此单击其中需要的模板即可将该模板添加到网页中。

                                  图1
  做网站的教程2.绘制布局表格
  如果你对模板中提供的布局表格不太满意,还可以用手工绘制的方法创建一个布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”,随后将指针移到操作窗口最左端,然后拖动鼠标即可绘制表格。
  做网站的教程3.设置表格属性
  插入表格后,还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。
  提示:在设置表格时,如果要想覆盖网页的默认边距,并让布局表格跨到文档窗口的边缘,可以将表格中的各个边距的属性都设置为0。
  在设计框架时经常需要调整某一行或列的属性,这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框,每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单,选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。
  FrontPage2003还提供了一个表格自动功能,它可以按照比例自动伸缩,调整表格的宽度和高度,使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整,非常方便。

责任编辑:王眉

打印本文  发表评论  推荐本文  返回顶部  加入收藏  关闭窗口

相关文章
photoshop视频教程:画笔描边滤镜
PHP网站制作的先进之处
Frontpage做网站教程:在表格中布局图片
photoshop视频教程:渲染滤镜
网站制作教程:网页布局
用DW做网站实用七招
DW做网站图片应用技巧
photoshop视频教程:模糊滤镜
做网站教程:如何在Frontpage中定义CSS样式
SWiSHmax 教程