动态网站开发课程设计

动态网站开发课程设计（精选6篇）

篇1：动态网站开发课程设计

生家锋

摘 要：项目教学适合计算机专业学生实践技能的培养，适应符合职业岗位、工种，符合现代企业生产实际需要的职业工人的培养。本文以《ASP动态网站》课程中教学项目的设计与实践应用为例，来探索中职计算机专业教学如何设计设计教学项目、应用项目教学法。关键词：教学项目；ASP动态网站；职业能力

本学期我在ASP动态网站制作课程中就教学项目的设计、项目教学的实施做了一定的研究。学期初我将ASP动态网站教学内容根据实际工作任务整合成若干教学项目，实施项目教学。教学设计上我们采用任务招标的形式，以任务招标，模拟职场为教学环境，通过招标、训标、实践制作、评标等环节来落实教学内容，培养和提升学生的技能。

一、教学项目的设计

教学实践告诉我们，项目可以有很多形式，而不仅仅是综合项目。通过示范项目可以让学生掌握基础的知识，为真正解决问题的能力奠定基础，在此基础上可以用知识迁移、协作讨论等方式来完成技能的提升。下面我就以“留言板”项目为例来说明教学项目设计的思路。1.以典型工作任务为依托是教学项目设计的基本原则。教学项目设计的原则是从典型的职业工作任务中开发设计教学项目，项目内容突破传统的学科界限，是以典型工作为核心，按照工作过程建构教学内容。所以我把“留言板”这个综合网站中很常见的功能模块单独拿出来作为一个简单的学生操作项目来设计。通过完成制作任务来落实知识，让理论教学内容与实践教学内容通过项目紧密地结合在一起。

2.以学生为主体的活动是教学项目的构成要素。学生活动主要指学生采用一定的工具和工作方法解决所面临的工作任务所采取的探究行动。“留言板”教学项目中我设计了如下的学生活动：

（1）6人小组成立工作室竞标。把全班48人根据学生学习能力和个性在自由组合基础上分成8个小组，成立工作室，课堂教学模拟工作室竞标形式。

（2）以工作室为单位的方案设计，竞标说明书递交。师生共同分析任务招标要求，明确网站的基本功能、设计的思路，在此基础上学生完成网站美工图设计和技术方案，遇到技术难题时向老师求助。（3）“留言板”网站制作。根据所学内容完成“留言板”网站制作。

（4）各工作室竞标，阐述各自网站的功能及特点，说明设计意图和技术优势所在。（5）评标，结合学生评价和老师评价两种形式，评选最适合的作品。

3.工作情境的创设是教学项目设计的前提。教学项目能顺利实施的一个前提就是为学生创设一具能进行探究学习的环境。技术实践知识与工作过程知识具有情景性特点，这决定了这类知识的掌握依赖于工作情景的再现。整个教学的设计也是用工作室任务招标、训标、制作、评标环节进行的，模仿了一个职场环境，让学生成为职业人去竞争去制作。

4.成果展示的多样性。项目设计要有明确而具体成果展示环节，有明确的评分标准，但不是简单的“对”、“错”之分。当工作任务完成学习结束后，师生可共同评价项目成果和工作学习方法。这时要充分考虑学生的实际能力和行业的标准。

二、项目教学的具体实施

下面以《留言板制作》为例来讲述项目组织实施过程。本项目就是用“模拟职场任务招标”形式。

1.任务招标，导入课题

模拟职场环境，以任务招标形式开展留言板网站制作项目教学。欣赏参考网站帮助更好地理解标书要求。学生接标开始课堂实践制作。2.功能分析、新课讲解

首先引导同学分析标书，明确网站基本功能和结构，得出制作思路。其次根据设计思路，结合前面所学知识，明确制作过程和实现技术方法。最后是新问题分析、新技术讲解。师生共同分析得到留言板必须要有的内容。3.学生完成设计草案

让学生在功能分析及制作过程方法的基础上自我设计，内化为自己的过程和方法。通过明确草案内容再次帮助学生理清制作过程：数据库表字段设计、站点配置、内容留言页面美工图设计及制作方法、添加留言页面美工图设计及制作方法。4.分析点评设计草案

教师根据学生自荐抽取设计方案进行分析点评：通过学生展示自己的设计方案（数据库的设计、实现技术、页面布局）、学生评价（页面设计特点及实现方法）、教师点评（重点在页面的布局设计和实现方法）来模拟企业训标环节。

通过对草案的点评可以让设计不合理的方案及时得到调整而不用等具体作品出来再推翻；通过教师指导、学生之间互相学习取长补短，及时更好完善草案。5.学生实践制作

指导学生根据自己的设计方案及调整意见完成网站制作。这环节重点是动网技能训练，让学生将知识融合，融会贯通，在项目分析的基础上进行开发，调试，在提高学生操作技能的同时也提升了学生解决实际问题能力。6.作品展示、评标和小结 模拟评标环节，评选三个最佳作品：采用自荐或推荐展示学生作品。请学生交流网站的特色、优点所在、介绍技术亮点、制作经验。学生提问、学生评价，教师点评。通过点评更好地实现技术交流，巩固知识点，提高技能，提高学生的表达、交流能力。

三、结束语

本学期我在ASP动态网站制作课程的探索取得了一定的成效，学生的实践技能提高明显。教学项目便于学生以项目为主线，把课程中的零散知识点串联起来，强化学生对课程相关知识的理解记忆，学生的学习兴趣、显著提高，使学生爱学，动起手来。

