久久首页
免费软件
网络时尚
网络学堂
专题讨论
网络资源
网络游戏
网络文档
网络产品
网站导航: 首页 > 网页开发 > HTML/XML 学堂讨论 | 推荐文章

如何利用表格组织页面


2004-05-25 本站专稿 
 
在主页制作中,页面内容的布局相当重要,网页上的内容如何分布不仅关系到信息的表达是否清晰,而且还体现了网站的风格。组织网页最常用的也是最有效的方法就是利用表格来划分网页。

由于网页的排版功能比较弱,网页中的对象不能在页面中随意放置,因此要变化网页的布局就比较困难。在实际的网页设计中,经常使用表格来充当网页的排版工具。利用FrontPage2000提供的表格处理功能可以很好地制作出清晰美现的网页来。下面,我们就介绍一个用FrontPage2000所提供的表格编排功能来进行网页页面的组织的实例。

(1)打开“表格”菜单,在“插入”子菜单里单击“表格”选项,将出现如图1所示的“插入表格”对话框。

(2)设置表格的参数。我们插入一个3×3的表格,因而先将行数和列数都改为3,边框改为0,使在网页浏览的时候看不到表格的布在,但同时表格却能起到划分网页内容的作用。设置完毕单击“确定”按钮,即可在网页上插入一个表格,如图2所示。

(3)调整表格大小。因为表格的边框为0,所以是用虚线来表示。将鼠标移动到表格的边框,当鼠标指针变为双向箭头的时候可以拖动表格边框来改变各个单元格的大小。选择相邻的单元格,然后单击“表格”菜单里的“合并单元格”选项可以把多个单元格变成一个单元格。通过改变表格的大小可以得到如图3所示的效果。

(4)在表格的单元格里分别加入不同的网页内容。在图里,页眉部分通常是用来设计站点名称、广告横幅等内容;页眉部分常用来放置网页的各种信息,如公司名称、作者的电子邮件地址等等;中间的三个单元格就是用来书写正文的地方。这是一种常用的页面划分形式,在具体制作网页的过程中,完全可以发挥自己的创造力,制作出更加美观合理的页面布局。如图4就是使用了多个表格进行页面组织的主页。

在表格里的每个单元格都是一个独立的放置网页内容的区域,可以根据需要对单元格进行一些设置。在单元格里单击鼠标右键可以打开一个快捷菜单,选择单击其中的“单元格属性”,可以打开“单元格属性”对话框。

在这里可以对单元格的大小、内容对齐方式、背景颜色图片等各种属性进行设置以便于在单元格里表现网页的内容。

以上介绍了一个完整网页的制作过程,这个示例没有涉及到太多复杂的应用技巧,相信读者很容易理解。通过这个示例大家应该对表格在排版中的应用技巧有所体会。

 
发表评论 推荐文章 关闭窗口
 相关内容
- 外接样式表的方法 2004-05-25
- 网页的设计制作的方法 2004-05-24
- 用CSS实现网页图片半透明 2004-05-25
- Web上的弧原理 2004-05-24
- Web上的挤压和拉伸 2004-05-25
- Web上的淡进淡出 2004-05-25
- 制作网页的几个原则(二) 2004-05-24
- 制作网页的几个原则(一) 2004-05-24
- 创建图片上“隐秘”的链接 2004-05-25
- 让你的网站全面快速打开 2004-05-20
 
 学堂分类
网络知识操作系统
网络应用网络服务
网页开发网络编程
数据存储网络设备
 文章搜索
 
网站简介 | 广告服务 | 编程支持 | 设计服务 | 诚邀合作 | 访客留言
Copyright © 1999-2004 99NET. All Rights Reserved
版权所有 久久网络工作室
Email:webmaster@99net.net