中文版Dreamweaver CC+Flash CC+Photoshop CC网页设计基础培训教程
上QQ阅读APP看书,第一时间看更新

1.4 网站建设的基本流程

在开始建设网站之前就应该有一个整体的战略规划和目标,规划好网页的大致外观后就可以进行设计了。当整个网站测试完成后,就可以发布到网上。大部分站点需要定期进行维护,以实现内容的更新和功能的完善。

1.4.1 前期网站策划

一件事情的成功与否,其前期策划举足轻重,网站建设也是如此。网站策划是网站设计的前奏,主要包括确定网站的用户群和定位网站的主题,还有形象策划、制作规划和后期宣传推广等方面的内容。网站策划在网站建设的过程中尤为重要,它是制作网站过程中所迈出的重要的第一步。作为建设网站的第一步,网站策划应该切实地遵循“以人为本”的创作思路。

网络是用户主宰的世界,由于可选择的对象众多,而且寻找起来也相当便利,网络用户明显缺乏耐心,并且想要迅速满足自己的要求,如果他们不能在一分钟之内弄明白如何使用一个网站,他们会认为这个网站不值得再浪费时间,然后就会离开,因此只有那些经过周密策划的网站才能吸引更多的访问者。

1.4.2 规划站点结构

一个网站设计得成功与否、很大程度上取决于设计者规划水平的高低。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、网站导航、颜色搭配、版面布局、文字图片的运用等。只有在制作网站之前把这些方面都考虑到了,才能在制作时胸有成竹。

1.4.3 收集网站相关素材

网站的前期策划完成以后,接下来就是按照确定的主题进行资料和素材的收集、整理。这一步也是特别重要的,好的想法如果没有内容来充实是肯定不能实现的。但是资料、素材的选择是没有什么规律的,可以寻找一些自己认为好的东西,同时也要考虑浏览者的情况,因为每个人的喜好都不同,如何权衡取舍,就要看设计者如何把握了。收集回来的资料一定要整理好,归类清楚,便于以后使用。

1.4.4 网页的版式与布局分析

当资料的收集、整理完成后,就可以开始进行具体的网页设计工作。在进行网页设计时,首先要做的就是设计网页的版式与布局。现在,网页的布局设计变得越来越重要,因为访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功结合时,这种网页或者说站点才是受人欢迎的。取任何一面都有可能无法留住“挑剔”的访问者。

网页布局的方法有两种,第一种为纸上布局法,第二种为软件布局法。

纸上布局法。许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页设计软件中边设计布局边添加内容。这种不打草稿的方法很难设计出优秀的网页来,所以在开始制作网页时,要先在纸上画出页面的布局草图。

软件布局法。如果制作者不喜欢用纸来画出布局图,那么还可以利用软件来完成这些工作。可以使用Photoshop所具有的对图像的编辑功能设计网页布局,利用Photoshop还可以方便地使用颜色、图形,并且可以利用层的功能设计出用纸张无法实现的布局概念。

1.4.5 确定网页的主色调

色彩是艺术表现的要素之一。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。同时还应该根据色彩对人们心理的影响,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的特质,如红色象征血、太阳,蓝色象征大海、天空和水面等。网页的颜色应用并没有数量的限制,但不能毫无节制地运用多种颜色。一般情况下,先根据整体风格的要求定出一到两种主色调,有企业形象识别系统(CIS)的,更应该按照其中的VI进行色彩运用。如图1-10所示为成功的网站配色。

图1-10

在色彩的运用过程中,还应该注意的一个问题是由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜好程度有着很大的差异。如儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色等。设计者在设计中要考虑主要读者群的背景和构成,以便选择恰当的色彩组合。

1.4.6 设计网站页面

在版式布局完成的基础上,将确定的功能模块(功能模块主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、版权信息等)、图片、文字等放置到页面上。需要注意的是,这里必须遵循突出重点、平衡协调的原则,将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置,然后再考虑次要模块的摆放。

1.4.7 切割和优化网页图像

整体的页面效果制作好以后,就要考虑如何把整个页面分割开来,使用什么样的方法可以使最后生成的页面的文件量最小。对页面进行切割与优化是具有一定规律和技巧的。

1.4.8 制作网站HTML页面

这一步就是具体的制作阶段,也就是大家常说的网页制作。目前主流的网页可视化编辑软件是Adobe公司的Dreamweaver,它具有强大的网页编辑功能,适合专业的网页设计制作人员,本书将主要介绍使用Dreamweaver对网页进行设计制作。完成了这一步,整个网页也就制作完成了。

1.4.9 开发动态网站功能模块

完成网站HTML静态页面的制作后,如果还需要动态功能的话,就需要开发动态功能模块。网站中常用的功能模块有新闻发布系统、搜索功能、产品展示管理系统、在线调查系统、在线购物、会员注册管理系统、统计系统、留言系统、论坛及聊天室等。

1.4.10 申请域名和服务器空间

网页制作完毕,最后要发布到Web服务器上,才能够让众多的浏览者观看。首先需要申请域名和空间,然后才能上传到服务器上。

可以用搜索引擎查找相关的域名空间提供商,在他们的网站上可以进行在线域名查询,从而找到最适合自己的而且还没有被注册的域名。

有了自己的域名后,就需要一个存放网站文件的空间,而这个空间在因特网上就是服务器。一般情况下,可以选择虚拟主机或独立服务器的方式。

1.4.11 测试并上传网站

网站制作完成以后,暂时还不能发布,需要在本机上进行内部测试,并进行模拟浏览。测试的内容包括版式、图片等显示是否正确,是否有死链接或者空链接等,发现有显示错误或功能欠缺后需要进一步修改,如果没有发现任何问题,就可以发布上传了。发布上传是网站制作中的最后一步,完成这一步骤后,整个过程就结束了。

1.4.12 网站的更新与维护

严格地说,后期更新与维护不能算是网站设计过程中的环节,而是制作完成后应该考虑的。但是这一项工作却是必不可少的,尤其是信息类网站,更新和维护更是必不可少。这是网站保持活力、吸引力以及正常运行的保障。