范文（个人网页的设计与实现）

继续教育毕业论文

题 目 个人网页的设计与实现 姓 名 苏瀚良 学 号 5009130092001 专 业 计算机科学与技术 导师姓名、职称 冯晓慧 、副教授 论文提交日期： 2015年4月1日

西安电子科技大学继续教育

毕业论文（设计）任务书

函授站名 姓 名 指导教师 题 目 瑞德教育 苏瀚良 冯晓慧 专 业 学 号 职 称 计算机科学与技术 5009130092001 副教授 个人网页的设计与实现 任 务 与 要 求 综合运用信息管理与信息系统专业知识，根据个人的实际情况，利用先进的网页开发工具（Frontpage，Dreamwever,flash等），设计一个反映个人情况的网页。 要求： 1.运用网页的设计理论和方法，编写《个人网页设计报告》； 2.网页中所涉及的内容健康且积极向上，页面具有一定的特色，层次设计清楚，颜色搭配合理，有较强的观赏性和实用性； 3.撰写毕业论文，论文要求由中英文摘要、目录、绪论、正文、结论、致谢、参考文献。论文要求结构合理，概念清楚，逻辑清晰，语言通顺，文笔流畅。 4.按时参加毕业论文答辩。 开始日期: 2014年12月01日 完成日期:2015年4月1日 指导教师签名: 年 月 日

西安电子科技大学继续教育

毕业论文（设计）工作计划

函授站名 姓 名 指导教师 题 目 瑞德教育 苏瀚良 冯晓慧 专 业 学 号 职 称 工 作 进 程 计算机科学与技术 5009130092001 副教授 个人网页的设计与实现 起止时间 2014.12.01-2014.12.07 工作内容 与指导教师研讨题目内涵，对所选题目进行确认或提出修改、调整意见。 收集资料，分析课题要求，熟悉本课题要用到的相关知识和常用软件，对具体工作内容进行研究，制定详细毕业论文（设计）工作计划。 根据工作计划确定本课题要采用的软件、熟悉工具软件. 进行网页的总体设计和编程，撰写中期检查报告。 网页的编程实现并进行调试以及优化完善功能。按计划进行毕业论文中期检查工作. 整理资料、撰写论文、交导师审阅,准备答辩。 2014.12.08～2014.12.20 2014.12.21～2015.01.30 2015.02.01～2015.02.30 2015.03.01～2015.03.20 2015.03.20～2015.04.01 主要参考书目： [1]Jsp网络应用开发 .北京：电子工业出版社-孙鑫（著），2005 [2]李明飞.JSP应用教程[M].北京：清华大学出版社，北京交通大学出版社，2005 [3]肖刚，古辉，程振波，张元鸣.实用软件文档写作[M].北京：清华大学出版社，2005 主要仪器设备： 硬件：计算机、局域网、Internet等。 指导教师签名： 年 月 日

西安电子科技大学继续教育

毕业论文（设计）评审表

答辩人 答辩小 组人数 论文题目 苏瀚良 答辩时间 组长 4.11 答辩 地点 E教室 3 冯晓慧 记录人 王晓凤 个人网页的设计与实现 该同学在毕业设计期间，能按指导教师的要求认真开展工作，独立完毕业论文评语 成了毕业设计。论文书写认真，格式规范，条理清晰，本论文完成了毕业设计任务书的要求。 建议成绩评定为： 导师签名 年 月 日 答辩小组意见 该生陈述思路基本清晰，语言流畅，逻辑性强，能较为准确地回答答辩老师所提问题. 评议论文成绩为： 组长签名 年 月 日 评审组 同意答辩小组意见，评议论文成绩为： 意见 组长签名 年 月 日

摘要

摘 要

随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在Internet上表现极及其重要的地位，并发挥着其及其重要的作用。

随着网络越来越普及,如今网络已经成为每个人生活的一部分,同时网络也提供了一种很好的信息交换平台,而个人主页是一个可以在网络上展示个人信息的方便手段。本文介绍了如何开发个人网站。首先介绍开发工具ASP,HTML等技术,然后详细讲解了个人主页的开发。

关键词：个人主页,HTML技术,ASP技术

目 录

目 录

摘 要

第1章 绪 论 ........................................................................................................................ 1

