本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
大范围切片时是同属性的(广告条归广告,导航条归导航单做1个切片,同色系,前辍名同样是产品做一样的)。属性渐变的区域适合做1个像素的切片,在dr了里面做背景效果。切片要有思想,有布局。确保切片不留缝隙。
大范围切片时是同属性的(广告条归广告,导航条归导航单做1个切片,同色系,前辍名同样是产品做一样的)。属性渐变的区域适合做1个像素的切片,在dr了里面做背景效果。切片要有思想,有布局。确保切片不留缝隙。
大范围切片时是同属性的(广告条归广告,导航条归导航单做1个切片,同色系,前辍名同样是产品做一样的)。属性渐变的区域适合做1个像素的切片,在dr了里面做背景效果。切片要有思想,有布局。确保切片不留缝隙。
大范围切片时是同属性的(广告条归广告,导航条归导航单做1个切片,同色系,前辍名同样是产品做一样的)。属性渐变的区域适合做1个像素的切片,比如背景。切片要有思想,有布局。确保切片不留缝隙。
切片工具:参考线划分区域,隐藏文字,dreamweaver中可以设置文字,裁切时对齐到切片参考线
网页页面图片的大小对浏览的速度有影响,同一个属性的可以作为一个切片,同一个色系的也可以作为一个切片,方便查找,切片是还要注意不要留缝隙,为了方便切片你还可以放大图片像素到700-800倍
要点:1.切片对齐调整 2.对于纯色或渐变色的标题的切片处理
确保制作切片的中间不留小的缝隙,避免产生不必要的自动切片,保证图像优化处理为html表格之后在DW这样的网页环境中能灵活的编辑和修改
确保制作切片的中间不留小的缝隙,避免产生不必要的自动切片,保证图像优化处理为html表格之后在DW这样的网页环境中能灵活的编辑和修改
同属性下可做大范围切片(广告条 导航等) 同色系同理
二级页面切片工具编辑切片选项工具命名还可设置链接dw中本身就带有一个链接效果文件存储为web默认格式
切片选择--删除切片, 切片选项--命名切片(便于找到切片)/ 上方工具栏--基于参考线的切片/一个像素 dream weaver 中填充?/ 储存为 web格式,【切片--所有切片】【如果修改部分切片,修改后储存时选择‘选中的切片’】
切片制作完成后选择文件-储存为Web格式(gif格式,设置:默认设置,切片-所有切片)当需要修改某一切片的时候,现在PS中删除原切选,在从新做,保存的时候,更改文件名为新切片名称的拼音,切片-所选切片
制作切片时,为了更精确可以把图像放大到700-800倍(即精确到像素)来切片