《Web應(yīng)用開發(fā)技術(shù)課程設(shè)計(jì)》要求

《Web應(yīng)用開發(fā)技術(shù)課程設(shè)計(jì)》要求

課程代碼：8256041

課程類別：專業(yè)必修

學(xué)分：2實(shí)踐周數(shù)：2

一目的與任務(wù)

Web應(yīng)用開發(fā)課程設(shè)計(jì)是信息學(xué)院信息管理與信息系統(tǒng)專業(yè)的實(shí)踐選修課，目的是讓學(xué)生結(jié)合信息管理專業(yè)特點(diǎn)進(jìn)行web網(wǎng)站開發(fā)技術(shù)的應(yīng)用，了解網(wǎng)站建設(shè)的流程，掌握網(wǎng)頁編程的開發(fā)技術(shù)，把專業(yè)的知識背景應(yīng)用到實(shí)際的開發(fā)技術(shù)中，更好的掌握信息技術(shù)的應(yīng)用。

適用專業(yè)：信息學(xué)院信息管理與信息系統(tǒng)專業(yè)

二內(nèi)容與要求

1.確定一個(gè)網(wǎng)站的主題,在以下的的范圍內(nèi)進(jìn)行選取：

（1）個(gè)人網(wǎng)站。對個(gè)人的信息的發(fā)布，以個(gè)人為主題，比如包個(gè)人信息，個(gè)人愛好，個(gè)

人推薦，個(gè)人的情感等等。可以參考QQ空間，微博，facebook等。

（2）自己的家鄉(xiāng)宣傳網(wǎng)站

（3）交友網(wǎng)站，如同鄉(xiāng)會，同學(xué)會，旅游愛好者，攝影愛好者之類等。

（4）小商品交易網(wǎng)站。（不可做圖書網(wǎng)站，因?yàn)槲覀兘滩睦�子是這個(gè)，并與書本例子完全

區(qū)分）

2.選取一個(gè)主題后，進(jìn)行前期網(wǎng)站的需求分析，數(shù)據(jù)的收集，網(wǎng)站模塊的劃分。關(guān)于選取主題后，你根據(jù)主題自由發(fā)揮去構(gòu)思自己的網(wǎng)站結(jié)構(gòu)，內(nèi)容不限制，但必須結(jié)合并突出你的主題。）

3進(jìn)行網(wǎng)頁設(shè)計(jì)編程來實(shí)現(xiàn)網(wǎng)站的建立4進(jìn)行網(wǎng)站的測試與運(yùn)行5.進(jìn)行報(bào)告總結(jié)演示

要求個(gè)人完成符合內(nèi)容要求的網(wǎng)站，網(wǎng)站應(yīng)用的技術(shù)必須以JSP為主要，其中要求應(yīng)用到：Html,css,javaBean,Servlet，數(shù)據(jù)庫（任選一種）連接池，和Jsp框架（strut,Spring,Hibernate任選其一），在這些技術(shù)應(yīng)用的基礎(chǔ)上，自己可以選擇應(yīng)用更多技術(shù)，課程設(shè)計(jì)將根據(jù)選取技術(shù)的含量進(jìn)行評分。最后撰寫合格的課程設(shè)計(jì)報(bào)告。

提醒：不準(zhǔn)在網(wǎng)上下載源代碼進(jìn)行二次開發(fā)，只可以參考。這次課程設(shè)計(jì)以個(gè)人為單位，如果這次有哪位同學(xué)下載網(wǎng)上源代碼二次開發(fā)，我將直接公布其名字，并考慮給予重修。建議大家看光盤和視頻，然后確定主題后開始動手做。相互之間多討論、多交流。

三方法與步驟

