2.2 网站建设的基本流程
创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班地来,才能设计出满意的网站。因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好、更合理的网站。
2.2.1 网站的整体规划
一项建筑工程在开始之前需要进行详细的规划,网站建设也是一样。在创建网站前必须做的工作就是对网站进行整体的规划和设计,网站的整体规划和设计在整个网站创建中起到指导的作用。好的网站规划能够令网站质量更佳,使浏览者身心舒畅。
网站的设计是展示企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划,主要内容有以下几点。
第1点:公司自身条件、概况、市场优势、可以利用网站提升哪些竞争能力、建设网站的能力(费用、技术、人力等)。
第2点:相关行业市场及特点,是否适合利用网络开展公司业务。
第3点:市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。
第4点:客户和潜在客户的特点(分布地域、年龄阶段、网络速度、阅读习惯、文化风俗)。
一位商务学家曾经说过对于企业最重要的一句话:定位、定位、还是定位。在设计站点规划之初同样需要考虑:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?企业产品和服务适合什么样的表现方式(风格)?
对网站的整体风格和特色做出定位,可以从以下几个方面考虑。
第1个:明确建立网站的目的,是宣传产品,进行电子商务,建立行业性网站?是企业需要还是市场需求?
第2个:整合公司资源,确定网站的类型,产品宣传、网上营销、客户服务、电子商务。
第3个:当前网站的规模及其扩展性。
2.2.2 确定网站的内容和服务
网站的内容和服务使网站的目的和主题更加具体化。对于个人网站,网站的内容不用过分强调标新立异,但却不能做一些过于陈旧的东西。例如,几年前就已经兴起且已经流行过的东西就不要放太多。互联网上喜欢有新意的东西,访问者对于已经看过的东西一般很少会感兴趣。一般网上商城网站的栏目包括:会员登录、会员注册、产品搜索、产品详细信息、在线订单、相关帮助和联系信息等。
2.2.3 规划网站目录的结构
目录的结构是一个容易忽略的问题,大多数网站都是未经规划随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议。
1.不要将所有文件都存放在根目录下
有的网友为了方便,将所有文件都放在根目录下,这样做容易造成文件管理混乱。你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外也影响上传速度。服务器一般都会为根目录建立一个文件索引,当将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,给你的建议是:尽可能减少根目录的文件存放数。
2.按栏目内容建立子目录
子目录的建立,首先按主菜单栏目建立。例如网页教程类站点可以根据技术类别分别建立相应的目录,像Flash、Dreamweaver、JavaScript等,企业站点可以按公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。而一些相关性强、不需要经常更新的栏目,例如:关于本站、关于站长等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,所有需要下载的内容也最好放在一个目录下。
3.在每个主目录下建立独立的images目录
通常一个站点根目录下都有一个images目录。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。
2.2.4 收集资源
网站的主题内容是文本、图像和多媒体等,它们构成了网站的灵魂,否则再好的结构设计都不能达到网站设计的初衷,也不能吸引浏览者。在对网站进行结构设计之后,需要对每个网页的内容进行一个大致的构思,如哪些网页需要使用模板,哪些网页需要使用特殊设计的图像,哪些网页需要使用较多的动态效果,如何设计菜单,采用什么样式的链接,网页采用什么颜色和风格等,这些都对资源收集具有指导性作用。
重要的文本:如企业简介文本,不能临时书写,要得体、简明,一般使用企业内部的宣传文字。
重要的图像:如企业的标志、网页的背景图像等,这些图像对于浏览者的视觉影响很大,不能草率处理。
库文件:对于一些常用和重要的网页对象,需要使用库文件来进行管理和使用,在设计网页之前,可以先编辑这些库文件备用。
Flash等多媒体元素:许多网站都越来越多地使用Flash等多媒体元素,这些多媒体元素在设计网页之前就需要收集妥当或者制作完成。
2.2.5 网页效果图设计
在确定好网站的风格和搜集完资料后就需要设计网页图像了,网页图像设计包括Logo、标准色彩、标准字、导航条和首页布局等。可以使用Photoshop或Fireworks软件来具体设计网站的图像。
有经验的网页设计者,通常会在使用网页制作工具制作网页之前,设计好网页的整体布局,这样在具体设计过程将会胸有成竹,大大节省工作时间。
网页图像设计是网站规划中的一个非常重要的环节。网页的设计包括网站的Logo设计、网页的布局设计、网页的色彩搭配和网站的字体等。互联网上有很多风格迥异的网站,其表现有的大气、有的婉约、有的精致、有的古典、有的沉稳、有的庄严肃穆、有的高雅严谨、有的雄伟壮丽等。如图2-1所示是设计的网页效果图。
图2-1
2.2.6 编辑制作网页
设计完网页图像后,就可以按照规划逐步制作网页了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要灵活运用模板,这样可以大大提高制作效率。如图2-2所示是使用Dreamweaver编辑制作网页。
图2-2
2.2.7 申请域名和服务器空间
域名是企业或事业单位在因特网上进行相互联络的网络地址,在网络时代,域名是企业、机构进入因特网必不可少的身份证明。
国际域名资源是十分有限的,为了满足更多企业、机构的申请要求,各个国家、地区在域名最后加上了国家标记段,由此形成了各个国家、地区的国内域名,如中国是cn、日本是jp等,这样就扩大了域名的数量,满足了用户的要求。
从经济角度看,域名分两种情况:一种是收费域名,另一种是免费域名。实际上,大多数域名都是收费的,现在免费的域名已经越来越少了。
提供收费域名的ISP很多,图2-3所示的是“美橙互联”网站的收费域名申请页面。域名申请成功后,有的ISP还附加提供一定的主页空间,可以直接上传和发布网页。采用收费域名的最大优点是服务有保证,功能比较齐全。
图2-3
免费域名只提供域名,不提供主页空间,因此这种域名实际上只提供一种转向功能,不能真正发布网页。图2-4所示的是“我的酷网”网站的免费域名申请页面。
图2-4
在申请注册之前,用户必须先检索一下自己选择的域名是否已经被注册,最简单的方式就是上网查询。国际顶级域名可到国际互联网络信息中心InterNIC(http://www.internic.net)的网站上查询,国内顶级域名可到中国互联网络信息中心CNNIC(http://www.cnnic.net.cn)的网站上查询。
例如,用户可以登录到CNNIC查询一下自己选择的国内顶级域名,在查询框内输入想要查询的域名,单击“查询”按钮即可,如图2-5所示。如果已经被他人注册,将会出现域名、域名注册单位、管理联系人、技术联系人等提示信息。如果没有被他人注册,将会出现“你所查询的信息不存在”的提示信息,这时用户就可以开始注册了。
图2-5
用户可以通过两种方式填写注册申请表。
Web方式:用户可以在CNNIC的网站上直接填写域名注册申请表并提交,CNNIC会对用户提交的申请表进行在线检查,填写完毕后单击“注册”按钮即可。
E-mail方式:用户也可以从CNNIC网站上下载纯文本的域名注册申请表,填好后发E-mail到hostmaster@cnnic.net.cn邮箱进行注册。
申请了域名后,就要申请网站空间了。网站是建立在网络服务器上的一组Web文件,它们需要占据一定的硬盘空间,这就是一个网站所需的网站空间。
一个网站需要多少空间呢?这是网站建设者十分关心的问题。以一个简单的企业网站为例,基本网页HTML文件和网页图片需要1~3MB的空间,产品照片和各种介绍性页面的大小一般为10MB左右,另外还需要存放反馈信息和备用文件的空间,再加上一些剩余硬盘空间(否则容易导致数据丢失),大概需要20~30MB的网站空间(即虚拟主机)。
当然,如果是专门从事网络服务的网站(比如综合性门户网站、电子商务网站),有大量的内容要存放在网站中,这就需要更大的空间,一般都要使用专用服务器。
对于普通用户来说,一般可以通过以下几种方式获得网站空间。
第1种:购买自己的服务器。
第2种:租用专用服务器。
第3种:使用虚拟主机。
第4种:使用免费网站空间。
总地来说,用户一定要根据实际需求来选择网站空间。如果只想拥有一个自己的Web网站,那么只要加入一个ISP就可以了;如果想尝试当网络管理员的乐趣,则可以考虑申请虚拟主机服务,而且现在租用虚拟主机的费用并不高;如果想建立很专业的商业网站,建议最好租用服务器或购买自己的服务器。
提示
虚拟主机是在网络服务器上划分出一定的磁盘空间供用户放置站点、应用组件等,提供必要的站点功能、数据存放和传输功能。所谓虚拟主机,也叫“网站空间”,就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器,每一个虚拟主机都具有独立的域名和完整的互联网服务器(支持Web、FTP、Email等)功能。虚拟主机是网络发展的福音,极大地促进了网络技术的应用和普及。同时,虚拟主机的租用服务也成了网络时代的经济形式,虚拟主机的租用类似于生活中的房屋合租。
2.2.8 网站的维护、测试
网站设计完成后,接下来要进行的是网站的测试和操作。在网站规划阶段必须做好网站的测试的方案。很多网页设计的初学者以为网站设计好了就可以进行网站的发布了,其实不然。在网站制作完成后,要认真地检测网站存在的错误,在检查完错误后才能进行网站的发布。这是因为网站在发布到互联网后,如被访问者发现有错误,其影响是很不好的,会降低访问者对企业网站及企业的信任度。
保证网站正常运行、改版,内容更新等是网站管理员所做的维护工作。网站测试实际上是模拟用户询问网站的过程,用以发现问题并对此改进设计。发布是让人知道网站的存在。这个阶段一般包括以下几点。
第1点:制定网站改版计划,及时更新网页内容的站点信息,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的形象。
第2点:制定相关网站维护规定,包括服务器及相关软、硬件维护,数据库维护。
第3点:网站发布前进行细致周密的测试,保证正常浏览和使用,包括服务器、程序和数据库、网页兼容性、其他。
第4点:测试通过后为网站发布进行相关的公关、广告活动。
2.2.9 网站上传和发布
当网站所有的页面都完成以后,下一步就要把它上传到互联网上去给浏览者访问。这里以著名的FTP软件CuteFTP为例,讲讲上传和发布站点的过程。
01 启动CuteFTP,单击左上角的站点管理器按钮,如图2-6所示。
图2-6
02在弹出的“站点管理器”对话框中单击按钮,如图2-7所示。
图2-7
03 弹出“站点设置”对话框,在“站点标签”文本框中为站点命名,以方便管理。如这里输入“我的网站”。
04 在“FTP主机地址”文本框中输入申请空间的FTP主机地址。
05 在“FTP站点用户名称”文本框中输入申请空间的用户名。
06 在“FTP站点密码”文本框中输入申请空间的密码。
07 在“FTP站点连接端口”文本框中输入21。完成后单击按钮,如图2-8所示。
图2-8
08 连接完成后将左边“本地硬盘”上的文件拖到右边“服务器硬盘”上即可,如图2-9所示。
图2-9
09 上传完毕后断开“连接”即可,如图2-10所示。输入申请的域名,就可以在互联网上浏览制作好的网页了。
图2-10
2.2.10 网站的宣传推广
在网站发布后,最后还应确定网站的维护和推广方案。不论是个人网站还是企业的公司网站,或是运营性质的网站,都需要进行维护和定期更新。
网站的推广对网站的运营有重大的作用,例如,可以促进企业的网络营销等。常见的网站推广方法有搜索引擎推广、电子邮件推广、网站资源合作推广、信息发布推广、网络广告推广和传统广告推广。如图2-11与图2-12所示分别是使用百度搜索引擎和电子邮件推广网站。
图2-11
图2-12