网站制作图片

　　在网页效果图的设计阶段，应按照绘制结构草图，在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。　　在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。　　　　1、创建辅助线　　在具体设计前，应当考虑到网页的布局形式，可以根据策划阶段确定下来的网页布局草图，在Fireworks的画布中添加辅助线，这样做的目的是为了明确页面布局形式和面积。　　需要注意的是，对于布局结构比较复杂的页面，辅助线不是一次就能够全部创建好的，而是一部分内容创建一部分否则辅助线过多会使页面混乱。　　2、绘制结构底图　　根据创建好的辅助线，使用Fireworks的工具或者是矩形选取框工具，把网页效果图中带有底色的“矩形块”依次绘制出来，形成一个整体的布局效果。　　这里的“矩形块‘只是一个统称，可以使任意的形状。除了得到形状以外，还可以直接对这些”矩形块“配色，或添加纹理、滤镜，从而在整体上对页面的配色方案进行控制。　　　　3、添加内容　　结构底图绘制完毕后，就可以开始在网页效果图中添加实际的内容了，包括文字和图像，从而完成最终的效果图方案。　　添加图像的时候，如何选择最合适的图像素材，如何对图像素材进行处理是非常重要的，可以说网页中图像设计的好坏，直接影响到整体的页面效果。　　　　4、切片　　效果图制作完毕后，首先需要进行切片。把网页比喻成一幅图，而切片工具就像是剪刀，使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的，同一时间可以下载3幅图像。　　切片的另外一个目的，也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片，这是因为对布局技术不了解。同一个网页效果图，按不同的方式布局就会得到不同的切片，并没有说哪一个才是”标准”的，所以要想灵活运用切片，必须熟悉流行的布局技术。

给图片加上这句话 style="position:absolute;top:100px;left:300px;"top 是距上边的距离 left是距离左边的距离 同理 还有right bottom 当然 同时用2个就可以了 左上或者 右下

存储为web格式 也可以直接存储为png格式即可。ps制作网页步骤:1.先用Photoshop做一个网页图片；2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；3.使用切片工具，按照绘制的表格划分切片4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。5.接下来用Dreamweaver打开html文件，为其作链接及其它。6.最后保存就完了。

根据微信公众平台目前的规则，除了已经开通微信支付的微信公众号具有这个链接功能外，其它任何公众号都没有此项功能，换句话说订阅号，没有开通微信支付的服务号都没有链接功能。如果非要链接出去，有两种方法：方法一：每篇图文消息地步输入添加原文链接，用户需要点击左下角阅读原文可以跳转到指定网页；方法二：公众号是订阅号的申请认证，开通菜单功能，菜单可以指向你要跳转的网页；公众号是服务号的本身带有菜单功能，根据需求设置即刻。唯一缺陷是，以上两种方法并不是在文章中添加超链接，而是需要点击阅读原文或者是菜单才可以，指向性比较单一不太灵活，如果是做微信商城和微信小店的，建议开通服务号，同时申请微信支付功能。

样式表就是<style>.img1{width:100px;height:50px;}</style><img src="图片路径" class="img1">行内样式是<img src="图片路径" style="width:100px;height:50px;">

网页图片的分辨率一般设为72px/inch。图片分辨率设置的越高，图片文件越大，显示速度就会越慢。如果是出图打印则不同，一般都设置为300px/inch。