当前位置: 网站制作实例教程 >> >> 网站制作实例教程:从切图到生成网页
网站制作实例教程:从切图到生成网页

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

  网站制作实例教程1:在PhotoShop中打开设计稿,如下图
13220191_2006040417143359044100.jpg

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

  网站制作实例教程2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:
13220191_2006040417143391832600.jpg
  我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图:
13220191_200604041714346040800.jpg

  这里候你的页面才算完成了一半,接下来在Dreamweaver里建立站点:

  网站制作实例教程3:定义站点:
13220191_2006040417143420121500.jpg

  在
[1] [2] [3]

责任编辑:王眉

打印本文  发表评论  推荐本文  返回顶部  加入收藏  关闭窗口

相关文章