篇2：动态网站开发课程设计

平时作业的形式有个人独立完成的紧跟课堂进度的单项练习、以小组形式完成的较为综合有一定工作量的项目模拟开发。平时作业得分标准设计“3+X” 过程考核网络教学管理平台的设计开发

学生的学习认知是个由浅入深、逐步积累的过程， 要尊重学生的学习规律， 关注学习过程， 加大过程考核力度， 必然会加大教师的工作量， 给过程考核的实际执行带来难度。此时可以发挥网络教学平台的作用， 实现网上作业提交、批改、点评等功能， 尤其可以借助网络测试系统完成过程考核的测试要求， 减少执行难度， 保障过程考核成为可能。由于本课程就是讲解动态网站设计与开发技术， 因此也是作为本课程学习成果的体现， 开发了一个基于“3+X” 过程考核的《动态网站设计与开发》课程课外学习量化考核评价系统。该系统分为教师和学生两种用户权限， 分别具有以下功能：

4.1 教师用户

注册登录之后， 可以发布课程的公告信息、注册相关学生信息， 上传学生课后学习需要完成的各类任务资料(如PPT 课件、微课程视频课件等)，在线出题， 由系统自动批改客观题， 主观题手动批改后将成绩上传， 在线统计考勤、在线批改作业、网站可以自动计算测验成绩、作业成绩、考勤成绩、课后学习(如微视频的观看) 成绩， 按照教师指定的“3+X” 考核标准计算平时总成绩， 教师也可以在线和学生交流、答疑、互动。

4.2 学生用户

学生在教师对其身份进行了添加之后， 可以登录系统修改个人详细信息及密码， 可以在线测试，查看测试结果， 按照老师的要求完成课后学习、提交作业、查看教师批改结果， 可以看到本人及全班同学的本次阶段性平时成绩、历史平时成绩记录和期末平时总成绩等。

5 结束语

篇3：动态网站开发课程设计

关键词：基于工作过程,学习任务,综合职业能力

0 引言

长期以来,职业教育的教学主要关注学习的基本规律,即学生“从不知道到知道”的知识学习过程,而相对忽视了人的职业成长和生涯发展规律。“基于工作过程”的课程开发方法,关注学生从“完成简单工作任务到完成复杂工作任务”的能力发展过程,尊重人才职业成长规律。《JSP动态网站开发》采用“基于工作过程”的学习任务设计方法,有效提高了学生综合职业能力。

1“基于工作过程”的学习任务设计思想

《JSP动态网站开发》是“网络系统管理”专业的一门核心技术课。依据本课程在“网络系统管理”专业人才培养方案中的定位,确定课程培养目标为“培养学生对中小型动态网站维护与开发的能力”,课程开发方案采用了“基于工作过程”的学习任务设计方法。

1.1 学习任务来源于企业生产

“基于工作过程”开发的学习任务来源于企业生产。随着互联网信息技术的发展,许多企业都建立了对外宣传及产品经营、对内管理及信息沟通的网站。企业网站建设一旦完成,网站维护就成了摆在企业面前的难题。企业的情况在不断地变化,网站的内容也需要随之调整,这就不可避免地涉及到网站维护的问题。在实践专家访谈会上,不少专家也谈到自己职业生涯中网站维护的工作经历。针对这种情况,本课程设置了“分析典型动态网站系统结构,更新改造动态网站”的学习任务。在这个学习任务中,要求学生改造网站出现的整体视觉、功能实现等方面的缺陷;更新市场、法律、企业、商机、科技等方面行业信息;更新企业产品、服务、价格及其他变动的情况;维护交互区信息。本学习任务将企业生产中对职业有普遍意义的、工作过程完整的工作任务改造为适合学生学习的学习任务,藉此建立起学习和工作两者之间的联系,有助于提高学生的综合职业能力,实现本课程培养学生“维护中小型网站”的人才培养目标。

1.2 简单学习任务到复杂学习任务

“基于工作过程”的学习任务,关注学生从“完成简单工作任务到完成复杂工作任务”的能力发展过程,使得学生的能力从较低发展阶段有序、有效地提高到较高的发展阶段,尊重人的能力发展过程。为了使学生在学习中获得“对中小型动态网站维护与开发”的职业能力,本课程依序设计了三个“从简单任务到复杂”的学习任务。第一个学习任务是部署小型动态学习网站;第二个学习任务是分析典型动态网站系统结构,更新改造动态网站;第三个学习任务是设计并实现中小型动态网站。

1.2.1 部署小型动态学习网站

第一个学习任务是部署小型动态学习网站。本学习任务要求学生选择最优服务器配置方案,开通《JSP动态网站开发》课程网络教学平台,满足《JSP动态网站开发》课程教学需要。在本学习任务中,通过部署一个经过多轮教学实践编写而成的动态学习网,培养学生优选服务器配置方案、部署动态网站、编写简单的配置文档等职业专门技能;培养学生获取信息、处理信息和应用信息的职业核心能力。与此同时,动态学习网提供了大量真实有效、易学好用的案例,学生通过阅读、模仿、引用动态学习网中的典型案例,学习JSP基本知识与技术,提高自我学习、信息处理、分析问题及解决问题的能力。这是一个真实有用、规模小、难度低、易操作、综合程度低、简单的学习任务。

1.2.2 分析典型动态网站系统结构,更新改造动态网站

