首页设计——家居装饰网.docVIP

首页设计——家居装饰网 实验步骤 提示 熟悉Fireworks MX 2004工作环境。 启动Fireworks MX 2004，Fireworks的“开始页”出现在Fireworks的工作环境中。如图1.1所示。 图1.1 Fireworks MX 2004的“开始页” 说明 “开始页”是Fireworks MX 2004新增的功能之一，通过“开始页”可以快速访问Fireworks 教程、打开最近的项目和Fireworks Exchange。选择菜单“编辑”＞“首选参数”，弹出“首选参数”对话框，单击“常规”选项卡，可以通过勾选“启动选项”设置是否显示“开始页”。 选择“开始页”上的“新建”＞“Fireworks 文件”，便可以开始创建Fireworks文档。Fireworks MX 2004的工作环境包括工具面板、编辑窗口、帧播放工具栏和视域工作栏、状态栏、属性检查器和浮动面板等各个组成部分，如图1.2?所图1.2Fireworks MX 2004工作环境的各个组成部分 说明 选择“窗口”菜单可以打开其他的面板。 选择“视图”＞“网格”＞“显示网格”，这时编辑窗口布满小方格，如图1.3所示。默认网格大小为36×36，可以通过选择“视图”＞“网格”＞“编辑网格”来修改网格大小和网格线的颜色。 图1.3 设置了网格显示的Fireworks MX 2004工作环境 说明 使用Fireworks MX 2004的标尺、网格、辅助线等布局工具是一个很好的习惯，它能使得对对象的操作尽可能地精确。选择“视图”＞“标尺”和选择“视图”＞“辅助线”＞“显示辅助线”，可以显示标尺和辅助线，但要注意，辅助线的创建的方法是按住鼠标左键从标尺拖到编辑窗口。如图1.4所示。 图1.4 从标尺拖到编辑窗口创建辅助线 选择“文件”＞“另存为”，将文档存为home.png。由于Fireworks MX 2004的默认扩展文件名是 png，所以在输入文件名时输入home即可。 提示 绘制家居装饰网标志。 单击“工具”面板中的“自动形状工具”按钮，从弹出的菜单中选择“矩形工具”如图1.5所示，绘制一个正方形，选中正方形，在“属性”检查器中可以设置其大小为35×35，位置为（325，145），如图1.6所示。 说明1 用“属性”检查器来确定对象所占范围的大小和在画布中的位置。选中某对象（包括编辑区中的对象和工具），则“属性”检查器上将立即显示该对象的属性。当不选任何对象或打开一个文档时，“属性”检查器将显示文档的属性。 说明2 正方形的填充颜色可以使用默认的颜色，也可以任意选择。 图1.5 选择“工具面板”中的“矩形工具” 图1.6 绘制一个大小为35×35的正方形 按住“Shift”键的同时拖动正方形，可以复制正方形。复制10个正方形，将它们放置在如图1.7所示的位置上。 图1.7 复制10个正方形 再选择“工具”面板中的“矩形工具”，绘制两个矩形，大小分别为50×30和50×35，位置如图1.8所示。 图1.8 再绘制两个矩形 选择“工具”面板中的“直线工具”，并在其“属性”检查器中设置笔触的大小分别为2和3，参见图1.9所示，绘制两条直线，得到如图1.10所示的效果。 图1.9 设置“直线工具”的笔触大小为2 图1.10 绘制两条直线 再次选择“视图”＞“网格”＞“显示网格”，隐藏网格线。 选择“文件”＞“保存”或按Ctrl+S键保存文件，并关闭该文档。 提示 使用Fireworks MX 2004进行网页布局。 选择“文件”＞Fireworks文件CH01\jaju.png 选择“文件”＞“导入”，导入配套光盘中的文件CH01\home02.jpg和home03.jpg，如图1.14所示。 图1.14 导入位图home02.jpg和home03.jpg 选择“窗口”＞Fireworks中的元件也是指可以重复利用的元素，它只存放在“库”面板中，可以拖到编辑窗口中使用。Fireworks提供了三种的元件类型：图形、按钮和动画。 选择“矩形工具”，绘制大小为680×60的矩形，并将其放置在文档的底部。如图1.17所示。 图1.17 在底部绘制大小为680×60的矩形 选择“工具”面板中的“切片工具”，如图1.18所示，划出一个与导入的home03.jpg大小相同的矩形切片，并在“属性”检查器中设置该切片连接到home03.htm，参见图1.19。 图1.18 “工具”面板中的“切片工具” 图1.19 创建切片并设置切片连接到home03.htm。 单击文档窗口右上方的“快速导出”按钮，选择“在浏览器中预览”＞“在主浏览器中预览”可以预览网页的效果。参见图1.20。 图1.20 文档窗口右上方的“快速导出”按钮 选择“文