网站动态与静态的辨析，请详述其差异！

网站动态与静态的特色：

1. 当网页信息一经上传至网站服务器后，不论有无访客，每个静态网页的信息都会保存在服务器上，这意味着静态网页实质上是存储在服务器上的真实文件，每个页面都是一个独立的文件；

2. 静态网页的内容相对固定，因而便于搜索引擎索引；

3. 静态网页缺乏数据库的支持，在网站建设与维护上工作量较大，故而当网站内容众多时，完全依赖静态网页的制作方式较为艰难；

4. 静态网页的互动性有限，在功能上存在较大局限。

那么，何谓动态网站？所谓的“动态”，并非仅指网页上的简单GIF动态图像或是Flash动画，动态网站的定义尚未统一，但通常具有以下基本特性：

1. 互动性：网页会根据用户的请求和选择而动态改变和响应，浏览器作为客户端，成为动态交流的桥梁，动态网页的互动性也是未来Web发展的趋势。

2. 自动更新：无需手动更新HTML文档，即可自动生成新页面，大大减轻工作量。

3. 因时因人而异：即不同时间、不同用户访问同一网址时，会看到不同的页面。

此外，动态网页与静态网页相对应，即网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见格式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀。在动态网页URL中存在一个标志性的符号——“？”，例如这样一个动态网页的地址为：

这是一个典型的动态网页URL格式。

这里所说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”无直接关联，动态网页也可以是纯文字内容的，也可以包含各种动画内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。

从网站浏览者的视角来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看，则存在很大差异。以下是网络营销教学网站对动态网页的一般特性简要总结：

(1) 动态网页以数据库技术为基础，可显著降低网站维护的工作量；

(2) 采用动态网页技术的网站可以实现更多功能，如用户注册、用户登录、在线调查、用户管理、订单管理等；

(3) 动态网页实际上并非独立存在于服务器上的网页文件，只有当用户请求时，服务器才返回一个完整的网页；

(4) 动态网页中的“？”对搜索引擎索引存在一定问题，搜索引擎一般不可能从网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索机器人不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能满足搜索引擎的要求。

如今，各大论坛、聊天室人满为患，说明网络发展强调更多的互动性。也许你也想拥有一个私人论坛——听听别人对你主页的建议和看法；拥有一个聊天室——志同道合的朋友在一起自由讨论……其实，只要跟我们一起学习动态主页的制作技巧，在自己的网站中轻松搭建个人社区就再也不是梦想了！那么，从本期开始，别忘了关注我们为你推出的动态网页制作技术教程。

谈及动态主页的制作，就不能不提到ASP动态网页技术。细心的读者会发现很多网站的文件是以*.asp结尾，那么这个ASP到底是什么，它与HTML有什么关系，又是如何工作的呢？不妨一起来看一看。

一、详解ASP

ASP是Active Server Pages的简称，是微软开发的服务器端脚本环境，它内含于IIS或PWS中，提供一个用于服务器端脚本执行的环境，以此来实现动态交互的目的，这也是许多动态网页技术的共同特征。本章内容均围绕 IIS 进行讲解，PWS 的内容与此大致相同。

ASP 的兴起似乎是“一夜之间”，它到底有什么“魔力”呢？

1. 无需编译或链接即可执行，可集成于HTML代码中，有了它，可省去许多繁琐重复的劳动。

2. 与浏览器无关：用户端只要使用可执行HTML代码的任何浏览器（例如IE、Netscape等），即可浏览由ASP所设计的主页内容。所有代码都是在服务器端执行，只要写好代码，工作服务器就能搞定一切。

3. 可通过ActiveX Server Components（ActiveX服务器组件）来扩充功能，而ActiveX Server Component可使用Visual Basic、Java、Visual C++、COBOL等语言来实现，有了它就可随意扩展功能。更令人兴奋的是，现在网上有很多第三方组件可以随意下载，想要什么尽可去Search、去Download，然后放在你的ASP代码中调用就OK啦。

4. ASP与任何ActiveX Scripting语言兼容。除了可使用VBScript或JavaScript语言来设计之外，还可通过Plug-in的方式，使用由第三方提供的例如REXX、Perl、Tcl等脚本语言，学过动态主页制作的人都知道它们的重要性。

5. ASP源程序代码不会在浏览过程中被下载到用户的浏览器中，也就是说它对你的代码进行了保密。太棒了，花了九牛二虎之力做好的东西可不能让别人轻轻点一下鼠标就拿走了。

ASP作为一种动态网页制作技术，易于学习和使用，令人心动。接下来我们就来看看ASP是如何工作的，一般来说，ASP文件由3个部分组成：

1. 普通的HTML文本（也就是基本网页的内容）。

2. 客户端的脚本代码（与之间的程序代码）。

3. 服务端执行的程序代码（<%……%>之间的程序代码）。

我们先来看一个简单的例子：

