手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >网页制作技巧:从切图到网页生成
网页制作技巧:从切图到网页生成
摘要:鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!...

鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:

step1:在PhotoShop中打开设计稿,如下图

网页制作技巧:从切图到网页生成1

 

选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示:

网页制作技巧:从切图到网页生成2

step2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:

【网页制作技巧:从切图到网页生成】相关文章:

制作网页的基本要素

Dreamweaver网页设计制作技巧

18条Dreamweaver网页制作的操作技巧

Dreamweaver网页制作超级链接

Dreamweaver动态网页实例:验证用户注册

Dreamweaver中网页设计制作技巧

Dreamweaver CS3网页制作中的CSS布局规则

Dreamweaver MX制作网站个性图标

Dreamweaver网页制作发布网站

Dreamweaver网页设计制作实用技巧

精品推荐
分类导航