进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网页制作 -> FrontPage -> 文章内容  
网页设计规范 用FrontPage 2000做样式表

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

  一、三种添加CSS的方式   www.goodsgy.com

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

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

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

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

  二、内含式样式表的使用    www.goodsgy.com

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

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

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

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

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

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

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

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

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

在百度中搜索:网页设计规范 用FrontPage 2000做样式表
在Google中搜索:网页设计规范 用FrontPage 2000做样式表
在Yahoo中搜索:网页设计规范 用FrontPage 2000做样式表

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]

 相关文章    最新文章
· 过来人谈如何快速成为一名网页设计师
· DIV+CSS建立标准WEB网页的好处
· 网页排版中10种致命的语义错误
· 详细解读标准网页中的Meta标签
· 网页设计:关于CSS框架网页的设计
· CSS设计网页时的一些常用规范
· CSS教程:网页中Span和Div的区别
· 网页设计者优化网页应该从三个方面下手
· [图文] 网页标准制作:使用ul多行多列布局..
· 网页设计中CSS关联调用的4种方式
 
· [图文] FrontPage下载网站
· [图文] FrontPage 2002扩充插件(一)
· [图文] FrontPage 2002扩充插件(二)
· [图文] FrontPage 2002扩充插件(三)
· [图文] FrontPage 2002扩充插件(四)
· [图文] FrontPage 2002扩充插件(五)
· [图文] FrontPage 2002扩充插件(六)
· 用FrontPage 2000快速制作动态按钮
· FrontPage 2002应用制作技巧四则
· 高效使用FrontPage 2002软件(上)

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)