• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Frontpage教程 > FrontPage2003轻松布局网页

FrontPage2003轻松布局网页

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-07-06

本文主要包含frontpage2003网页,frontpage2003,frontpage2003下载,frontpage2003官方,frontpage2003教程等相关知识,佚名希望在学习及工作中可以帮助到您
  很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能。

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

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

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

  一、创建布局表格

  1.创建布局表格

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

(图片较大,请拉动滚动条观看)

  2.绘制布局表格

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

  3.设置表格属性

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

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

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

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


  二、单元格的添加和设置

  1.添加单元格

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

  2.设置单元格

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

  (1)单元格属性设置

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

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

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

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

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

(图片较大,请拉动滚动条观看)

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

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

您可能想查找下面的文章:

  • FrontPage2003轻松布局网页

相关文章

  • 2017-07-06FrontPage创建HTML/ASP混合页面Ⅱ
  • 2017-07-06提高FrontPage 2002使用效率
  • 2017-05-16Frontpage教程:教你制作网页框架
  • 2017-08-06Frontpage新手网页超链接制作教程
  • 2017-07-06FrontPage10全透视教程(1)
  • 2017-07-06在一张图片上制作多个超级链接
  • 2017-05-16Frontpage教程:制作网页中的书签
  • 2017-08-06网页字体在Frontpage2000制作网页中的讲解
  • 2017-07-06FrontPage网上筑巢手记—页面美化(二)
  • 2017-08-06FrontPage教程:网页制作基础知识

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • FrontPage10全透视教程(15)
    • 用frontpage制作简单的网页示例(比较适合新手朋友)
    • 用FrontPage 2000快速制作动态按钮
    • FrontPage 2002应用技巧四则
    • FrontPage:如何将多个超链接加在一张图片上
    • FrontPage网上筑巢手记——规划网站
    • FrontPage网上筑巢手记——修改和添加页面(二)
    • FrontPage10全透视教程(1)
    • 利用FrontPage 2003轻松制作网络申请系统(2)
    • 谈FrontPage的模板功能

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有