个人博客课程计说明书.docVIP

课程设计任务书 课程名称：项目实训（一）课程设计 设计题目：个人博客 已知技术参数和设计要求： 问题描述（功能要求）： 个人博客系统用来展示个人风采，其中模块主要包括： 个人档案 博客日志 技术文章 友情链接 等网站常用频道 性能需求如下： 界面友好，易于操作。 简洁美观 其他要求： HTML网页代码不用借助于工具，通过祼编程实现，如记事本实现 每行代码增加注释 所有文档规范完整 所有里程碑需通过小组评审 2. 运行环境要求： （1）客户端： windows操作系统 360浏览器 （2）服务器： windows server 版操作系统 IIS组件安装 3. 技术要求： 要求分别使用三种不同的方式来实现。 HTML CSS JavaScript XML PhotoShop (1)了解有关Web网站建设的基本概念与方法。 (2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 掌握网络信息发布与维护的方法。 设计工作量： 40课时 工作计划： (1) 2011级软件工程所有班级 2课时：课程设计相关知识介绍。多媒体教室 18课时： 设计，普通教室。 16课时：上机、调试。计算机系机房 4课时：答辩。计算机系机房。 （具体时间地点老师先申请，机动安排） 指导教师签名：　　　　　　　　　日期：　　　　　　　　 教研室主任签名：　　　　　　　 日期：　　　　　　　　 系主任签名：　　　　　　　　　 日期：　　　　　　　　 摘要 课程的综合网页与网站的制作实践，是在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此设计对实现本课程的培养目标,提高学生的综合素质有着重要的作用. 本课程设计是培养我们创建一个静态的个人博客网页，主要采用的是html语言编写（其中还包括CSS层叠样式表和JavaScript脚本语言），里面包含六个模块，分别是首页、个人档案、心情日志、温馨相册、友情链接。是为个人设计的一个介绍与展示自我的数字平台。 本次实训是培养学生自学能力，而且通过实训提高学生的个人学习素养以及团队精神，以后更适合就业。本次通过对博客的制作，让学生学习制作网页，了解网页制作。培养学生综合实力。 该网页编写内容用到html顶级代码、ps制图、设置下拉菜单、图片运动和怎样创建链接、插入图片、音乐、跑马灯、动态时间，以及用户界面的设计。 关键词：博客系统，html，设计网页,css 目录 1个人博客系统需求分析 7 1.1 题目描叙 7 1.2 实训目的 7 1.3 需求分析 7 2静态网站开发技术介绍 9 2.1 PhotoShop效果图设计方法 9 2.2 HTML脚本语言 10 2.3 CSS层叠样式表 11 2.4 JavaScript脚本语言 11 3 网站开发具体实现 12 3.1 首页布局设计 12 3.2二级页面设 18 3.2.1个人档案 19 3.2.2心情日志效果 20 3.2.3 技术文章效果 21 3.2.4 程序设计效果 23 3.2.5 网页制作效果 25 3.2.6温馨相册效果 28 3.2.7友情链接效果 31 3.3 跑马灯设计 32 3.4 动态时间设计 34 3.5 下拉菜单设计 35 4网站创新与改进点 37 4.1创新点 37 4.2改进点 37 5总结 38 参考文献 39 附录A 源代码: 40 1个人博客系统需求分析 1.1 题目描叙 个人博客系统用来展示个人风采，其中模块主要包括： 首页 整个博客的主要部分，其中包括动态时间、下拉菜单和状态栏等难点问题。首页主要显示个人信息，必威体育精装版的心情日志信息。 个人档案 括基本资料（用户名，QQ，昵称，性别，移动电话，所在城市，生日，E-main） 就读大学，个人说明，座右铭等信息。 3）心情日志 显示所有的心情日志，包括日志名称，发表时间。也可以考虑分页显示。 技术文章 技术文章包括程序设计和网页制作。技术文章显示所有的文章，包括文章名称，发表日期。二级页面程序设计中包括所有关于C语言的文章，可在三级页面中打开。网页制作也一样。 温馨相册 显示所有的相册，包括相册封页和相册名称。大图显示单张照片（三级页面）。 友情链接 显示友情信息，其中包括多个网站。 1.2 实训目的 通过本实训，应具有创建一个静态的小型个人网站，并将其发布到Internet上运的能力 1）.掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。 2）.了解有关Web网站建设的基本概念与方法。 3）.掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 4）.掌握网络信息发布与维护的方法。 5）.掌握HTML、C