FrontPage2003中网页布局功能的应用

frontpage|网页

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

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

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

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

  一、创建布局表格

  1.创建布局表格

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


  2.绘制布局表格

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

  3.设置表格属性

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

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

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

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

  二、单元格的添加和设置

  1.添加单元格

  布局表格创建了网页框架后,还要向表格中添加单元格。添加时单击“新建表格和单元格”项下的“绘制布局单元格”,随后按照绘制表格的方式来绘制单元格。如果我们需要绘制连续的单元格时,单击“绘制布局单元格”后,按住Ctrl键同时拖动鼠标即可。

  2.设置单元格

  由于首页中需要添加的链接和按钮较多,因此该页面中的单元格比较复杂。为了美观,在该页面中还需要对单元格进行相关的设置。

  (1)单元格属性设置

  在“单元格属性设置”任务窗口中单击“单元格属性和边框”命令,随后可以对选中单元格的高度、宽度、背景颜色、边框、边距等项进行相应的设置。设置方法与表格的设置相似。

  (2)设置单元格角部属性

  为了美观,在制作网页时还需要添加一些圆角图片来修饰网页,如导航工具条边缘等。以前在网页中添加这些图片非常麻烦,而在FrontPage2003中我们可以通过对单元格角部属性的设置轻松解决这一问题。

  首先在“单元格格式”窗口中单击“单元格角部和阴影”,随后在下面出现了“角部”和“阴影”的设置窗口。在“角部”项中点选“使用默认图像”选项,随后设置好该角部的宽度和高度,并在下面的颜色中设置好该角部的颜色。设置后在“应用”中选择一种角部样式,即可将该角部添加到单元格中。

  此外,我们可以通过“使用自定义图像”来添加一个自制的图片样式(图2)。

  (3)设置单元格的阴影属性

  在“阴影”项中首先对阴影的宽度进行设置,随后在“柔和度”框中键入所需的值。单击“颜色”下拉菜单可以为该阴影选择一种颜色,在“应用”项中输入一种阴影样式,即可将设置好的阴影添加到网页单元格中。

时间: 2024-09-24 04:02:23

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

FrontPage2003的网页布局功能

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

网站建设中网页布局与颜色运用基本准则

网页布局与颜色运用的基本准则 在网页设计的众多环节中,页面布局.颜色搭配是最为重要的环节之一.接下来,我们将通过五条准则来告诉您如何在布局.颜色方面让您的网页看起来更舒适.更美观. 首先,让我们来讲讲有关页面的布局. 准则一:有太多的条条框框会对你的健康产生不好的影响 有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了. 当你自己观察你的页面并意识到有必要去做些更有吸引力和创造力的东西来摆脱你所刚做的一些烦人的作品时,或是决定要抛弃一些以前所遵循的

详解Word 2013的布局功能

自Office消费者预览版发布后,官方博客上介绍了很多关于新Office中添加的新功能,除此之外还加强了一些传统功能,就比如Word中的布局功能,新版中从简单的文档到复杂的图表都能够按照你的个性需求进行编排,并带来全新更加精密的文件编排功能. 后台程序: 新版中布局由两个部分组成:Line Services(线条)和Page & Table(页面&图表)Services.  Line Services简称LS,首次使用在Word 2000中,能够实现特别的设计单元,比如数学上的复杂运算式和

Word 2013的布局功能介绍

自Office消费者预览版发布后,官方博客上介绍了很多关于新Office中添加的新功能,除此之外还加强了一些传统功能,就比如Word中的布局功能,新版中从简单的文档到复杂的图表都能够按照你的个性需求进行编排,并带来全新更加精密的文件编排功能. 后台程序: 新版中布局由两个部分组成:Line Services(线条)和Page & Table(页面&图表)Services. Line Services简称LS,首次使用在Word 2000中,能够实现特别的设计单元,比如数学上的复杂运算式和一

Div+CSS网页布局中CSS无效的十个常见原因

核心提示:我们学习Div+CSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能. 我们学习Div+CSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能.下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决

CSS网页布局学习过程中选择什么软件来辅助?

css|过程|网页 CSS网页布局开发应该使用什么软件呢?这是一个非常常见的问题.往往会令新手朋友感觉迷茫,今天就这个问题我们来说一说吧.如果你有什么想法可以参与评论,大家集思广议吧. 有很多朋友是用DreamWeaver进行开发,DreamWeaver是三剑客之一,在传统的table布局中,可视化的环境让我们编辑网页非常轻松,各项功能面板进行设置即可达到想要的效果.虽然简化了操作,方便了我们的制作,但我们丢掉了很多东西,以至于有朋友从业几年了,却完全看不懂HTML代码,看不明白那些标签的真正含

详细学习CSS中的网页布局的属性

css|网页 布局(Layout)属性: 在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素.Netscape曾提出过Layer标记,它对于精确布局很有好处,但是并没有被W3C承认,W3C在CSS提出了类似于Layer标记的功能. position属性: position属性用来决定元素的位置类型,详见属性: 属性名称: 'position'属性值: absolute | relative | static初始值: static适合对象: 所有元素是否继承

网页布局中CSS无效的十个常见原因

我们学习Div+CSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能.下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决.在本文开始前介绍一些使用W3C验证程序时需要注意的问题. 1.不要担心验证程序的警告:如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步. 2.一次更正一个错误:按顺序进展工作,从上到下,一次修正一个错误.

PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的