重庆科技学院Web程序设计基础课程.docx

重庆科技学院 重庆科技学院Web程序设计基础课程 PAGE PAGE # / 21 重庆科技学院 《Web程序设计》课程 实践报告 学 院：电气与信息工程学院 专业班级：计科13.4班 学生姓名： 学 号: 设计地点（单位） 1304 设计题目: 班级网站设计与制作 完成日期：2015年1月4日 指导教师评语: 成绩（五级记分制）： 指导教师（签字）:  宣庆科技学院 课程设计任务书 设计题目：班级网站设计与制作 学生姓名 课程名称 Web程序设计基础课程实践 计科2013-4班 地 点 1304/1306 起止时间 2014. 12. 29-2015. 1. 4 设 计 内 容 及 要 求 围绕“科学创新、团队精神,自主学习，沟通交流”为主题，围绕自己班级特色，设计 制作班级网站。要求： 1、 网站至少要有5个页面以上，页面内容需包括班级简介，班级log。，班级相册，学 习园地，班级公告等； 2、 网站主题鮮明，内容健康，构思新颖.有特别之处： 3、 网站文本撰写应富于文采并体现班级风采： 4、 网站页面和超链接应形成清晰合理的框架； 5、 首页上加入日期时间显示； 6、 页面要求有用户注册登录功能，并进行客户端数据校验。 7、 正确规划网站的栏目结构，合理建立站点目录.见设计指导书. 设 il- 参 数 1、 整个网站页而个数不少于5个： 2、 采用CSS+DIV进行页面布局，整个网站采用统一的CSS： 3、 站点目录规划合理，比如，图片放在images F，CSS文件放在css日录下，各栏目 放在对应的栏目文件下： 4、 至少一段JavaScript代码： 5、 建议色彩搭配不多余三种。 进 度 ，以 求 12月29 B： 了解设计任务、收集资料、考虑网站栏目设计 12月30日：素材设计与制作或收集； 12月31 B-1月3日:页面设计与制作; 1月4日：撰写课程实践总结，作品检查、提交、答辩 参 考 料 房爱莲.《冋页设计与制作案例教程》[M].北京：清华大学出版社，2009年. 文谦、赵位等.《网页制作综合技术教程》[M].北京：人民邮电出版社，2010年. [3] (41 [5]  其 它 说 明 1.本表应在每次实施前一周由负责教师填写二份.院系审批后交院系办备案，一份由 负责教师留用。2.若填写内容较名可另纸附后。3.一题多名学生共用的.在设计内容、 参数、要求等方面应有所区别。 教研室主任： 指导教师: 重庆科技学院 重庆科技学院Web程序设计基础课程 1 / 21 1 / 21 摘要 近年来随着网络信息技术的广泛应用，越来越多的个人、企业等纷纷建立自 己的网站，在Internet飞速发展的今天，互联网成为人们快速获取、发布和传 递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。 因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位 信息化建设中的重要组成部分，从而倍受人们的重视。 关键词：班级网站Div+css布局JavaScript 重庆科技学院 重庆科技学院Web程序设计基础课程 PAGE PAGE # / 21 目录 TOC \o 1-5 \h \z \o Current Document 摘要 1 \o Current Document 1、 网站的结构规划 3 \o Current Document 2、 素材的准备 3 \o Current Document 3、 建立站点 5 \o Current Document 4、 主页面的制作 5 4.1主页而结构图 5 \o Current Document 2主页面主要div 6 \o Current Document 5、 二级页面的制作 9 5.1动态图的应用 9 \o Current Document 2注册页面设计 10 \o Current Document 6、 JavaScript功能代码的编写 11 \o Current Document 1注册校验代码 11 2时间日期设置代码 13 \o Current Document 7、 设计效果图 14 \o Current Document 1主页面效果图 14 2注册页面测试图 14 \o Current Document 7. 3时间设置测试图 15 7. 4各二级页面测试效果图 15 \o Current Document 总结 18 1、网站的结构规划 班级网站，主要分为首页、班级简介、班级相册、学习园地、班级公告、用 戸注册六部分。规划详图见图1 图1规划详图 2、素材的准备 根据规划图，依次准备了以下素材