About earnings on the Internet.

  • Главная
  • Ссылки
  • Учебники и пособия
  • Чёрный список
  • Форум
  • Контакты
  • Партнёрка
  • Супер партнёрка


Findme.Ru

Создаём каркас сайта.

Теперь создадим таблицу из 3-х строк, и во второй строке будет 2 столбца.

В первой строке будет шапка сайта.

В первом столбце второй строки будет навигация по сайту.

Во второй столбец второй строки вставим содержание нашей страницы.

В третьей строке будет находиться нижний графический элемент (footer) сайта.

Таким образом, код нашей таблицы будет выглядеть так:


<table>
<tr>
<td>
Шапка сайта
</td>
</tr>
<tr>
<td>
Навигация по сайту
</td>
<td>
Содержание страницы
</td>
</tr>
<tr>
<td>
footer сайта
</td>
</tr>
</table>

Таблица будет выглядеть так:

Как видим, ничего хорошего. Строки шапки и футера имеют размер 1-й ячейки второй строки. Чтобы исправить положение воспользуемся ещё одним атрибутом для таблиц colspan="". Этот атрибут говорит нам какого размера должна быть ячейка. В нашем случае ячейки шапки и футера должны быть шириной в 2 ячейки т.е. иметь атрибут colspan="2".

Исправим код таблицы:


<table>
<tr>
<td colspan="2">
Шапка сайта
</td>
</tr>
<tr>
<td>
Навигация по сайту
</td>
<td>
Содержание страницы
</td>
</tr>
<tr>
<td colspan="2">
footer сайта
</td>
</tr>
</table>

&Теперь таблица будет такой:

Существует ещё атрибут rowspan="", который объединяет ряды в столбце, находящиеся друг над другом.

Давайте изменим код нашей страницы.

Первый столбец второй строки сделаем шириной 120 px, а ширину всей таблицы сделаем 910 px.

Чтобы выровнять текст в ячейке навигации по верхнему краю, пропишем в теге <td> атрибут valign="top".

Код нашей страницы примет вид:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body link="#0000FF" alink="#000000" vlink="#FF0000">
<font face="Verdana" size="2" color="#000000" >
<table border="1" bordercolor="#000000" width="910" align="center" bgcolor="FFFFFF" cellspacing="0" cellpadding="10">
<tr>
<td colspan="2">
Шапка сайта
</td>
</tr>

<tr>
<td width="120" valign="top">
Навигация по сайту
</td>

<td>
<h1 align="center"><font color="#FF0000">ДЕНЬГИ БУДУТ ИДТИ НА АВТОПИЛОТЕ !</font></h1>
<hr width="700" color="#FF0000">
<a href=" http://www.cyberzarobotok.ru/"><img src="images/book.jpg" width="193" height="250" align="left" hspace="30" vspace="10" alt="Изображение книги Заработок на автопилоте" border="0"></a>
<p><strong>Я буду изучать язык HTML потому,что он основа всех языков и на каком бы из языков не написан
сайт, его код отображается на языке HTML.</strong></p>
<p>Также я буду изучать его, потому, что ни один другой язык, без знания HTML не будет понятен.</p>
<p>Я буду изучать его, чтобы делать свои сайты и зарабатывать на них в интернет.</p>
<p>Начинать свою карьеру в интернете с инфо-бизнеса новичку довольно сложно.</p>
<p>В сети есть не менее доходные способы заработка, чем инфо-бизнес.</p>
<h2 align="center" id="middle"><em>Для того, чтобы зарабатывать на электронной коммерции нужно:</em></h2>
<table border="1" bordercolor="#000000" align="center" bgcolor="FFFFCC"cellspacing="0" cellpadding="5">
<tr>
<td>
<ol>
<li>создать свой цифровой товар;</li>
<li>уметь писать продающий текст (копирайтинг);</li>
<li>вести рассылку;</li>
<li>проводить вирусный маркетинг;</li>
<li>нужно защищать свой товар от пиратов;</li>
<li>нужно уметь делать обложки;</li>
<li>нужно иметь свою партнёрскую программу и многое другое.</li>
</ol>
</td>
</tr>
</table>
<p>Я пока этого не имею и не умею, изучив основы HTML, буду наполнять сайт интересным контентом
и зарабатывать на рекламе.</p>
<p>Если Вы всё же хотите зарабатывать на электронной коммерции: зайдите не сайт
<a href=" http://www.cyberzarobotok.ru/zar.php" target="_blank" title="Заработок на автопилоте"> http://www.cyberzarobotok.ru/zar.php</a>
или скачайте книгу "Заработок на автопилоте" по ссылке
<a href="http://www.cyberzarobotok.ru/book.rar">http://www.cyberzarobotok.ru/book.rar</a>
и Вы получите конкретные пошаговые инструкции по организации Вашего бизнеса таким образом, чтобы он круглосуточно приносил Вам доход, не требуя никакого участия с Вашей стороны.</p>
<p> Для того чтобы зарабатывать на электронной коммерции требуется: <a href="#middle">узнать</a>.</p>
<p>Связь с админом: <a href="mailto:admin@cyberzarobotok.ru?subject=Отзыв_о_сайте">admin@cyberzarobotok.ru<a></p>
</td>
</tr>
<tr>
<td colspan="2">
footer сайта
</td>
</tr>

</table>
</font>
</body>
<html>

Теперь наша страница будет выглядеть так.

В следующем уроке мы создадим страницу сайта. Перейти к создадию страницы сайта.

Содержание уроков по основам HTML.

Урок 1. Что такое тег? Определение основных тегов.

Урок 2. Форматирование текста.

Урок 3. Создание списков.

Урок 4. Форматирование шрифтов.

Урок 5. Вставляем изображения.

Урок 6. Изучаем ссылки.

Урок 7. Изучаем таблицы.

Урок 8. Создаём каркас сайта.

Урок 9. Создаём страницу сайта.


Реклама

Protected by Copyscape Unique Content Checker




Copiright © http://www.cyberzarobotok.ru/