第二个学习任务是分析典型动态网站系统结构,更新改造动态网站。本学习任务要求学生以一个真实项目为原型,根据用户需求,编写动态网站更新改造方案,实现动态网站的信息更新及功能改造。在本学习任务中,学生通过更新改造一个典型动态网站,学习撰写用户需求分析报告、分析网站系统数据库、系统流程、系统功能模块及系统详细设计,培养学生分析网站、更新网站、改造网站的职业专门能力;培养学生分析问题、解决问题、与人合作、与人交流的职业核心能力。这是一个典型、真实、规模可控、难度适中、可模仿性高、复杂程度适中的学习任务。

1.2.3 设计并实现中小型动态网站

最后一个学习任务是设计并实现中小型动态网站。本学习任务要求学生根据用户需求及网站项目管理指南,撰写网站建设方案,编写并测试动态网站。在本学习任务中,通过设计并实现一个中小型动态网站,培养学生根据用户需求,设计网站、编写网站、测试网站、维护网站的职业专门技能;培养学生发现问题、分析问题、解决问题、与人合作、自我学习的职业核心能力。这是一个工作过程完整、综合职业能力要求较高、比较复杂的学习任务。

综上所述,本课程由三个学习任务贯穿而成。三个学习任务在规模、技术难度、综合程度、对学生综合职业能力要求等方面呈递进关系。学生从完成简单的网站部署与应用、过渡到网站更新与改造、直到完成比较复杂的网站设计与开发学习任务,最终实现本课程的“对中小型动态网站维护与开发”的人才培养目标。

1.3 完整的工作过程

“基于工作过程”的学习任务,关注学生“获取信息、制定计划、做出决定、实施计划、检查控制、评定反馈”的心理认知规律,使得学生在完成学习任务的过程中,经历完整的工作过程,获得“工作过程知识”,满足学生就业及职业发展的需求。本课程为每个学习任务设计了六个步骤,在完成学习任务的过程中,学生要经历一个完整的工作过程。例如,完成第二个学习任务“分析典型动态网站系统结构,更新改造动态网站”过程中的六个步骤是:

(1)确定网站改造目标。讨论网站改造需求分析报告,依据客户需求制定网站改造预算,经协商后签订网站改造设计合同;(2)制定网站改造计划。讨论网站系统设计、站点规划,站点结构、应用系统设计,撰写网站改造建议书;(3)确定网站改造方案。创意网站风格,客户确认网站美术设计,进入主页制作阶段;(4)实施网站改造方案。客户确认“网站开发建议书”,进入软件程序系统开发阶段;(5)网站改造过程中的检查控制。记录网站改造工作过程,进行版本控制;(6)评估反馈。网站改造完成后测试联调,提交“网站验收申请”,验收合格,移交技术资料,提交网站维护手册。通过完成本学习任务,学生经历网站更新改造的完整工作过程,这种学习方式符合人的职业成长规律,有效提高了学生的综合职业能力,有助于学生的就业及未来职业发展。

2 结束语

“基于工作过程”开发的学习任务,遵循人的职业成长规律选择学习任务、设计学习任务、完成学习任务,以期达到提高教学质量,有效提高学生综合职业能力,满足国家建设对高技能人才的需求。

参考文献

[1]姜大源.职业教育的教学方法论[J].2007(25).

[2]姜大源.职业教育学研究新论[M].北京:教育科学出版社,2007(1).

篇4：动态网站开发课程设计

摘要:本文提出了一个精品课程网站动态生成平台的设计方案,分析了系统的工作流程、功能和主要实现技术。利用本系统开发精品课程网站,能够简化网站制作的流程,使教师在很短的时间内建成符合评审指标且具有个性化的精品课程网站,大大减轻了教师和教育技术人员的工作量。

关键词:精品课程 动态生成平台 设计与实现

中图分类号:G250.72 文献标识码:B 文章编号:1673-8454(2009)21-0039-04

精品课程是具有引领、示范和辐射作用的课程,精品课程建设工程于2003年由教育部启动,随后在全国各省市、全国各高等院校铺开建设,截止到2008年已建成国家级精品课程2200多门。按照教育部的要求,精品课程的内容要全部上网,因此精品课程网站的建设成为了精品课程建设中一个不可或缺的环节。

精品课程网站的制作包括页面布局的规划和界面的设计、程序代码的编写、后台数据库的操作、信息内容的整合、网站发布等环节,是一项重复而繁琐的工作,有一定的技术难度,需要掌握网站制作方面的知识和技术。学科教师教学科研工作量一般都比较繁重,如果要他们在较短的时间内制作一个专业化的网站,则勉为其难。正是基于这样一种考虑,如果能开发设计一个用于创建精品课程网站的平台,让教师只需要简单的操作就可以建立一个精品课程网站,无疑会受到教师的欢迎。

一、系统的开发目标

1.遵循精品课程的评审要求和制作规范

本平台的开发是按照教育部2008年国家精品课程评审指标的各项要求制作的,使教师在制作网站的过程中有据可循,减少了教师的工作量并且使教师制作出来的网站符合评审指标的要求。系统的开发技术符合W3C标准。

2.简单易用

考虑到精品课程网站是自动生成并且为普通学科教师所用,因而其操作应该越简单越好,要求只要使用浏览器就能在线建立所需要的网站,不需要掌握系统的网络知识,不需要学习专业开发软件,做到没有网页制作经验的教师也能快速上手。如图1所示是利用精品课程网站动态生成平台创建课程网站的工作流程。

3.功能完善

具体功能包括:

(1)banner和版权的管理,包括banner的上传、修改和编辑,版权的修改等。

(2)目录管理,包括网站一级、二级、三级目录的建立、修改、删除与顺序调整。

