《商务网页设计与制作》电子课件 【任务二】 子任务2 布局子页框架.pptVIP

口令：RAPID708 商务网页制作 项目三 《商务网页设计与制作》课程开发组 子任务2 布局子页框架 步骤1：在Photoshop软件，打开朗声科贸网站产品展示子页面设计效果图（products.psd）。 步骤2：选择工具箱中的【切片工具】（快捷键：K）。 步骤3：在效果图上选取所需的图片进行切片，如图所示。 (提示：在这里只需要切出产品展示导航条和所有产品图片。 子任务2 布局子页框架 步骤4：单击【文件】｜【储存为WEB所用格式】，导出所切的图片，放入站点images文件夹中。 步骤5：在Dreamweaver cs5软件中打开站点内的index.html页,根据子页面删除不需要的部分，【文件】｜【另存为】(快捷键:Ctrl+Shift+S)，将页面另存为“products.html”，如图所示。 子任务2 布局子页框架 步骤6：将光标定位在产品展示的布局中，插入带有“产品展示”字样的图片，如图所示。 O(∩_∩)o 谢谢观看！