Web課程設(shè)計(jì)家鄉(xiāng)網(wǎng)

1、Web課程設(shè)計(jì)題目:家鄉(xiāng)網(wǎng)學(xué)生姓名： 學(xué) 號： 班 級： 指導(dǎo)教師： 2012年 2 月17 日一、課程設(shè)計(jì)的目的課程設(shè)計(jì)總的目的在于加深對web程序設(shè)計(jì)的基本知識的理解，web程序設(shè)計(jì)技能綜合運(yùn)用和提高，通過真實(shí)工作任務(wù)，是學(xué)生能設(shè)計(jì)出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實(shí)際問題的能力，掌握實(shí)際web程序設(shè)計(jì)開發(fā)流程和開發(fā)方法。具體的課程設(shè)計(jì)應(yīng)達(dá)到以下目的：1提高學(xué)生在實(shí)際操作中收集信息，對信息進(jìn)行價(jià)值判斷，進(jìn)行信息整理、加工的能力。2在實(shí)際的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計(jì)方面的素養(yǎng)。3在實(shí)際的項(xiàng)目任務(wù)中使學(xué)生網(wǎng)頁編程和制作能力得到運(yùn)用和提高。4培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作和人際交往方面的能力。二、課程設(shè)計(jì)的要求we

2、b程序設(shè)計(jì)的課程設(shè)計(jì)課題選擇應(yīng)從專業(yè)網(wǎng)站建設(shè)的實(shí)際出發(fā)，分組實(shí)現(xiàn)一個(gè)網(wǎng)站的各個(gè)子功能模塊，每個(gè)學(xué)生完成其中若干個(gè)頁面，具體要求如下：1網(wǎng)站的選題可以是教師的項(xiàng)目，也可以是自選項(xiàng)目。2學(xué)生是課程設(shè)計(jì)環(huán)節(jié)的主體，教師只起輔助引導(dǎo)、協(xié)調(diào)作用。3網(wǎng)站的實(shí)際信息應(yīng)該與課程設(shè)計(jì)的主題相符合。4網(wǎng)站與網(wǎng)頁風(fēng)格應(yīng)該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，內(nèi)容重點(diǎn)突出，頁面設(shè)計(jì)要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意。5課程設(shè)計(jì)時(shí)間為1周。6對課程設(shè)計(jì)進(jìn)行總結(jié)，撰寫課程設(shè)計(jì)報(bào)告。三、課程設(shè)計(jì)的創(chuàng)作思路1:家鄉(xiāng)網(wǎng)包括的主要：首頁，都市，歷史，鄉(xiāng)土，發(fā)展，美食。家鄉(xiāng)網(wǎng)首頁Main.htm都市City.htm鄉(xiāng)土

3、Xtu.htm美食Food.htm歷史Histoty.htm發(fā)展Devop.htm2:收集材料南昌的鄉(xiāng)土氣息有八一紀(jì)念館，滕王閣等滕王閣南昌的美食有：南昌啤酒鴨，藜蒿炒臘肉，南昌煌上煌等代表南昌都市風(fēng)光的有八一廣場，紅谷南昌的歷史悠久：南昌的發(fā)展很迅速，能代表南昌發(fā)展的就有八一大橋，生米大橋四：主要代碼首頁南昌：英雄城 落霞與孤鶩齊飛 秋水共長天一色 首頁|都市鄉(xiāng)土歷史發(fā)展美食 更多 滕王閣：中國四大名樓之一   八一紀(jì)念館：憶往昔崢嶸歲月； 旅游名勝 東錢湖：素有“西子風(fēng)光，太湖氣魄”之稱 鄱陽候鳥保護(hù)地：有不少珍稀鳥類來這里繁殖、越冬   自然風(fēng)光 春卷 南昌

4、炒粉 南昌啤酒鴨 南昌瓦罐湯 煌上煌 地道美食 八一南昌起義-革命武裝的第一槍         主頁都市風(fēng)土歷史 發(fā)展美食 Created by 李浩 2012-2-14* margin:0; padding:0; word-break:break-all; body background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; h1, h2, h3, h4, h5, h6 font-size:1em; a color:#0287CA;

5、text-decoration:none; a:hover text-decoration:underline; ul, li list-style:none; fieldset, img border:none; legend display:none; em, strong, cite, th font-style:normal; font-weight:normal; input, textarea, select, button font:12px Helvetica, Arial, sans-serif; table border-collapse:collapse; html ov

