免费动态网页成品展示 动态网站搭建攻略全解析

动态网站构建方法

在网站构建过程中，多种技术在制作动态网页上各有千秋，但大多数已逐渐淘汰，仅适用于众多个人主页爱好者自行制作。对于专业制作者而言，推荐尽可能采用最新的asp.net技术进行网站构建，asp.net语言能显著提升网站运行速度，但学习难度较大。一旦掌握，会发现asp.net构建的网站稳定性和速度都非常出色。asp.net的扩展名为“.aspx”。

壹品红网站构建介绍几种当前常用的网站构建技术：

1、超文本预处理器即Hypertext Preprocessor(PHP)，它是目前互联网上最受欢迎的脚本语言，其语法借鉴了C、Java、PERL等语言，只需掌握少量编程知识，就能使用PHP创建一个真正交互的Web站点。PHP与HTML语言具有良好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或在HTML标签中加入脚本代码，以更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接便捷，兼容性强；扩展性强；支持面向对象编程。

2、动态服务器网页即Active Server Pages(ASP)，它是微软开发的一种类似于HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更便捷且更具灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，安全性更高。ASP的最大优势是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML便捷且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。

但ASP技术并非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。

3、JSP即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。

JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以致ASP一般只应用于Windows NT/2000平台，而JSP则可以在85％以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。

壹品红网站构建先介绍下早期动态网站构建技术。公用网关接口技术在网站构建早期的动态网页中被采用，即Common Gateway nterface(CGI)。虽然CGI技术已经发展成熟且功能强大，您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C＋＋等。但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。

如何构建动态网站

着重介绍动态网站的搭建、设计和页面制作，页面制作包括主页设计、分页面设计，分页面又分为注册页面、登录页面、分类显示页面和详细页面。动态网站的管理包括数据的添加、修改和删除，这些都要通过专门的页面来实现，或者是通过添加服务器行为来实现。

1动态网站的搭建

动态网站，顾名思义，动态地显示页面信息，能够随时自动更新数据，能够用极少的页面表现出无限丰富的内容。它不是简单意义上的文本和图片的动态显示，而是真正地基于数据库的网站与客户的动态沟通，能够响应不同客户的不同要求而显示不同的页面。和静态网站相比，动态网站的最大优势就在于方便管理，设计简洁，以最少的人力管理网站，节约成本。当然这些都要基于网站的规划设计。搭建一个动态网站首先需要一个安装有服务器程序的电脑。也可以使用Windows系统的电脑，安装上IIS和完整版的Office办公软件，就可以简单地实现动态网站的制作了。

1.1部署IIS，构建服务器系统

安装步骤：进入控制面板，点击添加或删除程序，单击添加/删除Windows组件，弹出Windows组件向导，选择Internet信息服务(IIS)，点击下一步，然后选择源文件位置，点击安装。如果出现放入安装光盘的对话框，再进一步选择相应的文件。安装文件在网上可以下载。安装完成之后，右击我的电脑，在弹出的快捷菜单中选择管理，进入计算机管理对话框。展开服务和应用程序组件，展开Internet信息服务，右击默认网站，在弹出的快捷菜单中选择属性，即弹出默认网站属性对话框。点击主目录选项卡，确定网站在计算机上的位置，勾选脚本资源访问、读取、写入、记录访问和索引资源。点击文档选项卡，添加文档index.asp并上调至第一位。单击确定。部署完默认网站之后，就可以进行具体网站的制作了。

1.2建立动态网站

安装Dreamweaver并打开软件。执行站点新建站点命令，打开站点定义对话框，第一步为站点起一个名字，如my web，单击下一步;点选是，我想使用服务器技术，选择一种服务器技术如ASP VBScript，单击下一步;选择您将文件存储在计算机上的什么位置?，输入地址，单击其后的文件夹图标浏览选择网站要存放的位置，如D盘根目录，单击下一步;设置测试URL的根目录并且测试URL，如果弹出信息框URL前缀测试已成功，说明站点配置无误，单击下一步;选择否，单击下一步;确认信息，单击完成。动态网站就部署好了。

安装Dreamweaver并启动软件。执行站点新建站点命令，打开站点定义对话框，首先为站点命名，例如my web，点击下一步；选择是，我想使用服务器技术，挑选一种如ASP VBScript，点击下一步；选择您将在电脑上的哪个位置存储文件？输入地址，点击旁边的文件夹图标浏览选择网站存放的位置，例如D盘根目录，点击下一步；设置测试URL的根目录并测试URL，如果出现信息框提示URL前缀测试成功，说明站点配置正确，点击下一步；选择否，点击下一步；确认信息，点击完成。动态网站就部署完成了。

