Dreamweaver CS3动态网页设计ASP篇

1.1

静态网页和动态网页的区别

网页一般又称文件，是一种可以在上传输、能被浏览器认识和翻译成页面并显

HTMLWWW

示出来的文件。文字与图片是构成一个网页的两个最基本的元素，除此之外，网页的元素还包括动

画、音乐、程序等。网页是构成网站的基本元素，是承载各种网站应用的平台。通常看到的网页，

大都是以或后缀结尾的文件。除此之外，网页文件还有以、、和后

HTMHTMLCGIASPPHPJSP

缀结尾的。目前网页根据生成方式，大致可以分为静态网页和动态网页两种。

1.1.1 静态网页

静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只

能被动地浏览网站建设者提供的网页内容。其特点如下。

 网页内容不会发生变化，除非网页设计者修改了网页的内容。

 不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器

不能根据用户的选择调整返回给用户的内容。静态网页的浏览过程如图1-1所示。

1.1.2 动态网页

网络技术日新月异，许多网页文件扩展名不再只

是，还有、等，这些都是采用动态网页技术

.htm.php.asp

制作出来的。动态网页其实就是建立在架构上的服务

B/S

器端脚本程序。在浏览器端显示的网页是服务器端程序运

行的结果。

图静态网页的浏览过程

1-1

静态网页与动态网页的区别在于服务器对它们的处理方式不同。当服务器接收到对

WebWeb

静态网页的请求时，服务器直接将该页发送给客户浏览器，不进行任何处理。如果接收到对动态网

页的请求，则从服务器中找到该文件，并将它传递给一个称为应用程序服务器的特殊软件扩展，

Web

由它负责解释和执行网页，将执行后的结果传递给客户浏览器。如图所示为动态网页的工作原

1-2

理图。

动态网页的一般特点如下。

 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。

 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管

理、订单管理等。

 动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整

的网页。

 搜索引擎一般不可能从一个网站的数据库中访问全部网页，因此采用动态网页的网站在进行

搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

2

第

1

章

动态网站建设流程

图动态网页的工作原理图

1-2

1.2

网站的前期规划

建设网站之前就应该有一个整体的战略规划和目标，规划好网页的大致外观后就可以着手设

计了。

1.2.1 确定网站目标

在创建网站时，确定站点的目标是第一步。设计者应清楚建立站点的目标，即确定它将提供什

么样的服务，网页中应该提供哪些内容等。要确定站点目标，应该从以下个方面考虑。

3

 网站的整体定位。网站可以是大型商用网站、小型电子商务网站、门户网站、个人主页、科

研网站、交流平台、公司和企业介绍性网站以及服务性网站等。首先应该对网站的整体进行

一个客观的评估，同时要以发展的眼光看待问题，否则将带来许多升级和更新方面的不便。

 网站的主要内容。如果是综合性网站，那么对于新闻、邮件、电子商务和论坛等都要有所涉

及，这样就要求网页要结构紧凑、美观大方；对于侧重某一方面的网站，如书籍网站、游戏

网站、音乐网站等，则往往对网页美工要求较高，使用模板较多，更新网页和数据库较快；

如果是个人主页或介绍性的网站，那么一般来讲，网站的更新速度较慢，浏览率较低，并且

由于链接较少，内容不如其他网站丰富，但对美工的要求更高一些，可以使用较鲜艳明亮的

颜色，同时可以添加Flash动画等，使网页更具动感和充满活力，否则网站没有吸引力。

 网站浏览者的教育程度。对于不同的浏览者群，网站的吸引力是截然不同的，如针对少年儿

童的网站，卡通和科普性的内容更符合浏览者的品味，也能够达到网站寓教于乐的目的；针

对学生的网站，往往对网站的动感程度和特效技术要求更高一些；对于商务浏览者，网站的

安全性和易用性更为重要。

1.2.2 规划站点结构

合理地组织站点结构，能够加快站点的设计，提高工作效率，节省工作时间。当需要创建一个

3

Dreamweaver CS3动态网页设计ASP篇

大型网站时，如果将所有网页都存储在一个目录下，当站点的规模越来越大时，管理起来就会变得

很困难，因此合理地使用文件夹管理文档就显得很重要。

网站的目录是指在创建网站时建立的目录，要根据网站的主题和内容来分类规划，不同的栏目

