本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
切片工具:把页面切成若干图像文件,每个部分可以进行属性的设置 存储:存储为WEB格式(所有切片 默认设置或者HTML) 空白区域可以不做处理 有的文字可以先隐藏 中间一整块色块可以只切出一个像素 切片完成后可以依次设置切片的属性 先确定切片的整体风格策略
切片工具:把页面切成若干图像文件,每个部分可以进行属性的设置 存储:存储为WEB格式(所有切片 默认设置或者HTML) 空白区域可以不做处理 有的文字可以先隐藏 中间一整块色块可以只切出一个像素 切片完成后可以依次设置切片的属性 先确定切片的整体风格策略
切片工具:把页面切成若干图像文件,每个部分可以进行属性的设置 存储:存储为WEB格式(所有切片 默认设置或者HTML) 空白区域可以不做处理 有的文字可以先隐藏 中间一整块色块可以只切出一个像素 切片完成后可以依次设置切片的属性 先确定切片的整体风格策略
切片工具:把页面切成若干图像文件,每个部分可以进行属性的设置 存储:存储为WEB格式(所有切片 默认设置或者HTML) 空白区域可以不做处理 有的文字可以先隐藏 中间一整块色块可以只切出一个像素 切片完成后可以依次设置切片的属性 先确定切片的整体风格策略
注意视图中--对齐到--参考线、图层、切片,灵活应用。
如果是展示的商品,也可以用切片切完之后,用切片选择工具,编辑切片选项,加链接。
给切好的切片命名:用左侧切片选择工具,右击,编辑切片选项,修改名称即可。
给做好的网页设计图片切片时,片状纯色背景的切片方式是:切1个像素的色块即可。
按照功能划分网页的区域, 切分为了提高网页的浏览速度。片状背景的切片方法是,只切出1px的小图片即可。
切片要精细要精确到像素不要留空白。便于在网络环境下编辑使用
切片完成后对切片进行命名选择“切片选择工具”点右键选择“编辑切片选项”便于在dw中识别切片区域
每一个切片区域都是单独的图像都可以可以设计各自的属性
对网页切片后点击文件下的“存储为web所用格式”将切片格式整体进行输出,来用于dw的网页布局i排版中。
对网页切片有助于网页的浏览速度提升,一整张大的图片浏览速度较慢。