Фото Экспресс

Главная

Реставрация

Фотомонтаж

Худ.Оформление

Библиотека

Гостевая

Заказы

Фото Экспресс - это новое дыхание фотографии
Фото Экспресс

Фотогаллерея| Новости| Форум| Строим сайт| HTML| Flash| Photoshop

Шaг №1
"Знакомство с HTML"

Прежде чем начинать его изучать запасемся некоторым инструментом, с помощью которого собственно и будем сооружать свой собственный сайт.

  1. Таблица основных кодировок цвета.
  2. Список тэгов.
  3. Список специальных символов.

Многие называют HTML языком программирования, другие же говорят что это язык разметки текста. Наверное, каждый из них по-своему прав. Дело в том что сам по себе HTML - это просто набор параметров, которые заключены в специальные скобки - <параметры>. Список этих параметров Я и предложил Вам выше, да, да, да я говорю именно о тэгах.

И так после того как мы запаслись необходимым для построения сайта материалом нужно построить план следуя которому мы будем строить сайт. Я предлагаю план такой:

  1. Готовим материал, который будет красоваться на Ваших страничках;
  2. Делаем макет сайта, для этого лучше воспользоваться графическим редактором.
  3. Составляем отдельные странички с помощью HTML тэгов.
  4. Налаживаем навигацию между страничками сайта.

Первый и второй пункты плана я предоставлю Вам сделать самостоятельно. Ну, а сейчас начнем выполнять оставшиеся два. Первым делом построим макет интернет странички, выглядеть этот макет будет так:

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Наверняка Вы заметили, что в данном шаблоне все тэги повторяются. Вернее написаны парами, например: если есть тэг <HTML>, то обязательно будет и тэг </HTML>. Действительно все тэги можно условно разделить на парные: <teg> and </teg>, и одиночные: <teg>. Парные тэги как бы подсказывают компьютеру что их действие распространяется на весь текст, который находится между <teg> и </teg>, а одиночные тэги <teg> имеют локальное, местное значение. Более детально мы познакомимся с этими группами по мере их изучения, ну а сейчас вернемся к нашему шаблону:

<HTML> … </HTML> - указание на начало и конец HTML документа. Именно между этими тэгами будет располагаться вся наша страничка.

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

<TITLE> … </TITLE> - тэги, между которыми мы можем расположить заглавие нашей странички, именно его будет показывать Браузер в строке заголовка во время просмотра сайта.

<BODY> … </BODY> - Ну вот. Наконец то Мы добрались до основного раздела. В некоторых книгах Вы увидите, что данный раздел называется: "телом страницы". Такое название указывает на то что именно в этом разделе будет находится та информация, которую Вы хотите показать на своей страничке.

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