1.1 课题研究现状分析 ................................................................................................... 1 1.2 个人网站的研究工作 ............................................................................................... 1 1.3 已经取得的研究成果 ............................................................................................... 2 1.4 选题的目的及意义 ................................................................................................... 2 1.5 课题研究的主要内容 ............................................................................................... 2 第2章 ASP简介.................................................................................................................... 3

2.1 运行ASP所需的环境.............................................................................................. 3 2.2 ASP的特点............................................................................................................... 4 2.3 ASP的工作原理....................................................................................................... 4 2.4 ASP动态网站的运行条件....................................................................................... 4 第3章 Dreamweaver简介 .................................................................................................... 5 第4章 系统的可行性与要求分析 ........................................................................................ 7

4.1 对系统的可行性研究 ............................................................................................... 7 4.2 需求分析的任务 ....................................................................................................... 7 第5章 制作个人网页的基本步骤 ...................................................................................... 9

5.1 收集素材 .................................................................................................................. 9 5.2 设计结构 ................................................................................................................... 9 5.3 创建站点 ................................................................................................................... 9 5.4 编写网页 ................................................................................................................. 14 5.5 上传文件 ................................................................................................................. 14 5.6 更新维护 ................................................................................................................. 14 第6章 系统功能实现 .......................................................................................................... 15

6.1 数据库的物理设计 ................................................................................................. 15

2 个人网页设计与实现

6.2 系统功能流程图： ................................................................................................. 15 6.3 系统主页 ................................................................................................................. 16 6.4 后台系统的设计与实现 ......................................................................................... 16 第7章 结 论 ...................................................................................................................... 17 致 谢 ...................................................................................................................................... 19 参考文献 .................................................................................................................................. 21

第1章 绪 论 1

第1章 绪 论

1.1 课题研究现状分析

随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

1.2 个人网站的研究工作

个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。

随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简

2 个人网页设计与实现

单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。

1.3 已经取得的研究成果

中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。

1.4 选题的目的及意义

随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。

1.5 课题研究的主要内容

互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。

第2章 ASP简介 3

第2章 ASP简介

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：

（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术； （2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试； （3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；

（5）ASP可以使用服务器端ActiveX组件（是一个存在于 WEB 服务器上的文件，

该文件包含执行某项或一组任务的代码，组件可以执行公用任务，这样就不必自己去创建执行这些任务的代码。例如，股票行情收报机组件可以在 Web 页上显示最新的股票报价。

2.1 运行ASP所需的环境

要浏览ASP文件必须经过服务器解析才能够浏览得到。如果是将asp文件上传到支持asp的服务器，那就能够直接浏览。但是如果是在本机上面，那就必须将自己的电脑设置成为服务器。我们单机并不需要设置成为局域网，只需要设置成为单机服务器就可以。ASP运行所需的环境如下：

Microsoft Peer Web Services Version 3.0 on Windows NT Workstation Microsoft Personal Web Server on Windows 95/98

也就是说我们经常所使用的window95/98/2000/XP都可以运行asp，只需要将其设置为单机服务器就行了。 归结一点：window95/98，需要安装PWS；window2000/XP,

4 个人网页设计与实现

需要安装IIS（Internet Information Services---互联网信息服务，是由微软公司提供的基于运行Microsoft Windows的互联网基本服务）才能发挥其asp的作用。

2.2 ASP的特点

（1）利用ASP可以突破静态网页的一些功能限制，实现动态网页技术； （2）ASP文件是包含在ASPhtml代码所组成的文件中的，易于修改和测试； （3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以html格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web浏览器中获取用户通过html表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；

（5）由于服务器是将ASP程序执行的结果以html格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可以防止程序代码被盗取；

（7）使用VBScript,JavaScript等简单易懂的脚本语言，结合html代码，即可快速的完成网站的应用程序设计；

（8）可以使用常规文本编辑器，如记事本，即可进行编辑设计。

2.3 ASP的工作原理

（1）用户在浏览器的地址栏中输入ASP文件名称，并回车触发这个ASP请求； （2）浏览器将申请发送到IIS的web服务器；