(3)页面模块管理,包括页面模块的选中、删除、添加、修改、删除其内容等。

(4)界面的管理,包括分辨率的设定、界面的修改、背景图片的上传、选择,菜单栏方向的修改等。

(5)课程内容的上载:具有文字、表格、图形、图像、声音、视频等多媒体添加功能。

(6)其他功能:论坛管理、人员管理、登录日志、网站配置等管理功能,和在线统计分析、访问次数统计、资料上传、时间显示等功能。

4.所见即所得

添加网站内容,编辑各种多媒体要素,就像编辑Office文档一样方便简单。使用所见即所得的编辑器,不需要具有任何标记语言或编程语言知识,通过网络浏览网页的效果和编辑时显示的效果一致,帮教师方便、快捷地对编辑的内容进行修改、排版。如果教师比较熟悉网站的制作,可以选择使用代码的方式编辑,更加灵活方便。

二、系统的设计

1.系统设计原则

实用性原则:系统的总体设计原则是从方便教师的角度出发,采用教师比较熟悉的Web形式,要求界面简洁,操作简单,具有很好的通用性和实用性。

模块化原则:模块化能大大提高系统的可管理性和可维护性,使整个教学系统能成为一个真正清晰明了的有机系统。模块化便于修改、扩充。采用模块化设计后,在维护时可以直接对某一需要改动的模块进行修改,从而能够有效降低网站不断更新带来的麻烦。[1]

交互性原则:建立交互式网站,使精品课程网站具备网络教学的互动功能。为了提高学习效率,促进师生互动,精品课程建设应该建立师生园地(BBS)等互动交流空间,教师定期与学生在线交流,为学生答疑解惑。

2.B/S三层体系结构

系统采用了B/S(Browser/Server)三层体系结构,即表示层、业务逻辑层和数据访问层,其体系结构如图2所示。

表示层负责与用户交互,接受用户的输入并将服务器端传来的数据呈现给用户。该层在应用程序里体现为扩展名是ASPX的页面文件和页面相关代码。业务逻辑层是系统的核心部分,负责处理表示层的HTTP请求并将请求传输给数据层,同时将请求处理结果发给浏览器。数据层位于最底层,以ADO.NET为接口,对数据进行操纵并为业务逻辑层提供数据服务。系统采用三层体系结构,可以分模块组织代码,增强代码的可读性,增加系统的安全性和健壮性,最重要的是便于修改、扩充。

3.系统功能模块的设计

如图3所示。

(1)网站基本信息设定:包括网站名称的设定、界面肤色的更换、界面模块的选择与删除、网站分辨率设定、banner图片的上传和选定、版权信息的设定、菜单栏位置的设定等,主要是针对不同的课程给教师提供自由发挥的空间,以体现网站的个性化。网站基本信息设定界面如图4所示。

(2)新闻管理:使用在线编辑器对主页中的新闻模块进行添加、修改和删除。

(3)导航管理:对一级、二级、三级菜单的添加、修改、删除和调整顺序,一级菜单项主要包括:教学队伍、教学内容、教学条件、教学方法、教学效果、特色政策、申报表格和课程论坛等评审指标中要求的项目,当然也可以根据教师的要求修改或添加。每个一级菜单下可以设置多个二级菜单,每个二级菜单下也可以设置多个三级菜单。

(4)友情链接管理:友情链接是一个可选模块,教师可以根据自己的需要决定是否选用,包括对友情链接的添加、修改和删除。

(5)课程信息设定:这也是一个可选模块,是对课程的简介,可以是文字,也可以插入图片、视频等。

(6)用户管理:包括添加、删除用户,修改密码,查看在线用户等功能。

(7)搜索功能:可以进行站内搜索,方便用户检索相关内容。

(8)留言管理:主要实现对留言的添加和删除,留言板提供一个师生交流的平台,学生可以反馈意见,提出课程建议,增加了系统的互动性。

(9)内容管理:对网站中所有的文章进行修改、增加和删除操作。系统提供了一个基于网页的所见即所得的在线编辑器。通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致,让使用者方便地对编辑的内容进行修改、排版。内容管理界面如图5所示。

三、系统实现的主要技术

本系统采用微软.NET框架作为开发平台,开发环境为Visual Studio2008,数据库采用SQL Sever 2005。系统的实现应用了ADO.NET、DIV+CSS、自动生成数据库访问类、在线编辑、Sliverlight和Ajax、流媒体等多种技术,其中自动生成数据库访问类、Sliverlight和Ajax技术的应用是本系统实现的两大特色。

1.ADO.NET

ADO.NET是在.NET编程环境中优先使用的数据访问接口,是一组用于和数据源进行交互的面向对象类库。ADO.NET允许和不同类型的数据源以及数据库进行交互。本平台对数据库的访问就是通过ADO.NET实现的。

ADO.NET的两大核心组件是数据提供程序(Data-Provider)和数据集(Dataset)。DataProvider是一组包括Connection、Command、DataReader和DataAdapter对象在内的组件,其目的是为了实现数据操作和对数据的快速访问。.NET 框架包含两种数据提供程序:一种是SQL Server数据提供程序;另一种为一般的数据提供程序,它可以与任何一个OLEDB数据源通信。DataSet是非连接模式的核心,设计Dataset的目的是为了实现独立于任何数据源的数据访问。因此,它的数据源并不仅仅局限于数据库,也可以从XML文件或自定义的本地数据文件中获得数据。DataSet由一个或多个DataTable对象组合而成,而每个DataTable对象由多个数据的行与列、主键、外键、约束及存放于DataTable对象中的数据关系信息组成,DataSet与现有数据源的交互是通过DataAdapter来控制的。[2]

