首页 | 新闻 | 短信 | 邮件 | 商城 | 搜索 | 社区 | 在线 | 企业
搜狐首页 >> IT频道首页 >> 网狐教程 >> 网站建设(新) >> 网站制作 >> FrontPage
用FrontPage 2000做样式表
2003-03-07 13:37 

  Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色。至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的"虫虫"们大伤脑筋。经过N次下载、安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000。下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧。

   一、三种添加CSS的方式  

  在FrontPage 2000里可以通过三种方式给网页增加样式表。  

  1.页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2000,然后依次点"文件"、"新建"、"网页",打开FrontPage 2000的新建对话框,选择"样式表"选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话,你也可以使用空白的样式表,自己重新创建一个。  

  2.通过在FrontPage 2000中创建一个样式表单,此时样式表就是网页的一部分,直接位于HTML文档的之间。这个实际上不算创建,只要把已经创建好的样式表直接复制下来,然后选择网页编辑器的"html"选项,然后粘贴到〈 HEAD 〉之间就可以了。   

  3.通过使用内含样式表元素,单独指定样式表。在FrontPage 2000编辑一个页面的时候,只要选中要发生变化的文字,然后点击右键,选择"网页属性"就可以随时随地进行可视化操作了。

  二、内含式样式表的使用   

  下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。   

  现在就开始我们的美化之路。打开FrontPage 2000,然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择"表单域属性",出现文本框属性。   

  然后点击"样式",接着选择"格式"中的"边框"按钮,出现边框与阴影对话框。   

  因为要保持表格的统一,我们在"设置"中选择"自定义",然后选择"样式"中的"实线"。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为"1",然后"确定"。   

  接着用鼠标左键选中搜索按钮,点鼠标右键,选择"超链接属性"就会出现窗口。   

  选择"样式"按钮,再选择"浏览"插入我们事先作好的搜索图片。   

  仍旧用鼠标左键选中那四个字,然后再点击右键,选择"超链接属性",弹出Windows窗口。

  选择"背景"选项,然后选中"启用超链接翻转效果",然后点"翻转样式"弹出新的Windows窗口。   

  在这里我们可以一目了然地设置要实现的翻转效果。为了突出"搜索帮助"四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框.

来源:[5D多媒体]

我来说两句 去相关俱乐部 发短信息
     为搜狐IT频道查错 得每日精彩大奖——点击可了解详细信息
搜狐IT频道:体察IT业界动态,传播IT时尚生活——点击进入 >>滚动新闻
相关连接
最热点击

去东京迪斯尼,过桃色圣诞节!

精彩相册[男][女]
活力社员[男][女]
魅力情人[男][女]
美女 天若有情
帅哥 不帅照脸踢
·和弦铃声:
原来的我 挥着翅膀的女孩
·疯狂音效:
On…个头啊 翠花,接电话…
订阅任何彩信服务
三天内退订不收费!!!
请发表您的看法
用户: 匿名发出
您要为您所发的言论的后果负责,故请各位遵纪守法并注意语言文明。
留言:
*经营许可证编号:京ICP00000008号
*遵守《互联网电子公告服务管理规定》
*遵守《全国人大常委会关于维护互联网安全的规定》

新闻搜索
关键字:

三重奖励,百分百中奖
·找老乡尽在激情老乡会
·攒魔法袜子拿圣诞礼物
搜狐彩信最新推荐
·[] 眉飞色舞
·[] 厉鬼再现
热门词:必杀功 林忆莲
精彩订阅
新闻资讯
美国正式宣布萨达姆已被捕!
订阅 焦点新闻,了解详情


搜狐商城
·影视|徐静蕾我和爸爸
·音乐|欧美音乐盛典展
·书籍|黑客大曝光
·书籍|1元图书特卖场
·化妆|畅销精品优惠哦
·精品|zippo火机5折起
更多...


网站登录 - 搜狐招聘 - 广告服务 - 联系方式 - 保护隐私权 - 公司介绍
Copyright © 2003 Sohu.com Inc. All rights reserved. 搜狐公司 版权所有