6、erflow:-moz-scrollbars-vertical; /*Always show Firefox scrollbar*/* iFocus style */#ifocus width:525px; height:245px; margin:20px; border:1px solid #DEDEDE; background:#F8F8F8; #ifocus_pic display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px

7、; #ifocus_piclist position:absolute; #ifocus_piclist li width:410px; height:225px; overflow:hidden; #ifocus_piclist img width:410px; height:225px; #ifocus_btn display:inline; float:right; width:91px; margin:9px 9px 0 0; #ifocus_btn li width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacit

8、y:0.5; filter:alpha(opacity=50); #ifocus_btn img width:75px; height:45px; margin:7px 0 0 11px; #ifocus_btn .current background: url(img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); #ifocus_opdiv position:absolute; left:0; bottom:0; width:410px; height:35px; bac

9、kground:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); #ifocus_tx position:absolute; left:8px; bottom:8px; color:#FFF; #ifocus_tx .normal display:none; function $(id) return document.getElementById(id); function addLoadEvent(func)var oldonload = window.onload;if (typeof window.onload

10、 != function) window.onload = func; else window.onload = function()oldonload();func();function moveElement(elementID,final_x,final_y,interval) if (!document.getElementById) return false; if (!document.getElementById(elementID) return false; var elem = document.getElementById(elementID); if (elem.mov

11、ement) clearTimeout(elem.movement); if (!elem.style.left) elem.style.left = 0px; if (!elem.style.top) elem.style.top = 0px; var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos = final_x & ypos = final_y) return true; if (xpos final_x) var dist = Math.ceil(xpos - final

12、_x)/10); xpos = xpos - dist; if (ypos final_y) var dist = Math.ceil(ypos - final_y)/10); ypos = ypos - dist; elem.style.left = xpos + px; elem.style.top = ypos + px; var repeat = moveElement(+elementID+,+final_x+,+final_y+,+interval+); elem.movement = setTimeout(repeat,interval);function classNormal

13、(iFocusBtnID,iFocusTxID)var iFocusBtns= $(iFocusBtnID).getElementsByTagName(li);var iFocusTxs = $(iFocusTxID).getElementsByTagName(li);for(var i=0; i=2) iFocusBtns1.onmouseover = function() moveElement(ifocus_piclist,0,-225,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,1);if

14、 (listLength=3) iFocusBtns2.onmouseover = function() moveElement(ifocus_piclist,0,-450,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,2);if (listLength=4) iFocusBtns3.onmouseover = function() moveElement(ifocus_piclist,0,-675,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(

15、ifocus_btn,ifocus_tx,3);setInterval(autoiFocus(),5000);var atuokey = false;function autoiFocus() if(!$(ifocus) return false;if(atuokey) return false;var focusBtnList = $(ifocus_btn).getElementsByTagName(li);var listLength = focusBtnList.length;for(var i=0; ilistLength; i+) if (focusBtnListi.classNam

16、e = current) var currentNum = i;if (currentNum=0&listLength!=1 )moveElement(ifocus_piclist,0,-225,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,1);if (currentNum=1&listLength!=2 )moveElement(ifocus_piclist,0,-450,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,i

17、focus_tx,2);if (currentNum=2&listLength!=3 )moveElement(ifocus_piclist,0,-675,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,3);if (currentNum=3 )moveElement(ifocus_piclist,0,0,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,0);if (currentNum=1&listLeng

18、th=2 )moveElement(ifocus_piclist,0,0,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,0);if (currentNum=2&listLength=3 )moveElement(ifocus_piclist,0,0,5);classNormal(ifocus_btn,ifocus_tx);classCurrent(ifocus_btn,ifocus_tx,0);addLoadEvent(iFocusChange);Subordinate by Free Css Te

19、mplates 首頁 都市 鄉(xiāng)土 歷史 發(fā)展 美食 蜘蛛不結(jié)網(wǎng)，灰塵不上梁    保國寺除了木結(jié)構(gòu)建筑的一“奇”之外，另有一“奇”就是大殿的每個(gè)角落不見鳥雀筑巢、蜘絲懸 梁，更見不到蟲蛀蟻蝕。原來大殿的建筑材料中，有一種帶刺激性香味的a target=_blank href= 法是因?yàn)樘厥獾慕ㄖY(jié)構(gòu)而產(chǎn)生的聲波振動的風(fēng)流驅(qū)逐了鳥雀蟲類。 其他多為清代建筑。一九八三年遷入明代廳堂三間，一九八四年遷入唐代經(jīng)幢兩座，現(xiàn)在保國寺已成 為一個(gè)擁有唐、宋、明、清、民國等各個(gè)時(shí)期的木構(gòu)建筑群體。 解

20、讀保國寺四大千年未解之謎大殿千年不毀之謎大殿重建于宋大中祥符六年(公元1013年)，至今已有千年歷史。按照史料的記載及一般的常識，即使是在正常的條件下，因?yàn)樽匀坏脑?，木結(jié)構(gòu)建筑一般在60年左右就開始傾圮、損毀。古人史書上常常描述那些建造了六七十年而風(fēng)雨飄搖，不得不重修、重建的建筑。經(jīng)歷數(shù)百年風(fēng)雨而依然原構(gòu)者已經(jīng)是奇跡，而矗立千年而不頹敗者，更是珍奇之極。大殿能夠存留至今，尤其是在氣候濕潤、白蟻橫行的南方地區(qū)，其可能性更是微乎其微了，這不能不說是個(gè)奇跡。這個(gè)奇跡也許與其獨(dú)特的建筑設(shè)計(jì)有關(guān)。中國的古建筑采用的木結(jié)構(gòu)體系，墻只是起到割斷的作用而不像現(xiàn)代建筑那樣承受房屋的重量。因此，當(dāng)遇到地震等突然