（3）web服务器接收这些申请并根据“.asp”的后缀名识别这是ASP文件； （4）Web服务器从当前硬盘或内存中，读取正确的ASP文件； （5）web服务器然后将它送回用户浏览器。

2.4 ASP动态网站的运行条件

（1）必须要有IIS（Internet信息服务）服务器； （2）服务器要安装数据库32位ODBC的驱动程序；

（3）服务器端需安装数据库开发程序如Access2003、SQL Server2003等； （4）为了保证网站的可视化开发，还需安装网页制作软件如Dreamweaver CS3。

第3章 Dreamweaver简介 5

第3章 Dreamweaver简介

Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与Frontpage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。

Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Fireworks 并称为 Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。因此，说Dreamweaver是高级网页制作的首选并不为过。

将各种网页制作的相关工具紧密联系起来是Dreamweaver系列的一大亮点，同时良好的插件体系，使Dreamweaver CS3可通过第三方插件进行补充。另外，Dreamweaver CS3还为开发人员提供了动态语言支持与丰富的模板。

Dreamweaver CS3在功能强大与易用性之间具有很好的平衡，使用Dreamweaver CS3可以有效地提高web开发的工作效率。在Dreamweaver CS3中提供了大量的CSS模板与代码块，开发人员可以依据这些模板和代码块快速建立基于CSS修饰的页面。同时Dreamweaver CS3对CSS的管理也进行了增强，可以方便地将CSS代码在外部文档与页面之间进行移动，使用CSS免去了修改网页中某一处的样式而在源代码中苦苦寻觅的烦恼，可以达到一处变动全站都变的效果，及大地提高了工作效率。

Dreamweaver对ASP网页的设计提供了很多的支持，无论是网页的创建还是数据库的设计，都可以很方便的完成，ASP网页开发人员几乎不用编写任何程序代码，就可以用Dreamweaver快速创建具有具有各种功能的网页形态。然而许多深入的细节依然需要通过编写代码来完成。Dreamweaver和ASP在某种程度上来讲是相辅相成缺一不可的，我的个人网站就是用Dreamweaver和ASP来完成的。在本网站中来访者可以浏览相关的信息，管理员通过网站后台管理系统可以直接

6 个人网页设计与实现

进行管理操作，能实现网站的在线更新、修改、等各项功能。

用Dreamweaver和ASP就可以完成网站的基本框架了，但是要使网站美观大方，还得利用一些辅助软件，如Photoshop、美图秀秀、Flash等。 动态网站，是指WEB服务器能够通过HTML表单收集用户的信息，用户也可以通过网页获得自己想要的信息的网站，一般使用数据库技术，网站维护更新方便。

第4章 系统的可行性与要求分析 7

第4章 系统的可行性与要求分析

4.1 对系统的可行性研究

并非任何问题都有简单明显的解决办法，事实上，许多问题不可能在预定的系统规模或时间期限之内解决。如果问题没有可行的解，那么花费在这项工程上的任何时间、人力、软硬件资源和经费，都是无谓的浪费。可行性研究的目的，就是用最小的代价在尽可能短的时间内确定问题是否能够解决。

在澄清了问题定义之后，分析员应该导出系统的逻辑模型。然后从系统逻辑模型出发，探索若干种可供选择的主要解法（即系统实现方案）。对每种解法都应该仔细研究它的可行性，一般来说，至少应该从技术可行性、经济可行性和时间可行性三方面研究每种解法的可行性。以下为对本系统的可行性研究：

技术可行性：利用ASP技术完全可以开发和制作动态网页。

经济可行性：制作该系统并不复杂，在一台装有windows2000 server的电脑上即能开发，基本上不需要什么成本。

时间可行性：该系统设计简单，可在允许的时间范围内完成。 通过以上三方面分析，得出结论：该系统是可行的。

4.2 需求分析的任务

需求分析的任务不是确定系统怎样完成它的工作，而仅仅是去确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。

虽然功能需求是对软件系统的一项基本需求，但却并不是唯一的需求，通常对软件系统有以下几方面的综合要求，功能需求（这方面的需求指定系统必须提供的服务）、性能需求、可靠性和可用性需求（可靠性需求定量地指定系统的可靠性，可用性量化了用户可以使用系统的程度）、出错处理需求（这类需求说明系统对环境错误应该怎样响应）、接口需求（描述应用系统与它的环境通信的格式）。对系统的综合要求有系统性能要求、运行要求三个方面。

