对于很多网站制作者来说,网站效果图可以给他们带来更多的方便。一旦定稿,就可以根据效果图去制作网站,不需要大量的修改数据等等
工具/原料
台式电脑或者笔记本
fireworks、Dreamweaver、PS
方法/步骤
首先,要确定好网站的主题,可以根据网站的应用方向搜索相关的资料,将自己认为比较好的网站页面都保存起来
如何快速制作网站效果图
利用PS或者fireworks软件打开这些图片,对页头(logo)、主体内容(左右侧边、主要内容)、页脚(版权信息)等进行切片,切成如图效果:
如何快速制作网站效果图
俗话说“好记性不如烂笔头”,此刻要在纸上画出心中的大概草图,确定好后,再进行下一步
如何快速制作网站效果图
选择切好的图片,在Dreamweaver里面新建一个站点,点击设计模式
如何快速制作网站效果图
插入表格,把表格按照草稿图的格式设计好,如图:
如何快速制作网站效果图
选择切好的图片一一插入到表格中,并调整大小,最后结果如图:
如何快速制作网站效果图
END
注意事项
部分内容及色彩的搭配需要合理,一些图片需要简单的运用fireworks或者PS进行处理。
工具/原料
台式电脑或者笔记本
fireworks、Dreamweaver、PS
方法/步骤
首先,要确定好网站的主题,可以根据网站的应用方向搜索相关的资料,将自己认为比较好的网站页面都保存起来
如何快速制作网站效果图
利用PS或者fireworks软件打开这些图片,对页头(logo)、主体内容(左右侧边、主要内容)、页脚(版权信息)等进行切片,切成如图效果:
如何快速制作网站效果图
俗话说“好记性不如烂笔头”,此刻要在纸上画出心中的大概草图,确定好后,再进行下一步
如何快速制作网站效果图
选择切好的图片,在Dreamweaver里面新建一个站点,点击设计模式
如何快速制作网站效果图
插入表格,把表格按照草稿图的格式设计好,如图:
如何快速制作网站效果图
选择切好的图片一一插入到表格中,并调整大小,最后结果如图:
如何快速制作网站效果图
END
注意事项
部分内容及色彩的搭配需要合理,一些图片需要简单的运用fireworks或者PS进行处理。