HISTORY

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=180 BGCOLOR="#9999CC" TEXT="#080000" background="022206e3.jpg"> <bR> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="1223" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 126 ><NOBR><div> <B>  <IMG SRC="03018790.jpg" border=0 width="792" height="121" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">                                                                                                                                   </B></div> </NOBR></tD> </tR> </TABLE></B></div> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="766" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 16 WIDTH="135"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="16" ALIGN="bottom" WIDTH="135" HSPACE="0" VSPACE="0"></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id1.htm" TARGET="_top" TITLE="INTRODUCTION"><U><B>INTRODUCTION</B></U></A><B>          </B><A HREF="id4.htm" TARGET="_top" TITLE="HISTORY"><U><B>HOUSING  HISTORY </B></U></A><B>   </B><FONT SIZE="2" COLOR="#9999FF" FACE="Arial" ><B> </B></FONT><B>       </B><A HREF="id5.htm" TARGET="_top" TITLE="ISSUES"><U><B>ISSUES</B></U></A><B>          </B><A HREF="id6.htm" TARGET="_top" TITLE="SOLUTIONS"><U><B>SOLUTIONS</B></U></A><B>          </B><A HREF="id7.htm" TARGET="_top" TITLE="ACTION"><U><B> ACTION</B></U></A><B>        </B><A HREF="id28.htm" TARGET="_top" TITLE="ABOUT US"><U><B>  TEAM </B></U></A></div> </NOBR></tD> </tR> </TABLE></B></div> <div> </div> </td> </tr><tr> <td valign="top" width=175 BGCOLOR="#FFFFFF" TEXT="#080000" background="017d2e83.jpg"> <bR> <div> <I><B>HISTORY</B></I></div> <div> <I><B>PAGE NAVIGATION</B></I></div> <div> <I><B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="150" BORDERCOLORLIGHT="#666699" BORDERCOLORDARK="#333366" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#FFFFFF > <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="138"><div> <A HREF="id10.htm" TARGET="_top" TITLE="PREHISTORY"><U><I><B>PREHISTORY</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 21 WIDTH="138"><div> <A HREF="id12.htm" TARGET="_top" TITLE="ANCIENT"><U><I><B>ANCIENT</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="138"><div> <A HREF="id14.htm" TARGET="_top" TITLE="MEDIEVAL"><U><I><B>MEDIEVAL</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 22 WIDTH="138"><div> <A HREF="id16.htm" TARGET="_top" TITLE="RENAISSANCE"><U><I><B>RENAISSANCE</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 22 WIDTH="138"><div> <A HREF="id35.htm" TARGET="_top" TITLE="INTDUSTRAIL"><U><I><B>INDUSTRIAL</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 22 WIDTH="138"><div> <A HREF="id33.htm" TARGET="_top" TITLE="MODERN"><U><I><B>MODERN</B></I></U></A></div> </tD> </tR> </TABLE></B></I></div> <bR> <div> <I><B>SITE TOOLS</B></I></div> <div> <I><B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="151" BORDERCOLORLIGHT="#666699" BORDERCOLORDARK="#333366" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#FFFFFF > <tR> <tD VALIGN=TOP HEIGHT= 33 WIDTH="139"><div> <A HREF="id42.htm" TARGET="_top" TITLE="GLOBAL PERSPECTIVE"><U><I><B>GLOBAL PERSPECTIVE</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="139"><div> <A HREF="id29.htm" TARGET="_top" TITLE="SITE MAP"><U><I><B>SITE MAP</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 25 WIDTH="139"><div> <A HREF="id30.htm" TARGET="_top" TITLE="CREDITS"><U><I><B>CREDITS</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 25 WIDTH="139"><div> <A HREF="index.htm" TARGET="_top" TITLE="ENTER THE PLACE CALLED HOME"><U><I><B>ENTRY PAGE</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="139"><div> <A HREF="http://www.apple.com/quicktime/download/" TARGET="_top" TITLE="http://www.apple.com/quicktime/download/"><U><I><B>QUICKTIME*</B></I></U></A></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 29 WIDTH="139"><div> <A HREF="http://www.adobe.com/products/flashplayer/" TARGET="_top" TITLE="http://www.adobe.com/products/flashplaye"><U><I><B>FLASH*</B></I></U></A></div> </tD> </tR> </TABLE></B></I></div> <DIV ALIGN="LEFT"></DIV> <div> *external links</div> <bR> <bR> <bR> <bR> </td> <td valign="top" height=300 BGCOLOR="#FFFFFF" TEXT="#080000" background="009bc903.png"> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="836" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 557 WIDTH="646"><div> <B>HOUSING HISTORY</B></div> <div> <IMG SRC="039580e0.png" border=0 width="600" height="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="3" CELLPADDING="2" CELLSPACING="1" WIDTH="532" BORDERCOLORLIGHT="#330066" BORDERCOLORDARK="#333366" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 31 ><NOBR><div> <A HREF="id44.htm" TARGET="_top" TITLE="Issues Quiz"><U><B>ARCHITECTURE</B></U></A><B>  </B><A HREF="id44.htm" TARGET="_top" TITLE="Issues Quiz"><U><B>CROSSWORD</B></U></A></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <B> <a href="HTMLobj-352/arch.mp4" target="_blank"><u>ROLE OF ARCHITECTURE</u></a>  </B></div> </NOBR></tD> </tR> </TABLE></div> <div> As long as the humans roamed the Earth they had a need for shelter. Shelter is a basic human need. It provides protection from the nature's elements such as precipitation, wild animals, storms and temperature. The first shelters were a way to survive. Throughout centuries that need has persisted, but the way that people approach  housing issues has changed. </div> <bR> <div> <A HREF="id10.htm" TARGET="_top" TITLE="PREHISTORY"><U>Prehistoric </U></A>people found their shelters in nature. The first shelters used nature landforms and materials. As humans started to build permanent settlements and harvest the nature, the shelters changed. Developments of technology contributed to development of architecture that changed building into a form of 3D art. Architecture takes art and makes it functional. It is the oldest art in the human history and sometimes called the mother of all arts. Even in the cave time, people decorated their shelters to blend function and beauty!</div> <bR> <div> Since the <A HREF="id12.htm" TARGET="_top" TITLE="ANCIENT"><U>ancient times</U></A>, architecture showed cultural, social and political accomplishments of many civilizations. The shelter became more than an escape from the nature. Cities were built to support industrialization, transportation systems developed so people can move around, and engineering found ways to provide vertical housing. But the Earth of the 21st century is different than that of centuries before. With the population 6 billion strong and growing, housing <A HREF="id5.htm" TARGET="_top" TITLE="ISSUES"><U>issues</U></A> are growing along. <A HREF="id11.htm" TARGET="_top" TITLE="INFRASTRUCTURE"><U>Infrastructure </U></A>built to support thousands now supports millions. Land is scarce, building materials in decline, housing pollution and human <A HREF="id17.htm" TARGET="_top" TITLE="MIGRATION"><U>migration</U></A> on the rise. Growing housing problems around the world require new solutions. </div> <bR> <div> But,could the lessons for the future be found in history? Can the past be the answer for our housing future?</div> </tD> <tD VALIGN=TOP><NOBR><bR> <div> <IMG SRC="13ba5c20.gif" border=0 width="165" height="450" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> </td> </tr></table><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>