如何制作一个网站效果图详解：
制作一个网站效果图，不仅要求技术精湛，还要求设计理念有创意。因此，设计一个优秀的效果图需要从多个角度进行考虑。首先，根据你的需求（即页面内容）进行设计，然后根据企业的VI系统确定页面布局和颜色等，最后根据布局再运用技术进行设计。既然你只想了解如何布局，那么根据经验，以下几方面需要考虑。
一、确定页面功能模块
首页的内容模块是你需要在页面上实现的主要内容和功能。一般的网站都需要以下模块：
网站名称(logo)、广告条(banner)、主菜单(menu)、新闻(what’s new)、搜索(search)、友情链接(links)、邮件列表(maillist)、计数器(count)、版权(copyright)。（当然，这些只是常用模块。通常情况下，如果是企业设计网站，都会有网站设计方案，可以根据方案进行设计。）
二、设计首页版面
在功能模块确定后，开始设计首页版面。就像搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。设计版面的最好方法是：找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。
1.定位网站主题和名称
2.定位网站CI形象
3.确定栏目和版块
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的技巧
8.色彩的搭配
其实，就是颜色搭配问题和图片布局问题。一般来说，一个网站效果图只是一个静态页面，如果需要图片格式，直接截图就可以了。所以，只要了解布局和颜色搭配，再掌握设计技术，基本上就可以制作效果图了。当然，如果你感觉创意不足，可以通过网络搜索网站模板，借鉴别人的设计风格，再根据自己需求进行修改，就可以完成。很多模板是PS格式，可以在PS中修改，然后通过切片工具制作，这些都需要一定的设计技术。
根据你的提问，应该不太懂网页设计，所以最好下载一个网页模板，百度上有很多下载网站，然后学习一些网页制作教程就可以制作了。以下是一些相关资料，如果链接过期，请自行搜索。
网页模板下载地址：
网页设计教程：
了解网站首页效果图制作的基本过程：
在网页效果图设计阶段，应按照绘制结构草图、在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片到Dreamweaver的顺序依次进行。下面将介绍网页效果图设计中各个流程的作用。
在图像软件中设计网页效果图，总体可以分为7个步骤：（1）创建画布，添加辅助线来布局；（2）绘制结构底图；（3）添加内容，包括图像和文字；（4）切片；（5）优化；（6）导出；（7）布局。
1.创建辅助线
在设计前，应考虑网页的布局形式，可以根据策划阶段确定的网页布局草图，在Fireworks的画布中添加辅助线，这样做的目的是为了明确页面布局形式和面积。
需要注意的是，对于布局结构比较复杂的页面，辅助线不是一次就能全部创建好的，而是一部分内容创建一部分，否则辅助线过多会使页面混乱。
2.绘制结构底图
根据创建好的辅助线，使用Fireworks的工具或矩形选取框工具，把网页效果图中带有底色的“矩形块”依次绘制出来，形成一个整体的布局效果。
这里的“矩形块”只是一个统称，可以是任意形状。除了得到形状以外，还可以直接对这些“矩形块”配色，或添加纹理、滤镜，从而在整体上对页面的配色方案进行控制。
3.添加内容
结构底图绘制完毕后，就可以开始在网页效果图中添加实际的内容了，包括文字和图像，从而完成最终的效果图方案。
添加图像时，如何选择最合适的图像素材，如何对图像素材进行处理非常重要，可以说网页中图像设计的好坏，直接影响到整体页面效果。
4.切片
效果图制作完毕后，首先需要进行切片。把网页比喻成一幅图，而切片工具就像是剪刀，使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快****。因为IE浏览器是多线程的，同一时间可以下载3幅图像。
切片的另一个目的，也是最主要的目的是为了布局的需要。很多人不知道如何对效果图进行切片，这是因为对布局技术不了解。同一个网页效果图，按不同的方式布局就会得到不同的切片，并没有说哪一个才是“标准”的，所以要想灵活运用切片，必须熟悉流行的布局技术。
