网站建设技术
—摘自《Website construction and release technology》
By Mani Subramanian
1.引言
网络技术的发展,为今天全球性的信息交流与资在建立源共享和交往提供了更多的途径和可能。足不出户便可以知晓天下大事,按几下键盘或点几下鼠标可以与远在千里之外的朋友交流,网上通信、网上浏览、网上交互、网上电子商务已成为现代人们生活的一部分。
Internet 时代, 造就了人们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为人们带来了新的机遇。随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快。近几年网页设计发展,快得人目不暇接。随着网页设计技术的发展,丰富多彩的网页成为网上一道亮丽的风景线。要想设计美观实用的网页就应该深入掌握网站建设技术。在建立网站时,我们分析了网站建立的目的、内容、功能、结构,应用了更多的网页设计技术。
2.网站的定义
2.1 如何定义网站
确定网站的任务和目标,是建设网站所面临的最重要的问题。为什么人们会来到你的网站? 你有独特的服务吗? 人们第一次到你的网站是为了什么? 他们还会再来吗? 这些问题都是定义网站时必须考虑的问题。要定义网站,首先,必须对整个网站有一个清晰认识,弄清到底要设计什么、主要的目的与任务、如何对任务进行组织与规划。其次,保持网站的高品质。在众多网站的激烈竞争中,高品质的产品是长期竞争的最大优势。一个优秀的网站应具备：
（1）用户访问网站的速度要快；
（2）注意反馈与更新。及时更新网站内容、及时反馈用户的要求；
（3）首页设计要合理。首页给访问者留下的第一印象很重要,设计务必精美,以求产生良好的视觉效果。
2.2 网站的内容和功能
在网站的内容方面,就是要做到新、快、全三面。网站内容的类型包括静态的、动态的、功能的和事物处理的。确定网站的内容是根据网站的性质决定的,在设计政府网站、商业网站、科普性网站、公司介绍网站、教学交流网站等的内容和风格时各有不同。我们建立的网站同这些类型的网站性质均不相同。
2.3 网站的结构
(1)内容型
所谓的内容型就是说完全是由内容组成的页面，没有其他任何信息。只是单纯的对内容进行一个完整的介绍与说明的网页。在给网站进行优化的时候内容型的页面使是不能选择的，因为不管是浏览者还是搜索引擎当他们浏览到这一个页面的时候就已经不知道该去哪里浏览。浏览者一般情况下遇到这种情况便会离开网页重新搜索想找的信息。
(2)内容导航结合型
内容导航结合型一样主要的目的是展示内容所用，但是在展示内同的同时还增加了导航辅助，这样当一个浏览者进入这个内容页面的时候他不仅看到了所需要的内同在他浏览完的时候如果觉得这篇文章有用，那么就会通过内容页所设置的导航继续阅读其他的文章。对于搜索引擎来讲在对内容抓取结束以后导航也会对其产生指引的效果，让其依然停留在本网站，让本网站被抓取的可能性大大提高，但是美中不足的就是内容导航结合型给搜索引擎做的指引量远远不足于导航型对搜索引擎的指引量。内容导航型页面使以网站中相对重要的内容导航为主，内容导航型页面主要由栏目组成，常见于网站或者是频道的首页。在设置内容导航页时需要把性质或者特征相同的内容分成同一个栏目从而展示给用户，这样有助于用户轻而易举的找出所需要的内容，这样同样对搜索引擎有很大的帮助，可以是搜索引擎更快速的对页面进行抓取。
(3)导航型
导航型，顾名思义就是说以网页导航为主的页面，根据网页的重点与次重点可分为频道导航型和内容导航型。频道导航型页面十一网站频道导航为主的页面，常用于频道比较多的网站首页。如，导航性质的网站和目录网站。频道导航的优点如果公司有很多种产品的类型，那么便可以设置一个频道导航以更好的展示公司的产品。在制作频道导航页的时候只需要列出个频道的名称并且给其加上相应的链接即可也可称其为锚文本，在锚文本的排列上根据大多浏览者的浏览习惯应该把比较重要的放在最上面。
3.网站的设计与实现
随着人们对设计的要求越来越高,高格调,高品位的设计作品,才深受人们的欢迎。这也就给设计者们提出了更高的要求,从这个角度说,板式设计正是满足了人们的要求应需而生。科技的飞跃发展, 让Internet 走进了千家万户,也产生出新的设计领域空间,而网页设计成为新的设计领域的重要内容。优秀的网页设计,必须有好的创意,才能使观者视线久久难移,产生震撼力。版面设计是很重要的,通过文字、图形的空间组合,能最佳的表达出和谐与美。如果想进一步认识网页设计,做出有别于一般网站的网页,就需要掌握更多的象CSS 、javascript 、CGI 等网页设计技术。在网站的建设中就应用了CSS 、javascript 等网页设计技术。
Dreamweaver、CSS、Javascript这三项技术是网页界面设计的三件法宝，特别是Div+CSS的搭配，简直就把网页设计发挥得淋漓尽致，本设计就是运用了大量的Div+CSS技术，同时配合Photoshop进行界面美化。Javascript技术是对客户端的浏览器进行编写脚本代码的一种技术，它配合AJAX技术使用，很多验证问题，在线的编辑器Xhedit都用到它，在首页图片滚动这里也使用到Javascript技术。
3.1 应用CSS 设计网页
(1) 什么是CSS ? CSS 是一种样式表(stylesheet)技术。也有的人称之为层叠样式表( Cascading Stylesheet)。
(2) CSS与HTML的结合方式。方式一：将所定义的CSS内容书写在这一对标签之间。方式二：将CSS内容单独保存为一个文本文件,再由标签来调用。
(3) CSS在网站中的应用事例。在网站中的页面,增加了以下的定义, 使页面有特殊的显示效果。
3.2 应用javascript 设计网页
javascript的出现使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息,并对客户操作进行反应的Web页面的取代。javascript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种。与WWW的结合有效地实现了网络计算和网络计算机的蓝图。
3.3 Dreamweaver
Dreamweaver是美国MACROMEDIA个人开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA个人称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA个人对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。
4.关于网站建设的几点体会
随着Internet的普及，越来越多的政府部门、公司和个人意识到需要拥有自己的独立网站。下面就设计和制作网站谈谈自己的一些体会。在进行完系统分析之后，我们就应该进行系统的设计。网页的设计类似于软件开发的设计，有自顶向下、自底向上和不断增补等设计方法。主要任务是网页内容的设计，包括网页的信息组织结构、外观、内容分块、导航与链接、目录结构等设计。系统设计是网站具体实现前的准备，对网页的实现进一步提出更具体的要求，对网页的整体效果、局部细节有更明确的设想。这个过程是整个网站规划中的关键。接下来就是如何将自己设计的网站实现的问题。对于网站的实现，我认为需要考虑两部分：网页的实现；Web服务器的实现。在网站实现的过程中，技术选型很重要。前者主要使用HTML语言，对于交互性较强的网站来说，建议采用ASP、JSP、PHP等编程来辅助实现，更为复杂的网站可能还会有自己的数据库。后者则用到各种基于不同操作系统的Web服务器软件的安装、调试。这个阶段是整个过程中最主要也最耗时的一部分。当我们完成了上述工作后，就需要进行网页发布了。到了这个阶段，网页制作就接近尾声，主要工作是把做好的网页发布到网络上，对网页作最后的修改、测试，保证网页能在网络上正常地运行。在网页发布以后，应对网页进行各个方面各种情况的测试，包括网页能否对任何不同的浏览器、不同的访问者都表现正常，ASP、JSP、PHP程序能否正常工作等等。这个阶段是网页的试运行期，此时应把网页的各种缺陷尽量弥补，使网页更加完善。经过一段时期的运行，网站就进入了正常运行期，主要工作是及时更新网页过时的信息，及时对访问者的留言做出反馈，进一步完善网页，不断采用新的技术更新升级网页，使网页的访问更迅速，外观更美观，信息资源更丰富。
以上就是建站要大体遵循的七个步骤，这七个步骤是相辅相成的，但可根据网页的难易程度和复杂度适当增强或减弱某个环节。总之，建设一个成功的网站并非一件容易的事，它需要全方位考虑，综合各方面的因素。
5.结束语
随着Internet技术的突飞猛进,各行各业都在加入Internet的行业中来。无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。Internet成为了一个设计人员施才华的新天地。人们将不断探索,将网站建设中的新技术应用在网站中。