1．系统性能要求： 在以下环境均能运行asp：

8 个人网页设计与实现

Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server Microsoft Peer Web Services Version 3.0 on Windows NT Workstation Microsoft Personal Web Server on Windows 95/98

一台能够运行Windows操作系统的计算机，内存在16MB以上（操作系统Windows NT Server要求32 MB以上），可用的硬盘空间在100MB以上，即符合要求。

2．运行要求：

ASP程序必须在支持ASP的Web服务器上才能运行，对于个人用户，可以首先将计算机虚拟为Web服务器。如果计算机使用的是Windows系统，安装微软的PWS或IIS就可以实现这一目标。该系统使用的是IIS，后台数据库为Access2003。

第5章 制作个人网页的基本步骤 9

第5章 制作个人网页的基本步骤

5.1 收集素材

(1)文字资料。主要是自己编写的，或者从报刊、杂志 、网络等媒体上获取有关的资料，加以整理编辑 。

(2)图片资料 。一般可以根据主页的主题选择合适的素材库光盘，或是直接从网络下载。如果有一定的绘图功底和技巧，建议尽量使用Photoshop或 Paintshopf 绘图软件，制作页面的图标Logo 及广告Banner，以充分体现主页的个人特色。

(3)其它资料。为增加个人主页的表现力，可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。

5.2 设计结构

个人主页的制作是个复杂的系统工程。在开始页面制作之前，先搭好主页的框架，规划整体结构，草拟网站的“施工图”。如果只是一时兴起，想到什么就作什么，盲目操作，往往会使网站制作虎头蛇尾、条理混乱，最终因维护困难而夭折。

进行页面的规划，就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架，每个页面中图片、文字及其他文件的分布以及外观显示的设定 (如 颜色、字体)等等，进而根据规划大致估算一下需要多少相关的索材，并予以分 别类落实。经过规划，便于个人网页的管理维护，能让制作者有条不紊地表达所有的信息，使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之问的层次结构和链接关系，并适当考虑将来扩充的可能性。

5.3 创建站点

制作网页之前，新定义一个站点。利用站点，可以方便、快捷地对文件进行管理，尽可能地减少出错，如路径错误、链接错误等。同时设置了本地文件夹和远程信息后，可以将文件上传到服务器，实现文件的上传与下载。

方法一：在站点窗口的下拉菜单选择最后一项编辑站点，如下图。

10 个人网页设计与实现

此时会弹出一个新的对话框，点击“新建”按钮就可以定义一个新网站，如果日后需要对旧有网站重新定义，可以在左边的网站列表中选中你需要重新定义的网站，然后点击“编辑”按钮便可。

方法二：选择菜单“站点”－－“新建站点”选项。（如图所示）

第5章 制作个人网页的基本步骤 11

在接着看到的对话框中，要进行以下简单的设置：

① 网站名称：为你的网站起一个名字，这个名字只起着识别的作用，与网站发布后真实的名字无关，例如这里的名字是：“我的网站”，而实际上我的网站叫“电脑课堂”；

如果不需要什么特殊的服务器技术，就选“否”这项。

12 个人网页设计与实现

②本地根目录：设置网站在本地硬盘的位置，点击后面的文件夹图标可以选择硬盘

的任意目录作为存放网站文件的目录；

③可以任意选择你想要将文件存储在服务器上的位置，方法同上一步本地根目录的建立相同。

第5章 制作个人网页的基本步骤 13

④选择默认的状态即可。

完成后，回到站点窗口，就可以看到如下类似的画面：

可以看到，“我的网站”的名称已经出现在站点窗口了，因为是新建的一个站点，所在在本地目录看到的一片空白。站点定义完毕之后，就可以正式制作属于你自己的网页了。

14 个人网页设计与实现

5.4 编写网页

页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑 CSS样式等。顶部栏目主要有 Logo、Banner和导航条。底部版权信息主要是网站的联系方式。页面主体部分是页面的核心内容，大多数情况下要使用嵌套表格的技术来实现。在制作时，通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用 CSS来美化完成的网页。

5.5 上传文件