对应不同的目录，在各个栏目目录下也要根据内容的不同对其划分不同的分目录，如页面图片放在

imagesnewsdataba

目录下，新闻放在目录下，数据库放在目录下等，同时要注意目录的层次不

宜太深，一般不要超过三层，另外给目录起名的时候要尽量使用能表达目录内容的英文或汉语拼音，

这样会更加方便日后的管理和维护。如图所示为企业网站的站点结构图。

1-3

图企业网站的站点结构图

1-3

1.2.3 确定网站风格

站点风格设计包括设计站点的整体色彩、网页的

结构、文本的字体和大小、背景的使用等，这些没有

一定的公式或规则，需要设计者通过各种分析决定。

一般来说，适合于网页标准色的颜色有大系：

3

蓝色、黄橙色和黑灰白色。不同的色彩搭配会产生

///

不同的效果，并可能影响访问者的情绪。在站点整体

色彩上，要结合站点目标来确定。如果是政府网站，

就要在大方、庄重、美观、严谨上多下功夫，切不可

花哨；如果是个人网站，则可以采用较鲜明的颜色，

设计要简单而有个性。

如图1-4所示的购物网站，其结构紧凑，布局合

理。页面文字和图片完美搭配，并且页面很有层次感，

符合人们的审美观，同时总体页面风格是丰富多

彩的。

图电子购物网站页面结构

1-4

4

第

1

章

动态网站建设流程

1.3

选择网页制作软件

设计网页时首先要选择网页制作软件。虽然用记事本手工编写源代码也能做出网页，但这需要

对编程语言相当了解，并不适合广大的网页设计爱好者。由于目前可视化的网页设计工具越来越多，

使用也越来越方便，所以设计网页已经变成了一件轻松的工作。、、、

FlashDreamweaverPhotoshop

Fireworks4FlashDreamweaver

这个软件相辅相成，是设计网页的首选工具，其中用来排版布局网页，

用来设计精美的网页动画，和用来处理网页中的图形图像。

PhotoshopFireworks

1.3.1 图形图像制作工具——Photoshop CS3和Fireworks CS3

网页中如果只有文字，则缺少生动性和活泼性，也会影响视觉效果和整个页面的美观。因此在

网页的制作过程中需要插入图像。图像是网页中重要的组成元素之一。使用和

Photoshop CS3

Fireworks CS3

可以设计出精美的网页图像。

PhotoshopAdobe

是公司推出的图像处理软件。目前已被广泛应用于平面设计、网页设计和照

片处理等领域。随着计算机技术的发展，已历经数次版本更新，功能越来越强大。如图

Photoshop

1-5Photoshop CS3

所示是的工作界面。

在网页制作方面能快速地为图形创建各种交互式动感效果，不论在图像制作或是在

Fireworks

网页支持上都有着出色的表现。

随着版本的不断升级和功能的不断加强，受到越来越多图像网页制作者的欢迎。目前

Fireworks

的最新版本中文版更是以它方便快捷的操作模式，在位图编辑、矢量图形处理与

Fireworks CS3GIF

动画制作功能上的优秀整合，赢得诸多好评。

使用在制作网页时，除了对相应的页面插入图像进行调整处理外，还可以使用

Fireworks CS3

图像进行页面的总体布局，然后使用切片导出。对网页中所出现的图像按钮也可以使用

GIF

Fireworks CS31-6Fireworks CS3

创建，以便达到更加精彩的效果，如图所示是的工作界面。

1-5 Photoshop CS3 1-6 Fireworks CS3

图的工作界面图的工作界面

5

Dreamweaver CS3动态网页设计ASP篇

1.3.2 网页动画制作工具——Flash CS3

Flash

是一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐、动画以及

富有新意的界面融合在一起，以制作出高品质的动态视听效果。

Flash

技术在网页设计和网络广告中的应用非常广泛，由于良好的视觉效果，有些网站为了追求

美观，甚至将整个首页全部用方式设计。从浏览者的角度来看，动画内容与一般的文本

FlashFlash

和图片网页相比，大大增加了艺术效果，对于展示产品和企业形象具有明显的优越性。

FlashFlash

动画在网页的制作方面，还可以通过制作导航条使导航菜单更精彩和更具动感，如

图所示是的工作界面。

1-7Flash CS3

1.3.3 网页编辑工具——Dreamweaver CS3