教學(xué)大綱要求課程設(shè)計(jì)時(shí)間為兩周，但可分散在一個(gè)學(xué)期內(nèi)進(jìn)行。步驟安排如下：1、個(gè)人根據(jù)所選題目，查閱網(wǎng)站程序設(shè)計(jì)的前期資料收集。2、確定網(wǎng)站主題，技術(shù)路線，進(jìn)行設(shè)計(jì)。3、編寫、測試網(wǎng)站程序。4、撰寫課程設(shè)計(jì)報(bào)告。

四成績考核

課程設(shè)計(jì)報(bào)告及網(wǎng)站程序運(yùn)行效果相結(jié)合以確定百分制成績。

擴(kuò)展閱讀：《Web技術(shù)應(yīng)用與開發(fā)》課程設(shè)計(jì)報(bào)告

中國旅游論壇李志紅，1701060221

江南大學(xué)教育學(xué)院

課程設(shè)計(jì)報(bào)告

課程名稱Web技術(shù)與開發(fā)課題名稱中國旅游論壇

專業(yè)教育技術(shù)系班級教育技術(shù)06級02班學(xué)號1701060221姓名李志紅指導(dǎo)教師倪玉興老師

201*年6月6日

中國旅游論壇李志紅，1701060221

一．課程設(shè)計(jì)目的

課程設(shè)計(jì)是一項(xiàng)重要的實(shí)踐性教學(xué)環(huán)節(jié)，在教師的指導(dǎo)下，以學(xué)生為中心，充分調(diào)動學(xué)生的積極性和能動性，重視學(xué)生自學(xué)能力的培養(yǎng)。

《Web技術(shù)應(yīng)用與開發(fā)》是為教育技術(shù)學(xué)本科專業(yè)開設(shè)的專業(yè)選修課程，課程的主要目標(biāo)是要求學(xué)生掌握基本的Web應(yīng)用程序開發(fā)和設(shè)計(jì)的流程及相關(guān)的技術(shù)技能。本課程在講解相關(guān)理論知識的基礎(chǔ)上，按照一定的組織原則和現(xiàn)有實(shí)驗(yàn)條件安排了一定數(shù)量的實(shí)驗(yàn)，通過這些實(shí)驗(yàn)使學(xué)生初步掌握開發(fā)和設(shè)計(jì)Web應(yīng)用程序的基本方法和基本技能。然而由于這些實(shí)驗(yàn)是分時(shí)分批按一定的技術(shù)種類和實(shí)驗(yàn)?zāi)康膶?shí)施的，固然可以有目的地訓(xùn)練和培養(yǎng)學(xué)生某個(gè)方面技能，但明顯的不連續(xù)性使學(xué)生不能從整體上把握如何系統(tǒng)地開發(fā)和設(shè)計(jì)一個(gè)完整Web應(yīng)用程序。通過本課程設(shè)計(jì)可以較好地解決這個(gè)問題。

通過本課程設(shè)計(jì)可以使學(xué)生充分認(rèn)識開發(fā)和設(shè)計(jì)Web應(yīng)用程序的的重要性和復(fù)雜性，充分了解Web應(yīng)用程序的設(shè)計(jì)和開發(fā)的基本過程，掌握常用的Web開發(fā)技術(shù)，充分把握各項(xiàng)技術(shù)的特點(diǎn)和應(yīng)用領(lǐng)域以及各項(xiàng)技術(shù)之間的相互關(guān)系，進(jìn)一步體會各項(xiàng)技術(shù)在Web應(yīng)用程序中地位和作用從而對各種技術(shù)有比較清醒的認(rèn)識，在此基礎(chǔ)上習(xí)得Web開發(fā)技術(shù)平臺的選擇能力。

二．課程設(shè)計(jì)內(nèi)容與目標(biāo)

課題名稱：用戶注冊界面設(shè)計(jì)

設(shè)計(jì)目標(biāo)：利用HTML\\CSS\\JavaScript技術(shù)制作簡潔及交互功能比較強(qiáng)的頁面設(shè)計(jì)方法：網(wǎng)頁制作工具配合相關(guān)技術(shù)（如HTML、CSS、JavaScript等）

