教你用Fireworks制作简洁清爽的网站页面
我要评论本教程是向大家介绍利用Fireworks制作简洁清爽的网站页面，制作出来的网站页面很不错，方法也很简单，希望大家通过这篇教程能学会如何设计一个好的网站。
1. 启动Fireworks，新建一个大小为180*200像素的画布，设置画布颜色为 #EFEFEF。
2. 在工具栏中选择矩形工具，绘制一个154* 183的矩形，在属性面板中设置这个矩形的填充色为#A9B1BE，描边设置为1像素的柔化，颜色为#677387，如图所示。
3. 利用矩形工具绘制一个宽 152，高 19 的矩形，在属性检查器中设置描边为无，填充类别改为线性， 修改线性填充的颜色样本，第一个颜色样本的颜色为#E6FFFF，然后单击渐变色阶下面的区域，新增 一个新的颜色样本，颜色为 #A4BECF，最后一个颜色样本为 #FFFFFF，具体设置如图所示：
回到画布上，调整一下渐变方向，现在你的图看起来应该像是下图那样。
5.使用直线工具画出两条长为153的线段，颜色为 #677387，描边种类为1 像素柔化，分别放在上方矩形的下边及下方矩形的上边。
6. 加入标题列的文字，字体为 elektr_02_5，大小为 10，不消除锯齿，加入内容区的文字，字体为 04b03b，大小为 8，不消除锯齿，
用同样的方法，分别制作 FIREWORKS、DREAMWEAVER 交换图像的行为。
提示：你可以先切换到预览视图，将鼠标移到链结上察看效果。
教程结束，以上就是利用Fireworks制作简洁清爽的网站页面过程，希望对大家有所帮助！
相关文章
firework输入的文字可以根据需求添加一些效果，该怎么给文字添加字体倾斜效果呢？下面我们就来看看详细的教程2024-05-23
fireworks淡化边缘工具在哪里? fireworks轮廓虚化效果的实现方法
fireworks绘制的图形轮廓线尖锐了，想要虚化一下，需要使用淡化边缘工具，这个工具在哪？怎么使用呢？详细请看下文介绍2024-05-23
电脑怎么批量添加照片日期? Fireworks给电脑图片批量添加日期的技巧
电脑怎么批量添加照片日期？电脑中图片的名字想要添加日期，该怎么操作呢？下面我们就来看看Fireworks给电脑图片批量添加日期的技巧2023-06-05
fw怎么设计科技干的线条? fireworks混合路径工具制作图形的技巧
fw怎么设计科技干的线条？fireworks中想要画曲线线条，我们需要用到混合路径工具，下面我们就来看看fireworks混合路径工具制作图形的技巧2023-01-09
Fireworks图形怎么做高光? fw中几种制作高光效果的方法
Fireworks图形怎么做高光？Fireworks中想要做高光效果，有几种方法可以添加高光？下面我们就来看看fw中几种制作高光效果的方法2022-12-21
Fireworks剪切的图片怎么导出? fw将裁剪区域导出保存的技巧
Fireworks剪切的图片怎么导出？fw中剪切好的图片想要保存，该怎么保存呢？下面我们就来看看fw将裁剪区域导出保存的技巧2022-12-20
fw图片渐隐效果怎么做? Fireworks给图片添加渐隐效果的技巧
fw图片渐隐效果怎么做？fw中想要给图片添加渐隐效果，该怎么添加这个效果呢？下面我们就来看看Fireworks给图片添加渐隐效果的技巧，详细请看下文介绍2022-11-28
Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
Fireworks如何给图片添加阴影效果？fw中导入的图片想要给图片中的图形添加阴影，该怎么操作呢？下面我们就来看看fw给图片增加阴影效果的技巧2022-11-28
fw文字怎么添加内阴影? Fireworks给字体添加阴影的技巧
fw文字怎么添加内阴影？fw中输入的文字想要添加阴影，该怎么添加内阴影呢？下面我们就来看看Fireworks给文字添加阴影的技巧，详细请看下文介绍2022-11-28
Fireworks中如何创建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何创建蒙版以及使用？fw中想要使用蒙版制作一些效果，该怎么创建蒙版并使用呢？下面我们就来看看FW蒙版功能的使用技巧，详细请看下文介绍2022-11-28
最新评论