Vb教程 Vb.net教程 Vfp教程 C/C++教程 Vc/Vc++教程 Delphi教程 Java教程 Powerbuilder
  杀毒频道 | 短信频道 | 网络电视 | 论文中心 | 学上网 | 学软件 | 网页特效 | 电脑基础 | 论坛  
  NCRE | 软考 | CET | 职称英语 | 司法考试 | 报关员 | 公务员 | CATTI | CPA考试  
  Html教程 | Css教程 | Xml教程 | Asp教程 | Asp.net | Php教程 | Jsp教程 | Linux教程 | QQ技巧  
Photoshop Illustrator ImageReady Maya教程 3D Max教程 Lightscape Coredraw教程 Authorware Autocad教程 Freehand教程
Access教程 Mysql教程 Sql server Oracle教程 Word教程 Excel教程 Powerpoint Frontpage Asp.net源码 Php源代码
Flash教程 Fireworks Dreamweaver C#教程 outlook教程 系统安装 vbscript教程 Javascript Jsp源代码 Asp源代码
您的位置:首页 >> Frontpage教程 >> 正文

巧用FrontPage 样板主题

文章来源:新浪科技 凌云志

FrontPage 是目前最流行的网站制作和管理工具。利用它可以轻松地建立和编辑网页,只需完成网站的基本框架,它提供的网站样板主题功能就可帮助您安排每个网页的标题、网页导航等页面组成,无需Java Applet或 JavaScript编辑就能实现漂亮的动态导航按钮,而且由于程序是在服务器端执行,速度也较其它下载到浏览器后再执行的方式大大提高了,利用样板主题(theme)很多的初学者也开发出了具有专业水平的精美的网页,样板主题成为FrontPage 中深受网友欢迎一大特色。

除了简单地利用FrontPage 提供的现成的50多种网站样板主题(theme)外,深入了解样板主题的组成结构,我们还可以更进一步,借助FrontPage提供的图像处理软件Image Composer或其他常见的图像处理软件如Photoshop等,设计出自己的、独一无二的网站样板主题,让网站更具个性与魅力。

一、样板主题(theme)在网站中的应用

样板主题是用来定义页网的背景以及页网上的页面标题、项目符号、水平分隔线和导航按钮的图案,页网上各种文本的字体和颜色的。

二、样板主题(theme)的组成

每个网站在具体应用样板主题时,都只会用到样板主题中的部分组成成员,但一个完整的样板主题必须包括一些相关的配置。

三、样板主题(Theme)的设计技巧

诸如字体和图案、动态效果的使用、样本主题的 INF 文件的设计等。

四、样板主题设计工具DESIGNER的使用

FrontPage自带的一个非常有用的小工具FrontPage Theme Designer,利用这个工具,再结合一些图像设计软件,如Photoshop、Image Composer等,你就可以轻松地设计和修改你自己的主题样式。

五、关于FrontPage主题样式的其它话题

值得一提的是,FrontPage主题样式的应用是基于FrontPage 组件、在网站的服务器端自动实现的。

编者注:本文以FrontPage 98为例讲述样板主题的使用,同样适用于FrontPage 2000。

样板主题(theme)在网站中的应用

样板主题是用来定义页网的背景以及页网上的页面标题、项目符号、水平分隔线和导航按钮的图案,页网上各种文本的字体和颜色的。


   图一:从样板主题菜单中选择你喜爱的样板主题

你可以在FrontPage 的浏览器(Explorer)和FrontPage 的编辑器(Editor)中利用基本相同的界面来选择你喜爱的样板主题,应用于你的网页中,见上图一。

在FrontPage 的浏览器应用样板主题选择“查看”菜单(view)下样板主题(Themes),显示出样板主题菜单,菜单左边排列着50多种网站样板主题的名称,右边是预览窗口,你可在左边点击样板主题的名称,在右边预览窗口看效果,选好中意的样板主题后,按“套用”( Apply)按钮,你的网站上的所有网页都会自动具有与你在预览窗口看到的完全相同的颜色、字体、图案等属性。

在FrontPage 的编辑器中可选择 “格式”(Format)菜单下“主题”(Theme)。这两种应用的方式步骤基本相同,结果却不大相同:在浏览器应用样板主题是针对当前的FrontPage网站的所有网页的,而在编辑器应用样板主题只针对当前编辑的一个网页,对网站中的其它网页没有影响。

在图一样板主题菜单中的主题列表下,有三个非常重要的复选框:

