1、1泉 州 师 范 学 院毕业论文（设计）题 目 网页设计与制作 专题学习网站的设计与开发 教育科学 学 院 教育技术 专 业 07 级 本科 班学生姓名 衷杨丽 学 号 070402034 指导教师 苏朝进 职 称 副教授 完成日期 2011 年 01 月 09 日 教务处 制2网页设计与制作专题学习网站的设计与开发教育科学学院 教育技术学 070402034 衷杨丽指导教师 苏朝进 副教授摘要 信息技术的迅猛发展，特别是 Internet 与校园网的接轨， 为学校教育教学提供了丰富的资源。专题学习网站作 为 教学资源的一种主要表 现形态日益显示出蓬勃发展的生机。本文以网页设计与制作 为例，
2、阐述了专题学习网站的概念及建设意义，详细阐明了基于 ASP 技术和 ACCESS 数据库系统的网页设计与制作专题学习网站的设计与开发过程。关键词 网页设计与制作 专题学习网站 ASP ACCESS 数据库1 概述 1.1 网站建设背景信息技术的迅猛发展，为人们的工作方式、学习方式和生活方式带来了前所未有的冲击。特别是 Internet 与校园网的接轨，为学校教育教学提供了丰富的资源，打破了学生仅以教科书作为知识来源单一渠道的局限，为改变长期以来以教师灌输、传授为主要方法的传统教学模式提供了有利的技术支持，为学校教育、家庭教育与社会教育融为一体，为各类教育资源的多层次开发和建设创造了很好的环境
3、1。自 2001 年，李克东教授在我国首次提出“专题探索一网站开发”的学习模式之后，经过近几年的研究和探索，专题学习网站已成为广大教育工作者积极探索新的教育模式和方法的最新关注点，越来越多的教师开始创建专题学习网站，并进行基于专题学习网站的研究性教学实践与研究。 网页设计与制作专题学习网站是在保留和发挥传统课堂教学优势的基础上，运用 ASP 动态网页制作技术，充分发挥网络环境下数字化学习优势而构建的，是对网络环境下的网页设计与制作教学进行的有效尝试与创新，从而促进信息技术与课程整合，为学生提供较为完备网页设计与制作的知识系统，创造自主学习和协作学习的良好环境。1.2 专题学习网站的概述专题学习
4、网站其实是一个基于网络资源的专题研究、协作式学习系统，它通过在网络学习环境中，向学习者提供大量的专题学习资源和协作学习交流工具，让学习者自己选择和确定研究的课题或项目的设计，自己收集、分析并选择信息资料，应用知识，去解决实际问题。 2专题学习网站通常包括四个基本内容：专题结构化的知识展示、扩展性的学习资源、交流讨论答疑空间、自我评测系统。1.3 本专题学习网站的建设目标及创新点1.3.1. 网站建设目标1提供丰富的专题学习资源 本网站以网页设计与制作专题为导向，提供结构化的专题知识库，包括平面媒体动画教程、网页制作教程、网站编程教程、网页特效等内容，学习资源具有趣味性、可读性。2满足师生双重需
5、要，辅助学习、辅助教学。本网站以教师为主要创作者，充分体现教师的教学思想与智慧; 同时满足学生自主学习、探究学习与协作学习需要，资源的利用率高。33提供良好的网络协作学习工具，支持基于网络的研究性学习强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。4本网站具有良好的可扩充性随着网站开发工作的深入和学生研究性学习的不断开展，本网站所包含的知识会不断丰富、网站的各种功能会不断完善。1.3.2. 本网站开发的意义和创新点本网站面向所有在校的学生和教师，也可以为所有喜爱网页设计与制
6、作的学者提供丰富的知识与资源。在网站的建设过程中，既要提供丰富的知识资源，也要为生生之间或是师生之间提供良好的交流互动空间，这样才能真正实现网站开发的目的。本专题学习网站主要有以下创新点：1. 本专题学习网站为学生设计的在线测试系统，学生在进行在线测试结束后能够自动评分，并且会给出每题的正确答案，让学生清楚地知道自己错在哪里，以后在学习过程中要注意什么。2. 本网站中的生生之间或是师生之间的交流讨论功能十分完整，其中包括学习论坛、留言板、在线咨询、学院邮箱、教师博客等，让所有的学者都能选择自己喜欢的交流方式进行交流讨论，以达到共同进步。2 网站建设技术基础 2.1 B/S 结构介绍B/S（Br
7、owser/Server，简称 B/S）结构，即浏览器/服务器模式，它是 WEB 兴起后的一种网络结构模式，从传统的二层 C/S 结构发展而来，通常采用三层结构：浏览器-Web 服务器-数据库服务器，WEB 浏览器是客户端最主要的应用软件，浏览器通过 Web Server 同数据库进行数据交互 5。在 BS 体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。2.2 ACCESS 数据库Acces
8、s 是微软公司推出的基于 Windows 的桌面关系数据库管理系统（RDBMS） ，是Office 系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块 7 种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务 5。2.3 ASP 技术与 IISASP（Microsoft Active Server Pages ）技术是目前比较流行的开发动态 WEB 页的技术之一，其他的还有如 PHP，JSP，ASP.NET 等。但 ASP 以
9、其独特的易学、易用、易维护等特点，为大多数中小型企业级管理信息系统所选用，其主要可以灵活应用微软公司 COM 组件，开发出功能强大的信息系统，其主要运行于 WINDOWS 的 IIS 服务器平台。ASP 程序的控制部份，是使用 VBScript、JScript 等脚本语言来设计的 8。IIS（Internet Information Server，互联网信息服务）是一种 Web（网页）服务组4件，其中包括 Web 服务器、FTP 服务器、NNTP 服务器和 SMTP 服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。3
10、 网站需求分析3.1 总体功能需求分析网站功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的是要弄清楚网站要做什么。在这个阶段，需要认真分析用户的需求，用科学的方法来表达并深入分析建站方案。网站的系统分析工作不仅使前期的系统规划方案轮廓更加清晰，而且要对诸多方案的可行性进行细致的论证，最终为后面的设计工作打下基础。本网站作为专题学习网站，其中包括四个基本内容：专题结构化的知识展示、扩展性的学习资源、交流讨论答疑空间、自我评测系统。同时也包括了教师博客、后台新闻管理、论坛用户管理、在线投票和投稿等功能的实现。3.1.1. 功能需求1. 专题学习功
11、能专题学习功能是本专题学习网站的核心内容，展示了学习专题结构化知识，根据网页设计与制作专题知识结构，呈现教学内容和学习资源，供学习者进行自主学习。在这一功能模块中分为平面媒体动画，网页制作、网站编程、网页特效、优秀教程等。2. 扩展资源功能学生利用网站中专题学习的知识通常是不够的，有些资源还是比较局限，所以在扩展资源功能这一块增加了网站运营、相关软件、相关资源网站、实用工具、网页模版等模块。学生可以在较好地学习了专题知识外，选择性地学习下扩展资源里面的知识，拓宽知识面，让知识更加丰富。3. 交流讨论功能网上学习交流讨论空间，根据学习专题，构建网上学习互动和技术交流讨论等版块，为师生之间或是生生
12、之间提供一个良好的互动交流平台，以便学生能够更好地交流学习。这在一功能分为学习论坛、留言板、在线咨询、教师博客等模块。4. 自我评测功能网上自我评价系统，收集与学习专题相关的思考性问题、形成性练习和总结性考查评测资料，并将其设计成基础性强、覆盖面广、难度适宜的题库，让学习者能进行网上自我学习评价。在线测试是学生进入在线考试系统进行测试，在测试完成之后可以系统会自动评分，并能看到正确答案。3.1.2. 功能结构图网页设计与制作专题学习网站功能结构如图 3-1 所示：5图 3-1 网站功能结构图3.2 网站特点此专题学习网站主要有如下特点：1整个系统完全架构于 BS 模式结构之上，使用户易于学习使
13、用。2学习资源丰富，对各种媒体都有良好的支持，用户可在浏览器中任意显示播放。3此网站为用户提供了交流讨论的空间，用户可对一些热点问题发表自己的看法，也可向其他用户求教。4此网站为学生提供了投票和在线测试，用户可参与投票和进行在线测试。5网站论坛中包含了用户权限管理机制，通过新用户注册功能注册的用户只有基本的使用权限，管理员具有特殊权限。3.3 网站布局技术1、表格布局本站主要使用表格方式布局。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用 CSS 更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。2、层叠样式
14、表层叠样式表(CSS)是 W3C 组织新近批准的一个辅助 HTML 设计的新特性,它能够使你保持整个 HTML 的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了 CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。网页设计与制作专题学习网站功能专题学习拓展资源交流讨论自我评测平面媒体网页制作网站编程网页特效优秀教程网站运营相关软件相关资源网站优秀作品网页模版学习论坛留言板教师博客在线咨询在线测试63、网站首页界面7图 3-2 网站首页界面4 数据库设计数据库在一个管理系统
15、中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完成性和安全性。4.1 数据库概念结构设计根据需求分析，得出网站数据库系统的 E-R 图，如图 4-1 所示。8图 4-1 网站数据库系统 E-R 图4.2 数据库逻辑结构设计根据网页设计与制作专题学习网站的功能要求，通过分析系统要涉及的相关实体以及要收集、存储和操纵的数据信息，系统共包含 10 个主要的表，主要如下：1. 用户留言表:用于查看和管理用户留言的内容。表 4-3 用户留言表（ly）2. 新闻信息表:用于发布新闻及各类网页设计与制作的教程。表 4-2 新闻信息表（News）在线测试试题管理员编辑用户留言回复管理编辑新闻信息 注册用户在线测试成绩BBS 发帖管理 编辑管理 博客留言编辑博客内容93. 论坛发帖表:用于用户发表和存储帖子。表 4-4 论坛发帖表（Dv_bbs1）4. 论坛用户信息表:用于查看和管理注册用户。表 4-5 论坛用户信息表（Dv_User）105. 博客新闻信息表: 用于发布新闻及各类教师的教师心得和最新动态。表 4-6 博客新闻信息表（EX_log）6. 博客留言表:用于查看和管理博客中用户发表的留言。表 4-7 博客留言表（EX_Message）
