Создание левой и правой боковой части страницы
Картинки
Файл index.html
Файл index.html правая боковая часть
Файл index.html верхнее горизонтальное меню
Файл index.html левая боковая часть
Страницы
Файлы index.html, indexz.html, indexk.html центральная часть
Файл indext.html левая боковая часть
Файл indexz.html левая боковая часть
Файл indexk.html левая боковая часть
125.99K
Категория: ПрограммированиеПрограммирование

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

1. Создание левой и правой боковой части страницы

Занятие 8. Модуль 3

2. Картинки

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

3. Файл index.html

В папке код_8 файл flash.txt код для работы
<!--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>

4. Файл index.html правая боковая часть

<td valign="top" width="200" align="center">
<div id="right_b">
<h1>Работаем по<br/> всему Миру!</h1>
<br/>
<!--Flash-->

</div>
</td>

5. Файл 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>

6. Файл 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>

7. Страницы

index.html
indext.html
indexz.html
indexk.html

8. Файлы 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>

9. Файл 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>

10. Файл 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>

11. Файл 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>
English     Русский Правила