个人博客课程设计说明书课案.doc

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