2.DIV+CSS实施页面布局

界面是本平台很重要的设计要素,平台采用DIV+CSS实现页面布局和各种定位。CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML 或XML等文件式样的计算机语言。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。[3]

使用DIV+CSS的优势主要表现在表现和内容相对分离,结构清晰,缩减了页面代码,能灵活地控制页面的布局,提高了系统的扩展性、易用性,还使得网站改版相对简单,从而降低了网站改版的成本。

3.自动生成数据库访问类

在通常的系统开发中,每一个数据表都对应一个专门的数据库访问类,包括插入、更新等,而类的编写很繁琐且容易出错。在本系统的开发中,开发人员针对这个问题专门编写了一个可以自动生成数据库访问类的小控件。如图6所示,只要将一个表的CREATE代码拷入上图的本文框中,点击“生成类代码”按钮,就可以在下面的文本框中生成此表所对应的类代码,将代码拷入此表所对应的.CS文件中即可。“生成Insert脚本”和“生成Update脚本”两个按钮是生成表所对应的插入和更新的存储过程代码。此控件的使用可以大大减少编程人员的工作量,提高代码编写的质量和速度。

4.在线编辑

申报精品课程的教师多数都没有网站制作的经验,所以为了便于在网站建设中上传内容,在网站制作后期维护、更新,系统采用在线编辑技术,能够在网页上实现许多桌面编辑软件所具有的可视编辑功能,可以快速填充内容,提高开发效率,也便于教师使用,如图7所示。

在线编辑器不仅支持文本的修改,格式的调整,还可以插入表格、图片、动画、视频、超链接等,使教师能够在可视化的界面上方便快速地上传、修改或删除课程内容,提高课程建设的速度和质量。

5.Sliverlight和Ajax技术

Silverlight2.0是微软于2008年6月发布的一个跨浏览器、跨客户平台的技术,能够设计、开发和发布有多媒体体验与富交互(RIA,Rich Interface Application)的网络交互程序。Silverlight提供了一个强大的平台,能够开发出具有专业图形、音频和视频的Web应用程序,增强了用户体验,同时,它还提供了强大的工具来提高开发人员的工作效率。Silverlight支持C#、JavaScript、Visual Basic等动态和静态语言,支持互联网上最流行的音频和视频格式,使创建输入表格,加载数据,上传二进制或文本信息都变得更加便捷。

Ajax是Asynchronous JavaScript+XML的简写,该技术可以为用户提供更为自然的浏览体验。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。

6.流媒体技术

国家精品课程“需在网上提供不少于45分钟的现场教学录像”,这就要求网站能提供流媒体播放功能。流媒体是指采用流式传输的方式在Internet播放的媒体格式,如音频、视频、flash等多媒体文件。与传统的播放方式不同,流媒体在播放前并不下载整个文件,而是将部分内容缓存,使流媒体数据流边传送边播放,这样就节省了下载等待时间和存储空间。要动态实现在线点播,客户端必须能够支持Windows Media Player或者 RealPlayer等常见媒体播放器,用户可交互地选择播放音视频课件,并可对音视频课件实现播放、暂停、停止、跳跃等功能。

四、结束语

在精品课程建设过程中,精品课程网站的建设是一个必不可少的环节。本文提出了一个精品课程网站动态生成平台的设计方案,并在ASP.NET平台上开发出了相应的系统。本系统简单实用,简化了精品课程网站制作的流程,可以使教师在很短的时间内建成符合评审指标并具有一定个性化的精品课程网站,大大减轻了教师和教育技术人员的工作量。本平台在后续的研发中功能还将不断完善,应用的范围也可以从精品课程网站扩大到一般的课程网站,力争做成一个比较通用的网站自动生成平台,在教学中发挥更大的效益。

参考文献:

[1]柳强,胡雪飞.高级英语精品课程网站设计和建设[J].中国教育信息化,2008(3):67.

[2]Kouresh Ardestani.高效掌握ADO.NET——C#编程篇[M].北京:清华大学出版社,2003.

[3]http://baike.baidu.com/view/942429.htm.

[4]马伟锋,雷运发.基于MSHTML的精品课程网站自动生成系统的实现[J].浙江科技学院学报,2006(6):121-123.

[5]http://www.it.com.cn/f/edu/077/12/445198.htm.

[6]陈以海.高校精品课程网站建设探索[J].中国教育信息化,2008(1):52-54.

[7]龚志武.高校精品课程建设的研究与实践[J].现代远程教育研究,2008(1).

[8]郝刚.ASP.NET 2.0 开发指南[M].北京:人民邮电出版社,2006.

[9]郑常青.Web标准化设计——精品课程网站建设几点心得[J].中国科教创新导刊,2007.

[10]http://hi.baidu.com/qihongchao1983/blog/item/6a8ffbcad358c517be09e60a.html.

篇5：JSP动态开发技术课程学习总结

课程学习总结

本学期在学习“JSP动态Web技术”的时候，我深刻的明白了，作为现今高校计算机专业学生必修的一门专业课程，我们应当主要学习目前流行的JSP开发语言及掌握先进的Web开发技术。课程的重点是用JSP开发Web应用程序，如开发电子商务网站；课程的难点是JavaBean技术、Java Servlet技术和JSP的开发模型。

