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