网站建设与开发课程设计 设计题目：班级网站 设计时间：2013-2014 第二学期 15 周-18 周 网站建设与开发课程设计具体任务安排 一、 设计目标 掌握运用 Dreamweaver8 独立地

---

网站建设与开发课程设计 设计题目：班级网站 设计时间：2013-2014 第二学期 15 周-18 周 网站建设与开发课程设计具体任务安排 一、 设计目标 掌握运用 Dreamweaver8 独立地进行网站相关设计的技能，并能 够运用 ADO 连接数据库使用 ASP+IIS+VBScript/Jscript 进行动态页 制作，充分发挥主观能动性，使学生通过本次课程设计得到全面的锻 炼，初步具备实际工作能力。 二、 设计内容 1. 站点名称，主题风格 2. 设计系统的页面结构图，站点结构，框架布局 3. 设计主页面及各个相关的功能页面 4. 规划站点浏览机制（相关链接的设计) 5. 上机调试 三、 设计任务 主要包括网站主页面的设计、后台数据库的设计与链接、规划站 点浏览机制，功能页面实现。学生可以在完成本任务书所要求功能的 基础上，根据各自设计的网站添加内容和功能。 （一） 页面： 页面的布局美观，清晰，可以采取框架、表格、FLASH、声音、 行为和时间轴动画及模板等。并包括题头的设计、广告等，链接清晰 明确。 （二） 站点浏览机制： 在主页或任何一个页面上提供站点的简明目录结构， 引导用户从 一个页面快速进入其它的页面。 并在站点每个页面创建返回主页的链 接。 （三） 功能模块 ? 班级首页：首页主要是一个网站导航的作用，可以由主页中的登 录表单进行用户登录，才能进入相应的子系统。用户登录需要使 用到数据库连接技术，数据库中存放了一张用户表，包括了用户 的姓名、登录密码，生日、性别等基本信息；主页主体部分可以 用来展示一些班级新鲜事，风采等最近更新的内容，同时也可以 加入一些友情链接，以及统计网站访问次数，如：从网站可以进 入班级新闻阅读、用户注册等。 ? 班级概况：班委、大事记、班级荣誉等，可以将班级基本信息、 班级大事等信息写入班级介绍，可以做成静态页面。 ? 班级成员：添加、修改、删除、查看个人资料，数据库中存放一 张学生信息表，包括学号、姓名、出生年月、性别、籍贯、联系 方式等信息。 ? 新闻动态：行业新闻、人才招聘；该页面主要适用于记录板上的 新鲜事，提供班级新闻阅读，同时也可由该页面进入其他相应的 功能，进入相应的页面；公告栏主要用于通知班上的一些事情， 也可公布一些教务信息等。可以做成静态页面。 ? 班级风采：班级明星、班级相册、视频。班级风采展示主要是展 示一些班级活动照片、视频的展示 ? 交流园地：班级论坛、共享空间。在数据库中保存留言表，存放 留言信息（包括留言者姓名、留言内容、留言时间） 。班级成员可 以在共享空间中下载资源。 （四） 网站模块图 班级首页 班级首页 班级概况 成员管理 新闻动态 班级风采 交流园地 用 户 登 录 班 级 简 介 班 公 访 班 级 告 问 级 新 栏 量 课 闻 统 表 计 班 大 班 委 事 级 成 记 荣 员 誉 信 息 查 询 信 息 更 改 行 业 新 闻 人 才 招 聘 班 级 明 星 班 级 相 册 班 级 视 频 班 通 共 级 讯 享 论 录 空 坛 间 四、 设计要求 1. 开发环境： IIS5.1 （及以上版本） + DREAMWEAVER 8+ASP+Access， 使整个网站的功能页面均为动态页面，通过读取数据库来获 得。 2. 使用 CSS 样式表，创建 CSS 样式表文件 3. 网页使用框架布局，导航栏使用图片翻转和弹出式菜单，使用 公告栏的滚动字幕 4. 应提交的材料： （1） 网页文件及数据库文件、ste 文件。 （2） 一个 readme.txt 文件，在此文档中说明，站点配置和数据 库连接设置、数据库及表的功能。 将以上两项压缩成 rar 文件上交，文件名班级姓名学号。 （3） 设计报告 a) 网站名称 b) 网站主题和网站内容详细介绍 c) 正文（包括） ? 主要功能叙述 ? 网站页面结构图，包括首页，及各功能页面等 ? 数据库结构说明，各个表的名称和功能，各个字段 的名称和具体含义 附录： 参考首页 班级风采 通讯录 留言板 共享空间