网站设计技术简介

1.Web服务器建设

企业建设自己的Web服务器时需要投入很大资金，包括架设网络、安装服务器，运转时需要投入很大资金租用通信网络。因此，一般企业建设Web服务器时，可以采取服务器托管、虚拟主机、租用网页空间、委托网络服务公司代理等方式进行的。采用这些方式，一些目前没有条件或暂时没有建立网站的企业也可以马上开展网络营销。这里主要介绍常用的几种费用低廉的形式。

1）服务器托管

这种方式是企业建设自己的网站，拥有自己独立的网络服务器和Web服务器，只不过服务器托放在网络服务供应商（ISP），由ISP代为日常运转管理。企业维护服务器时，可以通过远程管理软件进行远程操作。服务器可以租用ISP 提供的服务器，也可以自行购买。采取这种方式，企业既可以拥有自己独立的域名，又可以节省企业架设网络和租用昂贵的通信网络的费用。

2）虚拟主机

一般来说，企业要在网上用自己的独立域名建立网站，必须投资一台价格不菲的服务器，而且要架设专线、专人维护，对于一些中小企业来说，往往难以一步到位。虚拟主机是使用特殊的软硬件技术，把物理电脑主机分割成多个的逻辑存储单元，每个单元都没有物理实体，但是每一个逻辑存储单元都能在网络上工作，具有单独的域名、IP地址（或共享的IP 地址）以及完整的Internet服务器功能，用于放网页程序，供用户访问。虚拟主机的硬件费用、网络维护费用、通信线路费用较独立服务器大幅度降低，网站服务器管理简单，诸如软件配置、防病毒、防攻击等安全措施都由专业服务商提供；同时也不必为使用和维护服务器的技术问题担心，更不必聘用专门的管理人员，被中小型网站普遍采用。

3）租用网页空间

和虚拟主机类似而更为简单的方法是租用网页空间，甚至不需要申请正式域名，只要向网络服务商申请一个虚拟域名，将自己的网页存放在ISP 的主机上，企业可自行上载、维护网页内容，自行发布网页信息。一般来说，租用网页空间的费用较虚拟主机更为低廉。

4）委托网络服务商代理

如果企业缺乏网络营销的专门人才，最简单的方法就是把产品或服务的网络推广委托专业公司代理。在选择代理人的时候要慎重，类似的网络服务公司有很多，服务内容和收费方法也有很大差别。

2.网页制作工具

1）FrontPage

FrontPage是由微软推出的“所见即所得”的网页编辑器。通过它用户可以在网页的任何位置精确地放置每一个元素，可以为网站设定专业的、谐调的外观，也可以方便地输入和编辑HTML源代码，而这一切都不需要编写任何程序。用户只需完成网站的基本框架，FrontPage提供的网站样板主题功能就可帮助用户安排每个网页的标题、网页导航等页面组成元素，无需Java Applet或JavaScript编辑就能实现漂亮的动态导航按钮。由于程序是在服务器端执行的，因此执行速度也较其他下载到浏览器后再执行的方式大大加快了。目前FrontPage 已被SharePoint Designer所替代。

2）网页三剑客

顾名思义，它们是一套强大的网页编辑工具，是由Dreamweaver、Fireworks、Flash三个软件组成，俗称“三剑客”。

Flash（被Adobe公司收购后称为Adobe Flash）主要用于设计和编辑Flash文档。附带的Macromedia Flash Player用于播放Flash文档。

Adobe Fireworks可以加速Web设计与开发，是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash软件集成。在Fireworks中可将设计迅速转变为模型，或利用来自Illustrator、Photoshop 和Flash的其他资源，然后直接置入Dreamweaver中轻松地进行开发与部署。

Dreamweaver（现成为Adobe Dreamweaver）是集网页制作和管理网站于一身的“所见即所得”网页编辑器，它是一套视觉化网页开发工具，可以轻而易举地制作出跨越平台限制和浏览器限制的充满动感的网页。

网页制作三剑客目前分工如下：

（1）Dreamweaver（网页制作）：主要用于动态网页的开发。

（2）Flash（动画制作）：主要用来制作动画。

（3）Fireworks（矢量图形制作和图像处理）：主要用于对网页上常用的JPG、GIF文件的制作和处理，也可用于制作网页布局。

3.静态网页制作技术

