web课程设计报告范例.doc

课程设计(论文)任务书 软件学院 学　　院　 　 专　　业 班　　　 一、课程设计(论文)题目　　 　　 二、课程设计(论文)工作自 2010年 6 月 22 日起至 2010 年 7 月 8 日止。 三、课程设计(论文) 地点: 创新大楼 四、课程设计(论文)内容要求： 1．本课程设计的目的 （1）加深概念的了解；；巩固相关的理论知识； 4）答辩与评分标准： （1）完成需求分析：20分； （2）完成设计过程：20分； （3）完成编码：20分； （4）回答问题：20分。 （5）论文编写：20分。 5）参考文献： 1.《web开发技术使用教程》陈轶主编 清华大学出版社 2．JavaScript分享网 / 3. W3Cschool在线教程 / 6）课程设计进度安排 内容 天数　　　　　　地点 构思及收集资料 3　　　　　　　图书馆 编码 3　　　　　　　实验室 撰写论文 2　　　　　　　图书馆 学生签名： 2010 年 6 月22 日 课程设计(论文)评审意见 （1）完成需求分析（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）； （2）设计分析　　（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）； （3）完成编码　（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）； （4）回答问题　　（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）； （5）论文编写　　（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）； 评阅人： 　　　 职称： 硕士 2010 年 7月 8日 目录 一． 绪论 4 （1）网站主题 4 （2）网站规划 4 二． 正文 4 1. 网站网页部分 4 （1） 主Css和JavaScript定义 4 （2） 网页实现 5 绪论 （1）网站主题 本网站致力于构建一个大学生展示寝室风采的平台，我们每个大学生都有的自己在学校里面的小小家，那就是我们的寝室。所以网站的名字“象牙小筑”顾名思义，就是我们寝室，我们的寝室的联盟。网站作为在校大学生在校交流的平台，立足于寝室文化，力求通过以寝室为单位的交流共享达到丰富学生课余生活的目的。 （2）网站规划 网站共有5个板块，分别为小筑主页，小筑故事，小筑图片，小筑论坛和小筑留言。共19个网页，分为两大模块，主要使用了两套css，其中窝窝论坛共9张网页，共用一套css，而其他包括窝窝主页在内的10张网页公用一套css，在其他个别网页还加入了一些css元素。 JavaScript在本网站的应用主要包括两个方面，一是编写了调用文件的方法，二是网站的特效，特效部分主要通过游戏区的几个js小游戏来实现，随鼠标浮动的文字来实现的。 小筑主页的风格以褐色和绿色为主色调，符合现代大学生青春动感的特点。包括简介区，菜单区，和链接区三大部分。分别对应相关页面。并加入背景音乐，没当回到主页，则播放背景音乐。 小筑故事在主css中加入了自己的一套css元素，凸显的是一种淡雅轻松的气氛。共分为五个板块，分别是小筑娱乐故事，小筑八卦故事，小筑情感故事，小筑劲爆故事以及一个展示区。 小筑留言本与刚才的网页同样适用的是一套css，主要是利用table标签来实现的简单留言的功能。 小筑图片网页一套为单独的一套css。 小筑论坛是网站的另一大模块，共包括9个页面。以黑白色为基准色，凸显一种自由和谐的氛围。该网页主要分为三大板块：链接区，简介区和消息区。链接区分别实现对游戏区，讨论区和留言板的链接；简介区主要是以简介游戏区和讨论区为主，也包括对这两个区域的链接；消息区主要是提供最近发生的热点消息以及寝室的美图。 在游戏区网页上面主要是实现JavaScript功能，包括js小游戏和页面特效。在留言板上面同样实现的是留言的功能，只不过它使用的是与小筑论坛相同风格的css效果而不是第一套css，另外两大板块公用一张注册页面。 正文 网站网页部分 主Css和JavaScript定义 网站通过css文件定义了一些基本标签的样式 该部分的JavaScript作用主要为对调入文件的控制 (2)网页实现 小筑主页 小筑主页分为三个部分，分别为简介区，链接区和菜单区。全部是通过定义css的id来实现相应区域的划分。其中： 菜单区的css主要定义的一些标签的大小和排版，方便利用div标签直接布局。