Смекни!
smekni.com

Приложение 3. Исходный код страницы «Фотографии».

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Фотографии</title><META content="text/html; charset=windows-1251" http-equiv=Content-Type><meta name="keywords" content="Группа ИТ-21" /><meta name="description" content="" /><meta name="generator" content="CMS EDGESTILE SiteEdit" /><link href="/skin/default.css" id="defaultCSS" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/system/main/cookies.js"></script><script type="text/javascript" src="/system/main/semenu.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></head><body><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table3"><tr id="tr4"><td valign="top" align="left" width="50" rowspan="7" id="td5">&nbsp;</td><td valign="top" align="left" height="15" id="td6"></td><td valign="top" align="left" width="50" rowspan="7" id="td7">&nbsp;</td></tr><tr id="tr596"><td valign="top" align="left" id="td9"><table style="width: 1073px; height: 311px" cellspacing="0" cellpadding="0" width="1073" border="0" id="table45"><tr id="tr46"><td valign="top" align="left" width="10" id="td47">&nbsp;</td><td valign="top" align="left" id="td48"><table cellspacing="0" cellpadding="0" border="0" id="table123"><tr id="tr124"><td valign="top" align="left" id="td125"><div id="LogotypeBlock"></div></td><td valign="top" align="left" id="td126"><h1 id="siteTitle"><p><font face="Comic Sans MS" color="#00ff00" size="6">IT-21</font></p><p><font face="Comic Sans MS" color="#00ff00" size="6">[2008 года сборки]</font></p></h1><h2 id="siteSubtitle"></h2></td></tr><tr id="tr127"><td valign="top" align="left" colspan="2" id="td128"><h1 id="pageTitle"><font color="#000080">Фотографии </font></h1></td></tr></table>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;</td><td valign="top" align="left" width="458" id="td49"><IMG style="WIDTH: 495px; HEIGHT: 301px" height="191" alt="" src="/skin/x_442eaded.jpg" width="609" border="0"></td><td valign="top" align="left" width="12" id="td50">&nbsp;</td></tr></table></td></tr><tr id="tr627"><td valign="top" align="left" height="7" id="td11"></td></tr><tr id="tr629"><td valign="top" align="left" id="td13"><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table55"><tr id="tr56"><td valign="top" align="left" width="10" id="td57">&nbsp;</td><td valign="top" align="center" id="td58"><div id="pageMenu"><STYLE>.submenu,.submenu1,.submenun { visibility:hidden; position:absolute; z-index:1000; } </STYLE><table border="0" class="tableMenu" cellpadding="0" cellspacing="0"><tr valign="top"> <td width=2 class="mbordl">&nbsp;</td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_home" href="/home" > <span class="TextItemMenu"><font color="#000080">Home</font></span></a></td></tr> </table></td> <td width=2 class="mbordr">&nbsp;</td><td class="mids">|</td> <td width=2 class="mbordl">&nbsp;</td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td onMouseOver="show_menu('about')" onMouseOut="hide_menu('about')" ><a class="menu" id="menu_about" href="/about" > <span class="TextItemMenu"><font color="#000080">О группе </font></span></a></td></tr></table><div class="mreldiv" style="text-align:left; clear:both;"> <table border=0 onMouseOver="show_menu('about')" onMouseOut="hide_menu('about')" id="submenu_about" cellpadding="0" cellspacing="0" valign=top class="submenu"> <tr><td class="midline"> <table border=0 cellpadding="0" cellspacing="0" valign=top class="subitems" widthy=100%> <tr vAlign=top> <td ><a style="float:left;" class="menu" id="menu_page2" href="/page2" > <span class="TextItemMenu"><p><font color="#000080">Памятные даты ;)</font></p></span></a></td></tr> </table></td></tr></table></div></td> <td width=2 class="mbordr">&nbsp;</td> <td class="mids">|</td> <td width=2 id="bleft" class="mbordl">&nbsp;</td> <td id="bmid" class="mtditem"> <table border=0 cellpadding="0" cellspacing="0"><tr> <td valign=top><a class="menu" id="menuActive" href="/page1" > <span class="TextActiveMenu"><font color="#000080">Фотографии </font></span></a></td></tr></table></td><td width=2 id="bright" class="mbordr">&nbsp;</td><td class="mids">|</td> <td width=2 class="mbordl">&nbsp;</td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_guestbook" href="/guestbook" > <span class="TextItemMenu"><font color="#000080">Вопросы и предложения </font></span></a></td></tr> </table></td> <td width=2 class="mbordr">&nbsp;</td><td class="mids">|</td> <td width=2 class="mbordl">&nbsp;</td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_contact" href="/contact" > <span class="TextItemMenu"><font color="#000080">Связь</font></span></a></td></tr> </table></td> <td width=2 class="mbordr">&nbsp;</td><td class="mids">|</td> <td width=2 class="mbordl">&nbsp;</td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_page3" href="/page3" > <span class="TextItemMenu"><font color="#000080">Ссылки</font></span></a></td></tr> </table></td> <td width=2 class="mbordr">&nbsp;</td><!-- ============================ 2 --><td>&nbsp</td></tr></table></div></td><td valign="top" align="left" width="10" id="td59">&nbsp;</td></tr></table></td></tr><tr id="tr637"><td valign="top" align="left" id="td15"><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table62"><tr id="tr581"><td width="30" id="td582"></td><td valign="top" align="left" id="td64"><div id="content"><link rel="stylesheet" type="text/css" href="./lib/js/lightbox/lightbox.css"></link><h3 class="contentTitle"><span class="contentTitleTxt"><font face="Trebuchet MS" color="#ffffff" size="4"><strong>Однажды в парке Кирова... </strong></font></span></h3><br clear="all"><div class="contentText"><p><font color="#008000"><strong></strong></font>&nbsp;</p></div><script src="./lib/js/lightbox/jquery.lightbox.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){ $("#photo a").lightBox({ overlayBgColor: '#FFF', overlayOpacity: 0.6, imageLoading: './lib/js/lightbox/lightbox-ico-loading.gif', imageBtnPrev: './lib/js/lightbox/foto_arrow_left.gif', imageBtnNext: './lib/js/lightbox/foto_arrow_right.gif', imageBtnClose: './lib/js/lightbox/foto_close.gif', imageBlank: './lib/js/lightbox/lightbox-blank.gif' }); }); </script> <div class="content" id="con_photo"><br clear="all"> <div id="photo"><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/x_442eaded.jpg" title=""><IMG alt="" title="" src="/images/x_442eaded_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/x_9f0a0cc2.jpg" title=""><IMG alt="" title="" src="/images/x_9f0a0cc2_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010486.jpg" title=""><IMG alt="" title="" src="/images/p1010486_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010487.jpg" title=""><IMG alt="" title="" src="/images/p1010487_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010591.jpg" title=""><IMG alt="" title="" src="/images/p1010591_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010555.jpg" title=""><IMG alt="" title="" src="/images/p1010555_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010535.jpg" title=""><IMG alt="" title="" src="/images/p1010535_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010528.jpg" title=""><IMG alt="" title="" src="/images/p1010528_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010523.jpg" title=""><IMG alt="" title="" src="/images/p1010523_prev.jpg" border="0" id="photoPrev"></a><br></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><a rel="lightbox-foto" href="/images/p1010490.jpg" title=""><IMG alt="" title="" src="/images/p1010490_prev.jpg" border="0" id="photoPrev"></a><br></div></div></div></div></div></td><td valign="top" align="left" id="td65"><div id="content1"><div class="content" id="con_mapsite"><br clear="all"><div id="listLinks"><h4 class="mapline"><a id=maplinks1 href="/home"><font color="#000080">Home</font></a></h4><h4 class="mapline"><a id=maplinks1 href="/about"><font color="#000080">О группе </font></a></h4><h4 class="mapline"><a id=maplinks2 href="/page2"><p><font color="#000080">Памятные даты ;)</font></p></a></h4><h4 class="mapline"><a id=maplinks1 href="/page1"><font color="#000080">Фотографии </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/guestbook"><font color="#000080">Вопросы и предложения </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/contact"><font color="#000080">Контакты </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/page3"><font color="#000080">Ссылки</font></a></h4></div></div></div></td><td width="30" id="td589"></td></tr></table></td></tr><tr id="tr649"><td valign="top" align="center" id="td17"><strong><font color="#ffffff" size="2">Copyright&nbsp; ©&nbsp; 2010&nbsp; IT-21 </font></strong><div id="pageMainmenu"><table cellpadding="0" cellspacing="0"><tr><td width="2" class="mbordl">&nbsp;</td><td class="mtditem"><a class="menu" id="menu_home" href="/home" ><span id="menu_home" class="TextItemMenu"><font color="#000080">Home</font></span></a></td><td width="2" class="mbordr">&nbsp;</td><td class="mids">|</td><td width="2" class="mbordl">&nbsp;</td><td class="mtditem"><a class="menu" id="menu_about" href="/about" ><span id="menu_about" class="TextItemMenu"><font color="#000080">О группе </font></span></a></td><td width="2" class="mbordr">&nbsp;</td><td class="mids">|</td><td width="2" id="bleft" class="mbordl">&nbsp;</td><td id="bmid" class="mtditem" ><a class="menu" id="menuActive" href="/page1" ><span id="menu_page1" class="TextActiveMenu"><font color="#000080">Фотографии </font></span></a></td><td width="2" id="bright" class="mbordr">&nbsp;</td><td class="mids">|</td><td width="2" class="mbordl">&nbsp;</td><td class="mtditem"><a class="menu" id="menu_guestbook" href="/guestbook" ><span id="menu_guestbook" class="TextItemMenu"><font color="#000080">Вопросы и предложения </font></span></a></td><td width="2" class="mbordr">&nbsp;</td><td class="mids">|</td><td width="2" class="mbordl">&nbsp;</td><td class="mtditem"><a class="menu" id="menu_contact" href="/contact" ><span id="menu_contact" class="TextItemMenu"><font color="#000080">Связь</font></span></a></td><td width="2" class="mbordr">&nbsp;</td><td class="mids">|</td><td width="2" class="mbordl">&nbsp;</td><td class="mtditem"><a class="menu" id="menu_page3" href="/page3" ><span id="menu_page3" class="TextItemMenu"><font color="#000080">Ссылки</font></span></a></td><td width="2" class="mbordr">&nbsp;</td></tr></table></div></td></tr><tr id="tr652"><td valign="top" align="left" id="td19"></td></tr></table></body></html><script type="text/javascript" src="http://free.siteedit.ru/system/reklamb.js"></script><style>#se_reklam img {margin: 0 0 0 0 !important; }</style><div id="se_reklam" style="width: 300px !important; display:block !important; position: absolute !important; top:0px !important; right: 0px !important; float: right !important; z-index: 1000 !important;"><table id="se_table" border="0" cellpadding="0" cellspacing="0" width="300" style="width: 300px !important; font-size:11px !important; font-weight:normal; font-family:Arial;"><tr> <td colspan="3" valign="top" align="right" height="10px"> <img id="btnMinMax" onclick="btnMinMax();" src="http://free.siteedit.ru/images/adv/siteedit_free_03.gif" border=0 height="10px" title="" style="cursor:pointer" /> <img onclick="document.all.se_reklam.style.display='none'" src="http://free.siteedit.ru/images/adv/siteedit_free_04.gif" border=0 height="10px" title="" style="cursor:pointer;" /> </td></tr><tr> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_08.gif" border=0 height="17px"> </td> <td height="17" width="272px" valign="bottom" align="center" style="background-image:url(http://free.siteedit.ru/images/adv/advfreese_10.gif); background-position:top left; background-repeat:repeat-x;"> <center> <a href="http://www.siteedit.ru/" target=_blank style="text-decoration:none; width:100%;"> <img src="http://free.siteedit.ru/images/adv/advfreese_12.gif" border=0 width="73" height="15" title="Бесплатно: САЙТ + Программа создания и управления сайтом CMS SiteEdit"> </a> </center> </td> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_14.gif" border="0" height="17px" /></td></tr> <tr id="se_banner" valign="middle" align="center"><td colspan=3 align=center style="border-width:1px; border-color:#999999; border-style:solid; padding:10px; background-color:#FFFFFF;"> <script type="text/javascript"> var begun_auto_pad = 142947616; var begun_block_id = 143031053; </script> <script src="http://autocontext.begun.ru/autocontext2.js" type="text/javascript"></script> </td></tr> <tr style="z-index: 1000 !important;"><td width="4px" style="z-index: 1000; font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_29.gif" border=0 height="17px"></td><td height="17" width="100%" valign="top" align="center" style="background-image: url(http://free.siteedit.ru/images/adv/advfreese_32.gif); background-position:top left; background-repeat: repeat-x;"> <center> <a href="http://free.siteedit.ru/reclamoff" target=_blank style="text-decoration:none; width: 100%; font-size: 90%;"> Отключи рекламу &nbsp; &nbsp; &nbsp; &nbsp; </a> <a href="http://art.siteedit.ru/ordersite/" target=_blank style="text-decoration:none; width: 100%; font-size: 90%;"> Закажи сайт! </a> </center></td> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_31.gif" border="0" height="17px"></td></tr></table></div>