1、 新建一个网页,把光标移动到将要插入按钮的位置,单击菜单栏“插入”——Web组件。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba23db74ce6a37c97623bc2f32.jpg)
2、 在打开的“插入web组件”对话框中选择“动态效果”——交互式按钮,单击完成。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/e076d77622bc7dc539fd5cec5e460596b9142932.jpg)
3、 在弹出的“交互式按钮”对话框中,在“按钮”下拉框中选择按钮类型,在文本框输入按钮的文本,在链接框中输入按钮的链接。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d04999bf61cdfe474ec3832332.jpg)
4、 然后在“交互式按钮”对话框中切换到“字体”选项卡,选择好“字体、亨蚂擤缚字体样式和字号”,选择好“初始字体颜色、悬停时字体颜色和按下时字体颜色”,最后选择好水平和垂直对齐方式。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/b442d6d246fe474ec218440cb0ef354f51b81f32.jpg)
5、 然后切换到“图像”选项卡,填写好宽度和高度,注意后面的“保持比例”,在勾选的时候长宽比一定,如果想改变长宽比就要取消“保持比例”。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/c3c22dbf3bef354f5423c38d23db574afb321b32.jpg)
6、 勾选“创建悬停图像、创建按下时图像和预载按钮图像”按钮,如图所示。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/51f9aa3ea8db574af2a9e42fa7f7dfb2dd191732.jpg)
7、 现在我们可以在“按钮为Jpeg图像并使用背景色”和“按钮为Gif图像并具有透明背景色”两者中选择一个,单击确定。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/2db6c1b2dc19ce2c5580696d7fdca039121f1132.jpg)
8、 现在保存好网页,并用浏览器打开,把可以看到按钮的初始状态。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d97cee85776799594305010832.jpg)
9、 把鼠标移动到按钮上面,可以看到按钮悬停时的状态。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/58021a0148fe1e4241f07362c2299a8838130332.jpg)
10、 在按钮上面单击鼠标左键,可以看到按钮按下时的状态。到这里按钮就制作好了。
![FrontPage技巧:[5]制作网页按钮](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2f62eb31ab54dae43b3a867832.jpg)