設(shè)計(jì)要求：利用Web應(yīng)用程序的客戶端開發(fā)技術(shù)（包括HTML、CSS、JavaScript、BOM、

DHTML、XML等）設(shè)計(jì)一個(gè)符合要求的Web應(yīng)用程序界面，并在此界面的基礎(chǔ)上實(shí)現(xiàn)用戶交互功能的設(shè)計(jì)，達(dá)到Web應(yīng)用程序可用性和易用性目標(biāo)。

三．系統(tǒng)分析與設(shè)計(jì)：

1.總體分析：系統(tǒng)要實(shí)現(xiàn)的功能是有效性判斷以及相關(guān)對象之間的關(guān)聯(lián)關(guān)系，涉及

到程序的算法，Web技術(shù)中的對象的認(rèn)識；

（1）整體風(fēng)格

（2）系統(tǒng)所要實(shí)現(xiàn)的功能：用戶交互功能（3）控間間的邏輯關(guān)系（4）程序算法

（5）客戶端開發(fā)技術(shù)中對象的認(rèn)識

中國旅游論壇李志紅，1701060221

2．設(shè)計(jì)：本課程設(shè)計(jì)時(shí)間為2周，實(shí)際有效天數(shù)為10天。具體時(shí)間安排如下：①.第1天：收集資料、準(zhǔn)備開發(fā)平臺和技術(shù)、醞釀表單的功能和有關(guān)控件的數(shù)據(jù)②.第2天：表單控件設(shè)計(jì)③.第3天：表單外觀設(shè)計(jì)

④.第4~6天：表單用戶交互功能邏輯設(shè)計(jì)

⑤.第7天：Web表單應(yīng)用程序的調(diào)試、修整、完善與定稿

模塊劃分、內(nèi)容結(jié)構(gòu)如何組織的方法，對一個(gè)Web程序設(shè)計(jì)的影響是很大的，有效的規(guī)劃可以為Web程序設(shè)計(jì)增加美感。其它的模塊則有一定的聯(lián)系性，以下是我Web程序設(shè)計(jì)的組織框架。

但是所有的模板其并非是層級關(guān)系即一層一層的點(diǎn)下去，他們可以通過導(dǎo)航欄上的鏈接轉(zhuǎn)到其它WEB程序設(shè)計(jì)上，由此可形成一個(gè)具有Web程序設(shè)計(jì)的模式，因此這些模塊之間可以實(shí)現(xiàn)無順序關(guān)系，卻仍能感受到該Web程序設(shè)計(jì)是一個(gè)很條理。3.界面設(shè)計(jì)：

有效性和交互性設(shè)計(jì)：數(shù)字輸入框的數(shù)字有效性；特定內(nèi)容的文本框輸入的有效性；

四．模塊的實(shí)現(xiàn)與調(diào)試

1．模塊的實(shí)現(xiàn)：

模塊系統(tǒng)可以直接深入到站點(diǎn)及其Web程序設(shè)計(jì)的所有內(nèi)容，將Web程序設(shè)計(jì)中的有效數(shù)據(jù)采集出來（而不僅是Web程序設(shè)計(jì)或鏈接），并保持?jǐn)?shù)據(jù)之間的邏輯關(guān)系。例如對一個(gè)外部西湘旅游息站點(diǎn)，采集系統(tǒng)可以將其每個(gè)教育信息的標(biāo)題、正文、作者、日期等信息單獨(dú)采集出來，分別作為字段存儲在系統(tǒng)中，并無縫組合形成自身的Web程序設(shè)計(jì)信息。Web程序設(shè)計(jì)具有強(qiáng)大的批量設(shè)置功能，可以顯示文章標(biāo)題、文章作者、文章來源、內(nèi)容分頁方式、配色風(fēng)格、版面設(shè)計(jì)模板等信息。

