用FrontPage巧做样式表

Dreamweaver以其强大的功能正在扩张到更多\"网虫\"的硬盘里,然而Dreamweaver并非每个功能都那么出色。至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的\"虫虫\"们大伤脑筋。经过N次下载、安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000。下面就让我带领大家一块来分享\"傻瓜\"化软件带来的快乐吧。
一、三种添加CSS的方式
在FrontPage 2000里可以通过三种方式给网页增加样式表。
1、页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2000,然后依次点\"文件\"、\"新建\"、\"网页\",打开FrontPage 2000的新建对话框,选择\"样式表\"选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话,你也可以使用空白的样式表,自己重新创建一个。
2、通过在FrontPage 2000中创建一个样式表单,此时样式表就是网页的一部分,直接位于HTML文档的之间。这个实际上不算创建,只要把已经创建好的样式表直接复制下来,然后选择网页编辑器的\"HTML\"选项,然后粘贴到之间就可以了。
3、通过使用内含样式表元素,单独指定样式表。在FrontPage 2000编辑一个页面的时候,只要选中要发生变化的文字,然后点击右键,选择\"网页属性\"就可以随时随地进行可视化操作了。
二、内含式样式表的使用
下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。
1、打开FrontPage 2000,然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择\"表单域属性\",出现文本框属性。
2、然后点击\"样式\",接着选择\"格式\"中的\"边框\"按钮,出现边框与阴影对话框。
说明:因为要保持表格的统一,我们在\"设置\"中选择\"自定义\",然后选择\"样式\"中的\"实线\"。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为\"1\",然后\"确定\"。
3、接着用鼠标左键选中搜索按钮,点鼠标右键,选择\"超链接属性\"就会出现窗口。
4、选择\"样式\"按钮,再选择\"浏览\"插入我们事先作好的搜索图片。
5、仍旧用鼠标左键选中那四个字,然后再点击右键,选择\"超链接属性\",弹出Windows窗口。
6、选择\"背景\"选项,然后选中\"启用超链接翻转效果\",然后点\"翻转样式\"弹出新的Windows窗口。
在这里我们可以一目了然地设置要实现的翻转效果。为了突出\"搜索帮助\"四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框。



