6CSS的应用
' E7 v8 R, _) ^/ B; y
3 s9 `/ s0 n& k2 ^0 D1)样式的建立及修改(内部风格页)
# p- `; ]5 K( y. M- A% t; m
* h, g& f3 w5 V8 V& v6 Z- d( n
要应用CSS来格式化文本信息,首先必须建立符合要求的样式
) ~ u' Q+ {# D( W o6 ?6 `' Y3 Q# C* S# |) T$ }
“格式”-“样式”,进入样式窗口,如图
; y/ h# i2 f: c C
# a5 v; e: J# W5 Y: d( n: }+ {
% E5 g4 A g. x4 Y
6 a2 ?% n# b1 ^* U+ _: |2 f! ~# Z) Y1 a
8 @& _8 [! p5 Z( g
; L1 h& z- _7 a, v8 K! w# g在“列表”中选择要修改的样式的类型,要修改已经创建的自定义样式,选择“用户定义的样式”;要修改标准的网页HTML标记,请单击“所有的HTML标记”,这时你可以直接在上面的“样式”列表中双击要编辑的样式,点击“新建”按钮,这里以建立一个新样式为例具体说明一下格式的设定。
9 z; |5 f b: D* ?3 I4 [- C% {+ q7 h6 |
8 a6 v, U: R9 D0 c D& P0 Q2 N V
/ G3 |0 k2 N ]2 P+ R9 K
; q3 t3 c; _: X; {" l6 F
$ w3 @* q3 \2 {0 [/ F
. j! \" k, R: P建立类选择器,在“名称”中键入以“.”开头的名称
E5 G2 r( Y! P* M( i( p) w9 K( G- C
7 {5 r" j0 t6 n. U' T7 N建立ID选择器,在“名称”中键入以“#”开头的名称
: r2 l5 p _- S3 A/ o m3 t! x0 Q0 ?! B9 H) {: w* G" P' H
建立HTML标记样式,可以直接输入标记名称,例如:a
K+ C) I' d) s) P5 |0 f
' b2 A/ P9 B; b$ ?( ~另外还包括a:hover,a:link等几种选择器类型。
3 c; k3 T, Y# l% [$ h" l8 h/ j$ Y) n1 d5 {+ N/ V+ S
完成名称,标定类型以后,可以点击下面的“格式”进行具体的设定
! A9 k% r( L% r9 T' [
4 [1 Z; o! U+ s字体属性 — 例如字体或颜色,或是字符间距,请单击 “字体”。
7 {) W) @, h' s
对齐方式,缩进或段落间距,请单击 “段落”。
) o/ Q4 |1 v6 B! N" j
边框和底纹,请单击 “边框”。
6 {- I- o. ~* c
项目符号的样式和编号,请单击 “编号方式”。
. T2 h" ]5 Z: d
定位属性 — 例如环绕方式、位置或 z-顺序,请单击 “定位”。
3 d# N7 y7 a" j( y$ K K' d; w9 T0 O+ G3 C% n( v
2)样式的应用
. M. D: x! _5 U1 U; m. `( j( b
5 q, }; c1 b8 b) I
将样式应用到网页具体的元素中可以通过下面两种方式来实现:
/ a! s# m' K( n7 x% m) G5 y) }# N$ K' g& M# |# J: m }
选择要修改的网页元素,进入“样式”窗口,然后在“样式”框中选取要使用的样式
8 v4 c7 p* m& E7 W0 v2 H4 [0 v# H, `: {5 P7 U M
选择要修改的网页元素,“格式”-“属性”,单击属性对话框中的“样式”按钮,选择需要的样式
o5 s) o6 _( b
! C9 r+ K/ i2 o' ]5 _. [8 y
3)外部样式的引入
* o3 H* [3 r: _1 R5 [
7 j: w$ N) l0 f7 s1 V除了上面内部风格页外,你还可以直接引入外部风格页来格式化当前网页,“格式”-“样式表连接”,选择网站中“所有网页”或是“当前网页”对象,点击“添加”指定CSS文件的位置,注意CSS文件即以.css为扩展名的文件。
" p8 t8 Q$ g/ r9 k5 X4 k4 P" F* z; J1 z
7为网页添加适当的头信息
3 u& X; t! c+ G& U" K
6 G7 _" y) d, p1 f6 r. t7 @- P. _
网页头信息虽然在浏览时不会显示出来,但是不同功用的网页应用具体的Head元素也是非常必要的,比如应用关键字(keywords),描述(description),刷新(refresh)等。
# w; G8 S( d2 z! L4 m6 P
5 S. h! @( d! c4 v5 S) K
在网页内右击选“网页属性”,或是直接通过“文件”-“属性”来打开网页属性窗口,指向“自定义”标签,如图:
9 s# `( [. [" F+ ?* V8 M- T6 T
* a( n) `. Y* c
' S! m4 U) p/ O! l5 U
/ i( q9 Y3 I! y+ C# }
* S. ~% \3 d4 u8 C% P* G- c2 |
( ?' o# t8 ~$ v0 P% n9 U) q' @6 z3 z其中头信息变量即由Meta属性包含的部分,主要分为系统(HTTP-EQUIV)变量和用户(User)变量,下面以刷新(refresh)和关键字(keywords)变量的添加为例:
9 J& u* g- E8 e& I7 c- V+ B/ A- Z. ^1 s a5 m
点击系统变量中的“添加”按钮,在变量定义窗口中“名称”栏输入refresh,“值”栏中输入相应的值“300,url=http://www.51step.com/”,即每隔300秒的时间网页自动转向url中指定的网页地址。
7 |1 e9 \: w, i( e9 }* c: ]( `1 h) M
点击用户变量中的“添加”按钮,依次在名称和值输入框内键入keywords和对应的关键字的值,其中多个关键字以逗号(,)隔开。
( o& A3 D+ ~: M; L# g( _
1 [$ J$ S9 j" Q# `8方便的历史操作功能
7 a6 @* Q3 U/ Y2 q& @; j
/ S' L7 \. @, s
在旧的98版本中没有提供专门的历史操作返回工具,所以当我们需要返回到前面的编辑状态时,只能通过“后退”工具按钮一步一步来完成,如果你注意的话,在2000的后退和前进按钮的右边都同时增加了一个“箭头”选项,通过它你可以选择性的退回到前面的任意操作状态。
]+ W, K" ]% o' v
* d: [) r6 \! i& N8 ~* M
, r6 c |" V+ T+ O
9 d0 c8 X6 \( c0 U, R * J: C6 F6 K; M0 q) E
" y" u5 g5 o" N7 ?" v3 R8 M) |
9在网页进行格式文本的插入
, t3 o7 y+ O( O. n/ o( }* \9 O8 J5 Y3 @' w* S0 W, z- w
Frontpage2000中你可以在网页中插入任何一种基于文本的文件,包括 .htm 文件、.asp 文件、.rtf 文件和 .txt 文件,以及任何 Microsoft Office 文档。
: W$ g& X' Y" k3 ?/ S& ?
. J$ t3 R2 R# ]9 U: a6 ~
将鼠标停留在需要插入文件的位置,“插入”-“文件”,浏览文件在磁盘上的位置。
5 T. ^3 U/ d2 x
m0 h- ?# g' F) C. | T10设计脚本的控制
; ~2 j; V, m9 P% V# ^ f( S7 b# j: g8 s: ^- j
设计脚本能够给定网页支持的相关技术及平台情况,“文件”-“属性”,打开网页属性窗口,在常规标签中“设计阶段控制脚本”区域内分别设定平台,服务器,客户端的支持选项。
2 _( |; x F" g" @# q" s3 d
' `" a) g g" Z m8 b. W4 r( ?平台:客户端(IE4.0 DHTML)和服务器(ASP),使用asp格式时可以选后者。
6 U, a0 o" F* [6 b$ m2 T& f, l) c7 |0 r- M+ S) Y
客户端/服务器:都包括JS和VBS两种脚本语言,不确定时可以保持默认值“从站点继承”。