本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
制作页面要确保切片之间不留小的缝隙,尽量避免自动切片,这样才能确保图像在优化处理为html表格后,在网页中可以打开,并灵活编辑
在做切片之前必须想到为什么这样切,对于页面制作会产生怎么样的便捷:把页面看成一个或者2-3个大的表格,再详细考虑到每一个表格中间,该怎么切
属性渐变区域适合做一个像素的切片,在dreamweaver中做背景效果处理
作为一个切片的必须是同一个属性,比如只属于导航,或者只属于广告等;可以作为一个切片的区域必须是属性,颜色等在水平或垂直上没有太大变化。
当对已经保存的切片做了更改(在网页删除原来的,重新做),保存时需要更改文件名,切片-选中的切片
1-范围大的区域做一个切片2-同色系的区域做切片3-位置相连相近的切片(前缀名01.02.03...)方便找4-找属性均匀的做切片5-如果是渐变效果就用1个效果色块做切片较好
给做好的网页设计图片切片时,片状纯色背景的切片方式是切1个像素的色块。
切片处理的时候,右键选项命名,找的时候可以更快的找到,如果是单个的切片,储存切片时选选中的切片。
需要切片的区域-logo-搜索-下载-广告-导航-标题栏-小广告-产品(小的产品本身有图片就直接用),完成后选择文件-储存为Web格式(gif格式,设置:默认设置)
在做网页的时候,使用分割好的小图片有利于网页的浏览速度。
把白色的图片部分尽量切出来。文字可以不要,可以在Dreamweaver里编辑。
每个小切片的图片,都是一个独立的元素,可以编辑其它属性做各成的优化处理。
如果是大图,打开速度慢,切成小图有助于网站打开速度及Dreamweaver里编辑