覃浩然 课程的设计说明书范例.docVIP

长 沙 学 院 课程设计说明书 题目 个人博客系统 系(部) 计算机科学与技术系 专业(班级) 软件工程10班 姓名 覃浩然 学号 2012022A21 指导教师 李南樱 起止日期 2012.10.24-2012.12.24 课程设计任务书 课程名称：工程实训（一） 设计题目：个人博客系统 已知技术参数和设计要求： 问题描述（功能要求）： 个人博客系统用来展示个人风采，用户界面设计不做统一规定，但应做到界面友好，易于操作。 (2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 (3)掌握网络信息发布与维护的方法。 设计工作量： 80课时 工作计划： 2011级软件工程所有班级 4课时：课程设计相关知识介绍。多媒体教室 72课时： 设计、上机、调试。计算机系机房 4课时：答辩。计算机系机房。 （具体时间地点老师先申请，机动安排） 指导教师签名：　　　　　　　　　日期：　　　　　　　　 教研室主任签名：　　　　　　　 日期：　　　　　　　　 系主任签名：　　　　　　　　　 日期：　　　　　　　　 长沙学院课程设计鉴定表 姓名 覃浩然 学号 2012022A21 专业 软件工程 班级 10班 设计题目 个人博客系统 指导教师 李南樱 指导教师意见： 评定等级： 教师签名： 日期： 答辩小组意见： 评定等级：　　　　　答辩小组长签名：　　　　　日期：　　　　 教研室意见： 教研室主任签名： 日期： 　 系（部）意见： 系主任签名：　　　　　　　　日期：　　　　　 说明 课程设计成绩分“优秀”、“良好”、“及格”、“不及格”四类； 目 录 1设计内容与要求 6 1.1设计内容 6 1.2要求 6 2设计说明 7 2.1 需求分析 7 2.2系统设计 7 2.3 测试 11 3总结 12 参考文献 13 附录 源代码 14 1设计内容与要求 1.1设计内容 个人博客系统用来展示个人风采，包括： 个人简介 心情日志 我的说说 友情链接 温馨相册 1.2要求 使用多种技术来实现。 HTML CSS JavaScript XML PhotoShop 通过项目实践， (1)了解有关Web网站建设的基本概念与方法。 (2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 (3)掌握网络信息发布与维护的方法。 性能需求： 界面友好，易于操作。 简洁美观。 另外要求：手工编写HTML网页代码，在代码中增加注释，文档规范完整，里程碑需通过小组讨论及评审。 2设计说明 2.1 需求分析 一．实训目的 通过本实训，应具有创建一个小型个人网站的能力。 1）了解有关计算机网络信息的收集﹑加工﹑处理﹑发布与维护的基本框架与工作流程。 2）掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 3）掌握HTML﹑CSS等页面设计方面相关技术。. 功能结构：博客主页，个人简介，我的说说，心情日志，友情链接。 三．需求用例 个人简介信息，包括基本资料（姓名，QQ，年龄，家乡），性格（描述个人的评价信息），兴趣（介绍个人的兴趣与爱好）。 1）首页显示 首页主要显示各个链接，文章与图片展示和个人简介等信息。 2）我的说说 本页面展示了部分名人的名言警句。 3）温馨相册显示 本页面用照片展示了我喜欢的明星，我的高中生活以及我喜欢的动漫人物。 4）心情日志 关于我喜欢的一些文摘。 5）友情链接 关于长沙各个大学以及自己感兴趣地方的链接。 2.2系统设计 问题描述与功能设计 个人博客系统体现出博客的制作、博客的美化等。博客系统中含：个人首页、心情日志、温馨相册、个人档案、技术文章、友情链接等频道。个人首页概述了博客的基本概念；心情日志有两篇笑话；温馨相册贴了几个图；个人档案介绍了黄天蓉的基本信息；技术文章粘贴了首页的代码。通过对博客的制作，掌握了网页制作的基本技术，培养了综合实力。 个人档案频道 利用代码建构，利用div，在页面的上方描写欢迎语，在页面的右方编写各个链接，在整个页面的中间来描述一些所需的信息，还有利用了嵌套的方式来体现不同的效果。以下这些代码描述了整个背景的插入和建立div来描述欢迎语的运动轨迹和颜色字体大小。 个人简介 div 利用分块 div id=mean class=mean img src=2.jpg width=250 height=250 / ul class=nav lih2 href=#个人信息：/h2/li lib href=#姓名：覃浩然/b/li lib href=#性别：男