首页 新闻 体育 娱乐 游戏 邮箱 搜索 短信 聊天 点卡 天气 答疑 交友 导航
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
设计在线:FrontPage2003轻松布局网页

http://www.sina.com.cn 2004/03/04 15:25 电脑报

  文/天津 武金刚

  很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能。

  用FrontPage2003的“布局表格和单元格”功能布局网页时,需要通过两部分来完成。

  首先通过“布局表格”功能来为网页布局创建一个框架,然后通过“布局单元格”功能为该框架填充包含有网页内容(包括文本、图像、Web部件和其他元素)的区域,也就是单元格。

  下面我们就以设置一个单位网站首页为例来了解一下用布局表格给网页布局的过程。

  一、创建布局表格

  1.创建布局表格

  打开一个空白网页,并切换到“设计”视图下,单击“表格”菜单中的“布局表格和单元格”命令,随后在右侧弹出一个任务窗口(图1),在该任务窗口下面程序提供了多种表格布局模板,在此单击其中需要的模板即可将该模板添加到网页中。


图1

  2.绘制布局表格

  如果你对模板中提供的布局表格不太满意,还可以用手工绘制的方法创建一个布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”,随后将指针移到操作窗口最左端,然后拖动鼠标即可绘制表格。

  3.设置表格属性

  插入表格后,还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。

  提示:在设置表格时,如果要想覆盖网页的默认边距,并让布局表格跨到文档窗口的边缘,可以将表格中的各个边距的属性都设置为0。

  在设计框架时经常需要调整某一行或列的属性,这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框,每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单,选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。

  FrontPage2003还提供了一个表格自动功能,它可以按照比例自动伸缩,调整表格的宽度和高度,使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整,非常方便。


下一页 >> 
 

发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
上网助手拦截弹出页面 快速提升网页浏览速度 2004/01/30 10:51:39
巧设Word及WPS中的默认页面规格  2002/08/22 11:27:59
用Dreamweaver MX控制页面元素  2002/08/19 16:39:01
自己制作友好的页面“确认对话框”  2002/07/25 11:23:33
用JavaScript实现页面百叶窗效果  2002/05/16 10:12:01
用Dreamweaver给页面加上有色边框  2002/04/24 22:28:02
用JavaScript加密保护网站页面  2002/04/15 10:50:21
用PHP编程语言开发动态WAP页面 2002/03/11 13:42:28
用FrontPage XP做多媒体页面 2002/01/25 17:12:44
JavaScript页面特效三则 2001/08/28 15:38:52
解剖开机后弹出IE页面恶意代码 2001/07/26 14:49:51
用ASP让用户访问指定页面 2001/07/13 11:12:15
JSP技术生成动态web页面 2000/07/18 11:03:23



科技时代意见反馈留言板 电话:010-82628888-5488   欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

Copyright © 1996 - 2004 SINA Inc. All Rights Reserved

版权所有 新浪网