《计算机专业成品毕业论文-个人网站制作.doc》由会员分享，可在线阅读，更多相关《计算机专业成品毕业论文-个人网站制作.doc（29页珍藏版）》请在三一文库上搜索。
1、 长春职业技术学院毕业论文（设计）专用纸 毕业论文（设计）题目 个人网站设计 学生姓名 学号 班 级 专 业 分 院 指导教师 2012年 4 月长春瑄瑄情商乐园毕业设计专用纸 网址http:/ http:/ 摘 要随着互联网的发展，信息传播的效率逐步为人们所关注。越来越多的企业开始走向网络，通过网络加大对自己的宣传，互联网在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。它以个人为中心传播出有影响力的消息、新闻等。鲜明的个人特色引人瞩目。它以独特的视角、
2、敏锐的观察力，不断地冲击传统媒体。一个好的网站，可以达到宣传自己或者传递信息的目的！个人网站也需要界面友好，视觉效果美观。一个方便易用的网站能更好地展示自己的风格、个性以及吸引力。因此，我采用php和SQL Server 2005开发了我自己的个人网站。关键字：信息；松松个人网站；php；SQL Server 2005Abstract With the development of the Internet , its information dissemination efficiency concern for people gradually. More and more compani
3、es began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important role. The Internet publishing information mainly through the web site to implementation , access to information is also to be in the Internet ocean acc
4、ording to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the influential news, news , etc . Bright individual features eye-catching . It with unique Angle of view, keen observation, and constantly impact to the trad
5、itional media.A good website, can achieve promotion or transfer the purpose of their information.Personal website also needs through a has friendly interface, visual effectisbeautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed my
6、own personal website. With the development of the Internet, its information dissemination efficiency concern for people gradually. More and more companies began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important
7、 role. The Internet publishing information mainly through the web site to implementation, access to information is also to be in the Internet ocean according to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the inf
8、luential news, news, etc. Bright individual features eye-catching. It with unique Angle of view, keen observation, and constantly impact to the traditional media. A good website, can achieve promotion or transfer the purpose of their information. Personal website also needs through a has friendly in
9、terface, visual effect is beautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed my own personal website. With the development of the Internet, its information dissemination efficiency concern for people gradually. More and more com
10、panies began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important role. The Internet publishing information mainly through the web site to implementation, access to information is also to be in the Internet ocean
11、according to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the influential news, news, etc. Bright individual features eye-catching. It with unique Angle of view, keen observation, and constantly impact to the trad
12、itional media. A good website, can achieve promotion or transfer the purpose of their information. Personal website also needs through a has friendly interface, visual effect is beautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed
13、 my own personal website. Keywords: Information; Song song personal website; PHP; SQL Server 2005目 录绪 论1第一章 网站概述2一、个人网站设计的理论基础2二、开发环境选用及介绍2（一） Dreamweaver8.02（二） Photoshop CS3（三）ASP动态网站脚本语言4（四）数据库的选择：SQL Server 20055第二章 网站需求分析6一、用户需求6二、可行性分析6三、功能需求6四、可行性分析7第三章 个人网站的设计构思8一、个人网站的主题与风格8二、选择有创意的内容8第四章 网
14、站详细设计9一、首页设计9二、二级页面的设计9（一）、个人展示9（二）、在线留言模块10（三）、网站后台管理界面10三、数据库的设计10（一）、数据库的需求分析10（二）、数据库的物理设计11（三）网站实现代码12参考文献24绪 论随着互联网的发展，信息传播的效率逐步为人们所关注。越来越多的企业开始走向网络，通过网络加大对自己的宣传。互联网在人们政治、经济、生活等各个方面发挥着重要的作用，甚至个人的生活观念都在发生着根本性的变化。目前许多政府机关、学校、企事业单位均已建立自己的网站。为了宣传自己和传递信息，建设自己个人的网站已经是迫切需要，以个人为中心传播出有影响力的消息、新闻等。互联网正以独
15、特的视角、敏锐的观察力，不断地冲击传统媒体。一个好的网站，可以达到宣传自己或者传递信息的目的！个人网站也需要界面友好，视觉效果美观。一个方便易用的网站能更好地展示自己的风格、个性以及吸引力。 因此，我开发了我自己的个人网站。通过该网站，全面宣传、展示个人的风采和特色，发布我的最新消息、动态等信息内容，使我的朋友对我有一个详细的了解。在Internet网上，让他人看到我发布的重要信息，同时也提高了我个人的知名度。 一个好的网站不仅宣传了我个人还可以加大人们对我的认识，松松个人网站可以通过建立消息平台，借助网络推广个人的形象、宣传个人最新信息、发布个人最新动态，同时通过信息反馈使我更加了解他人对我
16、的关注。网站是虚拟与现实生活的有机的结合，将会有利于我的影响力，更好地宣传我自己。随着全球信息网络的发展，Internet在世界上已不仅仅是一种技术，更重要的是它已成为一种新的交友方式。总结上述，松松个人网站建设目标可总结如下：一、宣传个人形象、展示个人风采、传递最新动态。二、充分利用网络快捷、跨地域优势进行信息传递，对我个人的近况进行及时的展示。三、通过在线回复功能，优化信息的流通渠道。第一章 网站概述一、个人网站设计的理论基础信息时代已经来临，互联网的触角早已覆盖了这个世界的每个角落，如今，个人建立自己的网站已经成为一种生存在信息时代的必要手段一个展示个人能力的网站，在整个网站的建设规划方
17、面要明确。因此在规划我的这个网站时，我选择了和大学生的生活及学习相关联的主题，以达到建站目的。对于网站的设计者来说，在设计规划网站时必须要明确自己网站的浏览者，确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。同时也为个人信息浏览提供了方便，所以，我个人建立网站的意义如下:1、拥有自己的域名，建立自己的网站，树立自己在网络中的完美形象。作为第四媒体的互联网，其特点就是可以跨越时空，正常情况下，他人可以跨越时空了解个人，利用多媒体技术，个人可以向他人展示自己的最近动态、信息、动向、个人爱好、个人形象，树立现代个人形象，增加个人网站
18、的访问量。 2、宣传个人，大多数的人是通过上网来了解他人的，可见个人网站已成为许多人接触他人、了解他人相关信息的选择。 3、加强个人与他人沟通，宣传自己。可以通过网站建立与他人沟通的便捷渠道，全面展示自己的形象。自己的形象更加立体地呈现在好友面前，就算个人仅仅把网站当成宣传册来使用，也较传统的宣传模式更加的多姿多彩、更加地易于发布与传播、更加的经济与环保。 4、丰富宣传手段，网站可以满足一部分用户网上查询与了解的需要。个人网站可以宣传自己的个人形象。我们所处的时代是高度信息化的互联网时代，互联网正在渗透到我们生活中的方方面面，并且在以十倍甚至百倍的速度提高着我们的工作效率。互联网的发展带来了一
19、场规模空前的行业革命，他不仅改变了许多传统行业的运作模式，同时也产生了许多新的网站，并且可以重新排定网站内各个网页的地位。可以说互联网时代是一个资源和财富再分配的时代。互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于个人来说，其具有网络沟通能力的标志是自己拥有自己的独立网站。二、开发环境选用及介绍（一） Dreamweaver8.0Dreamweaver是创建和管理网页的专业化可视编辑器，是网页设计与制作领域中用户最多、应用最广、功能最强大的软件，Dreamweaver 8的发布，更加坚定了Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支
20、持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。可视化的编辑环境大大减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使
21、用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证保存时系统会自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的
22、媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。（二） Photoshop CSPhotoshop CS是一款图形、图像编辑软件，在网页设计领域被广泛得应用。
23、以下是其10大最新功能：1、改进的文件浏览器使用功能强大文件浏览器的可以快速预览、标注和排序图片;搜索或编辑图像的数据元或关键词;并且可以自动批量共享文件。2、匹配颜色命令可以迅速从一张图片的颜色校正另外一张图像的颜色。3、直方图调色板随时根据对图像的调整更新直方图调色板(Histogram Palette)。4、阴影/加亮区修正使用“阴影/加亮区修正(hadow/Highlight correction)”可以快速调整照片中曝光过渡或欠缺的区域。5、沿路径放置文本可以像在Illustrator中一样把文本沿着路径放置，并且你还可以在Illustrator直接编辑文本。6、支持数码相机的raw
24、模式支持多款数码相机的raw模式，让用户可以得到更真实的图像输入。7、全面支持16位图像可以在层、笔刷、文字、图形中精确的编辑、润饰16位的图像。8、Layer Comps可以在一个文件中保存不同层的合并效果，以便对各种效果进行快速察看。9、输入Flash文件使用ImageReady可以创建flash矢量文件。10、自定义快捷键用户可以按照自己的习惯定义Photoshop的快捷键。（三）ASP动态网站脚本语言ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具
25、。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP采用脚本语言VBScript(Java script)作为自己的开发语言。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容(如在线表单)，也可以创建使用HTML网页作为用户界面的web应用程序。ASP的文件后缀名为.asp，以区别于同样可以包
26、含Script的HTML 文件。一个.asp文件是一个文本文件，可以包括下列元素的任意组合： 文本(text)、HTML标志(tags)、Script命令。由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。（四）数据库的选择：SQL Server 2005SQL Server 是一个关系数据库管理系统，它最初是由Microsof
27、t、Sybase 和Ashton-Tate三家公司共同开发的，主要特性有：1、Internet 集成。SQL Server 2005 数据库引擎提供完整的XML 支持。它还具有构成最大的Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2005 程序设计模型与 Windows DNA 构架集成，用以开发 Web 应用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服务等功能，在Web 应用程序中包含了用户友好的查询和强大的搜索功能。 2、可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用，从运行 Mi
28、crosoft Windows® 98 的便携式电脑，到运行 Microsoft Windows 2005 数据中心版的大型多处理器服务器。SQL Server 2005 企业版支持联合服务器、索引视图和大型内存支持等功能，使其得以升级到最大 Web 站点所需的性能级别。 3、企业级数据库功能。SQL Server 2005 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性，同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2005 分布式查询使您得以引用来自不同数据源的数据，就好象这些数据是 SQL Server 2005 数据
29、库的一部分，同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本，同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户，使这些用户自主地工作，然后将他们所做的修改合并回发布服务器。 4.易于安装、部署和使用。 SQL Server 2005 中包括一系列管理和开发工具，这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2005 还支持基于标准的、与 Windows DNA 集成的程序设计模型，使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快
30、速交付 SQL Server 应用程序，使客户只需最少的安装和管理开销即可实现这些应用程序。 25第二章 网站需求分析一、用户需求经过对广大网民的详细调查，加深了对个人网站的深刻了解，与此同时，将整个个人网站的流程描述如下：1、作为松松个人网站的界面，要求界面友好，视觉效果美观。2、由于对网站进行更新时涉及隐私较多，要求要有较好的权限管理。3、页面简单方便，支持在线留言功能。4、在相应的权限下，删除数据方便简单，数据稳定性好；二、可行性分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站做如下划分：首页包含七个模块：1、首页2、个人简介3、信息展示4、新闻中心
31、5、在线留言6、联系我们7、管理员登录首 页在线留言首页新闻中心信息展示管理员登录个人简介联系我们图2.1 个人网站系统数据流图（顶层DFD图）三、功能需求经过以上详细的用户调查，在现行个人网站流程和数据分析的基础上，基本可以确定系统设计必须达到的目标。 以下是个人网站必须具备的功能：对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！ “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）
32、、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。 四、可行性分析为了保证系统能够长期、安全、稳定、可靠、高效的运行，个人网站应该满足以下的性能需求：1、系统处理的准确性和及时性系统处理的准确性和及时性是系统的必要性能。在系统设计和开发过程中，要充分考虑系统当前和将来可能承受的工作量，使系统的处理能力和响应时间能够满足学校对信息处理的需求。2、系统的开放性和系统的可扩充性个人网站在开发过程中，应该充分考虑以后的可
33、扩充性。例如用户留言的需求也会不断的更新和完善。3、系统的易用性和易维护性3、系统的标准性系统在设计开发使用过程中都要涉及到很多计算机硬件、软件。所有这些都要符合主流国际、国家和行业标准。4、系统的先进性目前计算系统的技术发展相当快，作为个人网站，在系统的生命周期尽量做到系统的先进，充分完成企业信息处理的要求而不至于落后。这一方面通过系统的开放性和可扩充性，不断改善系统的功能完成。5、系统的响应速度原则是保证操作人员不会因为速度问题而影响工作效率。第3章 个人网站的设计构思一、个人网站的主题与风格做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料
34、较多，也可以做一个自己感兴趣的网站，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文
35、字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。 风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是一成不变的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作
36、为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。 二、选择有创意的内容好的内容选择需要有好的创意。作为网页设计制作者，最苦恼的就是没有好的内容创意，网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户，记得“内容为王”。第四章 网站详细设计一、首页设计 网站首页采用静、动相结合的方式，即静态的主画面和动态的图片、透明轮换相结合，体现本个人的勃勃生
37、气；动态首页方式包括图片展示、新闻中心、基地风采、在线留言等模块利用php与数据库结合的技术建立数据库查询所有信息，采用交互式的动态的web画面来实现如图4.1所示。图4.1网站首页设计二、二级页面的设计（一）、个人展示 在导航菜单中点击“个人展示”，可链接到产品展示的功能模块，即可浏览全部的个人信息。如图4.2所示图4.2 个人展示设计（二）、在线留言模块 在导航菜单中点击“在线留言”可链接到在线留言的功能模块。如图4.3所示图4.3 在线留言（三）、网站后台管理界面图4.4网站后台管理界面三、数据库的设计（一）、数据库的需求分析进行整个数据库设计必须准确了解与分析用户需求（包括数据和处理）
38、。用户需求分析是整个设计过程的基础，是最困难、最耗费时间的一步。作为最基本的需求分析做得是否充分与准确，决定了在其构建数据库的速度和质量。用户需求具体体现在各种信息的提供、存储、更新和查询方面，这就要求数据库结构能充分满足各种信息的输出与输入。收集基本数据、数据结构及数据处理的流程，组成一份详尽的数据字典，为后面的具体设计打下基础。以这种思想作为设计策略。（二）、数据库的物理设计依据数据库的原理，即可进行数据库的物理设计。基于以上数据库的逻辑设计，考虑程序设计的简易性，同时考虑题目的时间，该系统的数据库采用Microsoft SQL Server 2005。本系统决定采用一个数据库，数据库如下
39、：图4.5 数据库的物理设计（一）图4.6 数据库的物理设计（二）（三）网站实现代码1、利用javascript脚本语言实现图片轮换var imgWidth=940; /图片宽var imgHeight=262; /图片高var textFromHeight=0; /焦点字框高度 (单位为px)var textStyle=f12; /焦点字class style (不是连接class)var textLinkStyle=p1; /焦点字连接class stylevar buttonLineOn=#ff8f33; /button下划线on的颜色var buttonLineOff=#dbdbdd;
40、 /button下划线off的颜色var TimeOut=5000; /每张图切换时间 (单位毫秒);var imgUrl=new Array();var imgLink=new Array();var imgtext=new Array();var imgAlt=new Array();var imgContent=new Array();var adNum=0;var theTimer;var firstTime=true;焦点字框高度样式表 开始document.write();document.write(#focuseFromwidth:+(imgWidth)+;margin: 0p
41、x; padding:0px;height:+(imgHeight+textFromHeight)+px; overflow:hidden;);document.write(#txtFromheight:+textFromHeight+px;line-height:+textFromHeight+px;width:+imgWidth+px;overflow:hidden;);document.write(#imgTitlewidth:+imgWidth+;top:-+(textFromHeight+23)+px;height:18px);document.write();document.wr
42、ite(); imgUrl1=proimg/01.jpg;imgtext1=长春瑄瑄情商乐园;imgLink1=http:/ http:/ http:/ http:/ http:/ 2、在线留言功能的实现?phpinclude ./config/auth.php;include ./config/public_include.php;include ./config/db_function.php; include ./config/functions.inc.php; $conn = Connect_DB($DB_VARS_ARRAY);$userid=$_SESSIONSESSION_USERID; $page_now=$_GETpage_now;if(strlen($page_now)$pages)$page_now=$pages;if($page_now1)$after_page=$page_now+1;else$after_page=1;