通过一学期这门课程的学习，我掌握了JSP语言基础知识、JSP内置对象，能熟练运用JSP的文件操作、JSP数据库访问技术、JavaBean技术和Servlet技术。掌握编写基本JSP程序、JSP的文件操作及JSP的数据库系统开发方法，能利用JSP应用模式JSP+JavaBean和JSP+JavaBean+Servlet进行Web应用系统设计、开发能力。

一、学习内容 第一章 JSP概述

本章主要学习了JSP技术的特点以及JSP程序的结构及运行原理；JSP网站运行环境的配置；在Eclipse环境中开发JSP程序的方法。

JSP技术的优势：一次编写到处运行、系统的多平台支持、强大的可伸缩性、多样化和功能强大的开发工具支持。在原理上，JSP是编译成Servlet执行的，所以JSP和Servlet一样，具有功能强大、跨平台等特点，但JSP比Servlet更加容易编写。

在配置JSP开发环境时，首先需要安装JDK，完成设置后，需要安装Web服务器。

Eclipse和My Eclipse是现金国内企业最流行的开发工具。除了使用Eclipse和My Eclipse进行JSP的开发外，常用的其他J2EE应有服务器有WebSphere、JBoss、WebLogic等。

SP使得创建和维护HTML更容易，同时依旧提供对servlet的完全访问（即

可以使用各种servlet的特性）。

其他技术使用类似的方式，但移植性上有差距并且不允许我们使用Java来编写实际的代码。

第二章 JSP语法与内置对象

本章主要学习了JSP的基本语法；JSP的内置对象；JSP的开发环境。1．JSP语法基础

JSP指令标签，主要用来提供整个JSP网页相关的信息。JSP动作标签，利用它可以动态地插入文件、重用JavaBean组件、把用户重定向到另外的页面、为Java插件生成HTML代码。JSP表达式，在JSP程序中，可以采用表达式将指定结果输出到客户端HTML中。

2．JSP内置对象

JSP有9种内置对象，其中request、response、session、application、out对象是最常用的。

Request内置对象，代表的是来自客户端的请求。在客户端输入表单信息后，需要提交到相关的服务器端JSP程序进行处理。

response内置对象，代表的是对客户端的响应。用于产生可以发送到客户端的回应信息。

session内置对象,属于javax.servlet.http.Httpsession接口的一个实现类。

applicatio内置对象，属于javax.servlet.ServletContext接口的一个实现类，主要是获取或更改Servlet的设定。

out内置对象，属于javax.servlet.jsp.JSPWriter接口的一个实现类，主要是将结果输出到网页上。

学习一门语言，主要就是学习这门语言的基本语法，就如同学习英语是一个道理。学习了本章之后，我对Java语言有了进一步的了解。对学习以后的知识非常地有帮助。但在学习的过程中，也遇到了一些问题。语法作为一门语言的基础，非常的重要。一门语言学的好与坏，就看你对语法的掌握程度。

第三章 JSP文件操作

本章主要学习了File类及其常用方法；文件流进行文件的在线读写；文件上传下载的应用开发技术。

1.File类及相关属性

创建File对象File（String Path）获取文件属性 2.文件上传 3.文件读写类

4.文件输入流FileInputStream和文件输出流FileOutputStream 5.文件字符流类FileReader和FileWriter 6.文件随即访问流RandomAccessFile类

通过本章的文件操作的学习，学会了如何利用JSP进行文件/目录的创建、删除和获取属性，会利用字符流进行文件的读写，以及文件上传的方法。文件的创建、删除和获取属性都比较简单，而对于文件的读写却比较难记住。

第四章 JSP数据库访问技术

本章主要学习了使用JDBC连接数据库的技术；在Web页面实现浏览、查询、维护数据库数据技术；数据分页显示技术；网站后台的开发和管理思想。

1．JDBC的概念和技术特点。2.JDBC中的常用接口及其方法： 驱动程序接口Driver 驱动程序管理器DriverManager 数据库连接接口Connection 执行SQL语句接口Statement 执行动态SQL语句接口PreparedStatement 执行存储过程接口CallableStatement 访问结果集接口ResultSet 3.掌握连接数据库的步骤：“加载JDBC驱动程序”、“创建数据库连接”、“执行SQL语句”、“获得查询结果”和“关闭连接”。

4.掌握“SQL Server 2000数据库的连接”、“Access数据库的连接”以及“MySQL数据库的连接”的方法。

5.掌握数据库的常用操作技术（查询、添加、修改、删除等）。6.理解连接池的优缺点。

7.掌握在Tomcat中配置连接池的方法。

第五章 JSP与JavaBean JavaBean是一种Java语言写成的可重用组件，实际上JavaBean是一种Java类，通过封装属性和方法成为具有某种功能或者某个业务的对象。

1．JavaBean的基本组成 2．JavaBean的工作原理

3．利用JavaBean进行抽象，简化JSP 4．编写和配置JavaBean程序的方法 5．JSP中调用JavaBean基本方式 6．JavaBean与JSP想结合编程的策略

通过本章的学习，掌握了JavaBean的结构及生命周期，JSP调用JavaBean的方法。学会用JavaBean操作数据库，检索数据分页处理的方法。

JavaBean描述的是Java的软件组件模型。在Java模型中，通过JavaBean可以无限扩展Java程序的功能，通过JavaBean的组合可以快速地生成新的应用程序。JavaBean主要应用在非可视化领域，在服务器端应用方面表现出了越来越强的生命力。非可视化的JavaBean，顾名思义就是没有GUI界面的JavaBean。在Web项目中常用用来封装业务逻辑、数据库操作等，可以很好地实现业务逻辑和前台程序的分离，使得系统具有更好的健壮性和灵活性。

