网页设计与制作项目教程作者陈义文主编项目3任务1课件.pptVIP

项目三 网站制作前期准备 任务要求 利用Photoshop软件的切片工具对首页版式进行合理的切片，把首页版式图像分割成更小的图像，为页面制作准备。 最终效果 操作提示 ? 页面切片一般的方法是根据页面布局的需要，对插入图像和文字区域图像进行选择性的切割。因此在制作切片之前，需要从首页布局的角度出发，对整个设计稿图像进行分析，得出所需的切片区域，见表3-1。 操作提示 ? 打开首页版式图像“index.psd”，为即将生成的切片区域添加必要的参考线，如Nav区域、Link区域、Foot区域等，以提高切片准确度，如图3-2所示。 操作提示 ? 在工具栏中选择“切片工具”，绘制所需的切片区域。完成后，当前切片为选中状态，单击“属性”面板的“切片选项”按钮；或右击“切片”，在弹出的快捷菜单中单击“编辑切片选项”命令，如图3-3所示。 操作提示 ? 弹出如图3-4所示的“切片选项”对话框，修改切片名称并确定切片的位置及大小。 操作提示 ? 按照类似的方法完成首页切片，然后隐藏所有文字图层，执行菜单“文件”→“存储为Web所用格式”命令，弹出如图3-5所示对话框，设置存储的切片格式为“PNG-8”。 操作提示 ? 完成后存储的切片图像如图3-6所示。 谢谢大家！ 院系：广东女子职业技术学院经贸系 主讲：陈义文 任务1 网站首页版式切片 Dreamweaver中直接输入 否