Web课程设计家乡网.doc

《Web课程设计家乡网.doc》由会员分享，可在线阅读，更多相关《Web课程设计家乡网.doc（20页珍藏版）》请在三一办公上搜索。

1、Web课程设计题目:家乡网学生姓名： 学 号： 班 级： 指导教师： 2012年 2 月17 日一、课程设计的目的课程设计总的目的在于加深对web程序设计的基本知识的理解，web程序设计技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际web程序设计开发流程和开发方法。具体的课程设计应达到以下目的：1提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。2在实际的项目任务中培养网页设计方面的素养。3在实际的项目任务中使学生网页编程和制作能力得到运用和提高。4培养学生团队协作和人际交往方面的能力。二、课程设计的要求we

2、b程序设计的课程设计课题选择应从专业网站建设的实际出发，分组实现一个网站的各个子功能模块，每个学生完成其中若干个页面，具体要求如下：1网站的选题可以是教师的项目，也可以是自选项目。2学生是课程设计环节的主体，教师只起辅助引导、协调作用。3网站的实际信息应该与课程设计的主题相符合。4网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。5课程设计时间为1周。6对课程设计进行总结，撰写课程设计报告。三、课程设计的创作思路1:家乡网包括的主要：首页，都市，历史，乡土，发展，美食。家乡网首页Main.htm都市City.htm乡土

3、Xtu.htm美食Food.htm历史Histoty.htm发展Devop.htm2:收集材料南昌的乡土气息有八一纪念馆，滕王阁等滕王阁南昌的美食有：南昌啤酒鸭，藜蒿炒腊肉，南昌煌上煌等代表南昌都市风光的有八一广场，红谷南昌的历史悠久：南昌的发展很迅速，能代表南昌发展的就有八一大桥，生米大桥四：主要代码首页南昌：英雄城 落霞与孤鹜齐飞 秋水共长天一色 首页|都市乡土历史发展美食 更多 滕王阁：中国四大名楼之一   八一纪念馆：忆往昔峥嵘岁月； 旅游名胜 东钱湖：素有“西子风光，太湖气魄”之称 鄱阳候鸟保护地：有不少珍稀鸟类来这里繁殖、越冬   自然风光 春卷 南昌

4、炒粉 南昌啤酒鸭 南昌瓦罐汤 煌上煌 地道美食 八一南昌起义-革命武装的第一枪         主页都市风土历史 发展美食 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 首页 都市 乡土 历史 发展 美食 蜘蛛不结网，灰尘不上梁    保国寺除了木结构建筑的一“奇”之外，另有一“奇”就是大殿的每个角落不见鸟雀筑巢、蜘丝悬 梁，更见不到虫蛀蚁蚀。原来大殿的建筑材料中，有一种带刺激性香味的a target=_blank href= 法是因为特殊的建筑结构而产生的声波振动的风流驱逐了鸟雀虫类。 其他多为清代建筑。一九八三年迁入明代厅堂三间，一九八四年迁入唐代经幢两座，现在保国寺已成 为一个拥有唐、宋、明、清、民国等各个时期的木构建筑群体。 解

20、读保国寺四大千年未解之谜大殿千年不毁之谜大殿重建于宋大中祥符六年(公元1013年)，至今已有千年历史。按照史料的记载及一般的常识，即使是在正常的条件下，因为自然的原因，木结构建筑一般在60年左右就开始倾圮、损毁。古人史书上常常描述那些建造了六七十年而风雨飘摇，不得不重修、重建的建筑。经历数百年风雨而依然原构者已经是奇迹，而矗立千年而不颓败者，更是珍奇之极。大殿能够存留至今，尤其是在气候湿润、白蚁横行的南方地区，其可能性更是微乎其微了，这不能不说是个奇迹。这个奇迹也许与其独特的建筑设计有关。中国的古建筑采用的木结构体系，墙只是起到割断的作用而不像现代建筑那样承受房屋的重量。因此，当遇到地震等突然

21、、猛烈的冲击时，由于木结构各个构件之间都有榫卯联接，在结构上成为软性联接，富有韧性，不会发生断裂，因此有“墙倒屋不塌”的说法。现在我们就来看一下中国传统木构架体系建筑中独有的构件斗拱。斗拱用于柱顶、额枋和屋檐或构架间，斗是方斗形木垫块，拱是弓形的短木，通称为斗拱。拱架在斗上，向外挑出，拱端之上再按斗，这样逐层纵横交错叠加，形成上大下小的托架，起到传递梁的荷载于柱身和支撑屋檐重量以增加出檐深度的作用。大殿斗拱组合类型较多，依据斗拱所处不同位置变幻斗拱组合方式，充分发挥斗拱各部件的力学性能。保国寺大殿的斗拱用材断面高宽比为32，这比例在力学上价值很高。18世纪末至19世纪初，英国科学家汤姆士扬在研究木梁受力状况时，通过实验认识到木梁断面高宽比为 ：1即1.41时，强度最高；1即1.71时，刚性最好。因此，大殿斗拱这样的断面比例正介于较高强度和刚度之间，兼顾了最高的出材率和达到最佳受力效果的关系，而我们早在西方认识800年前已经采用。这充分说明中国的工匠在11世纪建造建筑所采用的受力构件，已经具有了最高的强度。 made