网页效果图的设计三
时间:2023-10-02 06:42:01 | 来源:网站运营
时间:2023-10-02 06:42:01 来源:网站运营
网页效果图的设计三:5:优化:切片完成后,需要对每一个切片进行优化,优化的目的是为了降低图像的文件大小,加快网页的下载速度。图像的大小与图像的显示质量是一种制约关系,文件越小,图像显示质量越差。优化就是在文件大小和质量间找一个平衡点。
在网页中能显示的图像多以JPG和GIF为主。
6:导出:切片完成后,就需要把裁切好的图像导出网站的站点文件中。
①导出的位置一定要在网站的站点文件夹内。
②网站首页的文件名,可以命名为"index"。
③在导出下拉列表中选择"HTML图像"命令,会自动生成HTML页面。
④在"HTML"下拉列表中选择"导出HTML文件"命令。
⑤在"切片"下拉列表中选择"导出切片"命令。
⑥选择"将图像放入子文件夹"复选框,可以把生成的图片放置在二级文件夹中默认的生成文件夹名为"images"。
可以自行创建用来存档图像素材的文件夹,建议文件名为"img",这样做的目的是精简网页代码。
⑦不要选择"仅已选切片"和"包括无切片区域"复选框。然后单机导出面板右下角"选项"按钮,打开HTML设置对话框,在"文档特点信息"选项卡中,切片文件名为"doc.name"+"切片编号"。
设置完毕,单机导出按钮。
7:布局:切片完毕后,应该把切片好的图像使用XHTML语言和CSS样式进行布局,而且最终布局好的页面效果,应该和效果图是一致的。