使用制作的网页图像并不是真正的网页，要想使其真正成为能够正常浏览的网页，

Photoshop

还需要用进行网页排版布局、添加各种网页特效。利用还可以轻松开发

DreamweaverDreamweaver

新闻发布系统、网上购物系统、论坛系统等动态网页。

Dreamweaver CS3

是创建网站和应用程序的专业之选。它组合了功能强大的布局工具、应用程

序开发工具和代码编辑支持工具等。的功能强大而且稳定，可帮助设计人员和开发人

Dreamweaver

员轻松创建和管理任何站点，如图所示为中文版工作界面。

1-8Dreamweaver CS3

1-7 Flash CS3 1-8 Dreamweaver CS3

图的工作界面图中文版工作界面

1.4

动态网站技术

仅仅学会了网页制作工具，还是远远不能制作出动态网站的，还需要了解动态网站技术，如网

页标记语言HTML、网页脚本语言JavaScript和VBScript、动态网页编程语言ASP。

1.4.1 搭建动态网站平台

动态网页大多是由网页编程语言写成的网页程序，访问者浏览的只是其生成的客户端代码，而

6

第

1

章

动态网站建设流程

且动态网页要实现其功能大多还必须与数据库相连。

目前国内比较流行的互动式网页编程语言有：ASP、PHP、JSP、CGI、。

 HTML网页适用于所有环境，它本身也相当简单。

 ASP页主流环境为：Windows Server（包括NT、2000、2003）的IIS+Access/SQL Server。

本书主要讲述这种环境下的网站开发，关于其创建过程，可以参考第5章，这里就不讲述了。

 PHP页主流环境为：Linux/UNIX+Apache+MySQL+PHP4+Dreamweaver。

1.4.2 网页标记语言HTML介绍

网页文档主要是由构成。全名是，即超文本标记语

HTMLHTMLHyper Text Markup Language

言，是用来描述上超文本文件的语言。用它编写的文件扩展名是或。

WWW.html.htm

HTML

不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，

说明段落、标题、图像、字体等在浏览器中的显示效果。浏览器打开文件时，将依据

HTMLHTML

标记去显示内容。

HTMLInternet

能够将上不同服务器中的文件连接起来；可以将文字、声音、图像、动画、视

频等媒体有机组织起来，展现给用户五彩缤纷的

画面；此外它还可以接受用户信息，与数据库相

连，实现用户的查询请求等交互功能。

HTML<>

的任何标记都由“”和“”围起

来，如。在起始标记的标记名前加

上符号“”便是其终止标记，如，夹在起

/

始标记和终止标记之间的内容受标记的控制，例

如幸福永远，夹在标记之间的“幸福永

I

远”将受标记的控制。文件的整体结构

IHTML

也是如此，下面就是最基本的网页结构，如图

1-9

所示。

图基本的网页结构

1-9

7

Dreamweaver CS3动态网页设计ASP篇

幸福永远

下面讲述的基本结构。

HTML

 Html标记

HTMLHTML

标记用于文档的最前边，用来标识文档的开始。而标记恰恰相反，

它放在文档的最后边，用来标识文档的结束，两个标记必须一块使用。

HTMLHTML

 Head标记

HTML

和构成文档的开头部分，在此标记对之间可以使用、

<script></script>HTML

等标记对，这些标记对都是描述文档相关信息的标记对，标

记对之间的内容不会在浏览器的框内显示出来，两个标记必须一块使用。

 Body标记

HTML

是文档的主体部分，在此标记对之间可包含、、

等众多的标记对，它们所定义的文本、图像等将会在浏览器内显示出来，两个标记必须一

块使用。

 Title标记

使用过浏览器的人可能注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网

页的“标题”，要将网页的标题显示到浏览器的顶部其实很简单，只要在标记对之间加

入要显示的文本即可。

1.4.3 网页脚本语言JavaScript和VBScript

使用、等简单易懂的脚本语言，结合代码，即可快速地完成网站的

VBScriptJavaScriptHTML

应用程序的编写。

脚本语言（JavaScript、VBScript等）介于HTML和C、C++、Java、C#等编程语言之间。脚本

是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本

通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可

以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现形式，如动画、声音等。

脚本同VB、C语言的区别主要如下。

 脚本语法比较简单，比较容易掌握；

 脚本与应用程序密切相关，所以包括相对应用程序自身的功能；

 脚本一般不具备通用性，所能处理的问题范围有限；

 脚本多为解释执行。

