本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
切片时可以选择到视图对齐参考线,用切片选择工具点击删除掉不需要的切片。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
给做好的网页做切片是,片状纯色背景切片的方式:切一个像素的色块即可
切片时可以选择到视图对齐参考线,用切片选择工具点击删除掉不需要的切片。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
切片时可以选择到视图对齐参考线,用切片选择工具点击删除掉不需要的切片。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
效果图中空白地方可以不切,在DW中留白处理即可。减少占用空间。当导航图标要做翻转特效时,要分开切片。
切片:有助于提高网页打开速度,切片工具有利于处理各类型的数据图像
切片时要考虑后面Dreamweaver编辑的功能效果,如导航是加热点,可以把整个导航切成一片,如果要做翻转特效,需要分开切,再加css。效果图中空白部分可以不切进去,DW编辑时留白即可,这样减少占用空间。
切片时先拉参考线,然后可以右键切片编辑,然后给每个切片命名,或者直接给出url链接地址,另外导出时可以直接导出gif格式,还有切片时可以选择视图,对齐到参考线用切片选择工具点击,删掉不要的切片,还可以切片选择工具-右击-切片选项-给每个切片命名(英文名)。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
切片工具:把页面切成若干图像文件,每个部分可以进行属性的设置 存储:存储为WEB格式(所有切片 默认设置或者HTML) 空白区域可以不做处理 有的文字可以先隐藏 中间一整块色块可以只切出一个像素 切片完成后可以依次设置切片的属性 先确定切片的整体风格策略
保存:文件-存储为web所用格式,单独保存其中一个图像
PS:将各个部分进行切片,在Dream中增加链接,切片裁切用标尺参考
切片:提高网页打开速度,切片工具有利于处理各类型的数据图像
切片编辑可以用切片选择工具,切片选择工具里边可以让图片链接网址