《Web应用开发技术课程设计》要求
《Web应用开发技术课程设计》要求
课程代码：8256041
课程类别：专业必修
学分：2实践周数：2
一目的与任务
Web应用开发课程设计是信息学院信息管理与信息系统专业的实践选修课，目的是让学生结合信息管理专业特点进行web网站开发技术的应用，了解网站建设的流程，掌握网页编程的开发技术，把专业的知识背景应用到实际的开发技术中，更好的掌握信息技术的应用。
适用专业：信息学院信息管理与信息系统专业
二内容与要求
1.确定一个网站的主题,在以下的的范围内进行选取：
（1）个人网站。对个人的信息的发布，以个人为主题，比如包个人信息，个人爱好，个
人推荐，个人的情感等等。可以参考QQ空间，微博，facebook等。
（2）自己的家乡宣传网站
（3）交友网站，如同乡会，同学会，旅游爱好者，摄影爱好者之类等。
（4）小商品交易网站。（不可做图书网站，因为我们教材例子是这个，并与书本例子完全
区分）
2.选取一个主题后，进行前期网站的需求分析，数据的收集，网站模块的划分。关于选取主题后，你根据主题自由发挥去构思自己的网站结构，内容不限制，但必须结合并突出你的主题。）
3进行网页设计编程来实现网站的建立4进行网站的测试与运行5.进行报告总结演示
要求个人完成符合内容要求的网站，网站应用的技术必须以JSP为主要，其中要求应用到：Html,css,javaBean,Servlet，数据库（任选一种）连接池，和Jsp框架（strut,Spring,Hibernate任选其一），在这些技术应用的基础上，自己可以选择应用更多技术，课程设计将根据选取技术的含量进行评分。最后撰写合格的课程设计报告。
提醒：不准在网上下载源代码进行二次开发，只可以参考。这次课程设计以个人为单位，如果这次有哪位同学下载网上源代码二次开发，我将直接公布其名字，并考虑给予重修。建议大家看光盘和视频，然后确定主题后开始动手做。相互之间多讨论、多交流。
三方法与步骤
教学大纲要求课程设计时间为两周，但可分散在一个学期内进行。步骤安排如下：1、个人根据所选题目，查阅网站程序设计的前期资料收集。2、确定网站主题，技术路线，进行设计。3、编写、测试网站程序。4、撰写课程设计报告。
四成绩考核
课程设计报告及网站程序运行效果相结合以确定百分制成绩。
扩展阅读：《Web技术应用与开发》课程设计报告
中国旅游论坛李志红，1701060221
江南大学教育学院
课程设计报告
课程名称Web技术与开发课题名称中国旅游论坛
专业教育技术系班级教育技术06级02班学号1701060221姓名李志红指导教师倪玉兴老师
201*年6月6日
中国旅游论坛李志红，1701060221
一．课程设计目的
课程设计是一项重要的实践性教学环节，在教师的指导下，以学生为中心，充分调动学生的积极性和能动性，重视学生自学能力的培养。
《Web技术应用与开发》是为教育技术学本科专业开设的专业选修课程，课程的主要目标是要求学生掌握基本的Web应用程序开发和设计的流程及相关的技术技能。本课程在讲解相关理论知识的基础上，按照一定的组织原则和现有实验条件安排了一定数量的实验，通过这些实验使学生初步掌握开发和设计Web应用程序的基本方法和基本技能。然而由于这些实验是分时分批按一定的技术种类和实验目的实施的，固然可以有目的地训练和培养学生某个方面技能，但明显的不连续性使学生不能从整体上把握如何系统地开发和设计一个完整Web应用程序。通过本课程设计可以较好地解决这个问题。
通过本课程设计可以使学生充分认识开发和设计Web应用程序的的重要性和复杂性，充分了解Web应用程序的设计和开发的基本过程，掌握常用的Web开发技术，充分把握各项技术的特点和应用领域以及各项技术之间的相互关系，进一步体会各项技术在Web应用程序中地位和作用从而对各种技术有比较清醒的认识，在此基础上习得Web开发技术平台的选择能力。
二．课程设计内容与目标
课题名称：用户注册界面设计
设计目标：利用HTML\\CSS\\JavaScript技术制作简洁及交互功能比较强的页面设计方法：网页制作工具配合相关技术（如HTML、CSS、JavaScript等）
设计要求：利用Web应用程序的客户端开发技术（包括HTML、CSS、JavaScript、BOM、
DHTML、XML等）设计一个符合要求的Web应用程序界面，并在此界面的基础上实现用户交互功能的设计，达到Web应用程序可用性和易用性目标。
三．系统分析与设计：
1.总体分析：系统要实现的功能是有效性判断以及相关对象之间的关联关系，涉及
到程序的算法，Web技术中的对象的认识；
（1）整体风格
（2）系统所要实现的功能：用户交互功能（3）控间间的逻辑关系（4）程序算法
（5）客户端开发技术中对象的认识
中国旅游论坛李志红，1701060221
2．设计：本课程设计时间为2周，实际有效天数为10天。具体时间安排如下：①.第1天：收集资料、准备开发平台和技术、酝酿表单的功能和有关控件的数据②.第2天：表单控件设计③.第3天：表单外观设计
④.第4~6天：表单用户交互功能逻辑设计
⑤.第7天：Web表单应用程序的调试、修整、完善与定稿
模块划分、内容结构如何组织的方法，对一个Web程序设计的影响是很大的，有效的规划可以为Web程序设计增加美感。其它的模块则有一定的联系性，以下是我Web程序设计的组织框架。
但是所有的模板其并非是层级关系即一层一层的点下去，他们可以通过导航栏上的链接转到其它WEB程序设计上，由此可形成一个具有Web程序设计的模式，因此这些模块之间可以实现无顺序关系，却仍能感受到该Web程序设计是一个很条理。3.界面设计：
有效性和交互性设计：数字输入框的数字有效性；特定内容的文本框输入的有效性；
四．模块的实现与调试
1．模块的实现：
模块系统可以直接深入到站点及其Web程序设计的所有内容，将Web程序设计中的有效数据采集出来（而不仅是Web程序设计或链接），并保持数据之间的逻辑关系。例如对一个外部西湘旅游息站点，采集系统可以将其每个教育信息的标题、正文、作者、日期等信息单独采集出来，分别作为字段存储在系统中，并无缝组合形成自身的Web程序设计信息。Web程序设计具有强大的批量设置功能，可以显示文章标题、文章作者、文章来源、内容分页方式、配色风格、版面设计模板等信息。
Web程序设计是计算机综合处理图形图像、文字、音频和视频等多种信息及其存储与传输的技术，可以分为Web程序设计硬件技术和Web程序设计技术两大部分。Web程序设计素材的收集与制作，即对文本、图像、动画、声音以及视频影像等各种类型的Web程序设计素材的收集准备与制作，就可以自己构建一个对制作本科教学课件方便而有效的素材库。另外，在一些电子出版物中有很多优秀的Web程序设计素材，平时应注意收集和整理，这也是提高制作速度与Web程序设计素材库质量的有效途径。以上我们所说的都是素材的采集，接下来我们就要整理素材和进行素材编辑，这样在制作课件时将这些素材输出，就能又快又好地制作出精美的课件。
中国旅游论坛李志红，1701060221
2．模块的调试：
对所设计的作品进行调试是十分重要的，在制作Web程序设计的过程中可以通过调试的方法查找模块存在的不足，以便更正。我刚开始做Web程序设计的时候没有要合理使用层和表格，也或许是为图方便曾经大量使用层，当做好Web程序设计进行调试时，发现所有的层都走了样，整个Web程序设计几乎残破不堪，后来我重新使用表格才得到了我想要的结果，也是那时候我才发现表格用起来也不是那么麻烦。
3．模块代码：
定义CSS样式，也就是网页样式。/*CSSDocument*/td{font:normalnormalnormal20px"新宋体";border-width:medium;/*文字边框样式*/border-top:2pxinset#33FF00;border-right:2pxinset#33FF00;border-left:2pxinset#33FF00;border-bottom:2pxinset#33FF00;/*border:10px#009900;*/padding:10px;margin:auto}.label1{/*字体*/font:obliquenormalbold48px"新宋体";color:#000099}.label2{/*字体*/font-size:large;font-family:"宋体";background-image:url(images/img1.jpg);}.p1{/*三个问题的样式*/font:normalnormalbold20px"新宋体";color:#000099}.tablestyle{border-width:thick;/*表格边框样式*/border-top:8pxoutset#006600;border-right:4pxoutset#006600;border-left:4pxoutset#006600;border-bottom:4pxoutset#006600;border-color:#0000CC;border-style:double;}利用HTML语言安排控件中国旅游网
中国旅游论坛李志红，1701060221
中国旅游论坛用户名：证件号码:您最希望前往的旅游地区？陕西北京西藏海南四川上海您最希望所选旅游地区获得的旅游项目？骑马爬山游泳滑雪美食散步您平时的兴趣爱好？看书上网
中国旅游论坛李志红，1701060221
下棋看报篮球聊天您的家庭住址？省/市:湖南省上海市浙江省县/市：请说说您的旅游感想JavaScript交互功能的实现varimgs=newArray();varn=0;varisif=1;for(i=1;i中国旅游论坛李志红，1701060221
vark=0;varl=0;vart=0;varv=0;if(document.mainBody.loginName.value!=""){if(document.mainBody.loginName.value.length==3){for(l=0;l
document.form1.number.select();returnfalse;}}}functionchT(num)//变换图片{if(num==1&&isif==1){n++;if(n>4)n=1;document.all("pic").src=imgs[n].src;}}functionchT1(){isif=1;setTimeout("chT(1)",1000);}functionchT2(){isif=0;}functionchoosecheck(num){if(num==1){if(document.all("c1").checked){document.all("c5").disabled=true;document.all("c6").disabled=true;}else{document.all("c5").disabled=false;document.all("c6").disabled=false;}}elseif(num==2){if(document.all("c2").checked){document.all("c5").disabled=true;document.all("c6").disabled=true;}else{document.all("c5").disabled=false;document.all("c6").disabled=false;}}elseif(num==3){if(document.all("c3").checked){document.all("c3").disabled=true;document.all("c4").disabled=true;}else{document.all("c3").disabled=false;document.all("c4").disabled=false;}}}functionchooseradio(){if(document.all("xhl").checked){document.all("qm").disabled=false;document.all("ps").disabled=false;document.all("yy").disabled=true;document.all("hx").disabled=false;
中国旅游论坛李志红，1701060221
document.all("ms").disabled=false;document.all("sb").disabled=false;}if(document.all("xbj").checked){document.all("qm").disabled=true;document.all("ps").disabled=false;document.all("yy").disabled=false;document.all("hx").disabled=true;document.all("ms").disabled=false;document.all("sb").disabled=false;}if(document.all("xxz").checked){document.all("qm").disabled=false;document.all("ps").disabled=false;document.all("yy").disabled=true;document.all("hx").disabled=false;document.all("ms").disabled=true;document.all("sb").disabled=false;}if(document.all("xhn").checked){document.all("qm").disabled=true;document.all("ps").disabled=false;document.all("yy").disabled=false;document.all("hx").disabled=true;document.all("ms").disabled=false;document.all("sb").disabled=false;}if(document.all("xsc").checked){document.all("qm").disabled=false;document.all("ps").disabled=false;document.all("yy").disabled=false;document.all("hx").disabled=true;document.all("ms").disabled=false;document.all("sb").disabled=false;}if(document.all("xsh").checked){document.all("qm").disabled=true;document.all("ps").disabled=true;document.all("yy").disabled=false;document.all("hx").disabled=true;document.all("ms").disabled=false;document.all("sb").disabled=false;}}functionchoosepla(){varsnum1=newArray("长沙市","株洲市");varsnum2=newArray("浦东区","崇明区");varsnum3=newArray("杭州市","舟山群岛");varnum=document.all("select1").options(document.all("select1").selectedIndex).value;vartem="";varxx=document.all("select2").lastChild.value;for(j=0;j中国旅游论坛李志红，1701060221
if(num==1){for(i=1;i中国旅游论坛李志红，1701060221
ss+="证件号码"+document.all("number").value+"\\n";if(document.all("xhl").checked)ss+="最希望前往的旅游地区：黑龙江"+"\\n";if(document.all("xbj").checked)ss+="最希望前往的旅游地区：北京"+"\\n";if(document.all("xxz").checked)ss+="最希望前往的旅游地区：西藏"+"\\n";if(document.all("xhn").checked)ss+="最希望前往的旅游地区：海南"+"\\n";if(document.all("xsc").checked)ss+="最希望前往的旅游地区：四川"+"\\n";if(document.all("xsh").checked)ss+="最希望前往的旅游地区：上海"+"\\n";if(document.all("qm").checked)ss+="最希望所选旅游地区获得的旅游项目：骑马"+"\\n";if(document.all("ps").checked)ss+="最希望所选旅游地区获得的旅游项目：爬山"+"\\n";if(document.all("yy").checked)ss+="最希望所选旅游地区获得的旅游项目：游泳"+"\\n";if(document.all("hx").checked)ss+="最希望所选旅游地区获得的旅游项目：滑雪"+"\\n";if(document.all("ms").checked)ss+="最希望所选旅游地区获得的旅游项目：美食"+"\\n";if(document.all("sb").checked)ss+="最希望所选旅游地区获得的旅游项目：散步"+"\\n";if(document.all("c1").checked)ss+="平时的兴趣爱好：看书"+"\\n";if(document.all("c2").checked)ss+="平时的兴趣爱好：上网"+"\\n";if(document.all("c3").checked)ss+="平时的兴趣爱好：下棋"+"\\n";if(document.all("c4").checked)ss+="平时的兴趣爱好：看报"+"\\n";if(document.all("c5").checked)ss+="平时的兴趣爱好：篮球"+"\\n";if(document.all("c6").checked)ss+="平时的兴趣爱好：聊天"+"\\n";ss+="家庭住址："+document.all("select1").options(document.all("select1").selectedIndex).innerText+""+document.all("select2").options(document.all("select2").selectedIndex).innerText+"\\n";ss+="备注为："+document.all("beizhu").value+"\\n"+"\\n";//ss+="备注内容："+document.form1.beizhu.value+"\\n"+"\\n";ss+="如要提交，请选择确定！要重新填表，请选择取消！";varflag=confirm(ss);if(flag){document.all("form1").submit();}else{document.all("form1").reset();document.all("usename").focus();}/*if(flag){document.form1.submit();}else{document.form1.reset();document.all("usename").focus();}*/}
中国旅游论坛李志红，1701060221
五．心得与体会
刚拿到web课程设计时，我的心里充满了不安，因为我似乎对于这类程序语言的科目天生有一种不灵敏感，再者以前上课时我的web学的并不是特别好，再加上过了一个暑假，我好像把原来仅剩的一点知识也都还给老师了。为此我特意到图书馆借了几本有关web的书。
这次课程设计给我最深的体会是办事之前应当做一个系统的计划，才能实现时间的合理利用。办事态度不认真对我是最大的教训，我再做图片处理的时候就常因为对图片大几厘米或小几厘米不太在意，以为相差不了多少，结果把它放在Dreamweaver里面时才发现那么一点小差距会使整个Web程序设计显得很难看。其实不光在图片处理上，办所有的事，我都应该保持一颗严谨的心，才能最大限度的节约时间。
Web程序设计作为一门综合的跨学科的交叉技术,它的研究涉及到计算机硬件，Web程序设计和计算机体系结构，图象处理，语音处理，数字信号处理，通信技术等多方面技术.Web程序设计是教育技术学专业一门必修课程。一些基础知识也在向其他专业渗透，逐渐成为各专业大学生需要了解和掌握的一门知识.Web程序设计课程的设置和发展随着Web程序设计的日新月异和互联网的发展其内容正在不断的充实和完善.本课程纲要在教学实践中，根据计算机软硬件的配置不同或知识的更新可做一些部分变动,但基本内容可保持不变；本课程的内容比较多，学生需要掌握的知识也比较多，但本课程的课时太少，因此我觉得学校应该开设更多的Web程序设计课程尤其是实践方面的课。
六．参考文献
1.吉根林、崔海源《web程序设计》（第二版）电子工业出版社201*.8
友情提示：本文中关于《《Web应用开发技术课程设计》要求》给出的范例仅供您参考拓展思维使用，《Web应用开发技术课程设计》要求：该篇文章建议您自主创作。
来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。
公文素材库友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.bsmz.net Corporation, All Rights Reserved 共享时代 共享你我他 版权所有