通过这三个选项可以对你选定的样板主题做出更进一步定义。一般来说,如果你的网站的访问者们的浏览器版本较低,或是网络传输速度较慢,你应该选择较为简单朴素的页面风格,尽量少选或不选这三个选项。反之,如果访问你的网站的浏览器版本较高(IE 4.0和Communicater 4.0 以上),网速较快(特别适于局域网上),你就可以充分利用这三个选项的组合,设计出有动感的、轻松活泼的网页。

网页上导航按钮的属性由FrontPage 的编辑器中“插入”菜单下“导航栏”中指定,风图二。要修改网页巳有的导航按钮的属性可单击鼠标右键,选择“FrontPage组件属性”。


   图二:在“导航栏属性” 菜单中可修改导航按钮的导航方向和外观

需要提醒初学者注意的是,“导航栏属性” 菜单上是不能修改导航按钮的个数和按钮上的具体文字的,这些内容均根据FrontPage 浏览器(Explorer)中网站的组织图自动安排,组织图中每一个方框代表一个网页,方框里的文字就是出现在网页导航按钮上的文字,按钮上的文字也只能在FrontPage 浏览器(Explorer)的网站组织图中修改,未在组织图中出现的网页,也就没有对应的导航按钮。见图三。


   图三:网站的组织图表示一个网站的整体结构

样板主题的属性在使用过程中是不能修改的,虽然大家可以利用样板主题轻松地设计出外观精美的有专业水平的网站,但如果大家都从这五十种样板主题选择自己的网站风格,在Internet上会有多少似曾相识的面孔呀?!好在FrontPage CD-ROM.中还为不甘平庸的设计人员准备了一个小工具,FrontPage Theme Designer,利用它你就可以轻轻松松地设计和修改只属于你自己、天下独一份的主题样式了。

在开始设计样板主题之前,我们先来详细地看看每个样板主题的具体组成。

样板主题(theme)的组成

每个网站在具体应用样板主题时,都只会用到样板主题中的部分组成成员,但一个完整的样板主题必须包括为以下几组配置:

1、基本配置

应用于整个样板主题设置。

样板主题的名称;标题和正文的字型字体;全站导航按钮的图案;背景图案

2、简单图案

在未选“使用更漂亮的图案”(Active Graphics)复选框时使用的样板主题成员。

一个网页标题图案;一个水平分隔线的图案;三个级别 GIF项目符号;一个水平导航按钮的图案;一个垂直导航按钮的图案;一组Home, Next, Previous, 和 Up 导航按钮的图案

3、活泼图案

Active Graphics在选中“使用更漂亮的图案”(Active Graphics)复选框时使用的样板主题成员。

一个网页标题图案(可选动画);一个水平分隔线的图案(可选动画);三个级别 GIF项目符号(可选动画);三个用来建“动态按钮”的水平导航按钮的图案 (平常时, 变化时, 按下后);三个用来建“动态按钮”的垂直导航按钮的图案 (平常时, 变化时, 按下后);三组用来建“动态按钮”的Home, Next, Previous 和 Up 导航按钮的图案(平常时, 变化时, 按下后)

4、基本颜色

在未选“使用活泼的色彩(Vivid Colors)”复选框时使用的样板主题成员。

默认文本颜色 - 通常是黑色或深色;三种超级链接的颜色(当前的、未访问的和访问过的);三维表格边框的颜色( 通常是automatic/gray);网页背景颜色 ( 通常是浅色或白色)

5、活泼颜色

在选中“使用活泼的色彩(Vivid Colors)”复选框时使用的样板主题成员。

默认文本颜色;三种超级链接的颜色;三维表格边框的颜色;网页背景颜色

必需注意的是:所有样板主题中的同一类别的图案应保持大小一致,以保证在应用各种样板主题时网页的布局不会改变。

样板主题(Theme)的设计技巧

1、字体的设置

与Microsoft Word等文字处理软件不同,在HTML语言中你无法精确定义每种字体大小,它只提供七种设置,而这七种设置具体大小是由Web浏览器而非网页设计者来控制的。

在为一个样板主题选择字体时,你还必须考虑到你所采用的字体的通用性,如果你为样板主题的标题安排了“琥珀”字体,在网页上应用这个样板主题很有可能达不到预期的效果,因为很多浏览你的网页的用户很有可能恰好没有安装这种字体!如果你使用了不太常见的字体,除了少数几种Windows系统字型如Arial, Times New Roman ,Courier New,宋体和黑体之外的字体,你还必需为你所选的字体准备一个或几个替代字体,以备用户机器中没有安装你的首选字体时,可以采用你的第二选、第三选字体。

2、图案的设计

合适的图案会为你的网页锦上添花,标题和按钮的图案质量直接影响着网页的美观。在为样板主题设计图案时,应考虑以下问题:

      
  • 色彩的和谐  
  • 图案的通用性  
  • 动画的趣味性
   3、文字的安排

在样本主题中的图案上一般是没有文字的, 标题与按钮上的文字是在具体应用于某个网站时,根据用户网站的组织图的安排来填写。在设计样本主题时,我们需要为标题与按钮上的文字指定字体、颜色等属性。

在设计一个上面要安排文字的图案时,我们需说明文字的这些属性:

      
  • 文字的字体   
  • 文字的颜色   
  • 水平对齐方式   
  • 垂直对齐方式
   样本主题中上面安排有文字的图案必须以GIF格式保存。

4、透明像素的使用

在样本主题中每个图案的具体大小是固定的,当你为样本主题准备的图案的尺寸较小时,需在四周填上透明的像素,以保证你所设计的样本主题在具体应用中不会改变网页的页面布局和安排。

所有的导航按钮(顶层、水平和垂直)是被紧密地排列在一起的,如果你喜欢它们之间有一定间隔,也可通过填上一些透明的像素来实现。

5、动态效果的使用

网页上的动态效果主要包括两种实现方式: GIF动画和动态按钮。合理地应用动态效果会使你的网页更加活泼而有生气,但也会由于文件较大而影响网页下载的速度。所以每个样本主题的网页标题、水平分隔线、标目符号中最好只有一个采用GIF动画, 图像采用GIF89a 格式。

配置一个动态按钮时,除了象配置其它普通按钮一样,给按钮定义相应文本属性和一个按钮图案外,还需给它再额外定义两个图案,一个在鼠标指针在按钮经过时, 按钮图案变化时使用;另一个是表示按钮巳被按下的图案。

6、样本主题的 INF 文件

每个样本主题都由两个扩展名为INF 的文件来管理和控制。一个是每个样本主题特定的INF文件.inf,这个文件的指令只控制这一个样本主题,另外,还有一个顶层的文件themes.inf ,它的指令控制着安装于计算机上的所有样本主题。FrontPage 样本主题中定义的文字字型均默认是windows-1252字符集中的,如果网页保存在其它字符集中,需在themes.inf 文件中加以说明。

每个样本主题都有特定的INF文件.inf 。

例如 arcs.inf 文件的内容如下:

[info]
   title=Arcs  样本主题显示的名称
   codepage=1252  这个文件所采用的Windows 代码集
   version=01.01  样本主题的版本号
   readonly=true  是否允许修改

样板主题设计工具DESIGNER的使用

当你希望自己的主页充满个性、与众不同时,FrontPage 提供的五十多种预设计好的样板主题可能就无法满足你的需要了。 你希望既能充分利用FrontPage 在设计网页时提供的种种便利,又能给网页增加一些个性化的东西,只好自己动手,从头开始,遵照上一节介绍的设计方法和原则,设计自己样板主题。当然,将现有的样板主题加以修改,也是一个不错的办法,能节约不少精力。

FrontPage CD-ROM.中,为大家准备了一个小工具,FrontPage Theme Designer,利用这个工具,再结合一些图像设计软件,如Photoshop、Image Composer等,你就可以轻松地设计和修改你自己的主题样式。下面我们来介绍一下FrontPage Theme Designer的使用。

1、安装

要安装Theme Designer, 首先要退出FrontPage Explorer 和 FrontPage Editor (如果它们正在运行的话) ,然后运行FrontPage 光盘上\SDK\THEMES\DESIGNER 文件夹下的tdsetup.exe 即可开始安装。当安装完成后,再调用FrontPage Explorer,可在FrontPage Explore的工具(Tools)菜单下找到Show Theme Designer 命令,选中该命令就可开始主题样式的设计和修改了。
  


图四:利用Theme Designer设计主题样式

Theme Designer的安装程序 tdsetup.exe 还为你安装了另一个小工具:FrontPage Theme Verifier。这个程序thmveras.exe 被安装在FrontPage 安装的目录的\bin 子目录下, 这个小工具是用来测试你自行设计的主题样式能否正常工作。这个工具主要用于你不想借助Theme Designer的帮助,而完全依靠自己来设计主题样式时使用。当你的主题样式设计完成后,可利用FrontPage Theme Verifier来分析测试你的主题样式,并产生一个分析报告。

