网页设计规范 用FrontPage 2000做样式表

frontpage|规范|设计|网页|网页设计|样式表

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

时间: 2025-01-19 16:13:41

网页设计规范 用FrontPage 2000做样式表的相关文章

用FrontPage 2000做样式表

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

用FrontPage巧做样式表

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

用FrontPage 2000巧做样式表

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

网页新手:网页制作中如何管理CSS样式表

css|网页|样式表 学习WEB标准的朋友一般都是从学习CSS开始,为什么呢?因为CSS是一种很有意思的语言,它能让我们的网页千变万化.也许我们一开始的接触只是因为链接的样式修改,然后慢慢发现CSS的强大而又简单,于是我们用它来控制整个网页的布局.排版.色彩.图片等等工作.学习了CSS之后我们又会发现XHTML的结构更为重要,一个好的XHTML结构可以让CSS少费很多事.同时也会避免网页在不同浏览器之间的差异.于是又开始学习XHTML代码,并且不断的去摸索着XHTML的结构的特点.会写CSS了,

FrontPage XP样式表的应用

frontpage|样式表 FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之一.FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距.设置段落"缩进"和"段落间距".设置边框和底纹等.FrontPage XP可以创建外部和内嵌式级联样式表,让我们一个一个来做. 创建外部CSS 这是一种可以应用于多个网页的样式表,也就是说,使网站内的页面链接一个外部的样式表文件,其扩展名为CSS,这样就可以使多

FrontPage XP中使用样式表

FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之一.FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距.设置段落"缩进"和"段落间距".设置边框和底纹等.FrontPage XP可以创建外部和内嵌式级联样式表,让我们一个一个来做. 创建外部CSS 这是一种可以应用于多个网页的样式表,也就是说,使网站内的页面链接一个外部的样式表文件,其扩展名为CSS,这样就可以使多个页面使用同一个样式表文件,

带你了解样式表滤镜(一)

滤镜|样式表 使用样式表的人,都会对滤镜产生深刻的印象.这是因为我们在编写网页的时候,即使我们不用图片,通过样式表滤镜,只需简单的操作,也同样可以使我们的文字,图片或者按钮鲜艳无比,充满生气,从而增强了自己网页的视觉效果.也许正是那些光怪陆离的滤镜,激发了许多人的兴趣和热情,样式表也因此赢得了众多网页制作者的青睐.那么,滤镜是什么呢?简单的说吧,它们是一些程序,能够对对象进行复杂的计算,获得常规操作难以实现的"专业"效果. 从IE 4.0版开始,浏览器就提供了一些内置的多媒体滤镜特效,

在VS 2005和ASP.NET 2.0中处理CSS样式表

本文给读者一个所有基于母板页的网页自动获得样式表的技巧,就是由控件提供的对相对路径调整的支持.可以在母板页里使用这个东西来轻松地引用一个在整个项目里重用的.CSS 样式表文件,不管这个项目是相对于根目录的还是一个子应用. 推荐一个可在ASP.NET 2.0中利用的技巧是,当使用CSS时,使用母板页的功能给你的网站提供统一的UI,使用母板页在一个地方引用所有的样式表,这样,所有基于这个母板页的网页就会自动获得这些样式表. 可利用的一个技巧是由 <head runat="server"

进阶教程:网页CSS样式表设计十条技巧

css|技巧|教程|设计|网页|样式表 1.CSS 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性: font: 1em/1.5em bold italic small-caps verdana,serif 现