Web课程设计家乡网.doc
Web课程设计题目:家乡网学生姓名： 学 号： 班 级： 指导教师： 2012年 2 月17 日一、课程设计的目的课程设计总的目的在于加深对web程序设计的基本知识的理解，web程序设计技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际web程序设计开发流程和开发方法。具体的课程设计应达到以下目的：1提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。2在实际的项目任务中培养网页设计方面的素养。3在实际的项目任务中使学生网页编程和制作能力得到运用和提高。4培养学生团队协作和人际交往方面的能力。二、课程设计的要求web程序设计的课程设计课题选择应从专业网站建设的实际出发，分组实现一个网站的各个子功能模块，每个学生完成其中若干个页面，具体要求如下：1网站的选题可以是教师的项目，也可以是自选项目。2学生是课程设计环节的主体，教师只起辅助引导、协调作用。3网站的实际信息应该与课程设计的主题相符合。4网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。5课程设计时间为1周。6对课程设计进行总结，撰写课程设计报告。三、课程设计的创作思路1:家乡网包括的主要：首页，都市，历史，乡土，发展，美食。家乡网首页Main.htm都市City.htm乡土Xtu.htm美食Food.htm历史Histoty.htm发展Devop.htm2:收集材料南昌的乡土气息有八一纪念馆，滕王阁等滕王阁南昌的美食有：南昌啤酒鸭，藜蒿炒腊肉，南昌煌上煌等代表南昌都市风光的有八一广场，红谷南昌的历史悠久：南昌的发展很迅速，能代表南昌发展的就有八一大桥，生米大桥四：主要代码首页<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" ""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="Description" content="evan life"><meta http-equiv="imagetoolbar" content="no"><title>南昌：英雄城</title><link href="images_files/default.css" rev="stylesheet" rel="stylesheet" type="text/css" media="all"><script language="JavaScript" src="images_files/common.js" type="text/javascript"></script><style type="text/css"><!-body background-color: #CCCCCC;background-image: url(background.jpg);.STYLE1 font-size: 14px.STYLE3 color: #006600;font-weight: bold;#Layer1 position:absolute;width:453px;height:241px;z-index:1;left: 150px;top: 207px;#Layer2 position:absolute;width:446px;height:244px;z-index:1;left: 183px;top: 179px;-></style></head><noscript><iframe src=*></iframe></noscript><body><div id="header"><div id="header_logo"> <img src="putuo.jpg" width="753" height="98" /></div><div id="nav"><div id="nav_right"><MARQUEE>落霞与孤鹜齐飞 秋水共长天一色 </MARQUEE></div><div id="nav_left"><li id="home"><a href="main.htm">首页</a></li>|<li><a href="city1.htm">都市</a></li><li><a href="tianyige.html" class="active">乡土</a></li><li><a href="history.htm" class="active">历史</a></li><li><a href="development.html" class="active">发展</a></li><li><a href="food.html" class="active">美食</a></li></div></div><div id="default"><div id="default_bg"><div id="default_right"><div id="dc_show"> <div style="margin-bottom: 4px;"> <div align="right">更多</div> </div><div class="dc_show_mian"><div class="dc_show_bg"> <div class="dc_show_l"> <p><span class="STYLE1"><a href="hemudu.html">滕王阁：</a></span>中国四大名楼之一</p> <p> </p> <p><span class="STYLE1"><a href="tianyige.html">八一纪念馆：</a></span>忆往昔峥嵘岁月；</p> </div><div class="dc_show_r"> <div align="center">旅游名胜</div></div></div></div><div class="dc_show_mian"><div class="dc_show_bg"> <div class="dc_show_l"> <p><span class="STYLE1">东钱湖：</span>素有“西子风光，太湖气魄”之称</p> <p><span class="STYLE1">鄱阳候鸟保护地：</span>有不少珍稀鸟类来这里繁殖、越冬</p> <p> </p> </div><div class="dc_show_r">自然风光</div></div></div><div class="dc_show_mian"><div class="dc_show_bg"><div class="dc_show_l"> <pre class="STYLE1">春卷 南昌炒粉 南昌啤酒鸭</pre> <pre class="STYLE1">南昌瓦罐汤 煌上煌</pre> </div><div class="dc_show_r">地道美食</div></div></div> </div><div class="s_show_head"></div><div class="s_show_mian"></div><div id="menu1" style="display: block;"> <div class="s_show_mian"></div></div><!- Others -><div class="s_show_mian"></div></div><div id="default_left"><div class="d_new_head"><a href="hemudu.html">八一南昌起义</a>-革命武装的第一枪</div> <div class="d_new"><!- new photo -><a href="http:/www.jiuyue.org/eblog/photoshow.asp?photoID=11"></a><p><a href="http:/www.jiuyue.org/eblog/photoshow.asp?photoID=11"><h4> </h4><img src="八一南昌起义纪念塔.jpg" alt="bayi" width="436" height="308" /><p> </p></a></div><div class="d_new_head"></div> </div><div class="h_dc"> <div id="Layer2"></div> <div class="h_dc_bg"></div> </div><div id="link"><div id="link_bg"> <div id="links_main"></div> <div id="links_main"></div></div></div></div></div></div><div id="footer"><div id="footer_text"><ul class="footernav"><li><a href="main.htm" title="Home" >主页</a><a href="city1.htm" title="Citys">都市</a><a href="tianyige.html" title="Custom">风土</a><a href="history.htm" title="History">历史</a> <a href="development.html" title="Development">发展</a><a href="food.html" title="Food">美食</a> </ul><p>Created by 李浩 </p><p>2012-2-14</p></div></div></body></html><head><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">* 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-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 overflow:-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; #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-opacity: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; background:#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; </style><script type="text/javascript">function $(id) return document.getElementById(id); function addLoadEvent(func)var oldonload = window.onload;if (typeof window.onload != '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.movement) 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(final_x - xpos)/10); xpos = xpos + dist; if (xpos > final_x) var dist = Math.ceil(xpos - final_x)/10); xpos = xpos - dist; if (ypos < final_y) var dist = Math.ceil(final_y - ypos)/10); ypos = ypos + 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(iFocusBtnID,iFocusTxID)var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');for(var i=0; i<iFocusBtns.length; i+) iFocusBtnsi.className='normal'iFocusTxsi.className='normal'function classCurrent(iFocusBtnID,iFocusTxID,n)var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');iFocusBtnsn.className='current'iFocusTxsn.className='current'function iFocusChange() if(!$('ifocus') return false;$('ifocus').onmouseover = function()atuokey = true;$('ifocus').onmouseout = function()atuokey = false;var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');var listLength = iFocusBtns.length;iFocusBtns0.onmouseover = function() moveElement('ifocus_piclist',0,0,5);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',0);if (listLength>=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 = 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('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; i<listLength; i+) if (focusBtnListi.className = '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','ifocus_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&&listLength=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);</script><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Subordinate by Free Css Templates</title><meta name="keywords" content="" /><meta name="description" content="" /><link href="default.css" rel="stylesheet" type="text/css" /><style type="text/css"><!-.STYLE2 font-size: 14px-></style></head><body><div id="header"><div id="menu"><ul><li class="current_page_item"><a href="main.htm"><span class="numbertxt"> </span>首页</a></li><li><a href="city1.htm"><span class="numbertxt"> </span>都市</a><a href="tianyige.html"><span class="numbertxt"> </span>乡土</a></li><li><a href="history.htm"><span class="numbertxt"> </span>历史</a></li><li class="last"><a href="development.html"><span class="numbertxt"> </span>发展</a></li><li><a href="food.html"><span class="numbertxt"> </span>美食</a><a href="#"><span class="numbertxt"> </span></ul></div></div><div id="page"><div id="content"><div class="post"><h1 align="center" class="title">蜘蛛不结网，灰尘不上梁</h1><div class="entry"><p><img src="images/b2.jpg" alt="" width="150" height="150" class="left" /><span class="STYLE2"> 保国寺除了木结构建筑的一“奇”之外，另有一“奇”就是大殿的每个角落不见鸟雀筑巢、蜘丝悬 梁，更见不到虫蛀蚁蚀。原来大殿的建筑材料中，有一种带刺激性香味的<a target="_blank" href=" 法是因为特殊的建筑结构而产生的声波振动的风流驱逐了鸟雀虫类。 其他多为清代建筑。一九八三年迁入明代厅堂三间，一九八四年迁入唐代经幢两座，现在保国寺已成 为一个拥有唐、宋、明、清、民国等各个时期的木构建筑群体。</span></p><div id="ifocus"><div id="ifocus_pic"><div id="ifocus_piclist" style="left:0; top:0;"><ul><li><a href="#"><img src="img/b1.jpg" alt="" /></a></li><li><a href="#"><img src="img/b2.jpg" alt="" /></a></li><li><a href="#"><img src="img/b3.jpg" alt="" /></a></li><li><a href="#"><img src="img/b4.jpg" alt="" /></a></li></ul></div><div id="ifocus_tx"></div></div><div id="ifocus_btn"><ul><li class="current"><img src="img/botton_b1.jpg" alt="" /></li><li class="normal"><img src="img/botton_b2.jpg" alt="" /></li><li class="normal"><img src="img/botton_b3.jpg" alt="" /></li><li class="normal"><img src="img/botton_b4.jpg" alt="" /></li></ul></div></div> </div><div></div> </div><div class="post"><h2 class="title">解读保国寺四大千年未解之谜</h2><div class="entry"><p><span class="STYLE2">大殿千年不毁之谜<p class="STYLE2">大殿重建于宋大中祥符六年(公元1013年)，至今已有千年历史。按照史料的记载及一般的常识，即使是在正常的条件下，因为自然的原因，木结构建筑一般在60年左右就开始倾圮、损毁。古人史书上常常描述那些建造了六七十年而风雨飘摇，不得不重修、重建的建筑。经历数百年风雨而依然原构者已经是奇迹，而矗立千年而不颓败者，更是珍奇之极。大殿能够存留至今，尤其是在气候湿润、白蚁横行的南方地区，其可能性更是微乎其微了，这不能不说是个奇迹。这个奇迹也许与其独特的建筑设计有关。中国的古建筑采用的木结构体系，墙只是起到割断的作用而不像现代建筑那样承受房屋的重量。因此，当遇到地震等突然、猛烈的冲击时，由于木结构各个构件之间都有榫卯联接，在结构上成为软性联接，富有韧性，不会发生断裂，因此有“墙倒屋不塌”的说法。现在我们就来看一下中国传统木构架体系建筑中独有的构件斗拱。斗拱用于柱顶、额枋和屋檐或构架间，斗是方斗形木垫块，拱是弓形的短木，通称为斗拱。拱架在斗上，向外挑出，拱端之上再按斗，这样逐层纵横交错叠加，形成上大下小的托架，起到传递梁的荷载于柱身和支撑屋檐重量以增加出檐深度的作用。大殿斗拱组合类型较多，依据斗拱所处不同位置变幻斗拱组合方式，充分发挥斗拱各部件的力学性能。保国寺大殿的斗拱用材断面高宽比为32，这比例在力学上价值很高。18世纪末至19世纪初，英国科学家汤姆士·扬在研究木梁受力状况时，通过实验认识到木梁断面高宽比为 ：1即1.41时，强度最高；1即1.71时，刚性最好。因此，大殿斗拱这样的断面比例正介于较高强度和刚度之间，兼顾了最高的出材率和达到最佳受力效果的关系，而我们早在西方认识800年前已经采用。这充分说明中国的工匠在11世纪建造建筑所采用的受力构件，已经具有了最高的强度。</p></div></div></div><div id="sidebar"><div style="clear: both;"> </div><div id="footer"><div id="footer-wrap"><p id="legal">made
