Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里，然而Dreamweaver并非每个功能都那么出色。至少，在样式表（CSS)设置方面就显得太专业，让这些英文不好的"虫虫"们大伤脑筋。经过N次下载、安装，到头来我才发现原来最好的早已在自己的手中，那就是被我封存很久的-- FrontPage2000。下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧。 ' A2 ^! c* i) k4 O0 N2 l6 M
N& k8 J* ~4 ^% g2 ^. y
一、三种添加CSS的方式
! c7 `. _5 Y1 f& Y i$ W
( @* H R# d* |/ m1 o& G 在FrontPage 2000里可以通过三种方式给网页增加样式表。 4 l) L j" V4 G5 u/ B! t
: i# X, F! Z2 Y! p
1.页面链接一个外部的样式表文件，这种方法可以使多个页面使用同一个样式表文件，方便保持页面的主题。步骤：启动FrontPage 2000，然后依次点"文件"、"新建"、"网页"，打开FrontPage 2000的新建对话框，选择"样式表"选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话，你也可以使用空白的样式表，自己重新创建一个。 0 \( n M0 e- f2 G! x1 O
! R9 A! j. [/ ?. e- g! k 2.通过在FrontPage 2000中创建一个样式表单，此时样式表就是网页的一部分，直接位于HTML文档的之间。这个实际上不算创建，只要把已经创建好的样式表直接复制下来，然后选择网页编辑器的"html"选项，然后粘贴到〈 HEAD 〉之间就可以了。 5 x. I2 c0 x8 ~
8 o/ ^4 \1 [2 p `. q; D 3.通过使用内含样式表元素，单独指定样式表。在FrontPage 2000编辑一个页面的时候，只要选中要发生变化的文字，然后点击右键，选择"网页属性"就可以随时随地进行可视化操作了。 ( t" w' ~4 G$ ?9 r3 a: z
/ N' ]& J* C6 r6 ?9 `
二、内含式样式表的使用
1 ~$ w9 S/ n3 D3 H* @. y! J) c6 E% f& X- o4 t. o' p, O- I
下面就以修改美化一个搜索框为例，给大家介绍一下内含式样式表的使用。
* Z' a' g' O& b. ^5 C3 ?2 N3 d( ^' b5 ~
现在就开始我们的美化之路。打开FrontPage 2000，然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框，然后点击右键，选择"表单域属性"，出现文本框属性。 考试用书 3 D# h% F, H; @0 d! `* n
1 M E6 Q# J6 K8 G; R! j& X
然后点击"样式"，接着选择"格式"中的"边框"按钮，出现边框与阴影对话框。
4 D- g8 i. I% G2 n$ P% e% a& E: t( Y6 V' o6 M7 P
因为要保持表格的统一，我们在"设置"中选择"自定义"，然后选择"样式"中的"实线"。最重要的就是应用边框的设置。点击方框，四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一，这里的宽度也选择为"1"，然后"确定"。
2 C$ J+ Z" v- @8 [
& K) ]! T3 G0 @ 接着用鼠标左键选中搜索按钮，点鼠标右键，选择"超链接属性"就会出现窗口。
0 ^9 O& j" h8 D B; C
/ D) E5 B4 Q+ B 选择"样式"按钮，再选择"浏览"插入我们事先作好的搜索图片。
" N' ?$ H$ z S) s! d, h
2 ?& D7 t0 z1 O5 T 仍旧用鼠标左键选中那四个字，然后再点击右键，选择"超链接属性"，弹出Windows窗口。
( m, s: V0 J) h
" V- |# E; w _+ N' w# \1 s 选择"背景"选项，然后选中"启用超链接翻转效果"，然后点"翻转样式"弹出新的Windows窗口。
& j& _% o! x* L+ Q
! D# l( o! C2 ~+ P y, m 在这里我们可以一目了然地设置要实现的翻转效果。为了突出"搜索帮助"四个字，我们把字体设置成12pt,这样当鼠标放上去的时候，字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用，我们很轻松地美化了搜索框. |
发表于 2012-8-2 09:32:46
