第一类 PHOTOSHOP排版
1、根据网页区域的大小，设置合适的photoshop画布，长宽单位为象素；
2、然后进行画面设计、排版，完成后再用切片工具，对网页按照不同的链接锚要求进行分切，并相应调整；
3、再使用切片选取工具选中对应切片，进行切片选项编辑，这里可以输入该切片将要转向的超链接地址。最后保存为web设备所用的html格式；
4、将图片上传到淘宝空间，并用空间图片地址，代替切片输出的html文件内的图片地址；
5、最终将代替复制到装修区的代码模式中。
第二类 dreamweaver排版
该类方法的原理与第一类完全一致，先在dreamweaver里用表格定位的方式制作好框架，然后再依据格子的大小，设计相关的图片，把图片上传到淘宝空间，并将图片地址引用到框架，并添加超链接方式。
如果是横竖规范的排版方式，推荐为第二类方法。如果是随机切片的话，第一类方法效率要高得多。
|
