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)子页面的设计接着开始了【子页面】的制作。子页面的顶部与底部和首页一样，保持协调。主体部分，因为是【唐诗】这个栏目的制作，分为左右板式，左边
13、放文章标题内容，文章可以通过后台系统进行添加。右边的栏目分别是：公告信息、热门文字、推荐文字。毕业论文_9(3)对于其它栏目，也是根据【唐诗】这个栏目的样式和流程来制作的。第二节 用户注册登录模块的制作为了让网站留住游客，给他们盖个窝。所以我采用 PHP技术制作了一个注册登录模块，和会员后台界面。本网站使用的数据库名为 yxcms，注册登录模块使用的数据表是yx_members。毕业论文_10以下是我的注册登录界面效果图：毕业论文_11第三节 留言板模块留言的功能，能够让浏览者对网站文章的留言交流，提高了网站的互动性。所以在我的诗歌欣赏网里，我用 PHP+MYSQL制作了留言模块。网站管理员能
14、够通过后台系统，对游客的发布信息进行删除等管理。(1)数据库的设计我使用 Mysql技术来制作数据库，我的留言板模块数据库名称是 yxcms。我的留言板模块的数据表名称是 yx_guestbook， 以下是我的 PHPMYADMIN截图：毕业论文_12留言栏目截图：(2)连接数据库在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用PHP把程序和数据库连接起来，以后就可以连接到数据库、在 PHP中显示数据库中的数据以及更复杂的插入、修改和删除。一起看以下代码，这就是 PHP程序中常用的连接数据库的代码：部分代码如下毕业论文_13Config.php 后台配置文件array (),AP
15、P = array (DEBUG = false,LOG_ON = false,LOG_PATH = BASE_PATH . cache/log/,URL_HTTP_HOST = ,TIMEZONE = PRC,COOKIE_RANGE = ,COOKIE_PATH = /,COOKIE_PRE = yx_,HTML_CACHE_ON = false,HTML_CACHE_PATH = BASE_PATH . cache/html_cache/,HTML_CACHE_RULE = array (default = array (index = array (毕业论文_14index = 300
16、0,),news = array (* = 3000,),photo = array (* = 3000,),page = array (* = 3000,),),),),DB = array (DB_TYPE = mysql,DB_HOST = localhost,DB_USER = root,DB_PWD = YB19920102,DB_PORT = 3306,毕业论文_15DB_NAME = yxcms,DB_CHARSET = utf8,DB_PREFIX = yx_,DB_CACHE_ON = false,DB_CACHE_PATH = BASE_PATH . cache/db_ca
17、che/,DB_CACHE_TIME = 600,DB_PCONNECT = false,DB_CACHE_CHECK = true,DB_CACHE_FILE = cachedata,DB_CACHE_SIZE = 15M,DB_CACHE_FLOCK = true,),TPL = array (TPL_TEMPLATE_PATH = ,TPL_TEMPLATE_SUFFIX = .php,TPL_CACHE_ON = false,TPL_CACHE_TYPE = ,TPL_CACHE_PATH = BASE_PATH . cache/tpl_cache/,TPL_CACHE_SUFFIX
18、= .php,),ver_name = YxcmsApp 1.1.6,ver_date = 20130511,copyright = ,毕业论文_16sitename = 爱诗歌,siteurl = 0,keywords = 爱诗歌,description = 爱诗歌,telephone = 0,QQ = 839715942,email = ,address = 湄职院- 信息系 ,icp = ICPxxxxxx,fileupSize = 2000000,imgupSize = 1000000,ifwatermark = true,watermarkImg = logo.png,waterma
19、rkPlace = 9,coverMaxwidth = 260,coverMaxheight = 208,thumbMaxwidth = 145,thumbMaxheight = 110,allowType = jpg,bmp,gif,png,flv,mp4,mp3,wma,mp4,7z,zip,rar,ppt,txt,pdf,xls,doc,swf,wmv,avi,rmvb,rm,);毕业论文_17guestbook_index.php 留言板相关代码/菜单效果开始$(function()/表单验证var items_array = name:“lname“,simple:“姓名“,focu
20、sMsg:必填, name:“tel“,type:telephone,require:false,simple:“手机号“,focusMsg:非必填, name:“qq“,type:qq,require:false,simple:“QQ 号“,focusMsg:非必填, name:“content“,simple:“留言内容“,focusMsg:必填;$(“#info“).skygqCheckAjaxForm(items : items_array););毕业论文_18姓名：联系电话：QQ 号码：留言内容：毕业论文_19loop $list $vo留言者：$vonameIP:$voip 留言时
21、间:date($voaddtime,Y-m-d H:m:i)$vocontent$voreply/loop$page毕业论文_20第五章 网站的测试与上传第一节 网站的测试一个好的网站建设好了之后是不能立即发布的，在这之前需要进行一段时间的测试，没有经过测试的网站往往会在浏览器兼容性和显示器兼容性上出现问题。同样由于在程序开发和页面制作的过程中难免会出现误差，所以在正式发布前通过测试找出网站的 Bug（网页中的漏洞）是非常重要的一个环节，通常称此过程为捉虫。第二节 网站的上传网站做好后，要上传到自己的空间里别人再可以看到，不然就像做好了一件新衣服却只放在衣柜里一样。可以使用如 FlashFXP
22、这些软件来上传我们的站点文件。打开 FlashFXP，执行“站点-站点管理器” ，然后单击“新建站点” ，根据你的虚拟空间的参数来配置你的站点。如下图所示：毕业论文_21第六章 总结在本次设计的全过程中，我对三年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。 在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一定要把理论知识和实践结合起来。把学到的知识应用到时间中去，多做多练，才可以把理论的精华发挥出
23、来。知识不是知道，了解就好，一定要去应用它，发展它，让它在现实生活中得到充分的应用，从而解决一些问题，这才是学习的根本目的。而且知识又不是单一的，它是互相联系的，学科与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学科，一项课题往往需要多项技术才可以完成的。在设计阶段，通过对课题的深入分析与研究，迫使我对技术有了一定的了解。在遇到问题时，得到了指导老师与同学的悉心帮助，使我感受到集体的力量是无穷的。通过这次设计，我学会了和别人配合工作，因为一个人所学的知识不可能面面俱到的，只有通过合作，发挥自己的优点，体现团队精神，才能使工作做得更为出色。通过这次设计，我学到了许多书本上学不到的知识，
24、增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会，我按部就班的完成了自己的设计任务，但由于自己的知识水平有限，仍然存在很多的不足之处，恳请老师多多指教！当今的社会是竞争的社会，而人才的竞争则是竞争的焦点，毕业设计对于我们即将离校的同学来说，是离校前很好的一次锻炼，使我们各方面的能力都有了很大的提高，为我们踏出校门，走上社会增强了能力与自信！计算机技术的高速发展，使我深深地认识到只有不断的加强学习，才能在计算机技术不至于被淘汰，今后，我还要加强学习，努力使自己成为一位专业的计算机人员，为我自己所从事的工作服务。毕业论文_22参考文献1 陈益材,曾劲柏 网站建设经典范例M. 北京：清华大学出
25、版社.20062 文渊阁工作室 挑战网站开发专家 Dreamweaver8+PHP动态网站开发实务M. 北京：人民邮电出版社.20073 潘凯华，刘中华 PHP 从入门到精通（第 2版）M. 北京：清华大学出版社.20074 王珊等 数据库系统概论（第四版）M. 北京：高等教育出版社,20065 陈益材 PHP+MySQL+Dreamweaver 动态网站建设从入门到精通M. 北京：机械工业出版社.20126 前沿科技 精通 CSS+DIV网页样式布局M .北京：人民邮电出版社.20077（美）里德 计算机导论与 JavaScript编程（第 3版）M . 北京：清华大学出版社.2011毕业论
26、文_23致谢毕业设计完成之际，我由衷地感谢周其峰老师的大力帮助和支持，感谢我的同学与朋友，在我遇到各种各样复杂问题的时候，给予我鼓励和帮助，使我的分析问题和解决问题能力有了很大的提高。 经过几个月的忙碌和工作，本次毕业设计已经接近尾声，作为一个毕业设计，由于经验的匮乏，难免有许多考虑不周全的地方，如果没有导师的督促指导，以及一起工作的同学们的支持，想要完成这个设计是难以想象的 。本论文从选题到完成，每一步都是在导师的指导下完成的，倾注了导师大量的心血。在此，谨向导师表示崇高的敬意和衷心的感谢！尽管与他们为我付出的一切相比，所有的语言都显得苍白无力，我仍要真诚地说声:谢谢! 感谢我的三年来对我学习、生活的关心和帮助。在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意！ 最后感谢我的母校湄洲湾职业技术学院三年来对我的大力栽培！毕业论文_24附 录附源程序光盘一张。
