网站建设之首页及二级页面效果设计

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网站建设的设计亦是如此。

网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,网站设计的任务也不同。

设计首页的第一步是设计版面布局。可以将网页看做传统的报刊杂志来编辑,这里面有文字、图像及动画等,要用最合适的方式将图片和文字排放在页面的不同位置。这就需要图片处理软件Fireworks将原先在纸上画出的首页页面布局图设计制作成整体效果图。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。

为了保持网站风格的统一,在设计好的首页效果图基础上,通过使用图片处理软件 Fireworks,将网站的其他页面效果图设计出来。一般网站的页面,除了首页以外,其他子页面的布局风格基本相似,因此在设计子页效果时并不需要所有页面都设计出来。

在图像编辑软件中裁切设计稿

网页的效果图设计好之后,最终在浏览器中的效果就以一整张图片显示出来。为了提高浏览者浏览器下载速度和访问速度,要利用Fireworks的裁剪功能把整图裁剪成小块。将裁剪得到的小图片分别命名并保存到指定的目录下,最终在Dreamweaver中将切割开的小图片整合起来。

站点的规划与建立

网站中所用到的各类文件很多,在规划站点时不能将所有的文件都存放在根目录下,这样会造成文件管理混乱。为了提高建设网站的工作效率和便于网站的后期维护,应该在根目录下按栏目内容或按文件类型建立子目录,将相关文件存放到对应的子目录中。在建立子目录时,目录层次不能太深,一般不超过3层,这样便于维护管理。此外,在命名目录时不能使用中文,也不要出现过长的目录名。

在网页编辑软件中制作网页

将建设网站之前必须要做的工作完成之后,就可以启动网页制作软件Dreamweaver开始制作网页。启动Dreamweaver后,首先定义站点,站点创建好之后就可以对站点内的所有文件进行统一的管理,并能很好地组织和解释它们之间的关系,减少许多不必要的链接错误。

分类目录: 建站教程 | 标签: 网站  建设  首页  二级  页面  效果  设计   | 评论:0
上一篇: 动态网站工作原理
下一篇: 社交网站建设要故意设计得不够完善