Web程序設(shè)計(jì)是計(jì)算機(jī)綜合處理圖形圖像、文字、音頻和視頻等多種信息及其存儲與傳輸?shù)募夹g(shù)，可以分為Web程序設(shè)計(jì)硬件技術(shù)和Web程序設(shè)計(jì)技術(shù)兩大部分。Web程序設(shè)計(jì)素材的收集與制作，即對文本、圖像、動畫、聲音以及視頻影像等各種類型的Web程序設(shè)計(jì)素材的收集準(zhǔn)備與制作，就可以自己構(gòu)建一個(gè)對制作本科教學(xué)課件方便而有效的素材庫。另外，在一些電子出版物中有很多優(yōu)秀的Web程序設(shè)計(jì)素材，平時(shí)應(yīng)注意收集和整理，這也是提高制作速度與Web程序設(shè)計(jì)素材庫質(zhì)量的有效途徑。以上我們所說的都是素材的采集，接下來我們就要整理素材和進(jìn)行素材編輯，這樣在制作課件時(shí)將這些素材輸出，就能又快又好地制作出精美的課件。

中國旅游論壇李志紅，1701060221

2．模塊的調(diào)試：

對所設(shè)計(jì)的作品進(jìn)行調(diào)試是十分重要的，在制作Web程序設(shè)計(jì)的過程中可以通過調(diào)試的方法查找模塊存在的不足，以便更正。我剛開始做Web程序設(shè)計(jì)的時(shí)候沒有要合理使用層和表格，也或許是為圖方便曾經(jīng)大量使用層，當(dāng)做好Web程序設(shè)計(jì)進(jìn)行調(diào)試時(shí)，發(fā)現(xiàn)所有的層都走了樣，整個(gè)Web程序設(shè)計(jì)幾乎殘破不堪，后來我重新使用表格才得到了我想要的結(jié)果，也是那時(shí)候我才發(fā)現(xiàn)表格用起來也不是那么麻煩。

3．模塊代碼：

定義CSS樣式，也就是網(wǎng)頁樣式。/*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{/*三個(gè)問題的樣式*/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語言安排控件中國旅游網(wǎng)

中國旅游論壇李志紅，1701060221

中國旅游論壇用戶名：證件號碼:您最希望前往的旅游地區(qū)？陜西北京西藏海南四川上海您最希望所選旅游地區(qū)獲得的旅游項(xiàng)目？騎馬爬山游泳滑雪美食散步您平時(shí)的興趣愛好？看書上網(wǎng)

中國旅游論壇李志紅，1701060221

