Урок 4: Создание первого сайта

После прочтения предыдущих статей вы можете уже буквально через несколько минут создать свой первый web-сайт.

В статье Необходимое ПО мы узнали, что необходимо для создания сайта: браузер и Notepad (или аналогичная программа — текстовый редактор). Исходя из того, что вы читаете данную статью можно сделать вывод, что ваш браузер уже открыт. Вам лишь необходимо открыть дополнительное окно браузера (открыть браузер еще раз), и вы сможете одновременно читать данную статью и видеть ваш новый web-сайт.

Так же откройте Notepad(который можно запустить с помощью сочетания клавиш «Пуск + R» в открывшемся окне пропишите на английском «notepad» и нажмите Enter).

Теперь вы готовы приступить к созданию вышего сайта.

Сперва начнем с чего-нибудь полегче. Как насчет того чтобы создать страницу, на которой будет написно: «Моя первая страница созданная с помощью html.»

Структура html-документа состоит из трех пар тэгов:

 

Теги <html> </html> являетс основным контейнером для всех остальных, т.е. в них помещаютя все остальные тэги. Изходя из этоговаш html-документ должен начинаться с тэга <html>, а заканчиваться тегом </html>.

Сам html-документ условно можно разделить на две части — заголовок документа (тэги <head> </head>, которые содержат служебную информацию о вашем документе) и тело документа (теги <body> </body>, содержимое самого документа).

Добавление содержимого на сайт

Если вы хотите дать название документу, чтобы оно появилось в верхней стоке браузера, для этого нужно в разделе «head» добавить тэги <title> </title>.

 

В браузере это будет выглядеть так:

5

Обратите свое внимание на то, что содержимое тэгов <title> </title> не появляется на самой web-странице сайта. Все, что вы хотите видеть на самой странице сайта, является содержимым и должно находиться между тэгами <body> </body>.

В начале я говорил, что хочу создать web-страницу с надписью «Моя первая страница созданная с помощью html.» Текст, который я хочу отобразить на странице сайта я размещаю его между тэгами <body> </body>. Поэтому в раздел body я печатаю следующее:

 

5-2

Буква p в <p> </p> это сокращение от слова «paragraph» и означает — параграф текста.

Готово! Мы создали первый web-сайт!

Теперь надо незабыть сохранить наш документ на жесткий диск либо сеъмный носитель, а затем открыть в браузере.

В NotepadeБлокнот«) выберете «Сохранить как…» в меню «Файл«

Выберите «All Files» в боксе «Save as type«. Это очень важно — иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ.

5-3

Теперь сохраните ваш документ как «Страница 1.htm» (расширение «.htm» указывает, что это HTML-документ. «.html» даст тот же результат. Я всегда использую «.htm«, но вы можете выбрать любое из этих двух расширений). Где вы сохраните документ на жёстком диске — не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.

5-4

Теперь откройте браузер:

Нажмите сочетание клавишь Ctrl + O.

Теперь найдите свой документ и нажмите открыть.

Теперь вы можете посмотреть на свою первую страницу в вашем браузере.

Урок 5: Создание первого сайта(продолжение) >>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *