经过上次的学习,想必读者朋友们已经基本掌握了使用FrontPage XP建立和管理站点的方法,那么建立好一个站点以后,接下来的工作就是读者朋友们最为关心的网页的制作和编辑了。我们知道,一个站点是由多个网页组成,一个网页又是由文字、图像、声音、视频、超链接等多种对象构成,这次我们就围绕网页元素的制作,来使用FrontPage XP一步步完成。
' A0 [/ Y1 D; m9 e4 @" R# V" s
' B5 c( i0 S9 M' g* b网页的创建% N0 n! `: E" h a$ y9 v) a
3 l8 O! ]. u, ?9 K: P8 j; o
网页的创建有两种方法,一种是基于空白网页创建,另外一种就是基于FrontPage XP提供的网页模板快速建立。前者需要作者自己构造网页布局格式,后者无需自己构造网页布局,而只需修改网页模板中的元素即可。
' X4 |, b4 \6 K/ N
& l$ l( N! m4 Q$ n7 v
基于空白网页创建网页时,点击“文件/新建”,再单击“网页或站点”命令,弹出“新建网页或站点”任务窗口,在“新建”之下,单击“空白网页”即可。
: } a% E, i4 s# z
/ k3 R5 t- O7 O( w% E
基于网页模板快速建立网页时,点击“文件/新建”,再单击“网页或站点”命令,在“新建网页或站点”任务窗口中,在“根据模板新建”下单击“网页模板”命令。在“网页模板”对话框中,单击要使用的模板选项卡,比如“常规”选项卡,然后再单击需要使用的模板,同时在“预览”视图中会显示该模板的缩略图。最后单击“确定”按钮完成,FronPage XP就会根据模板打开一个新网页了。
# E/ V) l* f0 o0 k" O; l
/ C# F4 j$ z. k; F! B: m添加搜索引擎关键字8 }! J7 y" |, s$ ]/ I5 V) ?
# u: f/ C7 e7 x刚才已经建立好了一个网页,下面需要向网页中添加关键字,以使得那些能够识别关键字的搜索引擎更容易找到这个网页,从而增加浏览率。
) P& e( E) q' ]3 ~; K& C9 X* f
* F' {+ M0 p& V, F单击“文件/属性”命令,打开“网页属性”对话框,单击“自定义”选项卡,在“用户变量”中单击“添加”按钮,会打开一个“系统变量”设置对话框,然后在“名称”文本框中,输入关键字的名称,比如“xword”,然后在“值”文本框中,输入网站的搜索关键字,并使用逗号作为关键字之间的分隔符,最后单击“确定”按钮,如图1所示。
! O$ a$ h' O7 d% j k g* _$ g
U) A6 j$ n% K
/ f0 p7 }$ b1 p6 y# @% ?+ p9 E
1 M( s1 E% Z( J9 w
7 \1 H8 Q0 y- {图1 在此设置搜索关键字 / K1 N2 s( n( |
- |9 Q' u6 B& B5 V7 k
设置边距与标题栏5 P. P& _5 C$ I2 l
- q7 f' Y8 A( e4 f8 t如果自定义网页边距,右键单击网页,选择快捷菜单上的“网页属性”命令,进入“网页属性”对话框,然后单击“边距”选项卡,在这里可以设置网页的上、下边距,选中“指定上边距”复选框,然后在下面输入边距的高度值,如果选中“指定左边距”复选框,还需要在下面的数值框中输入网页左侧的距离值,如图2所示。
' ^" t0 n9 m7 U
. h/ i) U, W- _3 K. N1 k
. n7 b4 s+ e4 |- B W' Z
4 b- N: w4 `6 e. h4 ^" J5 {0 @
8 b2 T+ U% ]! g% Y' u# C- F图2 网页边距的设置在此完成 % F) g; L. m2 p9 k/ a# U8 A
6 ~ f: F) D6 u+ p在此对话框中的“常规”选项中,还可以设置网页的标题,标题可以与文件名不同,比如一个页面的文件名称为Default.htm,其标题可以是“我的主页”。此时在“标题”文本框中,输入要显示在网页横幅或链接栏中的文件标题文字,然后单击“确定”按钮即可,如图3所示。
9 O) T E _& _' l/ @3 O0 u6 N' g) t$ C1 Y, u7 t) L6 H" o$ G @0 |
& l. k1 l5 q( f9 d
j5 F& t4 {# |8 |4 a4 k- T" u$ u( P$ U5 O# u! }# G
图3 设置一个有特色的网页标题 4 L$ K" q3 {/ ^6 T8 I9 ~5 P7 r
% L( ^/ b# r- o b
应用网页主题
7 L1 y3 y! W$ F% N/ h/ W, X( g- a: k" o4 J+ J
在“网页”视图中,打开要应用主题的网页,然后单击“格式/主题”命令,打开主题对话框。如果要将当前主题应用到当前被选网页,可以选择“所选的网页”选项,然后在主题列表中选择要应用的主题名称后,即可在“主题示例”之下预览,完成后单击“确定”按钮即可将当前被选主题应用到网页了。
. k, L) b# T+ M2 a4 G; `7 b0 D/ ~* s K) e% y+ S4 I, A
当前网页应用主题后,网页将不再使用Web站点的默认主题设置,也就是说,应用到当前站点的任何主题更改都不会影响此网页主题。
5 g+ e+ S! L! o4 a; ]
4 h3 e0 n. H8 h/ L插入图片
4 b: n9 R. d8 L) @2 D+ V5 X) K$ F( ^ `
网页的制作是离不开图片的,我们来看一下如何在网页中添加图片。
, _" {! A' h) S3 o2 r
! y) B/ L2 R1 ?2 X, W
在“网页”视图中,将插入点放在要插入图形的位置,然后点击“插入/图片/来自文件”命令,在打开的对话框中,选择需要的图像文件,然后单击“插入”按钮即可将图片插入到网页的当前位置。
, `1 m0 _# o: y U
/ p2 w( }- Z5 x! C
选中刚才插入的图片,单击并拖动图形上的控点来调整其大小至合适。调整好图片的大小后,需要进行图片的环绕方式设置,在“网页”视图中,右键单击图片,然后单击快捷菜单上的“图片属性”,并选择“外观”选项卡,然后在“环绕样式”中,选择文本在图形周围的流动方式,然后在“布局”中选择图片的对齐方式,最后在“水平间距”和“垂直间距”框中,输入要在图形边缘的显示的间距,如图4所示。
& X3 v9 G, O# g# u& ]$ c! u: G5 F& ?
4 Z0 m g2 x6 s- e' c( E+ J/ G# A' Z+ U J5 B# t% p, v
1 m* K5 x9 C' Y3 u
) _& X2 l ^$ ?9 a# K' k
图4 在此设置插入图片的属性 # g6 f; {$ \9 A) E m, n/ w
5 A0 @: X+ Q3 t% R1 `8 L. r
超链接的设置, ?& K, _# d: Z6 d- a# v
% i/ @ I% w5 T$ \: w7 p创建超链接的方法比较简单,首先可以选择需要制作链接的文本或图片,然后在工具栏单击“插入超链接”工具按钮,在打开的对话框中选择需要链接的网页或者文件即可,或者直接输入链接网址,比如
http://www.cctv.com,如图5所示。
1 W9 {& I `' P1 C
* a0 y0 [7 g6 e3 P% f; H9 u: {0 h- [# {9 a1 | i* b$ Z
$ W. y. \9 R5 B% O4 l
7 C1 m% q( R% G图5 超链接的设置是最简单的 ! J4 L( U: _& w& A" l1 r# C
6 n$ _9 Z! S% Z: n0 M此外,在网页中还有一种超链接方式,就是指向电子邮件,比如一些网页上经常有“给我写信”之类的链接,首先选中需要链接的文本或图片,然后单击“插入超链接”按钮,在打开的对话框中,选择“电子邮件地址”按钮,在“电子邮件地址”框中输入电子邮件地址,然后在“主题”框中,输入电子邮件邮件的主题。
/ `7 `, R. p c! J. ~
$ d0 a' Y8 x9 N: i经过以上几个步骤,一个网页就基本制作好了。
4 R3 b2 i5 N7 }4 l
V" L1 L4 p- ~& z到站提示:经过以上几个步骤,对网页中的基本元素都进行了适当的编辑,使其更加符合你的风格。网页在制作过程中还有很多技巧,下次我们将从网页的布局讲起,介绍如何规划一个网页。