2 动态网站主页的布局与制作

网站首页是一个网站的入口，因此在整个网站制作过程中具有非常重要的地位。网站的设计风格应根据网站的主题来确定，是注重形象还是彰显个性。网站的整体基调也非常关键，教育类网站多以冷色调为主，有助于人冷静思考。本校的网站以灰色调为主，突出教育信息，给人一种庄重肃穆的感觉。网站的主页由网站的标志性图标(logo)、标志性建筑banner、一级导航条和几个分类栏目组成。整个网站首页通常由几个局部组成，包括top.ASP、left.asp和bottom.ASP等，有的甚至更多。这样做的目的是为了以后制作其他页面提供便利。因为动态网站上的网页大多是嵌套而成，只要修改某个部分页面，其他页面也会随之改变，而无需逐个修改，节省很多无效工作。嵌套结构使得其他页面的制作更加快捷，只要制作好网页的主体，需要top，就嵌入top.ASP，使栏目更加清晰，也便于不同页面之间的跳转。底部也是一样，就如同Word中的复制粘贴一样，在网站上粘贴往往需要重新定义源文件地址，而嵌套就省去了这些工作。

在将主页与局部页面嵌套时，需要注意以下几点才能确保工作准确无误：首先，在代码视图中删除多余的头文件head，删除等标签；其次，切换到包含文件页面，进入设计视图，在页面属性中将编码改为简体中文(GB18030)，以使汉字能够以正常的方式显示出来。另外，在给文件命名时，会英文的使用英文，不会的使用汉语拼音，因为软件是外国人编写的，不能使用中文的名称。

在主页上要制作一些小的栏目，也可以称作是二级栏目，便于读者快速查找所关心的网站主要内容。在二级栏目上，多采用记录集和添加重复区域的方式显示数据，数据往往根据栏目的大小限定条数，一般是5～10条。主页上往往还要出现一些友情链接，是一些内容与之相关的网站网址。在某一部分甚至可以添加主管人的姓名和联系方式，便于读者与网站管理人员的沟通。主页上还要预留出网站管理的后台入口，方便管理人员管理甚至修改页面。

3 动态网站分类显示页面的制作

网站分类页面的制作相对于主页要简单得多，通常是插入一个表格，或者使用绘图软件制作好一张大图，再用fireworks裁成相应的小图，之后加以html文件保存，需要的时候整体载入，再去掉无用的部分。小图载入的优势在于可以加快页面的显示速度，减少读者的等待时间。在需要显示内容的地方插入一个2行?列的表格，比如说是文章编号、文章标题、发布者、发布时间、点击数等内容。在第一列输入这些内容，然后点击绑定选项下的加号，添加记录集。记录集名称自定，但是不允许使用已经分配给代码库的专用代码名称，如delete等，以避免产生代码混淆。这里显示的内容一般是以时间为标准降序排序，以便查看新增加的文件。

添加完记录集后，要绑定记录集，具体步骤：在文章编号的对应表格内插入相对应的ID，文章标题下方插入title等依次类推进行插入。绑定完记录集后是添加服务器行为，创建重复区域。首先将光标放在绑定记录集之内，点击最近的一个tr，选定这一行；然后点击服务器行为下的加号，在弹出的快捷菜单中选择重复区域，显示所有记录。如果记录内容太多，就要添加记录集分页和记录集导航。具体做法：将光标放在放置记录集的表格后的位置上，在菜单栏内点击数据选项卡，点选记录集分页按钮，在级联菜单中选择记录集分页导航条；再点选记录集导航状态按钮，添加记录集状态。

4 动态网站详细页面的制作

详细页面的制作与分类显示页面的制作相似，它的作用是实现分类显示页面的具体跳转。具体来说，就是当点击分类显示页面上的某一文章标题时，即展开其详细内容的页面，可以进一步了解其内容。具体做法：绘制一个3行6列的表格，将第一行合并居中，第三行合并、左对齐；第二行分别在第一列输入发布者，第三列输入发布时间，第五列输入浏览次数；建立记录集，并在第一行插入标题，第三行插入内容，其他类推插入。

制作动态网站时，经常会遇到无法正常显示的问题，只能反复修改，积累经验。