frontpage网页制作 FrontPage技巧 [5]制作网页按钮

FrontPage技巧:[5]制作网页按钮――简介

Frontpage作为一种网页制作工具,当然也少不了按钮的制作,那么,我们如何制作出自己喜欢的按钮呢?下面我们来一起制作一个自己喜欢的按钮。

FrontPage技巧:[5]制作网页按钮――工具/原料

Frontpage软件

frontpage网页制作 FrontPage技巧 [5]制作网页按钮
FrontPage技巧:[5]制作网页按钮――方法/步骤

FrontPage技巧:[5]制作网页按钮 1、

新建一个网页,把光标移动到将要插入按钮的位置,单击菜单栏“插入”――Web组件。


FrontPage技巧:[5]制作网页按钮 2、

在打开的“插入web组件”对话框中选择“动态效果”――交互式按钮,单击完成。


FrontPage技巧:[5]制作网页按钮 3、

在弹出的“交互式按钮”对话框中,在“按钮”下拉框中选择按钮类型,在文本框输入按钮的文本,在链接框中输入按钮的链接。

FrontPage技巧:[5]制作网页按钮_网页按钮


FrontPage技巧:[5]制作网页按钮 4、

然后在“交互式按钮”对话框中切换到“字体”选项卡,选择好“字体、字体样式和字号”,选择好“初始字体颜色、悬停时字体颜色和按下时字体颜色”,最后选择好水平和垂直对齐方式。


FrontPage技巧:[5]制作网页按钮 5、

然后切换到“图像”选项卡,填写好宽度和高度,注意后面的“保持比例”,在勾选的时候长宽比一定,如果想改变长宽比就要取消“保持比例”。


FrontPage技巧:[5]制作网页按钮 6、

勾选“创建悬停图像、创建按下时图像和预载按钮图像”按钮,如图所示。

FrontPage技巧:[5]制作网页按钮_网页按钮


FrontPage技巧:[5]制作网页按钮 7、

现在我们可以在“按钮为Jpeg图像并使用背景色”和“按钮为Gif图像并具有透明背景色”两者中选择一个,单击确定。


FrontPage技巧:[5]制作网页按钮 8、

现在保存好网页,并用浏览器打开,把可以看到按钮的初始状态。


FrontPage技巧:[5]制作网页按钮 9、

把鼠标移动到按钮上面,可以看到按钮悬停时的状态。

FrontPage技巧:[5]制作网页按钮_网页按钮


FrontPage技巧:[5]制作网页按钮 10、

在按钮上面单击鼠标左键,可以看到按钮按下时的状态。到这里按钮就制作好了。

  

爱华网本文地址 » http://www.aihuau.com/a/8104110103/182315.html

更多阅读

ps如何制作水晶按钮 ps按钮制作教程

ps如何制作水晶按钮——简介水晶按钮在网页应用中非常广泛,今天就和大家一起来分享如何用ps制作水晶按钮,方法很简单主要利用图层样式来实现,让我们一起来学习吧ps如何制作水晶按钮——工具/原料photoshop cs

excel怎样制作宏按钮 excel按钮制作

在excel中我们可以通过按钮来执行宏,这样在制作一些交互式的表格的时候,点击按钮就能执行特定的功能,而且宏是一个可以通过具体的操作表格来录制,很多不会编程的人都可以录制宏,大大方便了非专业人士的使用。下面我们就来做一个能够执行

flash教程之按钮的制作! flash按钮制作

我们知道,一般的flash都是有按钮来操控的,flash中按钮是怎么样操控着整个事件的呢,一起来制作一下按钮吧!flash教程之按钮的制作!——工具/原料flash软件flash教程之按钮的制作!——文字按钮

游戏网页按钮 网页上打印按钮没反应

本实例制作的按钮特效,带有凝胶按钮的质感特点。按钮造型简洁大方,并且这些按钮在暗绿色背景的衬托下发出幽幽的光亮,成为画面中较为引人注目的部分。如图4-53所示,为本实例的完成效果。图4-53 本实例完成效果技术提示本实例的画面以暗

美女水晶按钮的制作 水晶按钮的制作

最终效果图制作工具:Photoshop CS制作过程:1、打开一幅图片,效果如图01所示做为底图。图012、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”,设置半径为150,在窗口中绘制如图02所示的形状,命名生成图层为图层1。图02

声明:《frontpage网页制作 FrontPage技巧 [5]制作网页按钮》为网友吻长眉分享!如侵犯到您的合法权益请联系我们删除