Структура HTML-документа

Понятие веб-сайта
Информация во Всемирной паутине хранится в форме Web-сайтов.
Web-сайт по структуре напоминает журнал по какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Веб-страницы связаны гиперссылками.

Виды веб-сайтов
Официальные (правительство, школа…)
Коммерческие
Личные

Достоинства веб-страниц:
Малый информационный объем («легкие»)
Пригодны для просмотра в разных ОС.
Динамичные.
Интерактивные.

Этапы создания веб-сайта:
Построить сайт на локальном компьютере.
Протестировать (проверить правильность работы).
Разместить в Интернете – подобрать сервер для хостинга (платный или бесплатный).

Программы
для создания сайта:
простейший текстовый редактор (без форматирования текста): Блокнот
2) браузер для просмотра страниц:
Internet Explorer
3) программа обработки изображений:
Photoshop

Создание сайта на языке HTML очень трудоемкое, нужны специальные знания.
Визуальные веб-редакторы
Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу WYSIWYG (что видишь, то и получишь).

Структура Web-страницы

HyperText Markup Language (HTML) - язык разметки гипертекста.

Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.

Тэги
Вид Web-страницы задается управляющими командами - тэгами, которые заключаются в угловые скобки < >
Тэги бывают одиночные (неповторяющиеся) или парные (контейнеры): перед закрывающим тэгом контейнера пишут прямой слэш (/)
Тэги пишутся английскими буквами (прописными, строчными).

Структура Web-страницы
HTML-код страницы помещается внутрь главного контейнера: .
Web-страница разделяется на
2 логические части:
заголовок (HEAD)
содержание (BODY).

Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице.
.....
..................
Всегда использовать конечные тэги (не забывать
, , и др.).
Правила синтаксиса

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

Заголовок веб-страницы
Заголовок Web-страницы заключается в контейнер
Содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.
Название Web-страницы содержится в контейнере
и отображается в верхней строке окна браузера при просмотре страницы.
<тitlе>компьютер

Пишем шаблон веб-страницы
<ТITLЕ>Компьютер

Основное содержание
веб-страницы
Основное содержание страницы помещается в контейнер .
Может содержать: текст, таблицы, бегущие строки, картинки, ссылки, звуковые файлы...
Поместим на страницу текст «Все о компьютере»:
Все о компьютере

Шаблон веб-страницы
<тitlе>компьютер
все о компьютере

Как сохранить веб-страницу
1. Cоздать для сайта специальную папку и сохранять все файлы сайта в этой папке.
2. Web-страницу сохранить в виде файла с именем index.html - это титульный лист сайта
Расширения файла Web-страницы – .htm или .html

Создаем свой сайт….
Имя Web-страницы должно в максимальной степени соответствовать ее содержанию.
1. В Блокнот ввести HTML-код Web-страницы.
2. Сохранить файл под именем index.html в папке сайта. Выбрать тип файла – «Все файлы».
3. Открыть этот файл в браузере для просмотра