FrontPage2003的网页布局功能

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

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

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

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

一、创建布局表格

1.创建布局表格

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

2.绘制布局表格

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

3.设置表格属性

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

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

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

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

时间: 2024-08-18 23:52:40

FrontPage2003的网页布局功能的相关文章

FrontPage2003中网页布局功能的应用

frontpage|网页 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能. 用FrontPage2003的"布局表格和单元格"功能布局网页时,需要通过两部分来完成. 首先通过"布局表格"功能来为网页布局创建一个框架,然后通过"布局单元格"功能为该框架填充包含有网页内容(包括文本.图像.Web部件和其他元素)的区域,也就是单元格. 下面我们就以设置一个单位网站首页为例来了解一下用布局表格给网页布

frontpage2003教程之布局表格和单元格

  FrontPage2003 的"布局表格和单元格"功能可以布局网页,很多小伙伴对FrontPage2003的这个功能非常感兴趣.今天超人软件小编就详细介绍一下这个FrontPage2003教程,告诉大家 FrontPage2003 怎么用这个功能. 用FrontPage2003的"布局表格和单元格"功能布局网页时,需要通过两部分来完成. 首先通过"布局表格"功能来为网页布局创建一个框架,然后通过"布局单元格"功能为该框架填

网页设计网页布局教程:CSS布局新属性

文章简介:新css属性为我们提供了更加便捷的网页布局方式.来自微软的thomas lewis将带你认识去Grid Alignment,Flexibox Box以及Multi-column Layout这三大领域. 新css属性为我们提供了更加便捷的网页布局方式.来自微软的thomas lewis将带你认识去Grid Alignment,Flexibox Box以及Multi-column Layout这三大领域. 这篇文章最早出现在 the April 2012 issue (226)这期的.n

CSS网页制作技巧:DIV+CSS网页布局常犯错误汇总

文章简介:随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法.在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步. 随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法.在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步. 一.检查HTML元素是否有拼写错误 是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检

网页布局设计基础

设计|网页 正如你现在所看到的一样,网页的布局设计变得越来越重要.访问者不愿意再看到只注重内容的站点.虽然内容很重要,但只有当网页布局和网页内容成功接合时,这种网页或者说站点才是受人喜欢的.取任何一面你都无法留住太过"挑剔"的访问者. 一.网页布局的基本概念 最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思.在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上

CSS网页布局的好与坏

国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,从实际应用情况来看,此种方法绝对好于表格制作页面的方法. 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉,比较上手: 但是,它却阻碍了一种更好的,更有亲和力的,更灵活的,而且功能更强大的网站设计方法--DIV+CSS. CSS网页布局的意义体现在如下方面: 一,使页面载入得更快 由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小.相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打

手把手教你网页布局的基本元素

网页 网页可以说是网站构成的基本元素.当我们轻点鼠标,在网海中遨游,一幅幅精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配.文字的变化.图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素--网页的布局.下面,我们就有关网页布局谈论一下. 网页布局类型 网页布局大致可分为"国"字型.拐角型.标题正文型.左右框架型.上下框架型.综合框架型.封面型.Flash型.变化型,下面分别论述. 1."国"字型:也可以称为"

亲密接触手把手教你网页布局的基本元素

网页 网页可以说是网站构成的基本元素.当我们轻点鼠标,在网海中遨游,一幅幅精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配.文字的变化.图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素--网页的布局.下面,我们就有关网页布局谈论一下. 网页布局类型 网页布局大致可分为"国"字型.拐角型.标题正文型.左右框架型.上下框架型.综合框架型.封面型.Flash型.变化型,下面分别论述. 1."国"字型:也可以称为"

网页制作初学者较常见的网页布局问题以及解决方法

初学|解决|网页|问题 第一种方法:做一个网页解决问题(长了点) 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常. 但在改变浏览窗口大小之后,网页就变得"不堪入目"