下面通过一个简单的实例来熟悉JavaScript的基本使用方法。

<script language="javascript">

8

第

1

章

动态网站建设流程

代码中加粗部分就是脚本的具体应用，如图所示。

JavaScript1-10

以上代码分为3部分，第一部分是script

language="javascript"，它告诉浏览器“下面的是

JavaScript脚本”。开头使用<script>标记，表示这是

一个脚本的开始，在<script>标记里使用language指

明使用哪一种脚本，因为并不只存在JavaScript一种

脚本，还有VBScript等脚本，所以这里就要用

language属性指明使用的是JavaScript脚本。第二部

分就是JavaScript脚本，用于创建对象，定义函数或

是直接执行某一功能。第三部分是</script>，它用来

告诉浏览器JavaScript脚本到此结束。

("JavaScript!");

的基本使用方法

</script>

图脚本

1-10 JavaScript

1.4.4 动态网页编程语言ASP

ASPActive Server PageASPCGI

是的缩写，意为“活动服务器网页”。是微软公司开发的代替

脚本程序的一种应用，它可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。

ASP

的网页文件的格式是，现在常用于各种动态网站中。是一种服务器端脚本编写环境，可以

.aspASP

用来创建和运行动态网页或应用程序。网页可以包含标记、普通文本、脚本命令

WebASPHTML

以及组件等。利用可以向网页中添加交互式内容，也可以创建使用网页作为用户

COMASPHTML

界面的应用程序。与相比，网页具有以下特点。

WebHTMLASP

 利用ASP可以突破静态网页的一些功能限制，实现动态网页技术。

 ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试。

 服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户

端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页。

 ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web

浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向

Web浏览器发送信息。

 ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、收发Email

或访问文件系统等。

 由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看

到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。

1.5

设计网页图像

在确定好网站的风格和搜集完资料后就需要设计网页图像了，网页图像设计包括设计、标

Logo

9

Dreamweaver CS3动态网页设计ASP篇

准色彩、标准字、导航条和首页布局等。可以使

用或软件来具体设计网站

PhotoshopFireworks

的图像。有经验的网页设计者，通常会在使用网

页制作工具制作网页之前，设计好网页的整体布

局，这样在具体设计过程中将会胸有成竹，大大

节省工作时间。如图所示是设计的网页

1-11

图像。

图设计网页图像

1-11

1.6

制作网页

网页制作是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序制作。所谓先

大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单

后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页

时要灵活运用模板和库，这样可以大大提高制作效率。如果很多网页都使用相同的版面设计，就应

为这个版面设计一个模板，然后就可以以此模板为基础创建网页。以后如果想要改变所有网页的版

面设计，只需简单地改变模板即可。如图所示是利用制作的网页。

1-12Dreamweaver CS3

图利用制作的网页

1-12 Dreamweaver CS3

1.7

开发动态网站功能模块

页面设计制作完成后，如果还需要动态功能的话，就需要开发动态功能模块，网站中常用的功

能模块有搜索功能、留言板、新闻信息发布、在线购物、技术统计、论坛及聊天室等。

1

．搜索功能

搜索功能是使浏览者在短时间内，快速地从大量的资料中找到符合要求的资料。这对于资料非

常丰富的网站来说非常有用。要建立一个搜索功能，就要有相应的程序以及完善的数据库支持，可

以快速地从数据库中搜索到所需要的职位。

10

第

1

章

2

．留言板

动态网站建设流程

留言板、论坛及聊天室是为浏览者提供信息交流的地方。浏览者可以围绕个别的产品、服务或

其他话题进行讨论。顾客也可以提出问题、进行咨询，或者得到售后服务。但是聊天室和论坛是比

较占用资源的，一般不是大中型的网站没有必要建设论坛和聊天室，如果访问量不是很大的话，做

好了也没有人来访问，如图所示为留言

1-13

板页面。

3

．新闻发布管理系统

新闻发布管理系统提供方便直观的页面

文字信息的更新维护界面，提高工作效率、降

低技术要求，非常适合用于需要经常更新的栏

目或页面，如图所示是新闻发布管理

1-14

系统。

4

．购物网站

购物系统是实现电子交易的基础，用户将

感兴趣的产品放入自己的购物车，以备最后统

一结账。用户也可以修改购物的数量，或者将

