网站制作之如何制作简单网页
网站制作 2009-01-13
如果想快速seo,版面设计可以用photoshop软件制作,用PS制作网页版面可以很好的控制和调整网页框架的布局或色彩的协调搭配,也便于整体的修改和局部的细致刻画,使网页更具个性化。
让我们先来了解一下版面布局的步骤:
一.草案
新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以)。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本。
二.粗略布局
在草案的基础上,将你确定需要放置的功能模块安排到页面上。(注:功能模块我们在"首页设计-引子"中提过,主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。
三.定案
将粗略布局精细化,具体化。(靠你的智慧和经验,旁敲侧击多方联想,才能作出具有创意的布局。)
网页框架完成后,下一步就是做成适应网页框架的背景图,可以用PS将整图切割成4部分(这里你可以根据自己的构思,进行切割)背景图1为 LOGO区域,(LOGO制作)背景图为过渡区,也可以把1-2区域合并为一个区域,本人的意图是为了减少LOGO区域背景图的文件的大小,背景图3为文章区,这里应注意图片上下的衔接,因该区域的高度是根据文章内容而定的,背景图4为网页的底部。
用PS完成框架的制作及切割后,就可以用FrontPage2003制作网页了,该软件可以在OFFICE安装光盘里可以找到,你只要会word,相信这个也不难掌握。
上一篇:seo从网站结构优化开始
下一篇:做好网页优化提高用户体验的三十条经验