用FrongPage设计网页花样
技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗?◆制作鼠标指针指在上面时会变化的动态按钮
在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(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。
最热门文章推荐:
>· office有鬼
>· office2004
>· 操作规程
>· 操作符
>· 操作票
>· 操作演示
>· 黑箱操作
>· 系统启动慢
下一篇:FrontPageXP小诀窍集锦
↓相关文章:
- · FrontPageXP小诀窍集锦
- · 用FrontPage2000下载整个网站
- · FrontPage2002新增功能应用八则
- · 体验FrontPage2000的映射制作
- · 浅谈从菜鸟到准网页设计师的快速成长过程
- · FrontPage使用技巧之制作网上电影发布步步进(2)
- · FrontPage使用技巧之制作网上电影发布步步进(1)
- · 关于MicrosoftFrontPage2002的应用技巧四则
- · FrontPage2000技巧之轻松制作自己的信息反馈WEB页
- · MicrosoftFrontPage技巧之如何去除超链接的下划线
- · 用Frontpage巧补残缺网页
- · FrontPage 2003九大新功能
- · 在FrontPage 2000中插入Flash动画
- · 提高FrontPage 2002使用效率
- · 用FrontPage 2000创建网页动画
- · 用FrontPage轻松转换图片格式
- · 用FrontPage 2000巧做样式表
- · 在FrontPage2000中添加多媒体
- · Frontpage常见问题
- · Frontpage xp中巧用Ctrl键
- · 关于Microsoft FrontPage 2002的应用技巧四则
- · 让你的照片开口说话--CrazyTalk
- · Premiere6.0神童教程之字幕制作
- · 用[Photo硬派]制作特效月下飞鸟图
- · MyPhotoZip图片压缩的革命
- · 图像多功能一体机
- · 与PS媲美的绘图软件PaintShop
- · 鼠绘技术内幕完全接触-效果篇
- · 相片修饰精品小汇
- · 玩转造型:相片修改也疯狂
- · 使用CorelDRAW11.0制作玻璃按钮
- · 3D/VR游戏制作软件GameStudio简介
- · 用CorelDraw绘制中国画荷花
- · Coreldraw12新功能简介
- · CorelDRAW特色滤镜show
- · Coreldraw12新功能简介
- · 创建WindowsXP图标
- · 用GIFAnimator5.0让网页更生动
- · 好用的Medi@show的电子影集
- · GIFAnimator5.0轻松动画制作
- · Sony公司优秀广告欣赏
- · ACDSee在教学中的应用
- · 微软Windows徽标做法一例
- · 设计中该如何选择图像格式?
- · 作图初学者钢笔工具的快速入门
- · 用PhotoFamily制作电子相册
- · 好用的Medi@show的电子影集
- · 用GIFAnimator5.0让网页更生动
- · 创建WindowsXP图标
- · 轻松动画制作--GifAnimator
- · Coreldraw12新功能简介
- · 3D/VR游戏制作软件GameStudio简介
- · 使用CorelDRAW11.0制作玻璃按钮
- · 全击《黑客帝国3》制作过程
- · 相片修饰精品小汇
- · 鼠绘技术内幕完全接触-效果篇
- · 与PS媲美的绘图软件PaintShop
- · Premiere6.0神童教程之字幕制作
- · Premiere不传之秘--安装配置篇
- · Premiere不传之秘--三维动画输入
- · Premiere镜面之旅
- · AdobePremiere5.1教程(4)各种透明画面的制作
- · PinnacleStudioDV8进阶教程之音频处理篇
- · PinnacleStudio8进阶教程之视频效果篇(二)
- · PinnacleStudio8进阶教程之视频效果篇(一)
- · AfterEffects滤镜:Sinedots
- · Premiere不传之秘:360度演示
- · Premiere不传之秘:片头制作
- · Premiere不传之秘:Angel之梦
- · Lingo魔法书--Sprite玩具工厂(1)
- · Lingo魔法书--Sprite玩具工厂(2)隐藏和替换
- · 3DS MAX怪物总动员
- · 用3DS Max创建水蒸汽
- · 模块化制作实例--盖房子
- · 3DMAX使用20问
- · 3DS MAX 7 新功能一览
- · 《地雷战》之土地雷大爆炸
- · 用3D Max打造“真实”的地球
- · 3Dmax中角色动画初步之角色建模
- · 《反恐部队》游戏场景制作实例(1)