产品从购物车中取出。选择结算后系统自动

生成本系统的订单。如图所示为某购物

1-15

网站。

1-14 1-15

图新闻发布管理系统图购物网站

图留言板页面

1-13

11

Dreamweaver CS3动态网页设计ASP篇

1.8

网站的测试与发布

在将网站的内容上传到服务器之前，应先在本地站点进行完整的测试，以保证页面外观和效果、

链接和页面下载时间等与设计相同。站点测试主要包括检测站点在各种浏览器中的兼容性，检测站

点中是否有断掉的链接。可以使用不同类型和不同版本的浏览器预览站点中的网页，检查可能存在

的问题。

1.8.1 网站的测试

在完成了对站点中页面的制作后，就应该将其发布到Internet上供大家浏览和观赏了。但是在

此之前，应该对所创建的站点进行测试，对站点中的文件逐一进行检查，在本地计算机中调试网页

以防止在网页中包含错误，尽早发现问题并解决问题。

在测试站点过程中应该注意以下几个方面。

 在测试站点过程中，应确保在目标浏览器中，网页能如预期的显示和工作，没有损坏的链接，

以及下载时间不宜过长等。

 了解各种浏览器对Web页面的支持程度，不同的浏览器观看同一个Web页面会有不同的效

果。很多制作的特殊效果在有些浏览器中可能看不到，为此需要进行浏览器兼容性检测，以

找出不被其他浏览器支持的部分。

 检查链接的正确性，可以通过Dreamweaver提供的检查链接功能来检查文件或站点中的内

部链接及孤立文件。

1.8.2 域名和空间申请

域名是连接企业和互联网网址的纽带，它像品牌、商标一样具有重要的识别作用，是企业在网

络上存在的标志，担负着标识站点和形象展示的双重作用。

域名对于企业开展电子商务具有重要的作用，它被誉为网络时代的“环球商标”，一个好的域名

会大大增加企业在互联网上的知名度。因此，企业如何选取好的域名就显得十分重要。

在选取域名的时候，首先要遵循两个基本原则。

 域名应该简明易记，便于输入。这是判断域名好坏最重要的因素。一个好的域名应该短而顺

口，便于记忆，最好让人看一眼就能记住，而且读起来发音清晰，不会导致拼写错误。此外，

域名选取还要避免同音异义词。

 域名要有一定的内涵和意义。用有一定意义和内涵的词或词组作域名，不但容易记忆，而且

有助于实现企业的营销目标。如企业的名称、产品名称、商标名、品牌名等都是不错的选择，

这样能够使企业的网络营销目标和非网络营销目标达成一致。

★ 提示 ★

选取域名时有以下常用的技巧：

 用企业名称的汉语拼音作为域名；

12

第

1

章

动态网站建设流程

 用企业名称相应的英文名作为域名；

 用企业名称的缩写作为域名；

 用汉语拼音的谐音形式给企业注册域名；

 以中英文结合的形式给企业注册域名；

 在企业名称前后加上与网络相关的前缀和后缀；

 用与企业名不同但有相关性的词或词组作域名；

 不要注册其他公司拥有的独特商标名和国际知名企业的商标名。

如果是一个较大的企业，可以建立自己的机房，配备技术人员、服务器、路由器、网络管理软

件等，再向邮电局申请专线，从而建立一个属于自己的独立的网站。但这样做需要较大的投资，而

且日常费用也比较高。

如果是中小型企业，可以用以下两种方法。

 虚拟主机：将网站放在ISP的Web服务器上，这种方法对于一般中小型企业来说将是一个

经济的方案。虚拟主机与真实主机在运作上毫无区别，特别适合那些信息量和数据量不大的

网站。

 主机托管：如果企业的Web服务器有较大的信息和数据量，需要很大空间时，可以采用这

种方案。将已经制作好的服务器主机放在ISP网络中心的机房里，借用ISP的网络通信系统

接入Internet。

1.8.3 网站的上传发布

网站的域名和空间申请完毕后，就可以上传网站了，可以采用自带的站点管理上

Dreamweaver

传文件。

（）执行“站点”→“管理站点”命令，弹出如图所示的“管理站点”对话框。

11-16

（）在对话框中单击“编辑”按钮，弹出“的站点定义为”对话框，在

2Dreamweaver CS3+ASP

对话框中切换到“高级”选项卡，在“分类”列表框中选择“远程信息”选项，如图所示。

