个人博客系统课程设计

《个人博客系统课程设计》由会员分享，可在线阅读，更多相关《个人博客系统课程设计（16页珍藏版）》请在金锄头文库上搜索。

1、1长 沙 学 院课 程 设 计 说 明 书题目 个人博客系统系(部) 计算机科学与技术系专业(班级) 软件工程 10 班姓名 覃浩然学号 2012022A21指导教师 李南樱起止日期 2012.10.24-2012.12.242课程设计任务书课程名称：工程实训（一）设计题目：个人博客系统已知技术参数和设计要求：1. 问题描述（功能要求）：个人博客系统用来展示个人风采，用户界面设计不做统一规定，但应做到界面友好，易于操作。(1) 制作多级页面，实现图片滚动，跑马灯等效果（2）尽可能完整地解析 html 文件，要标代码注释2. 运行环境要求：（1）客户端：windows 操作系统IE 浏览器（2）

2、服务器：windows server 版操作系统IIS 组件安装3. 技术要求：要求分别使用三种不同的方式来实现。 HTML CSS JavaScript XML PhotoShop(1)了解有关 Web 网站建设的基本概念与方法。(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。(3)掌握网络信息发布与维护的方法。设计工作量：80 课时工作计划：2011 级软件工程所有班级4 课时：课程设计相关知识介绍。多媒体教室72 课时： 设计、上机、调试。计算机系机房4 课时：答辩。计算机系机房。（具体时间地点老师先申请，机动安排）3指导教师签名： 日期：教研室主任签名： 日期： 系主

3、任签名： 日期： 4长沙学院课程设计鉴定表姓名 覃浩然 学号 2012022A21 专业 软件工程 班级 10 班设计题目 个人博客系统 指导教师 李南樱指导教师意见：评定等级： 教师签名： 日期： 答辩小组意见：评定等级：答辩小组长签名： 日期： 教研室意见：教研室主任签名： 日期： 系（部）意见：系主任签名： 日期：说明 课程设计成绩分“优秀” 、 “良好” 、 “及格” 、 “不及格”四类；5目 录1 设计内容与要求 .61.1 设计内容 .61.2 要求 .62 设计说明 .72.1 需求分析 .72.2 系统设计 .72.3 测试 .113 总结 .12参考文献 .13附录 源代码

4、.1461 设计内容与要求1.1 设计内容个人博客系统用来展示个人风采，包括：（1） 个人简介（2） 心情日志（3） 我的说说（4） 友情链接（5） 温馨相册1.2 要求使用多种技术来实现。 HTML CSS JavaScript XML PhotoShop通过项目实践，(1)了解有关 Web 网站建设的基本概念与方法。(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。(3)掌握网络信息发布与维护的方法。性能需求：(1) 界面友好，易于操作。(2) 简洁美观。另外要求：手工编写 HTML 网页代码，在代码中增加注释，文档规范完整，里程碑需通过小组讨论及评审。72 设计说明2.1

5、 需求分析一实训目的通过本实训，应具有创建一个小型个人网站的能力。1）了解有关计算机网络信息的收集加工处理发布与维护的基本框架与工作流程。2）掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。3）掌握 HTMLCSS 等页面设计方面相关技术。.2功能结构：博客主页，个人简介，我的说说，心情日志，友情链接。3三需求用例个人简介信息，包括基本资料（姓名，QQ，年龄，家乡） ，性格（描述个人的评价信息） ，兴趣（介绍个人的兴趣与爱好） 。1）首页显示首页主要显示各个链接，文章与图片展示和个人简介等信息。2）我的说说本页面展示了部分名人的名言警句。3）温馨相册显示本页面用照片展示了我喜欢的明

6、星，我的高中生活以及我喜欢的动漫人物。4）心情日志关于我喜欢的一些文摘。5）友情链接关于长沙各个大学以及自己感兴趣地方的链接。2.2 系统设计问题描述与功能设计个人博客系统体现出博客的制作、博客的美化等。博客系统中含：个人首页、心情日志、温馨相册、个人档案、技术文章、友情链接等频道。个人首页概述了博客的基本概念；心情日志有两篇笑话；温馨相册贴了几个图；个人档案介绍了黄天蓉的基本信息；技术文章粘贴了首页的代码。通过对博客的制作，掌握了网页制作的基本技术，培养了综合实力。个人档案频道 利用代码建构，利用 div，在页面的上方描写欢迎语，在页面的右方编写各个链接，在整个页面的中间来描述一些所需的信息

7、，还有利用了嵌套的方式来体现不同的效果。以下这些代码描述了整个背景的插入和建立 div 来描述欢迎语的运动轨迹和颜色字体大小。个人简介利用分块8个人信息：姓名：覃浩然性别：男年龄：18职业：学生爱好：打篮球性格：宝里宝气人生格言：一.走自己的路，让别人去说吧！二.我心中有猛虎，细嗅蔷薇。分块结束相册设计爷 红遍全球 欢迎您！我最喜爱的篮球明星 lebron james 规定相片的大小及规格我的说说我的说说：一.你若安好，便是晴天。二.金钱这种东西，只要能解决个人的生活就行，若是过多了，它会成为遏制人类才能的祸害。三. 今天所做之事勿候明天，自己所做之事勿候他人。四. 今天应做的事没有做，明天再

8、早也是耽误了。9五 .具有丰富知识和经验的人，比只有一种知识和经验的人更容易产生新的联想和独到的见解。六.科学的每一项巨大成就，都是以大胆的幻想为出发点的。技术文章分块心情日志:你若安好，便是晴天 青春散场，谁知道幸福的摸样 独角戏 天珠变 陈二狗的妖孽人生 让青春继续 等待就是浪费青春 嘻嘻 哈哈 分块结束界面设计10图 2.1 心情日志页面图 2.2 主页截图112.3 测试通过浏览器对网页进行测试，看一下网页布局的效果，然后针对一些要改的地方进行修改与调整直到完成个人首页的整体布局效果，然后通过点击一些具有链接属性的文字进行链接点击之后进入所链接的页面，在初次链接的时候，网页做得不是很好

9、，然后通过一系列的编码修改和测试，最终效果与所得效果与所期待的效果一样。123 总结通过这次网页设计与制作的学习，从中我了解和学习到了很多很多，从 Html 到 css 再到javacript，这一过程中，让我们深深地了解到一个网页从设计到制作完成过程中所要付出的艰辛与努力，从一个简单的排版 到最后整体的布局都需要经过自己的深思熟虑才能达到一个比较好的结果，这也并不是一个简单的过程，需要耐心与恒心才能实现它，当自己真真正正将他做出来时，收获感与喜悦感将会更加强烈，网页设计广泛存在于生活当中，所以学好了他，在社会上我们又将多了一份生存的工具。所以，在这方面，我们更得加油！去努力实现它，直至最好！

10、13参考文献1 张学勇，袁伟森. 个人博客系统开发实战M. 北京：中国软件行业产学研合作实训平台.2 前沿科技. 精通 CSS+DIV 网页样式布局M. 北京：人民邮电出版社，200714附录 源代码覃浩然的博客欢迎您！爷 红遍全球欢迎您！ 覃浩然制造主页个人简介我的相册我的说说心情日志友情链接15欢迎来到我的博客！最新说说：1.你要活得坚强 一直坚强下去 像巨人一样！2.我想给你你要的生活 我会努力3.你真好！最新日志：一.你若安好，便是晴天一个人，一本书，一杯茶，一帘梦。站在时光的十字路口，回望过去的种种单纯与美好，欣慰而悲凉。花开花落，风卷云舒。青春如同流沙般从指缝溜走，过去的倔强与轻，

11、原来如此荒诞不羁。俗世喧嚣，总会想在空灵停滞的时空内，独倚幽窗，品一壶清茶，细细体味光阴如梭，年华老去。二.青春散场，谁知道幸福的摸样恍惚中，又是落花满地，又是草枯叶黄的时节了，写着盛开在眼眸之外的纯白容颜，一行一行爬出来的文字全是落寞。这么久为什么看到的还是离人泪。岁月的轮回里，到底转动着多少未了的情缘。我们伤心悲凉的经过了流年，连青春都燃烧殆尽。却还渡不过寂寞。留言板：一.祝你天天开心，过得愉快！二.有空一起打篮球哦！16最新照片：我喜欢的卡通我的日志：你若安好，便是晴天 青春散场，谁知道幸福的摸样 独角戏 天珠变 陈二狗的妖孽人生 让青春继续 等待就是浪费青春 嘻嘻 哈哈 来了就要留下你的脚印！