班级网站建设-课程设计

《班级网站建设-课程设计》由会员分享，可在线阅读，更多相关《班级网站建设-课程设计（21页珍藏版）》请在金锄头文库上搜索。

1、XX 学院计算机系 课程设计说明书课程设计说明书 课课程名称程名称网站网站设计设计 课课程代程代码码 题题 目目班班级级网站建网站建设设 年年级级/专业专业/班班 学生姓名学生姓名 学号学号 指指导导老老师师 开开题时间题时间2010 年年 12 月月 20 日日 完成完成时间时间2010 年年 12 月月 31 日日 课课程程设设计计任任务务书书及及成成绩绩评评定定 课课程名称程名称 : 班班级级网站建网站建设设 完成者完成者: 1、 、设计设计的目的与要求：的目的与要求： 运用网站建设的相关知识，以Dreamweaver和Firework为主要设计软件，设计 一个班级网站，并实现登陆，通讯

2、录，留言板，班级相册等功能。 2、 、设计进设计进度及完成情况度及完成情况 日 期内 容 2010.12.20 确定课题 2010.12.21 查找资料，确定网站模块与风格 2010.12.22-2010.12.24 主页设计及登陆功能实现 2010.12.25-2010.12.26 通讯录及大笑江湖模块的设计与实现 2010.12.27-2010.12.28 留言簿设计与实现 2010.12.29 模块整合及网站整体完善 2010.12.30-2010.12.31 整理报告 3、成、成绩评绩评定：定： 设计成绩： （教师填写） 指导老师： （签字） 二一 年 月 目目 录录 一、一、 需求说

3、明需求说明- - 1 1 - - 1.1 开发背景.- 1 - 1.2 开发工具的选用及介绍.- 1 - 1.3 设计目的.- 2 - 1.4 功能模块.- 2 - 1.5 运行坏境配置.- 2 - 二二 、概要设计、概要设计- - 3 3 - - 2.1 功能的定义.- 3 - 2.2 系统功能模块计.- 3 - 三、详细设计三、详细设计- - 3 3 - - 3.1 设计方案.- 3 - 3.2 模块的设计与实现.- 4 - 3.2.1 班级首页设计.- 4 - 3.2.2 班级相册设计.- 7 - 3.2.3 班级相册之生活剪影.- 9 - 3.2.3 通讯录设计.- 9 - 3.2.4

4、 留言簿的设计- 12 - 3.2.5 留言板之留言列表 .- 14 - 3.2.5 大笑江湖设计- 14 - 3.2.6 大笑江湖之 414 寝室老大语录 .- 16 - 四、总结四、总结- - 1616 - - 五、致谢五、致谢- - 1717 - - 六、参考文献六、参考文献- - 1717 - - 摘摘 要要 在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息 的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此 网站在 Internet 应用上的地位显而易见。本文介绍了构建班级网站的技术和实 现方法，重点讲述了登陆、留言板、班级相册等几个主要

5、功能模块的设计与实 现。模块内容基于本班实际情况，记录班级点滴，有助于增进同学间的相互交 流。网站页面采用工具软件 Dreamweaver MX，并结合 ASP 网站开发技术来设计。 图片则主要采用 Firework 8.0 及 Photoshop CS4 来设计。网站采用的数据库是 Microsoft Access 。 关键词:班级网站;ASP; Dreamweaver，Microsoft Access Abstract Today, in the rapid development of Internet, the Internet become faster access, publis

6、h, and an important channel for transmitting information, it is the political, economic, and other aspects of life play an important role. Therefore the websites position in the Internet application is obvious. This article describes the technology of building a class Web site and method, highlight

7、the log, message board, class albums, and several other key features of the implementation. This class based on the actual situation of module content, record classroom bit by bit, will help enhance mutual exchanges between classmates. WYSIWYG Web page using Dreamweaver MX web design tools, and web

8、site development with ASP technology (mainly using language and Javascript Vbscript Language) to design, website graphics are mainly used Firework 8.0 and Photoshop CS4 to design. Website database is used by Microsoft Access. Key words: class website; ASP; Dreamweaver, Microsoft Access 网站设计课程设计网站设计课

9、程设计 班级网站建设班级网站建设 一、一、 需求说明需求说明 1.1 开发背景开发背景 进入 21 世纪，随着网络时代的不断普及，网络已深入到人们的生活当中. 信息化成为一股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而 我们忽视了班级网站的建设和应用。大学生活不同于高中生活，同学之间往往 少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。它将帮 助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班 级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情 的培养，有利于班级的团结，班风的建设。 1.2 开发工具的选用及介绍开发工具的选用及介绍

