Как сохранить свои сбережения? В чем лучше хранить деньги? Тайное, неизвестное, мистическое Юрий Болдырев-нам нужен порядочный и умный президент Как  удалить вирус с компьютера? Учимся удалять вирусы и очищать компьютер

Быстро строим сайт

Сайт в интернет

Ремонт ПК

Denver на WordPress

Почтовая рассылка

Ответы на вопросы

Строим сайт


На предыдущей страничке мы разобрали скелет сайта а сейчас непосредственно приступим к его строительству :

< table width="600"height="600">
< tr>
< td colspan="3"bgcolor="#00CC99"width="600"height="80">
< /td>
< /tr>
< tr>
< td bgcolor="#CCCCCC"width="100"valign="top">оглавление и ссылки на другие странички
< /td>
< td width="400""valign="top">основное содержание страницы
< /td>
< td bgcolor="#CCCCCC"width="100"valign="top">Используйте эту часть для рекламы
< /td>
< /tr>
< /table>>


Теперь, открываем блокнот и сохраняем наши записи как Longbak.html (как сохранить файл с расширением html,через блокнот, мы рассмотрели в Как работать в Блокноте.)


Разберем то, что мы написали:

Тег..........< table> -открывает построение таблицы
Атрибут....width -ширина таблицы = 600 пикселей
Атрибут....height -высота таблицы = 600 пикселей
Тег...........< tr> -открывает строку таблицы
Тег...........< td> -открывает столбец таблицы
Атрибут ....colspan расширяет столбец ="3"до трех ячеек
Атрибут.....bgcolor -изменяет фон,в данном случае верхнюю строку таблицы,в зеленый цвет ="#00CC99"
Атрибут.....width -ширина верхнего столбца таблицы ( так же как и ширина всей таблицы = 600 пикселей
Атрибут ....height -высота верхнего сталбца таблицы = 80 пикселей
Тег............< / td> -закрывает верхний столбец таблицы
Тег...........< /tr> -закрывает верхнюю строку таблицы
Тег............< tr> -открывает следующую строку таблицы
Тег............< td> -открывает первый столбец
Атрибут......bdcolor -заливает этот столбец="#СССССС" -серым цветом
Атрибут......width -ширина столбца = 100 пикселей
Атрибут......valign -выравнивает текст по ="top" -верхнему краю таблицы Здесь пишите меню,ставите ссылки.
Тег............< / td> -закрывает первый столбец
Тег............< td> -открывает второй столбец
Атрибут .....width -задает ширину второго столбца= 400 пикселей Здесь пишется основной задуманный Вами текст
Тег............< /td> -закрывает второй столбец таблицы
Тег............< td> -открывает третий столбец
Атрибут.....,.bgcolor -заливает этот столбец ="#CCCCCC" -серым цветом
Атрибут.......width -ширина столбца =100 пикселейЗдесь можете расположить рекламу.
Тег............< /td> -закрывает третий столбец нижней части таблицы
Тег............< /tr> -закрывает нижнюю строку таблицы
Тег............< /table> -закрывает построение таблицы


В этом коде появились незнакомые для нас ранее значения:
="#00CC99" и ="#CCCCCC" это обозначение оттенка зеленого и оттенка серого цвета соответственно. Мы можем конечное записать просто ="green" или ="gray" и получить соответственно зеленый и серый цвет но для того, чтобы подобрать оттенок цвета для определенного элемента на сайте существует специальная "Таблица цветов". Для подбора палитры необходимого цвета существует специальная программа "ColorMania", с помощью которой можно без проблем подобрать любой оттенок цвета.

Вот то что у нас получилось:

Заходим в папку где мы сохранили наш файл: Longbak.html и открываем его с помощью любого браузера, которым вы пользуетесь.


Шапка сайта
Оглавление и ссылки на другие странички
Основное содержание страницы
Используйте эту часть для рекламы


На данном примере мы разобрали построение самой простой WEB-странички.
Для более быстрого запоминания данной темы, Вам необходимо, весь код нашего сайта переписать на два жестких листа бумаги. На одном напишите код HTML,который касается построение сайта а на втором листе объяснение - для чего предназначен Тег или Атрибут. Сначала напишите объяснение построчно а затем сам текст HTML, чтобы он при сопоставлений двух листов совпал строчно с объяснением Тегов. Тогда Вам будет легче разобраться с написанным и эти листы в дальнейшем будут,для Вас, как сопроводительный документ.

И еще,будет неплохо, если Вы сразу таким-же образом скопируете всю ТАБЛИЦУ ОСНОВНЫХ ТЕГОВ HTML Которая существенно облегчит процесc построения сайта на начальном этапе. Таблица ТЕГОВ HTML должна быть постоянно перед Вами а просматривать эту таблицу в компьютере не всегда удобно.

P/S Обратите внимание, что между скобкой "< и тегом" не должно быть расстояния,я этот пробел делаю для того, чтобы браузер не отобразил написанное как код.
Должно быть так <td>
А не так < td>

На следующей страничке разберем перенос картинок и графических изображений в необходимое для нас место на сайте. КАРТИНКИ И ФОТКИ НА САЙТ



Человек велик в своих замыслах,
но немощен в их осуществлении.

"inpropart"

Как заработать

Графики цен на нефть-золото-нефть-валюта Графики котировок на нефть-золото-серебро-валюту
Радио онлайн

Mультимедиа

Делаем сайт в CSS

Переводим сайт на PHP

Перевал Дятлова



Как повстречать партнера для интимных отношений. Секс знакомства. Как создать свой сайт бесплатно?  Как вылечить насморк? Как заработать в Интернете? Как быть здоровым? Как создать свой сайт бесплатно? Все ответы на вопросы КАК...? Как заработать в Интернете? Создание сайтов на заказ. <Буду писать про мелких предпринимателей.Обсуждать законы которые касаются малого бизнеса в России.