下棋看報(bào)籃球聊天您的家庭住址？省/市:湖南省上海市浙江省縣/市：請說說您的旅游感想JavaScript交互功能的實(shí)現(xiàn)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("浦東區(qū)","崇明區(qū)");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+="最希望前往的旅游地區(qū)：黑龍江"+"\\n";if(document.all("xbj").checked)ss+="最希望前往的旅游地區(qū)：北京"+"\\n";if(document.all("xxz").checked)ss+="最希望前往的旅游地區(qū)：西藏"+"\\n";if(document.all("xhn").checked)ss+="最希望前往的旅游地區(qū)：海南"+"\\n";if(document.all("xsc").checked)ss+="最希望前往的旅游地區(qū)：四川"+"\\n";if(document.all("xsh").checked)ss+="最希望前往的旅游地區(qū)：上海"+"\\n";if(document.all("qm").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：騎馬"+"\\n";if(document.all("ps").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：爬山"+"\\n";if(document.all("yy").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：游泳"+"\\n";if(document.all("hx").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：滑雪"+"\\n";if(document.all("ms").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：美食"+"\\n";if(document.all("sb").checked)ss+="最希望所選旅游地區(qū)獲得的旅游項(xiàng)目：散步"+"\\n";if(document.all("c1").checked)ss+="平時(shí)的興趣愛好：看書"+"\\n";if(document.all("c2").checked)ss+="平時(shí)的興趣愛好：上網(wǎng)"+"\\n";if(document.all("c3").checked)ss+="平時(shí)的興趣愛好：下棋"+"\\n";if(document.all("c4").checked)ss+="平時(shí)的興趣愛好：看報(bào)"+"\\n";if(document.all("c5").checked)ss+="平時(shí)的興趣愛好：籃球"+"\\n";if(document.all("c6").checked)ss+="平時(shí)的興趣愛好：聊天"+"\\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+="備注內(nèi)容："+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課程設(shè)計(jì)時(shí)，我的心里充滿了不安，因?yàn)槲宜坪鯇τ谶@類程序語言的科目天生有一種不靈敏感，再者以前上課時(shí)我的web學(xué)的并不是特別好，再加上過了一個(gè)暑假，我好像把原來僅剩的一點(diǎn)知識也都還給老師了。為此我特意到圖書館借了幾本有關(guān)web的書。

這次課程設(shè)計(jì)給我最深的體會是辦事之前應(yīng)當(dāng)做一個(gè)系統(tǒng)的計(jì)劃，才能實(shí)現(xiàn)時(shí)間的合理利用。辦事態(tài)度不認(rèn)真對我是最大的教訓(xùn)，我再做圖片處理的時(shí)候就常因?yàn)閷�圖片大幾厘米或小幾厘米不太在意，以為相差不了多少，結(jié)果把它放在Dreamweaver里面時(shí)才發(fā)現(xiàn)那么一點(diǎn)小差距會使整個(gè)Web程序設(shè)計(jì)顯得很難看。其實(shí)不光在圖片處理上，辦所有的事，我都應(yīng)該保持一顆嚴(yán)謹(jǐn)?shù)男模�才能最大限度的�?jié)約時(shí)間。

Web程序設(shè)計(jì)作為一門綜合的跨學(xué)科的交叉技術(shù),它的研究涉及到計(jì)算機(jī)硬件，Web程序設(shè)計(jì)和計(jì)算機(jī)體系結(jié)構(gòu)，圖象處理，語音處理，數(shù)字信號處理，通信技術(shù)等多方面技術(shù).Web程序設(shè)計(jì)是教育技術(shù)學(xué)專業(yè)一門必修課程。一些基礎(chǔ)知識也在向其他專業(yè)滲透，逐漸成為各專業(yè)大學(xué)生需要了解和掌握的一門知識.Web程序設(shè)計(jì)課程的設(shè)置和發(fā)展隨著Web程序設(shè)計(jì)的日新月異和互聯(lián)網(wǎng)的發(fā)展其內(nèi)容正在不斷的充實(shí)和完善.本課程綱要在教學(xué)實(shí)踐中，根據(jù)計(jì)算機(jī)軟硬件的配置不同或知識的更新可做一些部分變動,但基本內(nèi)容可保持不變；本課程的內(nèi)容比較多，學(xué)生需要掌握的知識也比較多，但本課程的課時(shí)太少，因此我覺得學(xué)校應(yīng)該開設(shè)更多的Web程序設(shè)計(jì)課程尤其是實(shí)踐方面的課。

六．參考文獻(xiàn)

1.吉根林、崔海源《web程序設(shè)計(jì)》（第二版）電子工業(yè)出版社201*.8

友情提示：本文中關(guān)于《《Web應(yīng)用開發(fā)技術(shù)課程設(shè)計(jì)》要求》給出的范例僅供您參考拓展思維使用，《Web應(yīng)用開發(fā)技術(shù)課程設(shè)計(jì)》要求：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時(shí)刪除。

《《Web應(yīng)用開發(fā)技術(shù)課程設(shè)計(jì)》要求》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.weilaioem.com/gongwen/673095.html

• 上一篇：SEO工作職責(zé)及工作流程
• 下一篇：IC設(shè)計(jì)的前端和后端