第2章网页版面设计基础.pptVIP

单击“确定”按钮即可将按钮转换为元件，如图2-27所示。 用指针工具 双击画布上的按钮元件进入按钮的编辑状态，此时默认是按钮的“释放”帧状态，如图2-28所示。 在属性面板中或工具箱中设置文字的颜色为蓝色“#0000FF”，效果如图2-30所示。 将文字向右下方稍微移动一点距离，效果如图2-31所示。 用指针工具 选择文字，在属性面板中或工具箱中设置文字的颜色为灰色“#333333”，效果如图2-32所示。 单击“活动区域”标签，Fireworks自动为按钮创建活动区域，如图2-33所示。 单击“完成”按钮，按钮创建完毕。将创建好的“网站首页”按钮移至水平分隔线之间，效果如图2-34所示。 (3) 制作其余的导航按钮 可以复制“网站首页”按钮，然后修改属性面板中“文本”右侧文本框中的提示即可实现，最终效果如图2-35所示。 2.3.3 网页模型的规划和设计 1. 布局页面主体区域 效果如图2-36所示。 2. 制作栏目圆角图片 3. 制作栏目内容 用户在Dreamweaver中可以轻松地制作栏目中的具体内容，如图2-43所示。 4. 制作公告栏目圆角及栏目内容 公告栏目圆角及栏目内容的制作与上边的制作过程很相似，这里不再赘述，制作好的效果如图2-44所示。 5. 制作宠物网上商城版块 在布局下面的空间中导入各种宠物及宠物用品的图像，调整好位置后，如图2-45所示。 6. 制