用FrongPage设计网页花样
发布时间:2008-09-17 10:47:00
技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗?
◆制作鼠标指针指在上面时会变化的动态按钮
在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>
其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:
toolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。
猜你喜欢
- 一:最近,经常碰到有网友问,如何使vbscript和javascipt传递变量。不知道为什么要这么做。因为每一种脚本语言几乎都可以完成所需要
- 前几天因为一个例外,数据库在没有做备份的情况下,直接删除了表记录。事后,又需要查询到删除的记录的内容。因此,在网上软件SS了半天,发现Log
- 用window.open打开的窗口中,有时候session变量会丢掉,给asp编程带来的一定的麻烦。用参数传递解决它:<DIV&nbs
- 1,建立数据库文件cnbruce.mdb(不设计任何表)建立数据库的代码:<% Option Explicit&
- 这是经常用的一个分页存储过程 希望大家指点不足 代码如下:USE [a6756475746] GO /****** Object
- 判断服务器是否安装了某种asp组件,比较常用的代码如下:代码如下:<% '功能:检查是否存在系统组件或组件是否安装成功
- 在我们建立一个数据库时,并且想将分散在各处的不同类型的数据库分类汇总在这个新建的数据库中时,尤其是在进行数据检验、净化和转换时,将会面临很大
- 如何让我的网页自动适应客户端的屏幕分辨率?然后用下列办法进行自动推送:<% @language="vbscript
- 在填写表单的时候为了让用户有更好的体验,有时需要根据用户的输入出现提示共用户选择,我这个就是根据输入的内容,从数据库取出相关内容以供选择,这
- position属性可以让你让你随意控制一个特定元素在浏览器何处以及如何显示。比方说我们用position:fixed 让一个图片显示在浏览
- 介绍两个关键的CSS <style media="print">  
- 本文总结了input的各种使用方法,挺全面的1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus
- 如何制作一个防止多次刷新计数的图片计数器?请问如何做一个专业的图片计数器? <%countlong
- 新云4.0模版标签是全新改的了,加了前缀。如果你怀旧,请查看新云CMS3.1常用模板标签。下面的标签说明,后台就有,为了方便查看转到这里。{
- 本节笔者主将要介绍Active Server Page的另一对象Response,Response对象的作用是在向浏览器发送数据。将Resp
- 以国内最流行ASP为例,我不知道有多少人会在写代码时想到“容错”这个概念,实际上当我遇到这种事时,也是不了了之。为什么呢,想想最初的意思是认
- Rotation滤镜可以使图片产生旋转效果,注意必须是IE5.5及IE6.0才能看到!方法如下:制作过程:一、准备图片1张。二、建立一个CS
- 下面的request.servervariables例子都是服务器探针采用的asp代码本机ip:<%=request.serverva
- 什么是合并多行字符串(连接字符串)呢,例如: SQL> desc test; Name Type Nullable Default C
- 在查看MySQL对文件的操作中,它在不同的操作系统上对文件的操作,除了使用标准C运行库函数,包括open、close、seek等,在Win3