静态网页是指没有后台数据库、不含程序和不可交互的网页。静态网页更新起来比较麻烦，适用于一般更新较少的展示型网站。实际上静态网页也不是完全静态，它也可以出现各种动态的效果，如GIF格式的动画、Flash、滚动字幕等。

1）超文本标记语言

超文本标记语言（Hypertext Markup Language，HTML），是用于描述网页文档的一种标记语言。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”，就是一种URL（统一资源定位符）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML 获得广泛应用的最重要的原因之一。由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。一个网页对应于一个HTML 文件，HTML文件以“.htm”或“.html”为扩展名，可以使用任何能够生成TXT 类型的源文件的文本编辑器来产生HTML 文件。标准的HTML 文件都具有一个基本的整体结构，即HTML 文件的开头与结尾标记和HTML 的头部与主体两大部分。图13.18～图13.20所示是中国水果网首页与对应的部分HTML代码。

(www.xing528.com)

图13.18　中国水果网首页

图13.19　中国水果网首页的HTML头部代码

图13.20　中国水果网首页的HTML主体部分代码

2）CSS

CSS就是层叠样式表（Cascading Style Sheet）。层叠样式表是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体、字号样式，拥有对网页对象和模型样式进行编辑的能力，并能够进行初步交互设计，是目前基于文本展示的最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，使网页针对各类人群都有较强的易读性。

3）JavaScript

JavaScript是一种属于网络的脚本语言，主要用来向HTML 页面添加交互行为。JavaScript代码可以直接嵌入HTML页面，但写成单独的JS文件有利于结构和行为的分离。JavaScript已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。JavaScript可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等），支持绝大多数浏览器。

4.动态网页技术

网络技术日新月异，许多网页文件的扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些文件都是采用动态网页技术制作出来的。

1）PHP

PHP即Hypertext Preprocessor（超文本预处理器），是Internet上最为火热的脚本语言，其语法借鉴了C、Java、Perl等语言，但只需要很少的编程知识就能使用PHP建立一个真正交互的Web站点。它与HTML 语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML 标签中加入脚本代码从而更好地实现页面控制。PHP 提供了标准的数据库接口，数据库连接方便，兼容性强，扩展性强，可以进行面向对象编程。

2）ASP

ASP即Active Server Pages，是微软开发的一种类似HTML（超文本标记语言）、Script（脚本）与CGI（公用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP 的应用程序。ASP 在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。ASP最大的不足就是安全性不够好。ASP 的最大好处是可以包含HTML 标签，也可以直接访问数据库及使用无限扩充的ActiveX 控件，因此在程序编制上要比HTML方便而且更富有灵活性。

3）JSP

JSP 即Java Server Pages，它是由Sun Microsystem 公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，JSP 可以在85%以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网页技术。

4）.NET

.NET 是ASP的升级版，也是由微软开发，但是和ASP 却有天壤之别。.Net是网站动态编程语言里最好用的，不过易学难精。从.NET2.0开始，.NET 把前台代码和后台程序分为两个文件管理，使得.NET 表现和逻辑相分离。.NET 网站开发跟软件开发差不多。.NET 开发的网站是编译执行的，效率比ASP开发的高很多。.NET 在功能性、安全性和面向对象方面都做得非常优秀，是非常不错的网站编程语言。

案例分析

颜色的魅力——茶叶包装的色彩

茶叶包装的色彩选择是一种美学＋艺术的体验活动。曾有实验如下：将同品质的绿茶分别倒入红、绿、蓝、棕色的茶罐中，然后请人饮用以茶罐中的茶叶泡制的茶水。结果表明：

80%的人认为：红色茶罐里的茶叶气味较浓郁，回味持久，茶叶档次较高。

87%的人认为：蓝色茶罐里的茶叶味有酸涩感，风味不佳。

92%的人认为：棕色茶罐里的茶叶气味浓郁、醇厚，回味持久，品质纯正，是陈茶。

96%的人认为：绿色茶罐里的茶叶气味清新、香醇，品质纯正，茶水颜色清澈，是新茶。

为寻找茶叶包装色彩更直觉的印象，设计师和摄影师等在对茶叶包装进行设计或者拍摄效果图时，需要深刻认识到颜色的魅力以及颜色给消费者的感官刺激，设计或拍摄出令消费者产生良好心理反射的包装效果图。