用FrontPage 2000做样式表

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,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框。

(0)

相关推荐

  • 用FrontPage巧做样式表

    Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色.至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的 ...

  • 在FrontPage 2000中插入Flash动画

    尽管FrontPage 2000和Flash同属于网页设计软件,但两者的兼容性不是很好.使用FrontPage 2000中的"插入"菜单,无论是图片,还是文件,或者不能直接插入SW ...

  • 用Frontpage制作电子邮件提交表单

    现在很多网站都需要访问者填各种表进行注册.每当有访问者填完表点一下"提交"按钮后,网站管理者便会收到一份包含站点访问者输入到表单中的全部数据的邮件,这样对网站的管理是十分便利的. ...

  • CSS样式表内嵌排版样式的用法详解教程

    CSS样式表在网页设计中用处很广泛,设置网页的标签属性.文字属性.文字长度.背景等等都用到了CSS样式表来设计.CSS不仅功能齐全而且便于修改和阅读.在这里我就来介绍下用内嵌的方式创建CSS类.id和 ...

  • 如何在HTML文件中插入css样式表

    如何在HTML文件中插入css样式表是我们建立一个网页最基本的格式,现在就让我们来看看该如何做吧.. 方法/步骤1 01 下载并安装软件保存到桌面,然后在桌面建立一个文件夹,里面再分别新建两个名为&q ...

  • CSS教程:创建性感的CSS样式表

    操作方法 01 作为一个css方面的专家,所做的不只是记住选择符(selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,jina bolt ...

  • IE9屏蔽广告的方法(采用样式表编排文档格式功能)

    IE9屏蔽广告的方法(采用样式表编排文档格式功能)

  • FrontPage 2000小技巧

    FrontPage 2000小技巧

  • 如何使用135微信编辑器做样式嵌套

    做微信公众号的朋友经常会用到微信编辑器,很多微信编辑器都具有很多样式,但是自己做出来看着还可以,但是看完大神做的,总觉得大神用微信编辑器更高级一点,其实并不是.做出的效果差距很多,是因为他们会样式嵌套 ...