用Fireworks制作简洁清爽的网站-会员卡,广州印刷,深圳印刷,印刷公司,名片,彩页,名片设计,设计教程,名片制作,彩色名片,名片模板,贵宾卡,pvc卡,设计欣赏,深圳名片,广州名片,business card design

首页	名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash

» 彩色名片
» PVC卡
» 彩色磁性卡
» 彩页/画册
» 个性印务
» 彩色不干胶
» 明信片
   » 明信片
   » 彩色书签
   » 门挂
» 其他产品与服务
   » 创业锦囊
   » 办公用品
   » 信封、信纸
   » 便签纸、斜面纸砖
   » 无碳复印纸
   » 海报
   » 大篇幅印刷
   » KT板
   » 海报
   » 横幅

用Fireworks制作简洁清爽的网站
　　网络的已经成为人们日常生活中的一部分，就像生活中房子，大部分人也想拥有自己网络空间，假如把自己的房子设计的美丽大方呢？下面我们就以一个简洁清爽的页面为例来教大家如何设计一个好网页。

　　1. 启动Fireworks，新建一个大小为180*200像素的画布，设置画布颜色为 #EFEFEF。

　　2. 在工具栏中选择矩形工具，绘制一个154* 183的矩形，在属性面板中设置这个矩形的填充色为#A9B1BE，描边设置为1像素的柔化，颜色为#677387，如图所示。

用Fireworks制作简洁清爽的网站

　　3. 利用矩形工具绘制一个宽 152，高 19 的矩形，在属性检查器中设置描边为无，填充类别改为线性，修改线性填充的颜色样本，第一个颜色样本的颜色为#E6FFFF，然后单击渐变色阶下面的区域，新增一个新的颜色样本，颜色为 #A4BECF，最后一个颜色样本为 #FFFFFF，详细设置如图所示：

用Fireworks制作简洁清爽的网站

　　回到画布上，调整一下渐变方向，现在你的图看起来应该像是下图那样。　

用Fireworks制作简洁清爽的网站

　　4. 以步骤 3 同样的方法制作下面的矩形。

用Fireworks制作简洁清爽的网站

　　选中下边的矩形，在属性检查器的效果菜单中，选择“阴影和光晕”>“投影”，为矩形添加一个阴影效果，详细参数如图所示。　　

用Fireworks制作简洁清爽的网站

　　5.使用直线工具画出两条长为153的线段，颜色为 #677387，描边种类为1 像素柔化，分别放在上方矩形的下边及下方矩形的上边。

　　6. 加入标题列的文字，字体为 elektr_02_5，大小为 10，不消除锯齿，加入内容区的文字，字体为 04b03b，大小为 8，不消除锯齿，　　

用Fireworks制作简洁清爽的网站

　　7. 在帧面板，单击“新建/重制帧”按纽，新增一帧。返回到第一帧，按“Ctrl”+“A”全选中画布上的所有对象，按“Ctrl” +“C” 复制，然后到第二帧，按 “Ctrl” +“V” 粘贴，然后按住SHIFT键不放，选择将帧二上的 HOME、FIREWORKS、DREAMWEAVER 文字，往上及往左各偏移 1 个像素，这是要制造当鼠标移到文字上时，使其产生偏移的效果。

　　8. 回到第一帧，选择工具栏上的切片工具，将文字链结的区切割出来。　　

用Fireworks制作简洁清爽的网站

　　然后切换到指针工具，单击 HOME 的切片，在弹出的菜单中选择“添加图像交换行为…”，在弹出的交换图像对话框中，选择相对应的切片，单击确定。　　

用Fireworks制作简洁清爽的网站

　　用同样的方式，分别制作 FIREWORKS、DREAMWEAVER 交换图像的行为。

　　提示：你可以先切换到预览视图，将鼠标移到链结上察看效果。

　　9. 综合以上各步骤，将可以将整个网页版型制作完成，最终效果如图所示。　　

用Fireworks制作简洁清爽的网站

　　这个页面是我喜欢的类型，感觉清清爽爽的，希望您也会喜欢。 点击这里下载源文件

返回类别: Fireworks教程
上一教程: 用Fireworks制作Logo心得体会
下一教程: Fireworks MX 模仿灯泡效果

您可以阅读与"用Fireworks制作简洁清爽的网站"相关的教程:
· Fireworks制作简朴的签名效果图
· Fireworks制作简朴的水晶红心
· 用Fireworks制作简朴金属导航条
· Fireworks动画类型及制作详解
· Fireworks制作质感五角星


	快精灵印艺坊版权所有	首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店网站地图关于我们友情链接