🗊Презентация Создание страницы главного меню, товаров, заказов, контактов. (Занятие 8. Модуль 3)

Создание левой и правой боковой части страницы Занятие 8. Модуль 3

Картинки Добавляем сегодня: Пять новых изображений Flash-ролик Создаем: Страницы главного меню, товаров, заказов, контакты

Файл index.html <!--Flash--> <div style="width: 150px; height: 150px; background: #009933 url('img/shar.png') left top no-repeat;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="150" height="150" id="shar" align="middle" > <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="shar.swf"/> <param name="quality" value="high" /> <param name="bgcolor" value="#009933" /> <param name="menu" value="false" /> <param name="play" value="true" /> <param name="loop" value="false" /> <param name="wmode" value="opaque" /> <embed src="shar.swf" quality="high" bgcolor="#FFFFFF" width="150" height="150" wmode="opaque" name="shar" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_ru" /> </object> </div>

Файл index.html правая боковая часть <td valign="top" width="200" align="center"> <div id="right_b"> <h1>Работаем по<br/> всему Миру!</h1> <br/> <!--Flash--> … </div> </td>

Файл index.html верхнее горизонтальное меню <!--Верхнее горизонтальное меню--> <ul> <li><a href="index.html" target="_self"><img src="img/menu1.png" width="150" height="30" border="0" /></a></li> <li><a href="indext.html" target="_self"><img src="img/menu2.png" width="150" height="30" border="0" /></a></li> <li><a href="indexz.html" target="_self"><img src="img/menu3.png" width="150" height="30" border="0" /></a></li> <li><a href="indexk.html" target="_self"><img src="img/menu4.png" width="150" height="30" border="0" /></a></li> </ul>

Файл index.html левая боковая часть <td valign="top" width="200" align="center"> <div class="left_b"> <h1 class="left_h1">Главная</h1> <img src="img/r1.png" border="0" width="180" height="188" /> </div> </td>

Страницы index.html indext.html indexz.html indexk.html

Файлы index.html, indexz.html, indexk.html центральная часть <td valign="top" width="580"> <!--Центральная часть с белым фоном--> <div id="sheet"> <div id="sheet1"></div> <div id="sheet2"> </div> <div id="sheet3"></div> </div> </td>

Файл indext.html левая боковая часть <td valign="top" width="200" align="center"> <div class="left_b"> <h1 class="left_h1">Товары</h1> <img src="img/r2.png" border="0" width="180" height="135" /> </div> </td>

Файл indexz.html левая боковая часть <td valign="top" width="200" align="center"> <div class="left_b"> <h1 class="left_h1">Заказать</h1> <img src="img/r3.png" border="0" width="180" height="180" /> </div> </td>

Файл indexk.html левая боковая часть <td valign="top" width="200" align="center"> <div class="left_b"> <h1 class="left_h1">Контакты</h1> <img src="img/r4.png" border="0" width="180" height="180" /> </div> </td>