第六章 JSP与Servlet Java Servlet是一些能够动态扩展Web服务器功能的Java组件，JSP技术本身就是基于Servlet的，当客户请求一个JSP页面时，JSP引擎根据JSP页面生成Servlet文件。

1．Servlet的生命周期

2．Servlet与JSP交互技术 3．常用的Servlet API应用 4．基本的 Web应用开发模式

JSP是Servlet技术的扩展，本质上就是Servlet的简易方式。JSP编译后是“类servlet”。Servlet和JSP最主要的不同点在于，Servlet的应用逻辑是在Java文件中，并且完全从表示层中的HTML里分离开来。而JSP的情况是Java和HTML可以组合成一个扩展名为.jsp的文件。JSP侧重于视图，Servlet主要用于控制逻辑。

Servlet是一种独立于平台和协议的服务器端的Java技术，它是使用Java Servlet应用程序设计接口（API）及相关的类和方法的Java程序，可以用来生成动态的Web页面。Servlet主要用于处理客户端传来的HTTP请求，并返回一个响应。在开发Servlet时，可以直接继承javax.servlet.http.HttpServlet类，并在web.xml中进行描述（映射执行Servlet的名字、配置Servlet类、初始化参数、安全配置、URL映射和启动优先权的设置等）。

第七章 Web项目开发

本章主要学习了一个典型的Web应用项目：网上书店。学习如何灵活运用JSP的技术，将业务逻辑和业务表现尽量地分开。

1．网上书店系统的功能 2．网上书店流程 前台流程 会员操作流程 后台管理流程 完整的购书流程 3．系统功能模块划分 项目开发流程

1.SWOT（优势，劣势，机遇，挑战）分析

也就是系统的定位，系统的愿景规划，系统地目的，系统自身分析，和外部因素分析。

2.需求分析

客户需求或者用户需求分析，也就是系统的功能，使用流程，界面，开发平台，维护和升级等

3.系统架构（解决技术问题）

也就是让需求实现，对开发系统的人员，系统模块，系统平台，界面搭出一个大的框架。

4.信息架构（解决内容问题），UE 系统的内容，使用流程，用户体验，毕竟web的本身就是信息的载体。5.用户界面设计（UI），UE 信息架构完成就可以进入用户交互界面设计阶段。风格，界面，交互，体验，动画等。

6.网页设计及制作 | 系统程序编写 | 文档编写（真正开发阶段）设计部门/页面制作：XHTML(信息架构)|XML/XSLT + CSS(用户界面设计)+ DOM | AJAX(表现)+ Flash等

技术部门/系统程序编写：模块(类)开发，数据库，服务器 文档撰写，让每个开发阶段内部透明，达到团队的良好沟通

（个人觉得DOM和AJAX应该更多的属于设计和体验，应该属于设计部，虽然也是编程。）

7.系统整合

模块的整合，程序和数据库的整合，程序和界面的整合，系统和服务器的整合等

8.系统测试

系统调试找出bug，用户体验，改善细节等 9.系统发布

系统正式发布，确定版本，说明书，帮助文档|FAQ，SEO等

10.系统维护

系统更新和系统和服务器维护等

二、学习总结

通过本学习对JSP的系统学习了，在足下的实训，运用到具体的JSP专业知识，在系统开发、程序设计的过程中，让我学会了如果灵活运用JSP的技术及项目开发的流程，了解了大型Web项目的JSP开发思路与方法；以及大型项目的开发方法。在学习的过程中对大型项目开发的方法不能够完全的理解，所以在做项目的时候遇到了不少的问题，但都在老师的指导下完成了项目的开发。

对于本时的专业学习了，由于前期未能对其高度重识，故有一些实作内容未能认真完成，即使完成的总结，有一些也有待完善，进步的空间还较大，本学期的专业学习过程中，让我对JSP当中的很多的知识有了深刻的理解，对于动态网站、静态网站也有明确的概念。

篇6：动态网站设计的色彩应用论文

关键词：色彩；色彩搭配；儿童摄影网站

0引言

动态网站设计课程是计算机大专业的教学体系中的一门重要课程。计算机专业的授课老师通常出自工科而非艺术类专业，程序和技术是他们的强项，着重代码或界面在DREWEAVER中技术部分的实现，也是教学中的重点。计算机专业的学生一般也是非艺术类考生，对美术和色彩的知识了解相对较少，这导致其设计出的界面不美观，网页中图片素材的选择、色彩的整体把握和搭配比较欠缺。然而从网站使用者的角度来讲，打开网站首先是视觉上的感知，对于功能部分感受没那么直接，漂亮精美的界面可以让人耳目一新，视觉上的强烈印象可以激发浏览者更多的好奇心，从而增加浏览者停留在本网站的时间。网站的设计和推广的目的是获得浏览者的关注量，所以一个好的动态网站不仅功能代码要设计完善，界面美工方面也需要精心设计，而设计精美的界面则需要整体图片与色彩的搭配。

1色彩与网页设计

1.1网页界面布局

