Главная » Мастерская » Статьи » Web-сайт своими руками » Шаг 1
Шаг 1 - Шаг первый - создание простейшего документа HTML
Шаг 2 - Рассмотрим теги нашего документа
Шаг 3 - Рассмотрим создание таблиц в документах HTML
Шаг 4 - Вставка графических изображений в документах HTML
Шаг 5 - Создание карт-изображений
Шаг 6 - Форматирование текста HTML
Шаг 7 - Создадим простейшую страничку HTML
Шаг 8 - Как разместить свою HTML страницу в интернете
Шаг 9 - Как разместить на HTML-странице счетчик посещений
Шаг 10 - Создание фрэймов в документах HTML
Шаг 11 - Бегущая строка в HTML документе
Шаг 12 - Где взять и как сделать гостевую книгу
Шаг 13 - Создание форм
Шаг 14 -Изменение дизайна Гостевой книги
Шаг 15 - Немного о JavaScript
Шаг 16 - Примеры фотоальбомов с использованием JavaScript
Шаг 17 - Еще раз о фреймах
Шаг 18 - Изменение информации в двух разных фреймах, нажатием на одну ссылку
Шаг 19 - Анимация и JavaScript
Шаг 20 - Изменение картинки при наведении курсора мыши
Шаг 21 - Как адаптировать сайт под различные видеорежимы

Шаг 1 - создание простейшего документа HTML

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

Итак, сначала создайте на диске папку, в которой будут храниться все файлы вашего будущего сайта. Стартовый файл должен иметь имя index.html или default.html, хотя второго имени я еще не встречал ни разу.

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

Для редактирования файлов рекомендую использовать простейший текстовый редактор, например "Блокнот" или "WordPad", но не в коем случае не используйте "WinWord". Это слишком умный редактор, который считает себя умнее вас и поэтому сам за вас решает, что и в каком виде он будет сохранять на диск. Поэтому используйте то, что попроще. Итак, создайте в вашей папке стартовый файл с именем index.html и начнем его заполнять.

Наберем код простейшей страницы

<HTML>
  <HEAD>
    <TITLE> Моя персональная страничка </TITLE>
  </HEAD>
  <BODY>
    Всем привет
  </BODY>
</HTML>

Сохраните ваш файл и запустите его через браузер, например "Internet Explorer".

Обратите внимание, что HTML страница содержит как обычный текст, так и команды разметки (tags или теги), заключенные в угловые скобки (< и >). Теги языка HTML задают правила, по которым браузер отображает документ на экране.

Большинство тегов языка HTML, такие как <HTML>, <HEAD>, <TITLE> и другие, требуют соответствующую команду с символом </....> для ее закрытия, то есть тега конца команды.


Copyright ByWeb©
Hosted by uCoz