《个人网站分析与设计》由会员分享，可在线阅读，更多相关《个人网站分析与设计（24页珍藏版）》请在金锄头文库上搜索。
1、个人网站分析与设计 信息管理与效劳信息管理与效劳毕业设计论文课题目的、意义及价值、根本条件：毕业设计论文课题目的、意义及价值、根本条件：n目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。无可置疑，多人在需要查询信息，首先想到的就是上网。无可置疑， 网站已成网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的开展，为最吸引人的也最有效的信息传递手段和方式。随着网络技术的开展，各类网站也纷纷出现，个人网站也成为了一种时尚。越来越多的人希各类网站也纷纷出现，个人网站也成为了一种
2、时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。随着时代的进步与技术的更新，许多网站建设的工具也相继出现，格。随着时代的进步与技术的更新，许多网站建设的工具也相继出现，从而建立一个属于自己的个人网站也将不是梦，所以自己在这次设计从而建立一个属于自己的个人网站也将不是梦，所以自己在这次设计中准备用几个月的时间来完成属于自己的个人网站建设。中准备用几个月的时间来完成属于自己的个人网站建设。第一章第一章 绪绪 言言 n1.1 Web1.1 Web页概述页概述 n Web(World Wide Web We
3、b(World Wide Web，简称，简称WWWWWW，又称，又称万维网万维网) )是目前是目前InternetInternet上应用最广泛也是上应用最广泛也是最重要的信息效劳类型，它的影响已经进最重要的信息效劳类型，它的影响已经进入了入了InternetInternet上的广告、新闻、电子商务上的广告、新闻、电子商务和展示信息等各个效劳领域。和展示信息等各个效劳领域。 Web Web采用浏览器采用浏览器/ /效劳器效劳器B/SB/S工作模工作模式，其运作模式可以描述为：请求式，其运作模式可以描述为：请求处理处理应答。应答。n Web Web以超文本标记语言以超文本标记语言HTML(Hype
4、r HTML(Hyper Text Markup Language)Text Markup Language)与超文本传输协议与超文本传输协议HTTP(Hyper Text Transfer Protocol)HTTP(Hyper Text Transfer Protocol)为为根底，通过浏览器为用户提供方便友好的根底，通过浏览器为用户提供方便友好的信息浏览界面信息浏览界面 第一章第一章 绪绪 言言n1.2 1.2 开发工具的介绍及选择开发工具的介绍及选择5 5种种n梦幻网页的编织者梦幻网页的编织者-Dreamweaver8.0-Dreamweaver8.0n DreamweaverDrea
5、mweaver是是创创立立和和管管理理网网页页的的专专业业化化可视编辑器。可视编辑器。n DreamweaverDreamweaver可可以以为为用用户户做做到到：使使用用动动态态HTMLHTML功功能能例例如如具具有有动动态态效效果果的的层层和和行行为为而而不不用用写写一一行行代代码码。它它甚甚至至还还可可以以检检查查用用户户的的工工作作成成果果在在所所有有流流行行的的平平台台和和浏浏览览器中可能发生的错误。器中可能发生的错误。nDreamweaverDreamweaver还还是是一一个个可可以以完完全全自自定定义义的的应应用用程程序序。用用户户可可以以创创立立自自己己的的对对象象和和命命令
6、令修修改改菜菜单单和和快快捷捷键键，甚甚至至编编写写JavaScriptJavaScript代码扩展代码扩展DreamweaverDreamweaver的行为和属性检查器。的行为和属性检查器。第一章第一章 绪绪 言言n网页动画的制作软件网页动画的制作软件-Micromedia Flash 8.0-Micromedia Flash 8.0nMicromedia Flash 8.0Micromedia Flash 8.0用于用于webweb站点的交互式的矢量图形站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步
7、声音的大段的动画，创立出生动的富于动画图标、带同步声音的大段的动画，创立出生动的富于表现力的网页。表现力的网页。FlashFlash中的图形都是矢量的，占据存储空中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。寸的屏幕。第一章第一章 绪绪 言言 JavaScript JavaScript JavaSript JavaSript是一种基于对象是一种基于对象(Object)(Object)和事件驱动和事件驱动(Event (Event Driven)Driven)并具有平安性能的脚本语言。使用它的目的是与并
8、具有平安性能的脚本语言。使用它的目的是与HTMLHTML超文本标记语言、超文本标记语言、Java Java 脚本语言脚本语言JavaJava小程序一小程序一起实现在一个起实现在一个WebWeb页面中链接多个对象，与页面中链接多个对象，与WebWeb客户交互作客户交互作 用。从而可以开发客户端的应用程序等。用。从而可以开发客户端的应用程序等。第一章第一章 绪绪 言言n影像与动画的制作软件影像与动画的制作软件Adobe Photoshop8.0Adobe Photoshop8.0nPhotoshop 8.0Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、是目前最流行
9、的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。地应用。第一章第一章 绪绪 言言n动态网站的脚本语言动态网站的脚本语言ASPASPnActive Server PagesActive Server Pages：“动态效劳器网页，一般简称动态效劳器网页，一般简称为为“ASP“ASPn的特点：的特点：n1 1、任何开发工具皆可开展、任何开发工具皆可开展n2 2、语言相容性高、语言相容性高n3 3、隐密平安性高、隐密平安性高n4 4、易于操控数据库、易于操控数据库n5
10、 5、面向对象学习容易、面向对象学习容易第一章第一章 绪绪 言言n1.3 1.3 关系型数据库的选择关系型数据库的选择2 2种种n Access AccessnMicrosoft Microsoft AccessAccess是是一一种种桌桌面面数数据据库库，只只适适合合数数据据量量少少的的应应用用，在在处处理理少少量量数数据据和和单单机机访访问问的的数数据据库库时时是是很很好好的的，效效率率也也很很高。但是它的同时访问客户端不能多于高。但是它的同时访问客户端不能多于4 4个。个。nSQL ServerSQL ServernMicrosoft Microsoft SQL SQL ServerSe
11、rver是是基基于于效效劳劳器器端端的的中中型型的的数数据据库库，可可以以适适合合大大容容量量数数据据的的应应用用，在在功功能能上上管管理理上上也也要要比比Microsoft Microsoft AccessAccess要强得多。在处理海量要强得多。在处理海量n 数数据据的的效效率率，后后台台开开发发的的灵灵活活性性，可可扩扩展性等方面强大。展性等方面强大。第二章第二章 个人网站设计分析个人网站设计分析 n2.1 2.1 相关术语及解释相关术语及解释nInternetInternetn站点站点n超链接超链接nURLURLnIPIP地址地址第二章第二章 个人网站设计分析个人网站设计分析n2.2
12、个人网站的由来和开展个人网站的由来和开展n互互联联网网在在中中国国的的出出现现只只有有短短短短七七年年时时间间，1994年年中中国国科科学学院院高高能能物物理理研研究究所所设设立立了了国国内内第第一一个个Web效效劳劳器器，推推出出一一个个叫叫做做“中中国国之之窗窗的的网网页页，这这可可能能是是国国内内Internet上上出出现现的的第第一一个个Web网网页页，1995年年开开始始，中中国国教教育育科科研研网网，中中国国科科技技网网，中中国国公公用用计计算算机机互互联联网网以以及及中中国国金金桥桥网网这这构构成成中中国国数数字字神神经经系系统统的的四四大大互互联联网网络络相相继继建建成成，使使
13、互互联联网网在在中中国国开开始始真真正正进进入入社社会会生生活活之之中。中。n这这时时期期，个个人人网网站站出出现现的的条条件件还还很很不不成成熟熟，国国内内上上网网的的人人数数很很少少，也也缺缺乏乏支支持持个个人人建建站站的的环环境境，用用户户很很难难找找到到理理想想的的个个人人主主页页存放地。存放地。n个个人人网网站站开开展展的的第第二二阶阶段段是是从从1997年年初初到到1998年，这段时间，中国网民年，这段时间，中国网民n数数量量飞飞速速增增长长，个个人人网网站站日日渐渐繁繁荣荣，个个人人主主页页的的数数量量急急剧剧增增加加。同同时时，越越来来越越多多的的商商业业网网站站开开始始免免费
14、费提提供供个个人人主主页页空空间间，这这些些良良好好的的外外部部极极大大地地促促进进了了个个人人网网站站的的开开展展，涌涌现现了了一一批批很很著著名名的的个个人人网网页页，从从1998年年下下半半年年开开始始，随随着着互互联联网网应应用用的的深深入入的的普普及及，随随着着众众多多主主页页制制作作工工具具的的出出现现，使使得得建建站站成成为为一一件件非非常常容容易易的的事事，创创立立一一个个能能充充分分表表达达自自我我风风格格和和特特色色的的个个人人网网站站已经成为互联网用户的新追求已经成为互联网用户的新追求 第二章第二章 个人网站设计分析个人网站设计分析n2.3 我的个人网站的设计与规划我的个
15、人网站的设计与规划n因因为为是是个个人人网网站站，所所以以只只是是选选择择了了自自己己擅擅长长和和喜喜爱爱的的内内容容，在在突突出出自自己己的的风风格格和和特特点点的的同同时时，还还应应用用了了现现在在流流行行的的网网站站设设计计技技术术和和数数据据库库技技术术。因因此此将将网站设计分为前台页面展示平台和后台在线管理平台。网站设计分为前台页面展示平台和后台在线管理平台。第二章第二章 个人网站设计分析个人网站设计分析n功能划分功能划分n网网站站设设计计有有时时间间，个个人人留留言言，个个人人相相册册，个个人人日日记记和和留留言言板板，这这样样大大家家就就可可以以在在首首页页看看到到我我的的留留言
16、言和和照照片片，还还可可以以在在留留言言板板和和大大家家交交流流，在在后后台台管管理理页页面面中中，通通过过身身份份认认证证，管管理理员员我我，可可以以对对网网站站信信息息进进行行管管理理。站站内内的的其其它页面均是我自己的精心收藏，与大家一起分享。它页面均是我自己的精心收藏，与大家一起分享。第二章第二章 个人网站设计分析个人网站设计分析n 功能描述 7种n(一)时间n嵌入时间每日更新代码，使用在本站首页显示今天此时此刻的时间，让大家知道现在的时刻。n(二)留言板n是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。n(三)
17、日记n在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。n(四) 音乐n在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。 n(五) 相册n在其中展示漂亮的图片，包括我的照片、我的同学、风景照片等。让大家一起来欣赏人物、风景风采。n(六) 后台管理页面n是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。n(七)页面组织和数据库设计n在明确了我的个人网站的风格和定位后，
18、就是网站的材料组织以及网站的页面设计和数据库设计。第二章第二章 个人网站设计分析个人网站设计分析n注意：注意：n建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网集和组织了许多相关的资料内
19、容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、音乐、留言。音乐、留言。第三章第三章 详细设计详细设计 n3.1 数据库的设计数据库的设计n使用使用Access2000 实现关系型数据库实现关系型数据库n(一一)用户密码登记表用户密码登记表Adminn(二二)留言根本档案表留言根本档案表Bookn(三三)歌曲根本信息表歌曲根本信息表 HN
20、_downn(四四)音乐分类表音乐分类表 HN_downclan(五五)日记根本信息表日记根本信息表 HN_newsn(六六)日记分类表日记分类表 HN_newsclan(七七)图片根本信息表图片根本信息表 HN_pron(八八)相册分类表相册分类表 HN_proclan(九九)网站根本信息表网站根本信息表 WebBasicInfo第三章第三章 详细设计详细设计n连接数据库连接数据库 n在上面，我们已经为我们的程序创立了一在上面，我们已经为我们的程序创立了一个数据库，在这里，我们来用个数据库，在这里，我们来用ASP把程序把程序和数据库连接起来，以后就可以连接到数和数据库连接起来，以后就可以连接
21、到数据库、在据库、在ASP中显示数据库中的数据以及中显示数据库中的数据以及更复杂的插入、修改和删除。更复杂的插入、修改和删除。第三章第三章 详细设计详细设计n3.2 页面设计页面设计n一相册一相册n是是一一个个个个人人相相片片和和精精彩彩图图片片展展示示的的地地方方，在在相相册册中中，我我们们可可以以了了解解到到站站长长的的个个人人风风采和自己喜欢的图片。采和自己喜欢的图片。n相相册册结结果果显显示示页页面面 photo.asp：用用来来显显示示所所有有图图片片，同同时时还还具具备备图图片片的的分分类类功功能能和和图片单个浏览功能。图片单个浏览功能。n站长根本信息显示页面站长根本信息显示页面
22、include.asp：n数据库连接页面数据库连接页面 conn.asp第三章第三章 详细设计详细设计n( (二二) )日记日记n是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。n日记或文章显示页面日记或文章显示页面 diary.asp diary.asp：显示所有日记或文章，同时还具备显示不：显示所有日记或文章，同时还具备显示不同子类日记或文章同子类日记或文章n站长根本信息显示页面站长根本信息显示页面 include.asp include.aspn数据库连接页面数据库连接页面 conn.asp conn.asp第三章第三章
23、 详细设计详细设计n( (三三) )、音乐、音乐n是一个音乐收藏和音乐欣赏的地方。是一个音乐收藏和音乐欣赏的地方。n歌曲显示播放页面歌曲显示播放页面 media.asp media.asp：完成曲目的显示和播放功能的页面。：完成曲目的显示和播放功能的页面。n站长根本信息显示页面站长根本信息显示页面 include.asp include.aspn数据库连接页面数据库连接页面 conn.asp conn.asp第三章第三章 详细设计详细设计n( (四四) )、留言本、留言本n是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲
24、言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。n意见留言结果网页意见留言结果网页gbook.aspgbook.asp：用来显示用户发言与站长回复内容，同时还具：用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。备查看留言和发表留言两个功能。n站长根本信息显示页面站长根本信息显示页面 include.asp include.aspn数据库连接页面数据库连接页面 conn.asp conn.asp第三章第三章 详细设计详细设计n3.2.3 3.2.3 网站管理系统网站管理系统n完完成成站站长长对对网网站站信
25、信息息管管理理及及更更新新的的系系统统，包括以下几局部：包括以下几局部：n1 1、管理登陆页面、管理登陆页面Index.aspIndex.aspn2 2、相册管理页面、相册管理页面Admin_pro.aspAdmin_pro.aspn3 3、日记管理页面、日记管理页面Admin_new.aspAdmin_new.aspn4 4、音乐管理页面、音乐管理页面Admin_down.aspAdmin_down.aspn5 5、留言管理页面、留言管理页面GuestBook.aspGuestBook.asp第四章第四章 编码、测试与维护编码、测试与维护 n4.1 4.1 测试与维护测试与维护n测试测试n
26、专用代码调试工具测试站点专用代码调试工具测试站点 1 1、将专用代码调试工具复制粘贴到你所建立的根目录中。、将专用代码调试工具复制粘贴到你所建立的根目录中。n 2 2、双击专用代码调试工具就可显示你所建立的网站了。、双击专用代码调试工具就可显示你所建立的网站了。n 3 3、在地址栏中输入、在地址栏中输入 :/127.0.0.1:99/admin/index.asp:/127.0.0.1:99/admin/index.asp，就可以在后台去修，就可以在后台去修改网站内部资料了。改网站内部资料了。n维护维护n通过通过Dream weaverDream weaver来远程管理站点，同时还要认真回复浏来远程管理站点，同时还要认真回复浏览者的留言，做到有问比答。平时多收集资料，多听听别览者的留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。人建议，定期更新版面，还有推广站点。 谢 谢！
