个人网站搭建设计大学本科毕业论文.doc

动态网站设计毕业论文 专科生毕业设计（论文） 2010 年 5 月 1 日至 2010 年 6 月 10 日题 目： 动态网站设计 姓 名： 洪建星 学 号： S260705585 学 院： 工程技术学院 专 业： 网络系统管理 年 级： 2007级 指导教师： （签名）系主任（或教研室主任）： （签章）中文摘要 随着计算机与网络的普及，Internet迅速成为人们生活中的重要组成部分，网页制作与网站建设也成为网络时代必备的技能之一。当今社会对网站建设人才的需求量越来越大，网站建设已经成为全新的艺术门类，它涵盖动态开发技术、网络技术、数据库技术、多媒体技术，以及平面设计艺术等。网站是互联网上交流的平台，是Internet提供服务的门户和基础，建立网站已经成为很多单位和网民的必修课。现在的网站技术已不再是简单的展示系统，而日益成为一个交互的网络平台，为用户提供强大的服务功能，如电子购物、BBS论坛等。尽管个人网站对于互联网产业的发展已经不再重要，但还是应该大力推动和鼓励个人网站的发展。互联网是培养创新精神的最佳领域，当中国制造横扫全球时，中国必须逐步从制造向设计转型，从产品向品牌转型，从资源向服务转型。这种转型就需要新一代创业者成为创意型人才，他们需要互联网这样一个低门槛展示自我的领域，需要一大批有特色的个人网站作为他们的榜样，去鼓励他们不断创新、展示自我。本文介绍了个人动态网站建设的做法和具体步骤，给出了个人网站建设的方案选择、设备配置。还介绍了个人网站建设的运用目的和发展方向以充分实现以上目的。还全面介绍了在Internet上建设和管理网站的技术。内容涉及网站的基础建设，对原始数据进行调查，重点放在生活趣事更新、朋友留言等的事务处理以及站点管理，使用Dreamweaver CS4开发前台程序SQL为后台数据库，完成网站的链接，从相关系统中导入数据，编写相应的存储过程，以便适应网友的需要开发出功能强大的网站。关键字：动态网站建设，数据库，网站的链接，留言AbstractWith the popularization of computer and network, Internet quickly became an important part of people's life, webpage making and website construction has become one of the necessary skills in network era. In today's society construction site personnel demand is more and more big, the website construction has become a new art, it covers the dynamic development of technology, network technology and database technology, multimedia technology, art and graphic design. On the Internet site is a platform of communication and Internet services is the gateway to a website and foundation, has become a lot of units and the Internet. Now the web technology is no longer simply display system, and become an interactive network platform, to provide users with strong functions of service, such as electronic shopping, BBS BBS etc.Although personal web site on the Internet industry is not important, but still should vigorously promote and encourage the development of personal website. The Internet is the best field training innovative spirit, when China, China swept global manufacturing from design to manufacturing to gradually shift from product to brand resources to shift from service. This transformation will need a new generation of entrepreneurs to be creative talents, they need the Internet such a low threshold show ego, need a large number of distinctive personal website as their models, to encourage them to display themselves and constant innovation.The paper introduces the dynamic website construction practice of individual and specific steps, gives personal website construction scheme selection, equipment configuration. Also introduces the use of personal website construction purpose and direction to fully realize the above objectives. Also introduced in the construction and management of the Internet on the website. The website content involves to the original data base construction, and emphasis on investigating life fun update, the friend of the transaction and messages, and use of site management development program Dreamweaver CS4 backend database SQL for front, links, from the relevant system of data storage process, corresponding to the net, so need to develop powerful web site.Key words: dynamic website construction, database, links, and the message目录第一章 绪论11.1中国个人网站发展年鉴11.2网页设计基础概述21.2.1 网站、网页和主页21.2.2 HTML的组成及语法31.2.3 网页设计的基本原则5第二章 网站开发工具介绍72.1 Dreamweaver CS4简介及选择原因72.2 SQL Server 2000个人版简介8第三章 系统分析和设计103.1需求分析103.2数据库及表结构的创建10第四章 网站开发134.1环境搭建134.2 网站设计13第五章 论文总结23参考文献243洪建星 4/25/2023第一章 绪论 当今世界正在进行着一场伟大的信息革命，信息作为客观世界三大基本要素之一，显得越来越重要。在信息社会里，信息甚至显得比物质和能源更重要。而信息的收集、加工、处理、储存、传递、检索和使用都离不开计算机网络。目前，我国已有一亿多的上网人口，许多人在需要查询信息时，首先想到的就是上网查询。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。 随着网络的发展，各类网站纷纷涌现。个人网站一直是多元化互联网世界的一支重要力量，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。1.1中国个人网站发展年鉴1996年4月10日 中国第一个公众BBS一网情深诞生1997年 个人主页揭开面纱，丁磊创办了网易BBS，并在随后提供了免费个人主页服务孙德良以“个人站长”身份建立中国化工网，这是中国第一家B2B网站，后成为互联网泡沫时期国内第一家规模性盈利的互联网站。 1998年 第一批个人站长开始崭露头角，主要通过海外的点击广告盈利。2000年 个人主页时代全面开启，各大门户均开始提供免费个人主页服务，希望通过抢占用户数量的方式，达到平台规模化。2002年-2003年 各门户开通SP联盟，个人网站迎来了第一次大规模的爆发。站长这一群体化的称谓开始出现在各大门户。2003年-2004年 淘宝、Ebay推出CPA广告服务，蚂蚁雄兵帮助淘宝打败Ebay。2005年-2006年 Google AdSense正式进军中国，个人网站第二次大规模的爆发，中国站长大会召开，草根英雄共聚厦门，涌现了大量的代表人物，部分网站正式跨入商业化运作。2007年-2008年 网站与站长被越来越多人所熟知与关注，大量的网站成立，各种建站技术趋于成熟，地区性的站长会议不断，面对越来越多的同行竞争与日趋衰落的SP收入点，个人站长都在商讨关于如何突围。2009年 Webgame联盟成为主流，各类Webgame广告占据个人网站页面地方网站进入井喷期 网络专项整顿行动开启1.2网页设计基础概述在进行网页设计之前，需要对网页的一些基础知识进行了解，对网站的运行原理与制作过程有一个宏观把握。并从零开始，一步一步体验综合应用Dreamweaver CS3、Photoshop CS3、Flash CS3等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。1.2.1 网站、网页和主页网站（Website）是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布（或浏览）想要公开的资讯，或者利用网站来提供相关的网络服务。现在的许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布和招聘等。网页（Web Page）是构成网站的基本元素，是承载各种网站应用的平台。网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。网页有多种分类，笼统意义上的分类是动态页面和静态页面。静态页面多通过网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等。动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一些具体表现。动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等。网站主页（Home Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通过主页链接成一个完整的网站系统。1.2.2 HTML的组成及语法HTML（Hyper Text Markup Language，超文本标记语言）是用来描述WWW上超文本文件的语言，HTML文件可对多平台兼容，通过网页浏览器能够在任何平台上阅读。HTML能够将Internet中的文字、声音、图像、动画和视频等媒体文件有机地组织起来，最终向用户展现出五彩缤纷的页面。此外，它还可以接收用户信息，与数据库相连，实现用户的查询请求等交互功能。1HTML语言的组成HTML文档由HTML、HEAD和BODY三大元素构成。<HTML>是最外层的元素，表示文档的开始，即浏览器从<HTML>开始解释。<HEAD >是HTML文件头标记符，即文档头，包含对文档基本信息（包含文档标题、文档搜索关键字、文档生成器等属性）描述的标记。<BODY>位于首部下面，用于定义一个HTML文档的主体部分，包含对网页元素（文本、表格、图片、动画和链接等）描述的标记。2HTML的语法HTML语法由标签（Tags）和属性（Attributes）组成。标签又称标记符，HTML是影响网页内容显示格式的标签集合，浏览器主要根据标签来决定网页的实际显示效果。在HTML中，所有的标签都用尖括号括起来。标签可分为单标签和双标签两种类型。（1）单标签单标签的形式为<标签 属性=参数>，最常见的如强制换行标签<BR>、分隔线标签<HR>、插入文本框标签<INPUT>。（2）双标签双标签的形式为<标签 属性=参数>对象</标签>，如定义“奥运”两字大小为5号，颜色为红色的标签为：<font size=5 color=red>奥运</font>。需要说明的是：在HTML语言中大多数是双标签的形式。HTML中常用的标签如下：l <br>和<p>标签在HTML文档中无法用多个回车、空格和Tab键来调整文档段落的格式，要用HTML标签来强制换行和分段。<br>（即Break）是换行标签，它是单独出现的。<br>的作用相当于回车符。<p>即Paragraph（段落）。<p>标签用于划分段落，作用是插入一个空行，可以单独使用，也可以成对使用。l <img>显示图片标签<img>标签常用的属性有src（图片资源链接）、alt（鼠标悬停说明文字）和border（边 框）等。l <title></title>标题栏标签<title>标签用来给网页命名，网页的名称将被显示在浏览器的标题栏中。l <a>创建链接标签<a>标签常用的属性有href（创建超文本链接）、name（创建位于文档内部的书签）、target（决定链接源在什么地方显示，参数有_blank、_parent、_selft和_top）等。l <table></table>创建表格标签<table>标签常用的属性有cellpadding（定义表格内距，数值单位是像素）、cellspacing（定义表格间距，数值单位是像素）、border（表格边框宽度，数值单位是像素）、Width（定义表格宽度，数值单位是像素或窗口百分比）、background（定义表格背景）、<tr>和</tr>（表格中一个表格行的开始和结束）；<td>和</td>（表格中行内一个单元格的开始和结束）。l <form></form>创建表单的标签<form>标签常用的属性有action（接收数据的服务器的url）、method（HTTP的方法，有post和get两种方法）和onsubmit（当提交表单时发生的内部事件）等。l <marquee></marquee>创建滚动字幕标签在<marquee>和</marquee>标签内放置贴图格式则可实现图片滚动。常用的属性有direction（滚动方向，参数有up、down、left和right）、loop（循环次数）、scrollamount（设置或获取介于每个字幕绘制序列之间的文本滚动像素数）、scrolldelay（设置或获取字幕滚动的速度）、scrollheight（获取对象的滚动高度）等。l <!->生成注释标签注释的目的是为了便于他人阅读代码，注释部分只在源代码中显示，并不会出现在浏览器中。上面列举了HTML中最常用的几种标签和解释，对于初学者来说并不需要全部背出来，简单的了解即可。在后面的学习中将会发现，Dreamweaver标签库可以很方便地帮助用户找到所需的标签，并根据列出的属性参数使用它。1.2.3 网页设计的基本原则在网页设计工作开始之前，需要先了解网页的运行环境和阅读对象等，另外，还要注意设计专家有哪些关键技巧？又有哪些陷阱要避免？这对设计出来的页面是否是人们喜闻乐见、流连忘返起关键作用。一个优秀的页面一般需要遵循如下原则：l 明确内容首先应该考虑网站的内容，包括网站功能和用户需求，整个设计都应该围绕这些方面来进行。不了解网页用户的需求，设计出的网络文档几乎毫无意义，如要设计一个网上电子交易系统，就没有必要罗列一些文学艺术等内容，否则只会引起用户的反感。l 色彩和谐统一网页设计要达到传达信息和审美两个目的，悦人的网页配色可以使浏览者过目不忘。网页色彩设计应该遵循“总体协调，局部对比”的原则。初学者往往驾驭不好颜色的搭配，因此，在学习各种色彩理论的同时，还应多参考一些著名网站的用色方法，对于设计出美丽的网页起到事半功倍的效果。l 打开速度要快相信大家都遇到过这样的情况，好不容易从搜索引擎中找到了感兴趣的链接，却最终因迟迟打不开而放弃。根据统计，一般人从选择要看的页面算起，经过Internet的下载到下载完毕，可以忍受的时间大约只有30秒。网页打开速度除了跟服务器性能和带宽容量有关之外，更多的是与网页文件大小和代码优劣等有直接关系。因此，一定要注意网页的大小应控制在50KB以内为宜，太多、太大的图像往往会影响网页下载速度。因此，需要在网页的设计过程中对图片进行优化，在图像质量与显示速度两方面取得一个平衡。l 导航明朗导航的项目不宜过多，一般用59个链接比较合适，可只列出几个主要页面。如果信息量比较大，确实需要建立很多导航链接时，则尽量采用分级目录的方式列出，或者建立搜索的表单，让浏览者通过输入关键字即可进行检索。l 定期更新除了及时更新内容之外，还需要每隔一定时间对版面、色彩等进行改进，让浏览者对网站保持一种新鲜感，否则就会失去大量的浏览者。l 平台的兼容性最好在不同的浏览器和分辨率下进行测试，基本原则是确保在IE 5以上的版本中都有较好效果，在1024×768和800×600的分辨率下都能正常显示。此外，还需要在网页上尽量少使用Java和ActiveX编写的代码，因为并不是每一种浏览器都能很好地支持它们。 一般来说，组成网页的元素有：文字、图形、表格、图像、声音、动画、视频、超级链接以及交互式处理等。但网页的基本组成元素为文本、图形和超级链接。在网站开发的前期准备阶段，主要的工作就是拟定网页主题、搜集相关网页素材，规划网页布局和内容，绘制结构草图等。在中期设计阶段，主要利用多种网页制作工具制作网页，制作完毕后还需要进行测试和上传。在网站发布完成以后，还需要进行网站发布和推广应用，根据需要对网页进行更新与维护等。第二章 网站开发工具介绍2.1 Dreamweaver CS4简介及选择原因Dreamweaver CS4是一款可视化建立Web站点和应用程序的专业编辑工具，其功能强大，操作方便，支持多种浏览器，并可建立跨平台的网页，因而受到广大网页设计师们的青睐。与之前推出的其他版本相比，CS4版本进一步改善了CSS的功能，从而使创建CSS及利用CSS对网页进行布局更为便利，同时让使用者无须掌握Java、HTML、XHTML等专业语言也能快速创建网站界面。Dreamweaver CS4是Adobe公司推出的最新版本的网页设计软件，用于对Web站点的页面及程序进行开发和设计，使用时设计师可以根据自己的习惯切换工作环境。Dreamweaver的可视化编辑功能，可使设计者快速创建专业的CSS样式的页面，并且为习惯手工编码的程序员提供了许多对编码有帮助的工具和功能，使其能够轻松地使用服务器语言生成支持动态数据库的Web应用程序。相对于Dreamweaver的旧版本，Dreamweaver CS4新增了许多令人惊喜的新功能： 实时视图。 针对Ajax和JavaScript框架的代码提示。 相关文件和代码导航器。 Adobe InContext Editing。 全新用户界面新增功能。 HTML数据集新增功能。 Adobe AIR创作支持。 FLV支持。 支持领先技术。 学习最佳做法。 CSS最佳做法。 Adobe Photoshop智能对象。 HTML数据集。 全新用户界面。 跨产品集成。 Subversion集成。 跨平台支持。在Dreamweaver CS4中，通过理论与实践结合，可以很快掌握如何运用CSS样式表、CSS样式表的语法和实现方式，并学习运用CSS、样式规则的冲突和诊断、CSS网页布局等，与实例结合，快速掌握CSS的核心和应用，具备分析现有CSS样式和手写CSS能力，在网页中灵活使用CSS设计符合WEB标准的网页布局，创建更贴近用户、更适用于各类浏览器的专业性网页。2.2 SQL Server 2000个人版简介【基本介绍】SQL Server 是一个关系数据库管理系统它最初是由Microsoft Sybase 和Ashton-Tate三家公司共同开发的于1988 年推出了第一个OS/2 版本在Windows NT 推出后Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了Microsoft 将SQL Server 移植到Windows NT系统上专注于开发推广SQL Server 的Windows NT 版本Sybase 则较专注于SQL Server在UNIX 操作系统上的应用在本书中介绍的是Microsoft SQL Server 以后简称为SQL Server或MS SQL ServerSQL Server 2000 是Microsoft 公司推出的SQL Server 数据库管理系统的最新版本该版本继承了SQL Server 7.0 版本的优点同时又比它增加了许多更先进的功能具有使用方便可伸缩性好与相关软件集成程度高等优点可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用。【软件特点】Internet 集成。 SQL Server 2000 数据库引擎提供完整的 XML 支持。它还具有构成最大的 Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成，用以开发 Web 应用程序，并且 SQL Server 2000 支持 English Query 和 Microsoft 搜索服务等功能，在 Web 应用程序中包含了用户友好的查询和强大的搜索功能。可伸缩性和可用性。 同一个数据库引擎可以在不同的平台上使用，从运行 Microsoft Windows&reg; 98 的便携式电脑，到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2000 企业版支持联合服务器、索引视图和大型内存支持等功能，使其得以升级到最大 Web 站点所需的性能级别。企业级数据库功能。 SQL Server 2000 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性，同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2000 分布式查询使您得以引用来自不同数据源的数据，就好象这些数据是 SQL Server 2000 数据库的一部分，同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本，同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户，使这些用户自主地工作，然后将他们所做的修改合并回发布服务器。易于安装、部署和使用。 SQL Server 2000 中包括一系列管理和开发工具，这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2000 还支持基于标准的、与 Windows DNA 集成的程序设计模型，使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快速交付 SQL Server 应用程序，使客户只需最少的安装和管理开销即可实现这些应用程序。数据仓库。 SQL Server 2000 中包括析取和分析汇总数据以进行联机分析处理 (OLAP) 的工具。SQL Server 中还包括一些工具，可用来直观地设计数据库并通过 English Query 来分析数据。第三章 系统分析和设计 3.1需求分析本系统开发的总体任务是简单地构建一个可以实现发帖、留言的个人网站。功能描述：1.个人新闻可以用来发布自己或好友近期的重大消息，可以和好友们分享自己近期的好消息，也可以让别人帮你分担不好的消息。 2.发帖 可以让人发表一些自己喜欢的东西，网友可以在这里发表一些文章等东西和别人分享。3.留言 这里是我与大家交流的地方，可以就我们喜欢的东西展开探讨。4.后台管理 这里是用来管理网站的地方，用来对现有的新闻、帖子、留言进行修改、删除等操作。3.2数据库及表结构的创建 1.数据库概念结构设计本数据库的E-R图描述 管理员表Admin_gly_biao的E-R图3-1 管理注册表Yhzc_biao的E-R图3-2 新闻表News_biao的E-R图3-3 帖子表tz_biao的E-R图3-4 留言表ly_biao的E-R图3-52.数据库逻辑结构设计 根据E-R图在数据库中创建表 Admin_gly_biao表图3-6 Yhzc_biao表图3-7 News_biao表图3-8 tz_biao表图3-9 ly_biao表图3-10第四章 网站开发4.1环境搭建 1.在windows xp安装IIS并配置(1) 下载在windows xp上使用的IIS安装包并解压(2) 安装过程：【开始】|【控制面板】|【添加/删除程序】|【添加删除windows组件】1）在IIS前面打钩并单击【下一步】2）在系统提示插入时，选择安装包解压后文件夹里的文件 检验是否安装成功：打开浏览器，在地址处输入http:/localhost,若显示web服务器正在运行，表示安装成功。 2.安装SQL Server 2000数据库 （1）下载SQL Server 2000个人版xp能用的安装包并解压 （2）安装sql：进入安装文件解压后的文件夹，双击autorun.exe文件进入安装界面，单击安装【SQL Server 2000组件】，安装数据库服务器。 （3）接下来，单击【下一步】|【本地计算机】|【创建新的SQL Server实例或安装客户端服务器工具】|一直【下一步】|输入CD-key|一直【下一步】|服务器账号选择【本地系统账号】|【混合模式】 密码：111|一直【下一步】到安装开始|单击【完成】4.2 网站设计 网站结构图 图4-11. 用户注册系统（1） 用户注册页面 图4-21) 单击【创建】ASP VBScript文档，并保存为yhzc.asp2) 单击【设计】|【插入】|【表格】 行1列13) 在表格里面【插入】|【表单】4) 在表单中，插入6行2列的表格，设为【居中对齐】。5) 在表格上方插入行，输入“用户注册”，设为【居中对齐】。6) 分别在第一列中输入如上图的文字，设为【右对齐】7) 分别在第二列，选择【插入】|【表单】|【文本域】命令，在【文本域】名称中分别输入：name，pass，pass1，tel，email。pass，pass1的【类型】为【密码】，其余的为【单行】8) 在最后一行，选择【表单】|【按钮】，插入2个按钮，【动作】分别为【提交表单】和【重设表单】，【值】分别为“提交”和“重置”9) 选择【窗口】|【行为】命令，打开【行为】面板，单击+号按钮，选择【检查表单】，把文本域name，paas，pass1的【值】勾选【必需的】，【可接受】勾选【任何东西】，文本域tel的【值】勾选【必需的】，【可接受】勾选【数字】，文本域email的【值】勾选【必需的】，【可接受】勾选【电子邮件地址】。单击【确定】，添加行为。10) 切换到拆分视图，在验证表单动作输入以下的代码if (MM_findObj('pass').value!=MM_findObj('pass1').value)errors +='-两次密码输入不一致n'图4-311) 在【服务器行为】面板中添加【插入记录】和【检查新用户】如下图4-4 图4-5图4-6（2） 注册成功与失败的页面1） 单击【创建】ASP VBScript文档，并保存为zccg.asp2） 插入【表单】，并在表单中插入【表格】，在表格输入相应的文字“注册成功！登录网站！”3） 选中文字“登录网站”链接到yhdl.asp。4） 单击【创建】ASP VBScript文档，并保存为zcsb.asp5） 插入【表单】，并在表单中插入【表格】，在表格输入相应的文字“ 对不起您的用户名已存在。请重新注册！” 6） 选中文字“重新注册”链接到yhzc.asp2. 前台登录页面图4-7（1）登录页面1） 单击【创建】ASP VBScript文档，并保存为yhdl.asp2） 单击【设计】|【插入】|【表格】 行1列13） 在表格里面【插入】|【表单】4） 在表单中，插入3行2列的表格，设为【居中对齐】。5） 在表格上方插入行，输入“欢迎进入hjx的世界”，设为【居中对齐】。6） 分别在第一列中输入如上图的文字7） 分别在第二列，选择【插入】|【表单】|【文本域】命令，在【文本域】名称中分别输入：u和p【类型】为【单行】和【密码】8） 在第四行第二列中，选择【表单】|【按钮】，插入2个按钮，【动作】分别为【提交表单】和【重设表单】，【值】分别为“登录”和“重置”9） 在两个按钮后面输入“用户注册”，并把它链接到yhzc.asp10） 单击【服务器行为】面板中的+号按钮，选择【用户身份验证】|【登录用户】设置如下图 图4-8（2）登陆成功和失败页面 1）单击【创建】ASP VBScript文档，并保存为dlcg.asp ，作为登录成功页面，后面会对文档再做设置。 2）单击【创建】ASP VBScript文档，并保存为dlsb.asp 3）插入【表单】，并在表单中插入【表格】，在表格输入相应的文字“登录失败，错误的用户名或密码！ 重新登录！” 4）选中文字“重新登录”链接到yhdl.asp3.后台登录页面 图4-9做法与前台登录页面相似，该页面保存为login_ht.asp,成功后转到index.asp，失败转到errro.asp4.前台首页的框架页面图4-10（1）【新建】|【更多】|【示例中的页】|【框架页】|【左侧固定】|【创建】|【确定】|【保存框架页】为dlcg.asp,替换原有的文件。 进入【代码】中把左边的文件改为./admin_qt/left.asp，右边改为./admin_qt/main.asp（2）分别【创建】两个ASP VBScript文档，并保存为left.asp和main.asp，存放在admin_qt文件夹中。然后保存全部，再全部关闭。（3）打开dlcg.asp框架页，选择【查看】|【可视化助理】|【框架页边框】 【边框】设置为【是】 【边框宽度】设为14（4）在框架页面左边的left.asp文件中插入【表格】行6列1 在表格中分别输入如上图所示文字，设为【居中对齐】（5）右边的main.asp文件则是输入“欢迎进入hjx网站” 选择【绑定】|【阶段变量】名称为“MM_Username”，并把这个绑定放在“欢迎”后面。这样“欢迎”后面会显示登录的用户。5. 后台首页的框架页面图4-11做法与前台的大致相同，但在这里我在mian.asp加入修改密码的功能（1）在页面中输入“修改密码”，并把它链接到admin_mm.asp（2）【创建】ASP VBScript文档，保存为admin_mm.asp（3）添加记录集图4-12（4）【