一个优秀的网站不仅包括前期的设计,还包括后期的建设。网站建设包括静态页面搭建、动态模块开发以及后期的发布、维护、推广等诸多事宜,因此在进行网站建设之前,我们有必要掌握一些网站建设的基本知识,为后面的学习夯实基础。同网页设计一样,网站建设也需要一个完整而严谨的流程,以便提高网站建设的效率,达到事半功倍的效果。网站建设流程主要包括搭建静态页面、开发动态网站模块以及后期的上传、发布、推广、维护。接下来,我们将对网站的建设流程做具体介绍。
1、页面观察和搭建
搭建静态页面是指将设计的网页效果图转换为能够在浏览器浏览的页面。这就需要对页面设计规范有一个整体的认识并掌握一些基本的网页脚本语言,例如HTML、CSS等。需要注意的是,在拿到网页设计效果图后,切忌直接切图、搭建结构。应该先仔细观察效果图,对页面的配色和布局有一个整体的认识,主要包括颜色、尺寸、辅助图片等,具体介绍如下。
颜色:观察网页效果图的主题色、辅助色、点睛色,了解页面的配色方案。尺寸:观察网页效果图的尺寸,确定页面的宽度和模块的分布。
辅助图片:观察网页效果图,看哪些地方使用了素材图片。确定需要单独保留的图片。例如,重复的背景图、小图标、文本内容配图等。
对页面效果图有了一个基本的分析之后,就能够“切图”了。“切图”就是对效果图进行分割,将无法用代码实现的部分保存为图片。当切完图之后,就可以使用HTML、CSS搭建静态页面。搭建静态页面就是将效果图转换为浏览器能够识别的标记语言的过程。图3-1所示为某食品网站的效果图,图3-2所示为网站效果图对应的代码。
2、开发动态网站模块
静态页面建设完成后,如果网站还需要具备一些动态功能(例如搜索功能、留言板、注册登录系统、新闻信息发布等),就需要开发动态功能模块目前广泛应用的动态网站技术主要有PHP、ASP、JSP三种,具体介绍如下。
1.PHP
PHP即HypertextPreprocessor(超文本预处理器),是一种通用的开源脚本语言。PHP语法吸收了C语言、Java(C语言和Java均是编程语言)的特点,利于学习,使用广泛,
主要适用于Web开发领域。PHP提供了标准的数据库接口,数据库连接方便,兼容性和扩展性非常强,是目前使用较广泛的技术。
2.ASP
ASP即ActiveServerPages(动态服务器页面),是一种局限于微软的操作系统平台之上的动态网站开发技术,主要工作环境为微软的IIS应用程序结构。ASP人门比较简单,但是安全性较低,而且不宜构架大中型站点,其升级版ASP.NET虽然解决了这一问题,但开放程度低,操作麻烦。
3.JSP
JSP即JavaServerPages(Java服务器页面),是基于JavaServlet以及整个Java体系的Weh开发技术,它与ASP有一定的相似之处。JSP被认为是阿站建设技术中安全性最好的,虽然学习和操作均较为复杂,但目前被认为是三种动态网站技术中有前途的技术。