21、、猛烈的沖擊時(shí)，由于木結(jié)構(gòu)各個(gè)構(gòu)件之間都有榫卯聯(lián)接，在結(jié)構(gòu)上成為軟性聯(lián)接，富有韌性，不會發(fā)生斷裂，因此有“墻倒屋不塌”的說法?，F(xiàn)在我們就來看一下中國傳統(tǒng)木構(gòu)架體系建筑中獨(dú)有的構(gòu)件斗拱。斗拱用于柱頂、額枋和屋檐或構(gòu)架間，斗是方斗形木墊塊，拱是弓形的短木，通稱為斗拱。拱架在斗上，向外挑出，拱端之上再按斗，這樣逐層縱橫交錯(cuò)疊加，形成上大下小的托架，起到傳遞梁的荷載于柱身和支撐屋檐重量以增加出檐深度的作用。大殿斗拱組合類型較多，依據(jù)斗拱所處不同位置變幻斗拱組合方式，充分發(fā)揮斗拱各部件的力學(xué)性能。保國寺大殿的斗拱用材斷面高寬比為32，這比例在力學(xué)上價(jià)值很高。18世紀(jì)末至19世紀(jì)初，英國科學(xué)家湯姆士揚(yáng)在研

22、究木梁受力狀況時(shí)，通過實(shí)驗(yàn)認(rèn)識到木梁斷面高寬比為 ：1即1.41時(shí)，強(qiáng)度最高；1即1.71時(shí)，剛性最好。因此，大殿斗拱這樣的斷面比例正介于較高強(qiáng)度和剛度之間，兼顧了最高的出材率和達(dá)到最佳受力效果的關(guān)系，而我們早在西方認(rèn)識800年前已經(jīng)采用。這充分說明中國的工匠在11世紀(jì)建造建筑所采用的受力構(gòu)件，已經(jīng)具有了最高的強(qiáng)度。 made by李浩| 2010.2.14.五：課程設(shè)計(jì)的總結(jié)通過兩周的實(shí)踐和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，結(jié)束了此次實(shí)訓(xùn)。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了家鄉(xiāng)網(wǎng)站，作為實(shí)訓(xùn)的成果。其內(nèi)容

23、是多樣化的。制作網(wǎng)頁用的軟件是Deamweaver 8軟件。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案。主圖是一個(gè)網(wǎng)頁的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁的整體風(fēng)格。制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個(gè)關(guān)于家鄉(xiāng)網(wǎng)站 ,要對這些有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡單的介紹南昌旅游勝地的網(wǎng)站,專門介紹一些南昌地區(qū)著名的旅游景點(diǎn)和特色產(chǎn)品等。于是網(wǎng)站主題確立。然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，景點(diǎn)介紹，優(yōu)質(zhì)水果，花的世界