1-17

1-16 1-17

图“管理站点”对话框图“远程信息”选项

（）在对话框的“访问”下拉列表中选择，打开远程信息设置，“主机”、“登录用户

3FTPFTP

名”和“密码”这项必须设置，其他的可以根据需要设置，如图所示。

31-18

★ 知识要点 ★

13

Dreamweaver CS3动态网页设计ASP篇

“远程信息”选项中包含将文件传送到远程服务器所需要的全部信息，具体内容如下。

 FTP主机：将要放置文件的服务器的名

称，如。

 主机目录：服务器上保存上传网站文件

的目录名。

 登录用户名：登录服务器时所需的用户

名，如sunwzc。

 密码：登录服务器时所需的密码，如

s3d3n2。

 使用Passive FTP：当用户拥有防火墙时，

此复选框设置是否使用被动FTP连接本

地网站与远程服务器，若无法确定是否

选择此项，请与防火墙管理员联系。

 使用防火墙：如果用户拥有的防火墙对

于上传和下载文件要求额外的安全保

障，则需要选择此项。要选择这个复选

框，需要到Dreamweaver Preferences中，

在代理服务器上填写附加 信息。

（）执行“窗口”→“文件”命令，打开“文

4

件”面板，在面板中单击“扩展折叠”按钮，如

/

图所示，即可弹出站点管理器窗口，左侧显

1-19

示站点地图或远程服务器站点上的文件列表，右

侧显示本地站点文件列表。

（）将本地计算机连通，在站点管理

5Internet

器窗口中单击“链接到远端主机”按钮，将

Dreamweaver

与远程服务器连通，连通后，站点

管理器窗口左边的“远程站点”窗格中显示远程

服务器中的文件目录，如图所示。

1-20

图与远程服务器连通后的站点管理器窗口

1-20

图“文件”面板

1-19

图设置“远程信息”

1-18

1.9

网站的推广

互联网的应用和繁荣为人们提供了广阔的电子商务市场和商机，但是互联网上大大小小的各种

14

第

1

章

动态网站建设流程

网站数以百万计，如何让更多的人都能迅速地访问到您的网站是一个十分重要的问题。企业网站建

好以后，如果不进行推广，那么企业的产品与服务在网上就仍然不为人所知，起不到建立站点的作

用，所以企业在建立网站后即应着手利用各种手段推广自己的网站。网站的宣传有很多种方式，下

面讲述一些主要的方法。

1

．注册到搜索引擎

经权威机构调查，全世界％以上的互联网用户采用搜索引擎来查找信息，而通过其他推广形

85

式访问网站的，占不到％。这就意味着当今互联网上最为经济、实用和高效的网站推广形式就是

15

注册到搜索引擎。目前比较有名的搜索引擎主要有：百度（）、雅虎

（）、搜狐（）、新浪（）、网易

（）、（）等。

3721

注册时尽量详尽地填写企业网站中的信息，特别是关键词，尽量写的普遍化、大众化，如“公

司资料”最好写成“公司简介”。

2

．交换广告条

广告交换是宣传网站的一种较为有效的方法。登录到广告交换网，填写一些主要的信息，如广

告图像、网站网址等，之后它会要求将一段代码加入到用户网站中。这样广告条就可以在其

HTML

他网站上出现。当然，用户网站上也会出现别的网站的广告条。

另外也可以跟一些合作伙伴或者朋友公司交换友情链接。当然合作伙伴网站最好是点击率比较

高的。友情链接包括文字链接和图像链接。文字链接一般就是公司的名字。图像链接包括链

LOGO

接和链接。和的制作跟上面的广告条一样，也需要仔细考虑怎么样去吸引客

BannerLOGOBanner

户的单击。如果允许的话，尽量使用图像链接，将图像作成（图像

GIFGraphics Interchange Format,

交换格式），或者动画，将公司的（企业形象识别）体现其中，让客户

FLASHCICorporate Identity,

印象深刻。

3

．专业论坛宣传

Internet

上各种各样的论坛都有，如果有时间，可以找一些跟公司产品相关并且访问人数比较多

的一些论坛。注册登录并在论坛中输入公司一些基本信息，如网址、产品等。

4

．直接跟客户宣传

一个稍具规模的公司一般都有业务部、市场部或者客户服务部。可以通过业务员跟客户打交道

