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