本节简介:学习切片与切片的相关命令;案例制作:裁切网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
给做好的网页设计图片切片时,片状纯色背景的切片方式是切1个像素的色块即可。
切片时要考虑后面Dreamweaver编辑的功能效果,如导航是加热点,可以把整个导航切成一片,如果要做翻转特效,需要分开切,再加css。效果图中空白部分可以不切进去,DW编辑时留白即可,这样减少占用空间。
切片时先拉参考线,然后可以右键切片编辑,然后给每个切片命名,或者直接给出url链接地址,另外导出时可以直接导出gif格式,还有切片时可以选择视图,对齐到参考线用切片选择工具点击,删掉不要的切片,还可以切片选择工具-右击-切片选项-给每个切片命名(英文名)。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
切片时先拉参考线,然后可以右键切片编辑,然后给每个切片命名,或者直接给出url链接地址,另外导出时可以直接导出gif格式,还有切片时可以选择视图,对齐到参考线
用切片选择工具点击,删掉不要的切片,还可以切片选择工具-右击-切片选项-给每个切片命名(英文名)。纯色圆角矩形背景,分左中右切片,左右圆角,中间切1像素平铺即可。
切片时要考虑后面Dreamweaver编辑的功能效果,如导航是加热点,可以把整个导航切成一片,如果要做翻转特效,需要分开切,再加css。效果图中空白部分可以不切进去,DW编辑时留白即可,这样减少占用空间。
上左中右,一般是门户网站、大型企业、商务、政府网站使用结构。左中为栏目及内容、小广告区、右侧为登陆、搜索区,这种结构信息量大,处理不好会造成杂乱,框架结构、颜色调整,颜色清爽,如底色为白。 综合结构:同一页面使用几种结构综合或主页简单结构(如上下)二级页面使用复杂结构。不规则结构:信息量少,一张形象广告图片,更多用于个人网站,彰显个性。
上下结构(导航+大海报或flash)一般用在企业网站首页,记住大图片尺寸的适应显示器尺寸,不然会出现滑块,特别是导航条在下面时。 左右结构要注意主次对比,通常左边窄,放导航,符合阅读习惯——重要位置是左边和上边(logo通常放在左上角,导航通常放在左边或上边) 。上左右结构:上方导航和海报,左导航,右产品信息。
视图—对齐到参考线
切片选择工具-切片编辑
保存切片是可以选择只保存选中的切片
命名规则:同一个组使用相同前缀名,子元素加上不同后悔名