网页切片软件的基本原则

基本原理：本软件是基于盒子模型开发出来的，即大框里包含小框的原理。
基本规则：同一切片内只能出现左右结构或者上下结构的子切片。
操作顺序：从上到下，从左到右，逐层嵌套。
操作流程：


按下面的情况，生成出来的样式就是相对路径的，就是正确的切法：
网页切片是分很多层的，就象photoshop一样，在我们的软件中，把它称为层级.
1．大框里面包含小框

2.一个切片内可以是左右结构

3.一个切片可以是上下结构

4.可以是以上三种情况逐层嵌套而成的的混合结构


什么叫逐层嵌套？
首先我们的网页是由很多层切片组成的，就象photoshp一样，由很多图层组成，在网页中叫切片层，大的图层在最下面，小的图层在上面，所以我们切的时候，就要先切出大的切片，再在小的切片里面切出更小的切片，再在更小的切片里面切出最小的切片，这样一层一层地深入下去，最后才能切出一个合格的页面出来。
按下面的切法，切出来可能是乱的，是错误的切法：
1.右边的三个没有包起来

2.不能重叠，这样是不允许的，边缘可以重叠，但不能超出。

3.不能出现相同大小、相同位置的层。

怎么判断切片是否正确的？
1.如果一个切片内的子切片不是左右结构或者上下结构，就是错误的！
2.如果导出后在dreamwaver中除了网页控件（文本框、组合框、多行文本框、密码框、图片按钮等）出现了绝对定位（css中postion:absolute;）的情况，就是错误的！

在dreamwaver cs5中出现这种，是边框是粗线的，而且移上去有 就是绝对定位。正常的应该如下：

3.导出是乱的，就是切片错误的！