1、WEB网页设计个人博客课程设计电子商务设计课程设计报告 题 目 个人博客网页设计系统 学生姓名 巫丹 学 号 * 专业班级 信管10101 指导老师 易明 设计日期 2013年6月 指导老师评阅意见：评阅成绩： 签名：第1章概论.(3)第2章系统设计的目标. .(4) 2.1设计得总体目标. (4)2.1设计的阶段目标. .(5)第三章 系统功能需求分析. (5) 系统流程图（6）第四章 子功能需求分析. . . . (16) 4.1首页. . .(7) 4.2我的个人信息. . . . . . . .(7) 4.3我的相册.(8) 4.4我的兴趣爱好. . . . .（8) 4.5我的个人简
2、历. (9)第五章 系统数据层设计. . (10)5.1 ER图. (10)5.1数据字典. (11)第六章 系统物理配置方案. . (12)第七章 系统实现效果图. . (13)第八章 总结. . (16)附录 参考文献. .(17)一 系统概述 个人博客相对于现实生存空间更具有随意性，也逐步成为人们感情宣泄、人际交流的重要工具；在这个生活节奏越来越快，个人隐私越来越透明的社会中，拥有一个完全属于自己并能畅所欲言的博客实在是一种奢侈；因此个人博客就应运而生了。网络发展到今天，建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，
3、直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开新市场的周期，与富有吸引力的客户群发展客户关系网；与自己的销售人员保持联系，进一步面向本地市场。随着网络技术的发展和网站安全性的提高，个人博客的保密性也在提升，人们可以在自己的博客里面发表日志、撰写博文、上传相片、分享生活等。个人博客以其简单、时尚而备受年轻人的青睐。可以说，个人博客对于现代人的生活质量具有很普遍的提高意义。二、系统设计的目标2.1设计的总体目标静态网页:DreamWeaver，生成网站的HTML代码，然后将代码连同支撑的素材（图片，Javascript脚本等）通过FTP
4、工具传送到Web服务器，这样生成的网站内容是固定的，网站所有者需要更新网站的内容，必须找到以前设计的网站代码，修改相应内容后，再通过FTP工具传送到Web服务器。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变.动态网页:动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量,采用动态网页技术的网站可以实现更多的功能，如用户登录、用户管理,留言修改删除等等;动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页;动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从
5、一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。数据库:数据和资源共享这两种方式结合在一起即成为今天使用的网络数据库，它以数据库为基础，加上一定的前台程序，通过浏览器完成数据存储、查询等操作的系统。在留言板模块中,我们需要用到数据库进行管理工作IIS发布:将自己的博客在IIS发布,能够和大家分享自己的博客,让朋友知悉你的动态。在同一时间内允许打开的网站页面数，打开一个页面占一个iis，打开一个站内框架页面占2到3个iis；若图片等被盗链，在其它网站打开本站图片同
6、样占一个iis。假若设置参数为50个iis，则这个站允许同时有50个页面被打开。但要在同一时间（极短的时间）有50个页面被打开，需要50个人同时操作，这个概率还是比较低的。所以，100个iis支持日ip1000（同时访问网站人数必定远低于1000人）以上都不是很大问题，除非网站被盗链或框架引发其它消耗，因此使用IIS发布是十分有意义的。2.2设计的阶段目标1）前台主要功能要求 通过对个人博客的典型业务调查分析可以得到个人博客前台用户的主要功能包括：允许用户查看个人信息,相册,兴趣爱好,个人简历；访问者可以查看留言板;访问者可以查看留言板的留言，并能够发表新的留言；允许用户修改博客的网页stly
7、e；播放背景音乐等特效（2）后台主要功能要求。 通过对个人博客的典型业务调查分析可以得到个人博客后台用户的主要功能包括：可以用管理者身份登陆管理可以对图片进删除及回复可以对留言管理。设置游客与管理者的权限。三、系统功能需求分析建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分
8、别是关于首页、个人信息、相册、兴趣爱好、个人简历、留言板。 需求分析就是分析软件用户的需求是什么.如果投入大量的人力，物力,财力,时间,开发出的软件却没人要,那所有的投入都是徒劳.如果费了很大的精力,开发一个软件,最后却不满足用户的要求,从而要重新开发过,这种返工是让人痛心疾首的.(相信大家都有体会)比如,用户需要一个for linux的软件,而你在软件开发前期忽略了软件的运行环境,忘了向用户询问这个问题,而想当然的认为是开发for windows的软件,当你千辛万苦地开发完成向用户提交时才发现出了问题,那时候你是欲哭无泪了,恨不得找块豆腐一头撞死.需求分析之所以重要,就因为他具有决策性,方向
9、性,策略性的作用,他在软件开发的过程中具有举足轻重的地位.大家一定要对需求分析具有足够的重视.在一个大型软件系统的开发中,他的作用要远远大于程序设计.系统流程图 四、子功能需求分析4.1首页 实现了到达各个网页的链接4.2个人信息 这个网页显示我的基本信息，联系方式以及想说的话。1、功能在这个页面允许用户使用默认模式和简洁模式观看网页。2、组成构造 相册结果显示页面 2.html,返回首页界面:index.html4.3兴趣爱好 在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的爱好。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的
10、东西我们大家共同来欣赏。 4.4相册 在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。让大家一起来欣赏人物是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到管理员的个人风采和自己喜欢的图片。 1、功能 利用js显示图片，让大家可以看见图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。 2、组成构造 相册结果显示页面 3.html,返回首页界面:index.html3、 4.5个人简历 在这个网页中描述了个人的成长经历，更好地介绍自己。包括学校，生活经历等等1.功能 能够用简洁模式和默认模式对网页进行观看,给游客带来不同的视觉效果.2.组成构造 个人简历
11、网页 4.html 返回首页界面:index.html4.6留言板 是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。1、功能 游客能够输入昵称,QQ号之后进行留言，管理员拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能对留言进行删除 2、组成构造 留言网页index.asp 进入后台管理网页 manage.asp3、 五、系统数据层设计系统开发过程中，数据库设计占有重要的地位。数据库设计的原则是根据系统的整体需求而定的。通过对本网站进行的需求分析、网站流程分析，以及系统功能结构的确定，规划出系统中使用的数据库实体对象。通过整理，画出
12、部分数据库实体的概念模型图。5.1 E-R图： 5.2 数据字典列 名数据类型长 度主 键允许空说 明idInt是否身份号nameVarchar15否用户名SexVarchar15否性别EmailVarchar15否邮箱webVarchar30否网页QQ Varchar30否QQ号commentVarchar30是评论IPVarchar15是IPdatatimeDate是时间replyVarchar200否回复六、系统物理配置方案设计6.1系统开发环境运行个人博客应该具备以下条件：操作系统：Windows XP/Windows 7旗舰版以上；数据库：access服务器：IIS、;开发工具：Vi
13、sual Studio.NET 2008开发系统辅助工具:图像编辑：PhotoShop CS5流程图制作工具：visio；ASP.NET 、CSS。 七、系统实现效果图首页我的个人信息我的相册我的兴趣爱好留言板管理员登陆八 总结网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的 基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到 网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次
14、制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的 个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字 页面设计 ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主 题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几 小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词
15、；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！在此，感谢易明老师和易帅龙同学，从给出题目以来一直提供指导和帮助。附录：参考文献网页经典配色与设计手册 （韩）高永子 卢坚 中国青年出版社网页制作与网站建设课堂实录 何秀芳 人民邮电出版社从入门到精通 庞娅娟，房大伟 清华大学出版社
