1、毕业论文_1目 录第一章 绪言4第二章 设计的背景5第三章 网站设计前的准备工作3第一节 WEB 网页概述3第二节 开发工具的介绍3第三节 建立个人网站站点4第四章 网站详细设计7第一节 前台页面制作 7第二节 用户注册登录模块的制作9第三节 留言板模块 11第五章 网站的测试与上传 20第六章 总结21参考文献致谢附录毕业论文_1第一章 绪言互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。 互联网是一个互动性极
2、强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便。伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然
3、后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生页面。Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在 Internet应用上的地位显而易见，一个家庭甚至
4、个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。毕业论文_2第二章 设计的背景随着 Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet 的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否
5、在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。毕业论文_3第三章 网站设计的准备工作第一节 WEB 网页概述Web(World Wide Web，简称 WWW，又称万维网)是目前 Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了 Internet上的广告、新闻、电子商务和展示信息等各个服务领域。Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。在Web服务方式中，信息以页面（或称 Web页）的形式存储在
6、Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器 URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向 Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。第二节 开发工具的介绍网络技术的发展带动了软件业的发展，所以用于制作 Web页面的工具软件也越来越丰富。从最基本的 HTML编辑器到现在非
7、常流行的 Flash互动网页制作工具，各种各样的 Web页面制作工具，下面是几款具有代表性的网页制作器：（1）HTML 编辑器虽然 HTML代码复杂，编辑和调试要花费大量的时间，但因 HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级 HTML规范，使用较为普遍的有 Hotdog等专业 HTML编辑器。 （2）梦幻网页的编织者-Dreamweaver8.0Dreamweaver是创建和管理网页的专业化可视编辑器。使用 Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia
8、 的 Roundtrip HTML技术允许用户随意导入 HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：使用动态 HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行毕业论文_4的平台和浏览器中可能发生的错误。（3）JavaScriptJavaSript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML超文本标记语言、Java 脚本语言（Java 小程序）一起实现在一个 Web页面中链接多个对象，与 Web客户交互作用。从而可以开发客户端的应用程序等。
9、它是通过嵌入或调入在标准的 HTML语言中实现的。它的出现弥补了 HTML语言的缺陷，它是 Java与 HTML折衷的选择。（4）影像与动画的制作软件Adobe Photoshop8.0Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。(5)PHP+ MysqlPHP是英文超文本预处理语言 Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入 HTML文档的脚本语言，语言的风格有类似于 C语言，被广泛地运用。PHP具有很多的优
10、势，如开放的源代码，能跨平台使用，程序开发快，运行快，技术本身学习快等等。另外，个人网站制作者还需熟悉 W3C的 HTML4.0规范、CSS 层叠样式表的基本知识等等。对于常用的一些脚本程序如 ASP、CGI 也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用 FTP工具以及拥有相应的软硬件和网络知识也是必备的。 第三节 建立个人网站站点运行 Dreamweaver8.0软件，执行“站点/新建站点”命令，弹出站点定义窗口，为站点起个叫“爱诗歌”的名字，单击“下一步”；选择“是，我想使用服务器技术”，并在下面选择“PHP
11、MYSQL 服务器技术”，单击“下一步”;选择站点目录，本论文的作品根目录为“F:PHPnowhtdocsyxcms”，接着下一步【确定】完成。毕业论文_5因为作品采用 PHP技术，所以我使用 PHPnow这个软件来搭建本地测试服务器的环境，站点根目录为 F:PHPnowhtdocs。毕业论文_6毕业论文_7第四章 网站详细设计第一节 前台页面制作(1)首页面的设计在上面配置好站点的根目录后，就可以制作自己的网页了。打开Macromedia Dreamweaver 8 这个软件，在根目录下【新建】首页文件index.php。我的个人网站的标题是：爱诗歌首先制作网站的标志 LOGO，可以根据网站
12、的主题等制作出特色的标志。以下是我的 LOGO:制作好 logo 后，我就开始了主要栏目的编排和制作，因为我在这个网站规划时，已经想好网页分为 6 个主要栏目，以下是我的效果图：接着，开始首页面主体内容布制了。为了让游客和网站更好的交流，我制作了用户注册登录模块；和文章搜索模块。首页主体部分包括一个滚动的文本Welcome to mysite。下面的内容是三个著名诗人的介绍。毕业论文_8页面的效果图如下：最后，制作出页面底部的版权信息等，使网站更完整。(2)子页面的设计接着开始了【子页面】的制作。子页面的顶部与底部和首页一样，保持协调。主体部分，因为是【唐诗】这个栏目的制作，分为左右板式，左边放文章标题内容，文章可以通过后台系统进行添加。右边的栏目分别是：公告信息、热门文字、推荐文字。毕业论文_9(3)对于其它栏目，也是根据【唐诗】这个栏目的样式和流程来制作的。第二节 用户注册登录模块的制作为了让网站留住游客，给他们盖个窝。所以我采用 PHP技术制作了一个注册登录模块，和会员后台界面。本网站使用的数据库名为 yxcms，注册登录模块使用的数据表是yx_members。
