Табличная верстка сайта

Вставка изображения

Вставим изображение (header) в шапку нашей страницы.За изображения как вы наверное уже знаете отвечает тег img и атрибут srs,наше изображение будет выглядеть так <img src="header.jpg" width="800" height="151">.Также пропишем отображение подвала сайта <img src="footer.jpg" width="800" height="50">

Прописывать размеры обязательно,для корректного отображения во всех броузерах.Для того чтобы текст начинался сверху страницы нужно прописать параметр valign="top"для всех трёх колонок.top=верх.

 

<html>
<head>
<title>Сайт о природе Кавказа и его богатствах,музеи и заповедники</title>
</head>
<body>
<center>
<table width="800" height="600рх">
<tr>
<td 
colspan="3" bgcolor="#CC6699"width="800" height="151"><img src =" images/header.jpg" width="800" height="151"></td>
</tr>
<tr>
<td bgcolor="#FFFF00"width="180"height="600" valign="top" > меню </td>
<td bgcolor="#CCCCCC"width="440" valign="top">контент</td>
<td bgcolor="#FFFF00"width="180"height="600" valign="top">новости</td>
</tr>
<table width="800" height="50">
<tr> <td 
colspan="3"bgcolor="#CC6699"width="800" height="50"><img src="images/footer.jpg" width="800" height="50"></td>
</tr>
</table>
</center>
</body>
</html>

посмотрите

Напишем наше меню и добавим новость.

Допустим у нас пока будет три страницы: Страница№1,Страница№2 и Страница№3,

Выделим меню и новости красным цветом и иэменим размер этих заголовков, добавим текста в контент,установим размеры и цвет шрифтов для наших колонок. Вы можете скопировать и вставить свой текст если есть заготовки, или напечатать.

<html>
<head>
<title>Сайт о природе Кавказа и его богатствах,музеи и заповедники</title>
</head>
<body>
<center>
<table width="800" height="600рх">
<tr>
<td 
colspan="3"bgcolor="#CC6699" width="800" height="151"><img src ="../images/header.jpg" width="800" height="151"></td>
</tr>
<tr>
<td bgcolor="#FFFF00"width="180"height="600" valign="top"><font color="#CC0000"><h1 align="center">меню</h1></font>
<h5 align="center">Страница№1<br>Страница№2<br>Страница№3<h5></td>
<td bgcolor="#CCCCCC"width="440" valign="top">

<h4> Горная система Большого Кавказа делится на Западный, постепенно повышающийся от Таманского полуострова до Эльбруса (высшая точка Кавказа, 5642 м), высокогорный Центральный (между Эльбрусом и Казбеком) и Восточный, понижающийся от Казбека до Апшеронского полуострова. В центральной части горная система сильно сжата, а на западе и востоке — расширена. Северный склон её длинный и пологий, а южный — короткий и крутой. Большой Кавказский хребет разделяет Северный Кавказ и Закавказье. Высочайшая точка Альп — Монблан (4807 м) — уступает вершинам Кавказа: Мижирги (5025 м), Казбек (5033 м), Джанги-тау (5058 м), Шхара (5068 м), Пик Пушкина (5100 м),Коштан-тау (5152 м) ближайший пятитысячник, высочайшая точка Малой Азии — Арарат (5165 м), уступает вершинам: Дыхтау (5204 м) Эльбрус (5642 м). Все пятитысячники Большого Кавказа, исключая Казбек и Шхара в Грузии, находятся в Кабардино-Балкарии.</h4>

</td>
<td bgcolor="#FFFF00"width="180"height="600" valign="top"><font color="#CC0000"><h1 color="#0000FF"align="center">новости</h1></font><br>

<h5>В городском парке Махачкалы застрелен вице-президент Федерации дзюдо Дагестана Джабраил Баркалаев.<br>

03.12.2010 21:08<br><br>

Назначен главный тренер нальчикского «Спартака»<br>

В качестве нового наставника нальчикского «Спартака» официально представлен бывший тренер московского ФК «Локомотив» Владимир Эштреков.<br>

03.12.2010 20:07<br><br>

В Ингушетии планируют экранизировать классику национальной литературы<br> Вопросы создания ряда художественных и документальных фильмов обсудили на встрече главы Ингушетии Юнус-бека Евкурова с представителями кинопроизводства России.<br><br>

03.12.2010 19:25</h5>

</tr>
<table width="800" height="50">
<tr> <td 
colspan="3"bgcolor="#CC6699"width="800" height="50">footer</td>
</tr>
</table>
</center>
</body>
</htm


<<< следующая >>>

 

 

 

 

 

http://www.iglis.ru
Создать бесплатный сайт с uCoz