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

技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗?www.goodsgy.com

  制作鼠标指针指在上面时会变化的动态按钮www.goodsgy.com

  在FrontPage中通过选单命令:“insert(插入)”〉“active elements(active单元)”〉“hover botton(动态按钮)”,可以制作动态效果的按钮。但是,这种按钮效果是基于javaapplet小程序的,它有速度慢、不能显示提示文本、鼠标指针不能变为手形等缺点。这里介绍用dreamweaver 2.0制作基于javascript的动态按钮的方法。www.goodsgy.com

  在制作这种按钮效果之前,首先要为每个按钮制作两张不同的图片,一张是正常情况下要显示的图片,另一张是鼠标指针停留在按钮上时要显示的图片。图片命名时最好有规律,比如两张图片名分别是botton.gif、botton_1.gif。www.goodsgy.com

  首先在FrontPage中插入第一张图片,并设好超级链接,文件保存后用dreamweaver调入(如果熟悉dreamweaver,可以不要FrontPage“帮忙”)。单击已插入的第一张图片选中它,点击“behaviors(行为)”窗口(如果未显示,按f8显示它)中的+号按钮,在选单中选“swip image(交换图片)”打开对话框,按“browse(浏览)”按钮选择第二张图片,最后点“ok”确定。这样,一个动态效果按钮就做成了,简单吧。www.goodsgy.com

  用FrontPage可视化编辑样式表www.goodsgy.com

  你一定见过许多主页上有这样的链接,它并不像普通链接总是带下划线,当鼠标指上去时,链接文字就会变色并出现下划线,这都是样式表的功劳!www.goodsgy.com

  用FrontPage打开要编辑的html文件,使用选单命令“format(格式)”〉“stylesheet...(样式...)”打开 “format stylesheet(样式格式)”对话框,这里显示了当前文件内联样式表的内容,你可以在〈!--...--〉之间添加或修改样式表语句。如果要添加新的样式语句,首先要输入标签(如:a:link、a:hover、a:active、a:visited,它们分别表示:正常情况下未访问过的、鼠标接近时、鼠标点击时、访问过的链接的样式)。然后,把光标停在这个标签末尾,点击对话框左下角的“style...(样式...)”按钮,进入“style (样式)”对话框,在这里你可以根据需要设置多种样式属性。如果要更改某个标签的样式,只要光标停在相应标签后面的一对大括号中代码的任意位置,然后按 “style...(样式...)”按钮进行修改即可。www.goodsgy.com

  例子:你希望鼠标移动到链接上时,文字背景变为黄色,文字本身变为红色且无下划线。先在〈!--...--〉之间输入a:hover,然后把光标停在它末尾,按“style...(样式...)”按钮进入“style(样式)”对话框,在“colors(颜色)”页中设置“foreground color(前景颜色)”为红色,“background color(背景颜色)”为黄色,在“text(文本)”页中设置“decoration(修饰)”为“none(无)”,然后确定。这时, FrontPage已将代码{background-color:rgb(0,0,128);color:rgb(255,255,255);text- decoration:none}添加到a:hover标签后面,是不是比自已编容易得多?www.goodsgy.com

  制作弹出式窗口www.goodsgy.com

  有许多网页在打开的时候,会弹出一个较小的窗口,显示广告或一些最新信息。这种弹出式窗口制作很简单,只要在网页代码的〈body〉标签后面插入以下类似代码即可:www.goodsgy.com

www.goodsgy.com

以下是引用片段:
<script language="javascript">
window.open('url','窗口名','属性列表');
</script>

  其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:www.goodsgy.com

  toolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。www.goodsgy.com

在百度中搜索:网页制作 用FrongPage设计网页花样
在Google中搜索:网页制作 用FrongPage设计网页花样
在Yahoo中搜索:网页制作 用FrongPage设计网页花样

收藏到网摘:新浪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   (把(#)替换成@)