网页切片软件的基本原则
基本原理:本软件是基于盒子模型开发出来的,即大框里包含小框的原理。基本规则:同一切片内只能出现左右结构或者上下结构的子切片。
操作顺序:从上到下,从左到右,逐层嵌套。
操作流程:
按下面的情况,生成出来的样式就是相对路径的,就是正确的切法:
网页切片是分很多层的,就象photoshop一样,在我们的软件中,把它称为层级.
1.大框里面包含小框
2.一个切片内可以是左右结构
3.一个切片可以是上下结构
4.可以是以上三种情况逐层嵌套而成的的混合结构
什么叫逐层嵌套?
首先我们的网页是由很多层切片组成的,就象photoshp一样,由很多图层组成,在网页中叫切片层,大的图层在最下面,小的图层在上面,所以我们切的时候,就要先切出大的切片,再在小的切片里面切出更小的切片,再在更小的切片里面切出最小的切片,这样一层一层地深入下去,最后才能切出一个合格的页面出来。
按下面的切法,切出来可能是乱的,是错误的切法:
1.右边的三个没有包起来
2.不能重叠,这样是不允许的,边缘可以重叠,但不能超出。
3.不能出现相同大小、相同位置的层。
怎么判断切片是否正确的?
1.如果一个切片内的子切片不是左右结构或者上下结构,就是错误的!
2.如果导出后在dreamwaver中除了网页控件(文本框、组合框、多行文本框、密码框、图片按钮等)出现了绝对定位(css中postion:absolute;)的情况,就是错误的!
在dreamwaver cs5中出现这种,是边框是粗线的,而且移上去有就是绝对定位。正常的应该如下:
3.导出是乱的,就是切片错误的!
页:
[1]