10、我们这次主要运用的技术是 ASP（Active Server Pages）“动态服务 器网页” 。ASP 之所以能受到大家的欢迎，主要在于其产生的执行结果都是标准 的 HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行 的结果直接在浏览器中“浏览” 。 任何开发工具皆可发展 ASP，只要使用一般的文书编辑程序，如 Windows 记事本，就可以编辑；ASP 程序执行结果所产生的 HTML 文件适用于不同的浏览 器；语言相容性高，ASP 与所有的 ActiveX Script 语言都

11、相容；隐密安全性高； 易于操控数据库，ASP可以轻易地通过 ODBC(Open Database Connectivity)驱动程序连接 各种不同的数据库；ASP具有面向对象（Object-Oriented）功能，容易学习。 1.3 设计目的设计目的 1本课程设计旨在使学生掌握 HTML 语言的语法结构，并且能够使用 HTML 语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架 等，能够使用 HTML 语言实现移动的文字，制作多媒体页面，能够读懂复杂网页 的源代码。 2熟练使用网页设计工具 Dreamweaver MX，能够使用 Dreamweaver MX 设 计网页的框架

12、，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的 属性，能够使用 Dreamweaver MX 设计出比较复杂的网页，建立小型网站。熟悉 使用 fireworks 和 photoshop 软件对图片进行处理。 3. 懂得 Microsoft Access 建立数据库，实现 ODBC 数据源的创立于连接 的基本方法。学会使用 ASP 的基本语法、内建对象、内建组件以及 ASP 访问数 据库的方法。在此基础之上实现一个界面美观，功能实际的班级网站。 1.4 功能功能模块模块 1、班级首页（含登陆模块） 2、班级相册（包含四个子页面） 3、通讯录（包含姓名、手机号、籍贯和 QQ 号） 4、留

13、言簿（能够浏览留言列表，留言内容，发表评论） 5、大笑江湖（包含典型笑话，增加生活情趣） 1.5 运行坏境运行坏境配置配置 本网页主要基于 windows XP 的操作系统，安装 IIs、网页三剑客： Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的运行 坏境及 Photoshop CS4。 二二 、概要设计、概要设计 2.1 功能的定义功能的定义 本系统是利用 Dreamweaver 为运行工具，IIS 为运行环境，利用 HTML、VBSCRIPT 语言和 JAVASCRIPT 语言设计而成。在浏览器中将做好的班

14、级 主页打开，绿色为主的界面，给人清新舒适的感觉，班级简介，班级活动剪影， 班级动态，学校新闻加上友情链接，布局合理，内容充实。 2.2 系统功能模块计系统功能模块计 班级首页 班 级 首 页 通 讯 录 留 言 簿 大 笑 江 湖 班 级 首 页 班 级 首 页 班 级 首 页 班 级 首 页 班 级 首 页 班 级 首 页 班 级 首 页 班 级 首 页 图图 1 网站结构图网站结构图 三、详细设计三、详细设计 3.1 设计方案设计方案 网站共设立五个大的模块：班级主页、班级相册、通讯录、留言簿和大笑 江湖。其中有三个模块还包含若干子页面。首先，将素材模板图片在 fireworks 中打开

15、，按照预先设计的模块布局，对图片进行合理切割，并导出保存到站点 相应位置。利用美图软件对部分图片进行加工处理后在 Dreamweaver 中添加图 片，实 现模板重组。其次，利用 Microsoft Access 建表，并连接数据库。接着，对各 个模块按功能需求进行设计。最后，整合调试系统，进一步完善功能。 3.2 模块的设计与实现模块的设计与实现 3.2.1 班级首页设计班级首页设计 班级首页整体展现网站内容与风格。 图图 2 班级首页班级首页 班级首页主要代码如下： 08 网 1 主页 欢迎光临 08 网工 1 班主页！ 用户： 密码： 3.2.2 班级相册设计班级相册设计 班级相册主要收

16、藏班级活动照片，比如：军训、野炊、篮球赛等。还包含部分 同学风采照。 图图 3 班级相册首页班级相册首页 班级相册主页代码如下： 班级相册 our full house 班级野炊 这里记录了, 我们走过的点滴 篮球赛 这里收藏了, 我们成长的记忆 生活剪影 大学，青春，我们一起 3.2.3 班级相册之生活剪影班级相册之生活剪影 生活剪影记录班级同学的生活照片，多半来自课间或课余，富含一种轻松气氛。 图图 4 4 班级相册之生活剪影班级相册之生活剪影 3.2.3 通讯录设计通讯录设计 通讯录包含班级同学的姓名、手机号、籍贯及 QQ 号，为相互之间了解和交流提 供索引。 图图 5 5 通讯录通讯录 通讯录主要代码如下： 姓 名 手机号 籍 贯 QQ 3.2.4 留言簿的设计留言簿的设计 留言板提供一个平台，让同学们分享新心情，发布信息，传达祝福。 图图 6 6 留言板之评论添加页面留言板之评论添加页面 留言簿主要代码如下： 用户名（必填） 评论主题（必填） 电子邮箱 时间 您的评论 3.2.5 留言板之留言列