上一篇:FrontPage网上筑巢手记—页面美化 >>
用FrontPage 2000做样式表
一、三种添加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,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框.
下一篇:网页布局理念 >>
相关文章:
- · FrontPage 2002功能应用八则
- · FrontPage 2002应用技巧四则
- · FrontPage 2002扩充插件(三)
- · Frontpage制作电子邮件提交表单
- · FrontPage 2002扩充插件(一)
- · FrontPage 2002扩充插件(四)
- · 网页实现细线边框精彩技巧二则
- · 实现页面图片阴影特效技巧三则
- · 给你的主页加上彩色边框
- · FrontPage制作另类超级链接
- · 用FrontPage 2000制作鼠标光照特效
- · 网页制作的三则经典的实用小技巧
- · 网页小技巧:如何去除超链接的下划线
- · 在网页中实现“细线边框”的两种方法
- · 如何在一张图片上制作多个超级链接
- · 使FrontPage与Dreamweaver"亲密合作"
- · 用FrongPage设计网页花样
- · 网上电影发布步步进
- · FrontPage XP小诀窍集锦
- · 如何在FrontPage中插入Flash动画?
- · FrontPage 2002新增功能应用八则
- · 用FrontPage 2000下载整个网站
- · 浅谈从菜鸟到准网页设计师的快速成长过程
- · 体验FrontPage2000的映射制作
- · FrontPage使用技巧之在一张图片上制作多个超级…
- · 如何使用Microsoft FrontPage 2000制作动态按…
- · 用Frontpage巧补残缺网页
- · FrontPage2000技巧之轻松制作自己的信息反馈W…
- · [CorelDRAW 教程]出水芙蓉(9)
- · [CorelDRAW 教程]出水芙蓉(8)
- · [CorelDRAW 教程]出水芙蓉(6)
- · [CorelDRAW 教程]出水芙蓉(11)
- · [CorelDRAW 教程]出水芙蓉(12)
- · [CorelDRAW 教程]出水芙蓉(7)
- · [CorelDRAW 教程]出水芙蓉(5)
- · [CorelDRAW 教程]出水芙蓉(4)
- · [CorelDRAW 教程]出水芙蓉(3)
- · [CorelDRAW 教程]出水芙蓉(1)
