4当前位置:网页制作FrontPage教程-FrongPage设计网页花样
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
4本站推荐内容
4最新网页制作
·Frontpage的三种回…
·FrontPage在一张图…
·FrontPage制作信息…
·FrongPage设计网页…
·设置FrontPage禁用J…
·FrontPage 2000网页…
·利用Frontpage下载…
·FrontPage应用向导…
·FrontPage美化网页
·FrontPage 2003发布…
4热门网页制作
·FrongPage设计网页…
·FrontPage在一张图…
·利用Frontpage下载…
·FrontPage特效制作
·FrontPage XP直通车…
·用好FrontPage 2003…
·FrontPage XP直通车…
·FrontPage XP直通车…
·FrontPage XP直通车…
·用FrontPage 2000做…
4相关网页制作
·FrontPage美化网页…
·Frontpage建造网上…
·FrontPage10全透视…
·FrontPage XP直通车…
·FrontPage网上筑巢…
·FrontPage10全透视…
·FrontPage禁用JavaS…
·FrontPage10全透视…
·Frontpage 2000运用…
·FrontPage 2000制作…
FrongPage设计网页花样
类别:FrontPage教程    来源:网络    时间:2007-1-2    贴士:推荐给好友
收藏本页 8 
    技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗?

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

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

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

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

  用FrontPage可视化编辑样式表

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

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

  例子:你希望鼠标移动到链接上时,文字背景变为黄色,文字本身变为红色且无下划线。先在<!--...-->之间输入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标签后面,是不是比自已编容易得多?

  制作弹出式窗口

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

<script language="javascript"> 
window.open('url','窗口名','属性列表'); 
</script>


  window.open('url','窗口名','属性列表');

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

  toolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。
·上一篇:设置FrontPage禁用JavaScript
·下一篇:FrontPage制作信息反馈网页
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2008 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备08002933号