本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
除了切片命名以外,还可以给切片一个链接,这样的话,当我们在Dreamweaver里面设置切片,再放置图片的时候切片本身就带有图片的链接效果
在切片处理完之后,还想要在切片上做处理,可以对想要处理的地方进行切片,多出来的地方点击切片选择工具精确调整切片位置。
在切片处理完成后,点击到切片选择工具,选择切片,设置切片的名称,这样在把切片生成一个单个的图片的时候,方便我们找到切片的位置。
给做好的网页设计图片切片是,片状纯色背景的切片方式是:切一个像素的色块即可。
可以把导航进行整体切片,也可以单独切片,根据实际情况选择
在视图工具下选择对齐到切片和参考线,把对齐到图层去掉,把需要进行切片的地方进行切片
利用参考线画出大致的区域后,用切片工具对页面做切片处理
一些大面积的色块区域,(中间的地方)可以在左右画出一像素宽度的地方就可以了,这样更节省空间
把一些白色区间不做处理,这样可以节省网页空间,让网页加载的速度更快。
切片选择工具-编辑切片选项,重命名切片,视图 选择对齐到参考线,对齐到切片
效果图中空白地方可以不切,在DW中留白处理即可。减少占用空间。当导航图标要做翻转特效时,要分开切片。