个人网页制作完成后，就需要给个人网页在网上安个家。提供免费个人网页站点的网站很多，可以选择中意的网站提出申请。一般流程如下：点击进入的网站申请窗口，填写信息表格，其主要内容包括主页标识、主页描述、主页地址 (URL)、关键词，以及个人地址、姓名、E—mail地址、电话号码、详细的邮政地址等个人信息；提交申请；将在几天内收到网站发来的 E—mall。若申请成功，会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后，就可以实现在网络上浏览个人主页了。

5.6 更新维护

网络讲求新和快，制作个人网页时，同样也要注意。做好日常维护工作，及时更新完善，紧跟时代步伐，保持内容新颖，吸引浏览者的注意和点击。可设置一个专门的“what s new”页面，及时醒目地告诉来访者主页最新的内容。这样能方便浏览，让浏览者一目了然，迅速寻找所需要的内容，不致于层层深入，一无所获。

第6章 系统功能实现 15

第6章 系统功能实现

6.1 数据库的物理设计

数据库在物理设备上的存储结构与存取方法称为数据库的物理结构，，它依赖于选定的数据库管理系统。为一个恶给定的逻辑数据模型选取一个恶最适合应用要求的物理结构的过程，就是设局看的物理设计。

希望设计优化的物理数据结构，使得在数据库上运行的各种事务响应时间小、存储空间利用率高、事务吞吐率大。为此，首先要对运行的事务进行详细分析，获得选择物理数据库设计所需要的参数。其次，要充分了解所用RDBMS的内部特征，特别是系统提供的存取方法和存储结构。对于数据库产讯事务，需要得到以下信息：查询的关系、查询条件所涉及的属性、连接条件所涉及的属性；对于数据更新事务，需要得到以下信息：被更新的关系、每个关系上的更新操作条件所涉及的属性、修改操作要改变的属性值。

6.2 系统功能流程图：

个人网站 首页 照片 心情 随笔 试听 链接 留言 日程 图6.1前台流程图

16 个人网页设计与实现

后台管理 管理员登录 相册管理 歌曲管理 心情日记 杂文随笔 我的日程 留言管理 网址管理

图4—2后台管理流程图

随笔、留言、日程用的是在线编辑器，在线编辑器的概述如下：通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。

在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标记进行修改。

6.3 系统主页

该系统主页,一般用户都可以进入本系统首页进行浏览.可以浏览本站的相关信息，也可以在留言板中与站长及其它用户相互交流。在首页中,主要显示本系统的功能。本系统是为个人而设计的,所以在主页的设计方面主要介绍自己并以自己信息为中心的网站，主要表现个人的相关信息与娱乐信息。

6.4 后台系统的设计与实现

后台管理的功能主要包括：相册的管理、歌曲的管理、心情日记、杂文随笔、被忘记录，留言管理等，管理员登陆以后可进行相关的添加、删除、修改等。

第7章 结 论 17

第7章 结 论

在历时几个月的时间里，我的毕业设计是从学习新的知识（ASP语言、VB语言和HTML语言），到建立个人系统的网站。在建网站的过程中遇到了很多的问题和解决了不少的问题。在制作时充分利用Dreamweaver CS3提供的框架、可视化编辑和自动生成功能对我做网站起着至关重要的作用，系统多数使用的是自动化生成的代码。 从建立虚拟服务器，到网站服务，有了具体详细的认识。我所建立的个人网站系统只是一个网上浏览的基本原理，展示的信息是以个人基本爱好为中心。建立网站并不是我们所想象的写程序、插图片那么简单，它包括了编写代码、数据库设计、网页制作、图象处理、版面设计、资料收集、文本编辑、服务器管理等，要制作一个清新的，完整的网站需要一个详细的、合理的、可行性的规划设计。

在用ASP做网站的时候，在程序的调试会出现的问题，要使用浏览器来浏览才能找出错误所在。

这在一定程度上延长了设计周期。在开始的时候往往要为了找一个小错误花上大半天的时间。经过多次错误，就能很快的发现错误，并能熟练的使用数据库语言。 随着Web技术的不断发展和Internet的逐渐大众化，基于Internet的网站系统无疑比传统网站具有更加广阔的应用前景。

本文来源：https://www.bwwdw.com/article/qazg.html