个人博客课程设计说明书

I长沙学院课程设计说明书题目个人博客系统系(部)数学与计算机科学系专业(班级)2014软件工程2班姓名黎鑫学号B20140304221指导教师李南樱起止日期2015.6.15－2015.7.5II课程设计任务书课程名称：软件工程基础实训Ⅰ设计题目：个人博客系统已知技术参数和设计要求：1.问题描述（功能要求）：个人博客系统用来展示个人风采，其中模块主要包括：(1)个人档案(2)博客日志(3)技术文章(4)友情链接等网站常用频道（模块不少于4个，具体可根据实际情况调整）2.运行环境要求：（1）客户端：windows操作系统IE浏览器（2）服务器：windowsserver版操作系统IIS组件安装3.技术要求：需要用到的技术（以表现页面为主，技术不一定包括下列全部，可根据具体情况选用，一般HTML及PhotoShop技术必选，其余可选）：HTMLCSSJavaScriptDIVPhotoShop(1)了解有关Web静态网站建设的基本概念与方法。(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。(3)掌握网络信息发布与维护的方法。设计工作量：40课时工作计划：(1)2014级软件工程所有班级2课时：课程设计相关知识介绍，计算机系机房III18课时：设计，计算机系机房。16课时：上机、调试，计算机系机房4课时：答辩，计算机系机房。（具体时间地点老师先申请，机动安排）指导教师签名：日期：教研室主任签名：日期：系主任签名：日期：IV长沙学院课程设计鉴定表姓名黎鑫学号B20140304221专业软件工程班级2班设计题目个人博客系统指导教师李南樱指导教师意见：评定成绩：教师签名：日期：答辩小组意见：评定成绩：答辩小组长签名：日期：教研室意见：最终评定等级：教研室主任签名：日期：说明课程设计成绩分“优秀”、“良好”、“中等”、“及格”、“不及格”五等。V摘要设计背景：期末个人博客课程设计，但之前没有学过这方面知识，需要边做边学面临问题：由于之前没有学过相关知识，所以做起来难度较大，首先要对htmlcssjs等有一定了解，才能开始做解决方案：我们看了老师给的学生参考资料，然后自己在网上查阅了一些相关知识，有了一定的知识积累设计思想：整体风格是想做清新淡雅的风格，用Photoshop做出效果图，搭配一些跑马灯和透明图片的效果，用js做一个时间框。设计三级页面，一级页面做一个首页，二级页面做个人档案、心情日志、技术文章、友情链接和相册，然后三级页面就是做心情日志和技术文章的各个页面。用div做出首页的三块框架，分框架做各个不同的部分关键词：个人博客，html，css，jsdiv，跑马灯，PhotoshopVI目录1设计内容与要求...................................................................................................................................................11.1设计内容...................................................................................................................................................11.2设计要求...................................................................................................................................................12系统的设计与实现................................................................................................................................................22.1需求分析...................................................................................................................................................22.2系统设计...................................................................................................................................................32.3效果图设计...............................................................................................................................................32.4系统实现...................................................................................................................................................42.4.1个人首页........................................................................................................................................42.4.2个人档案.......................................................................................................................................52.4.3心情日志.......................................................................................................................................62.4.4技术文章.......................................................................................................................................62.4.5友情链接.......................................................................................................................................82.5系统测试....................................................................................................................错误!未定义书签。3总结.....................................................................................................................................................................133.1系统的特点.....................................................................................................................................133.2系统的不足.....................................................................................................................................143.3心得体会.........................................................................................................................................14参考文献.................................................................................................................................................................15附录源代码...........................................................................................................................................................1611设计内容与要求1.1设计内容个人博客系统用来展示个人风采、技术交流等其中模块主要包括：（1）个人档案（2）心情日志（3）技术文章（4）友情链接（5）温馨相册1.2设计要求使用多种技术来实现。HTMLCSSJavaScriptXMLPhotoShop通过项目实践(1)了解有关Web网站建设的基本概念与方法。(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。(3)掌握网络信息发布与维护的方法。性能需求：(1)界面友好，易于操作。(2)简洁美观。另外要求：手工编写HTML网页代码，在代码中增加注释，文档规范完整，项目分阶段需通过小组讨论及评审。22系统的设计与实现2.1需求分析2.1.1需求内容1）个人档案2）心情日志3）友情链接4）温馨相册5）技术文章2.1.2功能结构图2.1功能结构图2.1.3需求用例（1）首页显示首页主要显示博客各个版块，最新的心情日志信息、个人档案、相册和时钟。（2）个人档案显示博客主人的姓名，性别，爱好，qq，电话，E-mail，所在地以及照片一张。（3）心情日志列表显示显示出所有心情日志，并可跳转至每篇日志。（4）温馨相册显示列表显示相册图片，利用跑马灯效果实现图片的左右滚动（5）友情链接显示个人博客首页个人档案技术文章温馨相册心情日志友情链接3列表显示友情链接图片（6）链接标题的下拉菜单栏有个链接标题，在鼠标悬浮时能自动显示标题。（7）跑马灯效果实现页面要实现跑马灯效果，底部边框显示出欢迎字样的跑马灯。2.2系统设计个人博客包括个人档案、温馨相册、技术文章、心情日志、友情链接版块。首页显示心情日志列表，个人档案、相册、友情链接和博客版块链接，功能主页运用表格分为五个版块，再通过设计多个分网页在主功能页中展现博客版块界面，可通过点击相应链接进入具体板块。在各具体板块中也可点击具体信息查看。总共设计一级页面一个主页，二级页面五个，三级页面六个。2.3效果图设计可通过html和css设定文字和所插入图片的格式和与页面的