的时候直接将公司网站的网址告诉客户，或者直接给客户发等。

E-mail

5

．不断维护更新网站

网站的维护包括网站的更新和改版。更新主要是网站文本内容和一些小图像的增加、删除或修

改，总体版面的风格保持不变。网站的改版是对网站总体风格作调整，包括版面、配色等方面。改

版后的网站会让客户感觉，焕然一新。一般改版的周期要长些。

6

．网络广告

网络广告最常见的表现方式是图像广告，如各门户站点主页上部的横幅广告。

7

．公司印刷品

公司信笺、名片、礼品包装都要印上网址名称。让客户在记住公司名字或个人职位的同时，也

15

Dreamweaver CS3动态网页设计ASP篇

看到并记住网址。

8

．报纸

报纸是使用传统方式宣传网址的最佳途径。

1.10

网站的优化

网站优化也叫（），利用长期总结出的搜索引擎收录和排名规则，

SEOSearch Engine Optimization

对网站进行程序、内容、版块、布局等的调整，使网站更容易被搜索引擎收录，在搜索引擎中相关

关键词的排名中占据有利的位置。

下面介绍优化网站的主要步骤。

（）关键词优化。

1

关键词选择错了，后面做的工作等于零，所以进行网站优化前，先要锁定自己网站的关键词。

关键字、关键词和关键短语是站点在搜索引擎结果页面上排序所依据的词。根据站点受众的不

Web

同，可以选择一个单词、多个单词的组合或整个短语。关键词优化策略只需两步，即可在关键词策

略战役中取得成功。第一步，关键词选择：判断页面提供了什么内容；第二步，判断潜在受众可能

使用哪些词来搜索您的页面，并根据这些词创建关键词。

（）网站构架完善。

2

优化网站的超链接构架，主要需要做好以下几方面工作。

 URL（Uniform Resource Locator，统一资源定位符）优化：把网站的URL优化成权重较高

的URL。

 相关链接：做好站内各类页面之间的相关链接，此条非常重要，这方面做好，可以先利用网

站的内部链接，为重要的关键词页面建立众多反向链接。

这里要特别强调一下，反向链接是网页和网页之间的，不是网站和网站之间的。所以网站内部

页面之间相互的链接，也是相互的反向链接，对排名也是有帮助的。

（）网站内容策略。

3

 丰富网站的内容：把网站内容丰富起来，这是非常重要的，网站内容越丰富，说明你的网站

越专业，用户喜欢，搜索引擎也喜欢。

 增加部分原创内容：因为采集系统促使制作垃圾站变成了生产垃圾站，所以完全没有原创内

容的网站，尽管内容丰富，搜索引擎也不会很喜欢。所以，一个网站尽量要有一部分原创

内容。

（）网页细节的优化和完善。

4

 title和meta标签的优化：按照SEO的标准，把网站的所有title和meta标签进行合理的优

化和完善，以达到合理的状态。

切记：千万不要盲目地在中堆积关键词，这是大部分人经常犯的错误。一个真正得非

titleSEO

常合理的网站，是一个看不出有刻意优化痕迹的网站。

 网页排版的规划化：主要是合理地使用H1、strong、alt等标签，在网页中合理地突出核心

关键词。

16

第

1

章

动态网站建设流程

切记：千万不要把网页中所有的图片都加上注释，只需要将最重要的图片加上合理的说明

alt

就可以了。

（）建立好的导航。

5

人们进入站点之后，需要用链接和好的导航将他们引导到站点的深处。如果一个页面对搜索友

Web

好，但是它没有到站点其他部分的链接，那么进入这个页面的用户就不容易在站点中走得更远。

（）尽可能少使用和图片。

6Flash

如果在站点的重要地方使用或图片，会对搜索引擎产生不良影响。搜索引擎蜘蛛无法抓

Flash

取或图片里的内容。

Flash

1.11

本章小结

本章主要讲述了动态网站建设的基本流程，包括动态网页与静态网页的区别、网站的前期规划、

选择网页制作软件、动态网站技术、开发动态网站功能模块、网站的测试与发布以及网站的推广等，

通过本章的学习，读者可以根据自己的需要来选择合适的网页制作软件，熟悉网站的前期规划，了

解动态网站技术，了解如何开发动态网站功能模块，掌握如何测试与发布以及推广网站，了解网站

的优化等。

17