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

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

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

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

4、一槍         主頁(yè)都市風(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; text-decoration:none; a:hover text-dec

5、oration: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 overflow:-moz-scrollbars-vertical; /*Alw

6、ays 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; #ifocus_piclist position:absolute; #

7、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-opacity:0.5; filter:alpha(opacity=50); #ifoc

8、us_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; background:#000; opacity:0.5; -moz-opacit

9、y: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 != function) window.onload = func; el

10、se 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.movement) clearTimeout(elem.movement); if (

11、!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_x)/10);xpos = xpos - dist; if (ypos fina

12、l_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(iFocusBtnID,iFocusTxID)var iFocusBtns= $(i

13、FocusBtnID).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 (listLength=3) iFocusBtns2.onmouseover = f

14、unction() 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(ifocus_btn,ifocus_tx,3);setInterval(autoiFo

15、cus(),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.className = current) var currentNum = i;if (current

16、Num=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,ifocus_tx,2);if (currentNum=2&listLength!=3

17、)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&listLength=2 )moveElement(ifocus_piclist,0,0,5);cla

18、ssNormal(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 Templates 首頁(yè) 都市 鄉(xiāng)土 歷史&nbs

19、p;發(fā)展 美食 蜘蛛不結(jié)網(wǎng)，灰塵不上梁    保國(guó)寺除了木結(jié)構(gòu)建筑的一“奇”之外，另有一“奇”就是大殿的每個(gè)角落不見(jiàn)鳥(niǎo)雀筑巢、蜘絲懸 梁，更見(jiàn)不到蟲蛀蟻蝕。原來(lái)大殿的建筑材料中，有一種帶刺激性香味的黃檜，散發(fā)出為禽蟲所畏聞的氣味。也有一種說(shuō) 法是因?yàn)樘厥獾慕ㄖY(jié)構(gòu)而產(chǎn)生的聲波振動(dòng)的風(fēng)流驅(qū)逐了鳥(niǎo)雀蟲類。 其他多為清代建筑。一九八三年遷入明代廳堂三間，一九八四年遷入唐代經(jīng)幢兩座，現(xiàn)在保國(guó)寺已成 為一個(gè)擁有唐、宋、明、清、民國(guó)等各個(gè)時(shí)期的木構(gòu)建筑群體。 解讀保國(guó)寺四大千年未解之謎大殿千年不毀之謎大殿重建于宋大中祥符六年(公元1013年)，至

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

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

22、71時(shí)，剛性最好。因此，大殿斗拱這樣的斷面比例正介于較高強(qiáng)度和剛度之間，兼顧了最高的出材率和達(dá)到最佳受力效果的關(guān)系，而我們?cè)缭谖鞣秸J(rèn)識(shí)800年前已經(jīng)采用。這充分說(shuō)明中國(guó)的工匠在11世紀(jì)建造建筑所采用的受力構(gòu)件，已經(jīng)具有了最高的強(qiáng)度。 made by浩| 2010.2.14.五：課程設(shè)計(jì)的總結(jié)通過(guò)兩周的實(shí)踐和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，結(jié)束了此次實(shí)訓(xùn)。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通。所以我結(jié)合所學(xué)專業(yè)的容制作了家鄉(xiāng)，作為實(shí)訓(xùn)的成果。其容是多樣化的。制作網(wǎng)頁(yè)用的軟件是Deamweaver 8軟件。它提供了網(wǎng)頁(yè)和表單的動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案。主圖是一個(gè)網(wǎng)頁(yè)的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁(yè)的整體風(fēng)格。制作網(wǎng)頁(yè),首先是確定主題,經(jīng)過(guò)再三考慮,就做了個(gè)關(guān)于家鄉(xiāng) ,要對(duì)這些有些了解,于是確定主題,做一些類似的,但考慮到現(xiàn)在網(wǎng)絡(luò)上好多類似的,但有些容不適合我們大學(xué)生閱讀,對(duì)于我們來(lái)說(shuō)有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡(jiǎn)單的介紹旅游勝地的,專門介紹一些地區(qū)著名的旅游景點(diǎn)和特色產(chǎn)品等。于是主題確立。然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁(yè)，景點(diǎn)介紹，優(yōu)質(zhì)水果，花的世界，婺城商場(chǎng)