本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
需要切片的区域-logo-搜索-下载-广告-导航-标题栏-小广告-产品(小的产品本身有图片就直接用),完成后选择文件-储存为Web格式(gif格式,设置:默认设置,切片:所有切片)
切片:1、用参考线对页面区域进行划分。2、点击切片工具进行切片。
切片处理的时候,右键选项命名,找的时候可以更快的找到,如果是单个的切片,储存切片时选选中的切片。
1-范围大的区域做一个切片2-同色系的区域做切片3-位置相连相近的切片(前缀名01.02.03...)方便找4-找属性均匀的做切片5-如果是渐变效果就用1个效果色块做切片较好
需要切片的区域-logo-搜索-下载-广告-导航-标题栏-小广告-产品(小的产品本身有图片就直接用),完成后选择文件-储存为Web格式(gif格式,设置:默认设置)
需要切片的区域-logo-搜索-下载-广告-导航-标题栏-小广告-产品(小的产品本身有图片就直接用),完成后选择文件-储存为Web格式(gif格式,设置:默认设置)
切片处理的时候,右键选项命名,找的时候可以更快的找到,如果是单个的切片,储存切片时选选中的切片。
1-范围大的区域做一个切片2-同色系的区域做切片3-位置相连相近的切片(前缀名01.02.03...)方便找4-找属性均匀的做切片5-如果是渐变效果就用1个效果色块做切片较好
在做切片之前必须想到为什么这样切,对于页面制作会产生怎么样的便捷:把页面看成一个或者2-3个大的表格,再详细考虑到每一个表格中间,该怎么切
切片制作完成后选择文件-储存为Web格式(gif格式,设置:默认设置,切片-所有切片)当需要修改某一切片的时候,现在PS中删除原切选,在从新做,保存的时候,更改文件名为新切片名称的拼音,切片-所选切片
确保制作切片的中间不留小的缝隙,避免产生不必要的自动切片,保证图像优化处理为html表格之后在DW这样的网页环境中能灵活的编辑和修改
1.PS切片工具:切片工具便于优化图像,提高整个页面的下载速度,也可以处理数据图像;切片完成后保存为web文件输出到DW中处理;每个切片都是单独的图像,可以设置各自的属性;切片布局要注意,确保切片中间不留缝隙;大范围切片时是同属性的(广告条归广告,导航条归导航单做1个切片,同色系,前辍名同样是产品做一样的)。属性渐变的区域适合做1个像素的切片,在dr了里面做背景效果。切片要有思想,有布局。确保切片不留缝隙。
切片工具便于优化图像,提高整个页面的下载速度,也可以处理数据图像