fireworks html制作,教你用Fireworks制作简洁清爽的网站页面
本教程是向大家介绍利用Fireworks制作简洁清爽的网站页面，制作出来的网站页面很不错，方法也很简单，希望大家通过这篇教程能学会如何设计一个好的网站。
1. 启动Fireworks，新建一个大小为180*200像素的画布，设置画布颜色为 #EFEFEF。
2. 在工具栏中选择矩形工具，绘制一个154* 183的矩形，在属性面板中设置这个矩形的填充色为#A9B1BE，描边设置为1像素的柔化，颜色为#677387，如图所示。
3. 利用矩形工具绘制一个宽 152，高 19 的矩形，在属性检查器中设置描边为无，填充类别改为线性， 修改线性填充的颜色样本，第一个颜色样本的颜色为#E6FFFF，然后单击渐变色阶下面的区域，新增 一个新的颜色样本，颜色为 #A4BECF，最后一个颜色样本为 #FFFFFF，具体设置如图所示：
回到画布上，调整一下渐变方向，现在你的图看起来应该像是下图那样。
4. 以步骤 3 同样的方式制作下面的矩形。 选中下边的矩形，在属性检查器的效果菜单中，选择“阴影和光晕”>“投影”，为矩形添加一个阴影效果， 具体参数如图所示。
5.使用直线工具画出两条长为153的线段，颜色为 #677387，描边种类为1 像素柔化，分别放在上方矩形的下边及下方矩形的上边。
6. 加入标题列的文字，字体为 elektr_02_5，大小为 10，不消除锯齿，加入内容区的文字，字体为 04b03b，大小为 8，不消除锯齿，
7. 在帧面板，单击“新建/重制帧”按纽，新增一帧。返回到第一帧，按“Ctrl”+“A”全选中画布上的所有对象，按“Ctrl” +“C” 复制，然后到第二帧，按 “Ctrl” +“V” 粘贴，然后按住SHIFT键不放，选择将帧二上的 HOME、FIREWORKS、DREAMWEAVER 文字，往上及往左各偏移 1 个像素，这是要制造当鼠标移到文字上时，使其产生偏移的效果。
8. 回到第一帧，选择工具栏上的切片工具，将文字链结的区切割出来。 然后切换到指针工具，单击 HOME 的切片，在弹出的菜单中选择“添加图像交换行为…”，在弹出的交换图像对话框中，选择相对应的切片，单击确定。
用同样的方法，分别制作 FIREWORKS、DREAMWEAVER 交换图像的行为。
提示：你可以先切换到预览视图，将鼠标移到链结上察看效果。
教程结束，以上就是利用Fireworks制作简洁清爽的网站页面过程，希望对大家有所帮助！
fireworks html制作,教你用Fireworks制作简洁清爽的网站页面相关推荐
- 计算机做word的表格,word表格制作,教您word如何制作表格
表格在我们的日常工作中是必不可少的,Word表格操作起来简单容易上手,不像Excel功能一大堆但非专业人士并不会用它制作表格.那么如何在Word上快速建立一个合适的表格呢?下面,小编就来大家分享wor ...
- 怎么用python自制计算公式_手把手教你用python制作简易计算器，能够记录你使用的情况...
话不多说,首先先看效果图,它能够记录你在使用过程中的历史,方便你查看是否有错: 接下来就仔细分析一下是如何制作的: 简易计算器 第一步:导入资源库 在过程中使用到了tkinter这个资源库,win+R ...
- 手把手教你使用VS制作winform安装包
手把手教你使用VS制作winform安装包 使用VS 自带的打包工具,制作winform安装项目 开发环境:VS 2008 Access 操作系统:Windows XP 开发语言:C# 项目名称:** ...
- 教你用python制作人脸卡通画（附源码）
教你用python制作人脸卡通画(附源码) 效果展示: 让我们开始学习之路: 原理:利用第三方人脸接口将图像人脸化 第三方接口注册地址:https://ai.minivision.cn/#/login ...
- android 壁纸制作教程,教你如何自己制作安卓手机壁纸的方法教程
谷歌的Android手机操作系统正在迅速成为最流行的手机平台之一.这是非常容易自定义的,包括更改墙纸,只是可自定义的其中一部分. 这篇文章可以教你如何DIY制作属于自己的手机壁纸,下面直接进入主题. ...
- keyshot渲染图文教程_keyshot基础图文教程，手把手教你用keyshot制作动画效果
keyshot基础图文教程,手把手教你用keyshot制作动画效果 你知道么?keyshot除了用来渲染产品,其实还可以制作动画效果的,它里面内置了好几种运动方式,利用keyshot的旋转,平移,缩小 ...
- 视频配音怎么制作？手把手教你配音视频制作
相信很多短视频的创作者都知道,每个视频的好坏大多数取决于配音的效果,好的配音才能给观众留下一个深刻的印象,如果你想要制作一个好的视频,那肯定是离不开配音制作的.那你们知道视频配音怎么制作吗?不知道也没 ...
- python语言表白超炫图形_经验分享 篇二：三分钟教你用Excel制作各种尺寸、底色的证件照...
经验分享 篇二:三分钟教你用Excel制作各种尺寸.底色的证件照 2018-12-29 07:00:00 654点赞 7174收藏 245评论 一.前言 继上一篇用PPT制作了证件照以后 有的值友反应 ...
- html flash闹钟,教你用Flash制作可以定时闹钟
这篇教程是教大家利用Flash制作可以定时的闹钟,在文中,读者将学习到一些基本设计方法和时间对象的使用以及AS的一些基本语法.这个闹钟有显示时间,日期,星期:整点报时:定时闹铃等功能.教程很实用,希望 ...
最新文章
- 深入理解JavaScript类数组
- ios 苹果审核常见被拒问题
- centos6.5安装maven
- 在React中处理事件
- C语言笔记（关键字）
- 百度搜索关键字抓取_百度搜索引擎收录的抓取规则 - 蜘蛛池
- Generator函数的基本概念
- Qtcreator中经常使用快捷键总结
- python pip安装报错_python pip安装requests时报错，怎么解决
- 手把手教你学dsp_大咖问答第13期：如何掌握DSP设计？顾卫钢博士在线为你解答...
- 服务器游戏协议,游戏服务器tcp协议
- 电磁场计算的服务器性能指标,有限公式电磁场数值计算理论与性能
- 递归算法计算二叉树中叶子结点数目 c语言,编写递归算法,计算二叉树中叶子结点的数目。...
- 如何通过供应商分类来提高采购绩效？
- selenium小白学习笔记（7） - 第二个脚本（126邮箱登录为例，包含xpath定位、frame切换）
- 留美CS学习的第一学期总结
- 网页认证上网服务器无响应,portal认证失败，网络故障或者portal服务器没有响应排查方法...
- html网页页面制作用到了什么技术,技术干货｜常用的HTML5网页制作软件，这些你有在用吗？...
- ZUFE 2017院赛 - Problem K: Jelly与狗头人的地下世界 （DP）
- 微型计算机主板最新发展,三镇学子齐瞩目——精英主板 Intel915P平台新技术体验营首选武汉...