我们先来观察一个简略的示例：

hello.asp

<%language=VBScript%>

<%

var says

if hour(now)<12 then

says="上午好！"

else

if hour(now)<18 then

says="午后好！"

else

says="夜晚好！"

end if

end if

%>

结果如何呢？假如浏览者在上午10点打开这个网页，将会看到“上午好！”的问候语（图1），如果是下午14点进入，页面中则会出现“午后好！”。上面<%……%>之间的程序由服务器来执行，而我们常用的脚本则是由客户端来执行。这个简单的示例包含了ASP的典型结构，并且突出了ASP的服务端执行，对于我们初学ASP有一定的借鉴意义。

ASP动态网页与普通的静态网页在展示上有很大不同，它整个的运行过程可以分解为以下几步：

第1步：用户在浏览器的网址栏中输入.asp文件名称，并回车触发这个ASP的请求。

第2步：浏览器将这个Active Server Pages的请求发送给IIS。

第3步：IIS接收这个请求并根据其.asp的后缀，意识到这是个ASP请求。

第4步：IIS从硬盘或内存中接收正确的ASP文件。

第5步：IIS将这个文件发送到一个叫ASP.dll的特定文件中。

第6步：ASP文件将会从头至尾被执行，并根据命令要求生成相应的静态页面，生成HTML主页。

第7步：HTML主页将被送回浏览器。

第8步：HTML主页将会被用户浏览器解释执行并展示在用户浏览器上。

为了清晰地阐述问题，以上步骤已经进行了很大简化。实际上，一个ASP并不一定每次都会重新编译解释，如果第二次接受以前的请求，而该请求没有任何变化，ASP会从数据缓存中提取出以前的结果，而不是再次运行ASP程序，这样可以大大提高运行速度。

对于服务器来说，ASP与HTML有着本质的区别，HTML是不经任何处理就被送回给浏览器，而ASP的每一条命令都首先被用来生成HTML文件，这也正是ASP允许生成动态内容的原因之一，也是动态网页复杂之所在。

另一方面，对于浏览器来说，ASP和HTML几乎没有区别，仅仅是后缀为.asp和.htm（或*.html）的不同，当客户端提出ASP请求后，浏览器接受的其实是HTML格式的文件。通过以上一个简单的ASP示例，有两点必须记住：有些代码是在服务器端执行，有些是在客户端浏览器端执行，而在浏览器端看到的是经过服务器解释之后输出的代码。

二、ASP的基本语法

VBScript是ASP的默认语言，当然也可在 ASP网页中使用其它脚本语言，如JavaScript、Perl等。这里所有的ASP都使用VBScript，我们将要介绍的也主要是VBScript的语法知识。相信通过前些期JavaScript专题的学习，你一定对VBScript得心应手了，其实VBScript跟JavaScript很相似，它是从Visual Basic中简化出来的版本，作为一种解释语言，也非常容易学习和使用。

1.将VBScript的脚本集成到ASP中

方法主要有3种：最简单且最常用的方法是使用两个特殊字符“<%”和“%>”，只要在使用的VBScipt脚本语句前后加上它们即可，例如：<% Response.write"VBScipt脚本"%>。

第二种方法是在特定的主页中指定主要的脚本语言，要将这种语言名称直接放在ASP程序的第一行，例如：

<%language=VBScript%>

...

第三种是方法是利用微软的HTML扩展对象，这样就可以在一个单独的主页中混合使用多种Script脚本。例如下面的例子：

<%language="VBScript"%>

function sayhello()

{

response.write(“混合使用多种script脚本”)

}

<% for I=1 to 10

sayhello()

next

%>

需要注意的是，使用包含的脚本会立即执行，无论它放在ASP的任何位置。此外，上面提到的第二和第三种方法，可以在ASP中灵活使用其他的脚本语言，而不只是局限于VBScript。

网页制作

如何设计网页

在网页设计的理解上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能完成网页设计……

在网页设计的理解上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能完成网页设计。

其实网页设计是一个感性思考与理性分析相结合的复杂过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的掌控上。

首先，我们要明确网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状来看，这类网站有粗制滥造的嫌疑。

第二类是信息与形象融合的网站，例如一些大型企业、国内高等学府等。这类网站在设计上追求高标准，既要满足信息类网站的基本要求，又要彰显企业、单位的形象。然而，从现状来看，这类网站存在制作粗糙的嫌疑。

第三类是形象展示型网站，例如一些中小型企业或机构。这类网站规模较小，有的仅有几页，所需实现的功能也相对简单，网页设计的主要任务是凸显企业形象。这类网站对设计者的美术水平要求较高。

当然，这只是一个总体概述，具体情况还需具体分析。不同的网站需要区别对待。切记，最重要的是满足客户的需求，这也是设计任务的一部分。

明确了设计任务后，接下来要考虑的是如何完成这个任务。

二、设计实施

