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