2、设计主题样式

设计新主题样式捷径是从学习和修改现有的主题样式开始。,我们从File 菜单中选择Open Theme,从巳安装的主题样式列表中选择一个,如图四中打开 “Network Blitz”。这个主题样式列表与我们在FrontPage Explorer’ 的主题样式列表是一致的。当然,你也可以在File 菜单中选择New Theme 命令,开始你的全新的设计。

在主题样式设计窗口中将显示这个主题样式的所有成员:

主题样式的名称;网页标题;顶层导航按钮;水平导航按钮;垂直导航按钮;文本字型;平常的超级链接文本;当前的超级链接文本;访问过的超级链接文本;一个水平分隔线;表格边框的颜色;标题;三级项目符号;Home,Up,Previous及Next pages导航按钮;水平排列方式;垂直排列方式

当你的鼠标经过某个主题样式的成员时,鼠标指针图案会变为一个手的图案,这个成员名称会显示在状态条上。双击一个主题样式的成员,将打开相应的属性表,在这个表中你可以修改这个成员的属性,并立刻看到预览效果。通过单击右键,然后从快捷菜单中选择属性这一项,也可修改成员的属性。

3、显示方式选择

在使用Theme Designer时,对应于样板主题菜单中的三个复选框:

   使用活泼的色彩(Vivid Colors)
   使用更漂亮的图案(Active Graphics)
   使用背景图片(Background Image)
   工具栏上有V,A和 B,你可以通过的组合三个按钮来分别显示和修改这个样板主题各组成员。你也可以通过选择Theme Designer的 View 菜单下的 appropriate display 项,来显示和修改样板主题所有成员。

4、对新的主题样式的保存

完成了新主题样式的建立和老主题样式的修改工作后,选择File 菜单下的Save As 命令保存到一个新文件中, 或选择Save 命令覆盖老的主题样式。值得注意的是你不能覆盖FrontPage 自带的主题样式,它们是只读的。

关于FrontPage主题样式的其它话题

有些FrontPage的功能对网景的浏览器不太支持,特别是有的动态效果只在IE中显示 ,在网景的浏览器中这些加了动态效果后的对象连基本文字信息都一并“消失”,令人不能不对FrontPage的丰富功能的应用产生顾虑,这也是FrontPage的一大缺憾。好在样板主题对两种浏览器版本都支持得较好,各种导航按钮、页面标题及分隔符等都能完全显示,只是动态导航按钮需要较高版本的浏览器(IE 4.0和Communicater 4.0 以上)支持,对较低版本的浏览器则只能显示出基本的导航按钮。

值得一提的是,FrontPage主题样式的应用是基于FrontPage 组件、在网站的服务器端自动实现的。很多初学者辛辛苦苦设计出的网页,上面的计数器、导航按钮等常常不能正常工作,就是由于服务器端没有安装支持FrontPage 组件的FrontPage服务器扩展(FrontPage Extension Server),对于未安装FrontPage服务器扩展的来说,所有服务器驱动的FrontPage 组件都将被忽略,主题样式中除背景图案等简单信息外其它的应用会被一概忽略。

要在Web服务器安装FrontPage服务器扩展,可在http://www.microsoft.com/frontpage下载,微软公司为用户提供了针对IIS、Microsoft Personal Web Sever、UNIX各种平台下多种版本的FrontPage服务器扩展,可免费下载。

在众多的Web制作工具中,FrontPage 以其功能强大、易学易用而倍受欢迎,它为广大网友创建和管理高质量的Web站点提供了妥善的解决方案,号称“无需编程即可拥有极具专业水准的Web站点”。利用FrontPage 提供的现成的50多种网站样板主题(theme),可以帮助初学者迅速开发出具有专业水平的精美的网页;而对有经验的网页制作专业技术人员,则可以更进一步,设计出自己的网站样板主题。FrontPage 既适用于初学者,也同样适用于专业技术人员,堪称为建设专业品质的Internet和Intranet网站的最佳工具之一。

[返回]

编程语言 web开发 数据库 网络技术 操作系统 服务器 网页设计 图形设计 办公软件 常用软件 学电脑

Copyright© www.bianceng.cn Powered by 编程入门网 All Rights Reserved.
关于本站 | 版权声明 | 联系我们 | 友情链接 |
编程入门网 版权所有