在动态网站设计课程的教学实际中，网页布局是授课重点，常见的布局技术手段是采用DIV+CSS。其技术核心是：DIV实现网页用层进行区域划分，在区域与区域的位置调整和细节效果的处理方面利用CSS盒子模型原理来实现，盒子模型如图一所示。利用DIV+CSS技术来布局网页界面使得网页整体效果看起来更为精美，但学生仅仅只掌握DIV+CSS技术还不能做出耳目一新的网页效果，DIV+CSS只是网页界面设计的一个工具，熟练掌握和运用工具还不能达到境界高的网页制作，想要随心所欲的根据不同浏览人群特点设计出相应的美工效果的界面则需要掌握和运用色彩学。

1.2色彩构成与搭配和网页界面设计的关系

1.2.1色彩

色彩是光经过物体散射到达人眼睛中的颜色，由明度、纯度、色相三要素组成，分为无彩色系和有彩色系，国际上普及的色彩分类是孟氏色立体，色彩实际运用和搭配中通常参考它。不同的要素组合出不同的颜色效果。色彩的构成是将两个或两个以上的色彩，根据不同的目的，按照一定的原则，重新组合、搭配、构成新的、美的色彩关系，在网页设计中要运用这个原理来进行素材搭配。色彩是客观存在的，但人对色彩的反应却是随着很多因素的变化而变化的，也就是说色彩具有生理特性。视觉的适应是由于外界变化引起视觉的改变过程，当人们看物体时，常常伴随着心里的调节。现实生活中，人们看到的颜色大部分是多种色彩的混合。即用两种或多种颜色互相混合而产生新色彩的方法，分为加色混合、减色混合和中性混合三种。网页界面设计中，整体色彩搭配选择图片组合的时候要重点考虑，可运用色彩混合来控制网页整体效果，从而达到设计效果耳目一新，具有强烈的色彩视觉冲击感，给网页浏览者留下深刻的印象。

1.2.2色彩与网页设计

一般来讲，网站美工设计要完成如下任务：表达一定的界面艺术效果、使页面结构清晰可读性强、实现不同的功能、丰富网页的内容。其中界面艺术效果设计主要包括色彩运用。在网页制作中，用户视觉上看到的往往是图片、线条、文字、动画等，这些元素在色彩方面都有色彩的构成要素。把诸多的网页要素放在同一个页面上，需要考虑网页元素之间的色彩搭配以及整体色彩的构成。根据不同的设计应用需求，选择性地把网页元素整合放在一起才能获得色彩美观的网页效果。

2儿童摄影动态网站美工设计中的色彩学应用

2.1案例概述

主题为儿童摄影的动态网站，一个优秀的网站通常比较注重主页的设计，本案例重点工作为区域划分和运用色彩学对整体效果的控制，根据主页要达到的整体效果准备网页图片等素材。网站主页界面区域布局为：公司店面和拍摄场地的展示区域、展示最新儿童摄影作品区域、页脚区域.2.2儿童摄影网站中的色彩设计

2.2.1色彩与审美需求

配色实践证实，凡是能与接受者产生共鸣的色彩搭配，接受者才认为是美的，是调和的，因此色彩调和就有一个与接受者审美需求的统一问题。色彩设计能够获得成功，使接受者与之产生共鸣，设计就必须有针对性。儿童摄影作品的对象主要是儿童，儿童摄影中使用的工具是色彩对比强烈、个性鲜明的服装、玩具、道具及场景。儿童摄影网站浏览的对象主要以年轻妈妈居多，所以本案例的主页整体色彩要符合多数女性对色彩的接受和喜好需求。多数年轻女性一般喜欢粉、红色、白色以及其他偏清新亮丽的色系。

2.2.2色彩与营销

研究和了解消费者心理，给商品恰当定位，然后给商品、包装等恰当的色彩，将商品的理念传达给消费者，使营销实现高效化，取得最佳效果，可以说，色彩是一把打开消费者心灵的无形钥匙。

2.2.3儿童摄影主页的色彩设计

本案例中，主页整体风格为色彩清新亮丽的颜色。因为儿童摄影被拍摄者是小朋友，网站的浏览者以女性为主，所以网站色调以粉色系、白色系为主色调。色彩需要对比，色调需要过度，这样搭配出来的颜色更能使得多数人接受。本案例中，采用的网页整体背景以非常淡的粉色加少许白色为背景颜色。这个背景色将充满整个网页的边角和非主体区域。色彩的明度、纯度需要一个对比和过渡，所以在选择图片素材上，本案例中的照片素材部分选择纯度和明度比背景略高的粉色、红色。本案例采用大面积的暖色调粉色为主色调，冷暖色调搭配是工业设计应用中较为经典和谐的色彩搭配，所以笔者在大面积为暖色调的主页版面上加入蓝色、绿色等冷色调的小面积色区。这是因为在色彩视觉方面，当呈现在眼前的大面积是一种色调，容易引起视觉上的疲劳感，所以笔者在设计主页过程中加入了小部分蓝色的线条、小图片的冷色调色区，从而达到冷暖色调对比和谐的色彩呈现。由于黑色、白色和灰色这三种颜色一般可以与任何颜色相搭而不失协调，所以主页版面笔者加入了局部的黑、白、灰小色区的素材。这样儿童摄影主页的色彩构成为：淡粉色为主色调，图片区域既考虑了和粉色一个色系的暖色调，又加入了小面积的冷色调做点缀，同时破除掉色彩上的视觉疲劳问题，最后主页呈现出来的是色彩结构清新亮丽又不觉眼花缭乱和疲劳的效果。

3结束语

本案例从色彩学的原理及特性分析，以儿童摄影主页的美工设计为案例，解决了网站整体效果控制方面的色彩搭配问题，为工科背景的网站程设计人员在网页界面美工设计方面提供重要参考。

参考文献