Создание страницы главного меню, товаров, заказов, контактов. (Занятие 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>