设计的实施可分为两个阶段。第一阶段是站点规划及草图绘制，这一阶段可以在纸上完成。第二阶段是网页制作，这一过程在计算机上完成。

设计首页的第一步是设计版面布局。我们可以将网页比作传统的报纸杂志进行编辑，其中包含文字、图像甚至动画，我们的任务是采用最合适的方式将图片和文字排列在页面的不同位置。除了需要一台配置较高的计算机外，软件也是必不可少的。不能简单地说一个软件的好坏，只要设计者使用起来方便且得心应手，就可以称之为好软件。当然，它应该能满足设计者的需求。作者常用的软件包括Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady，这些都是非常不错的软件。接下来，我们要通过软件的使用，将设计蓝图变为现实，最终集成通常在Dreamweaver中完成。虽然在草图上我们已经确定了页面的大致轮廓，但灵感往往在制作过程中产生。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作过程中，我们会遇到许多问题，其中最敏感的莫过于页面颜色。

三、色彩运用

色彩是一种奇妙的存在，它美丽而丰富，能唤起人类的心灵感知。一般来说，红色是火的颜色，代表着热情、奔放；也是血液的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁、和平与安全，如绿色食品。紫色是高贵的象征，具有庄重感。白色能给人以纯洁、清白的感觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其他色彩都可以用这三种色彩调和而成。换一种思路，我们可以利用颜色的变化来表现光影效果，这将使我们的作品更贴近现实。

色彩代表了不同的情感，具有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际意义，与不同的颜色搭配，它所表现出的效果也不同。例如，绿色与金黄、淡白搭配，可以产生优雅、舒适的气氛。蓝色与白色混合，能体现柔顺、淡雅、浪漫的气氛。红色与黄色、金色的搭配能渲染喜庆的气氛。而金色与栗色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上，我们可先确定一种能表现主题的主体色，然后根据具体需求，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是一个非常重要的元素。抛开是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素——点、线、面来进行处理。在一幅成功的作品中，需要点、线、面的共同组合与搭配来构造整个页面。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，将网页上的各种元素有机地组织起来，甚至还能引导观者的视线。

五、设计原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性、一致性。设计作品的整体效果至关重要，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时，为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要，换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

拆分，是指将页面划分为若干部分，各部分间存在视觉上的差异，这样便于观者一目了然。在信息量庞大时，为了使观者能清晰辨识，需注意对画面进行有效拆分。拆分不仅是表现形式的必需，从另一个角度来说，拆分也可视为对页面内容的一种分类整理。

对照就是通过矛盾和冲突，使设计更具活力。对照手法众多，如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对照时需谨慎，对照过强易破坏美感，影响整体。

调和是指整个页面符合美的规律，形成统一整体。如果一件设计作品只是色彩、形状、线条等的随意组合，那么作品将不仅缺乏“生命力”，而且也无法实现视觉设计的传达功能。调和不仅要看结构形式，还要看作品所形成的视觉效果能否与人的视觉感受产生共鸣，这是设计能否成功的关键。

六、网页优化

在网页设计中，网页优化是一个至关重要的环节。其成功与否会影响页面的浏览速度和适应性，进而影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用CSS样式表指定文字样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其大小降至最低，这样可以大幅提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切割成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素，是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者借此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800600下制作网页，最佳浏览效果也是在800600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件庞大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：

1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）

3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。

4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）

5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）

6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）

7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言板上面宣传。

8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。

4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言板上面宣传。

5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在网站布局中，仅采用HTML结构的页面通常被称作“固定页面”，早期的大多数网站均是通过固定页面构建的。固定页面的网址格式通常为：www.example.com/eg/eg.htm，即以.htm、.html、.shtml、.xml等作为结尾。在HTML结构的页面上，同样可以呈现出多样的动态元素，例如.GIF格式的动画、FLASH、滚动文字等，这些“动态元素”仅是视觉上的，与下面将要介绍的动态页面有着不同的含义。

在《网络营销入门与实操》第二版第3章“网络营销引领的企业网站构建”中，探讨了使用固定页面对于搜索引擎的影响，书中对固定页面的介绍相对较少，特别是对固定页面的特性并未做详细阐述。网络营销教学平台(www.wm23.com)对固定页面的特性进行了简要总结：

（1）固定页面每个页面都有一个固定的网址，且网址以.htm、.html、.shtml等常见格式为结尾，不包含“？”；

（2）页面内容一旦上传至网站服务器，无论是否有用户访问，每个固定页面的内容都会保存在服务器上，也就是说，固定页面是真实存在于服务器上的文件，每个页面都是一个独立的文件；

（3）固定页面的内容相对稳定，因此易于搜索引擎抓取；

（4）固定页面缺乏数据库的支持，在网站制作与维护方面工作量较大，因此当网站信息量较大时，完全依赖固定页面制作方式较为困难；

（5）固定页面的交互性有限，在功能方面存在较大局限。