用FrongPage设计网页花样_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

用FrongPage设计网页花样

作者：闵涛文章来源：闵涛的学习笔记点击数：783 更新时间：2009/4/23 13:42:03

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

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

    在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（与屏幕左边的距离）等属性用于对弹出窗口大小和位置的控制。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程：使FrontPage与Dreamweaver亲密合作

下一篇教程： FrontPage XP小诀窍集锦

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……