Презентация "Создание сайта в HTML"

ОСНОВЫ HTMLсоздание сайтов в текстовом редакторе

Чернышова Е.И.
МОУ СОШ № 10
Г.Хабаровск

Web-сайты и Web-страницы
HTML – язык разметки гипертекста
Задание для самостоятельного выполнения

Разработать тематический сайт «Компьютер», который содержит следующие страницы:
«Компьютер» - титульная страница (комментарий и рисунок)
«Программы» - классификация программного обеспечения (список)
«Словарь» - список компьютерных терминов (4-5 терминов)
«Комплектующие» - таблица цен на устройства компьютера (5 строк в таблице)
«Анкета» - интерактивная анкета для посетителей сайта, должна содержать текстовое поле, флажки, переключатели, списки, текстовую область, кнопки .
Все страницы должны содержать элементы навигации, позволяющие перемещаться по сайту в произвольном порядке и возвращаться на главную страницу с любого места сайта.
Предусмотреть оформление страниц в едином стиле.
Размещать сайт в Интернете не надо.

Публикации во всемирной паутине реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах, что обеспечивает возможность пользователю свободно перемещаться по сайту. Такие гиперссылки называют системой навигации сайта.
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию.

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.

Основными достоинствами HTML-документов являются:
Малый информационный объем;
Возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение БЛОКНОТ.

Создание Web-страницы
Структура Web-страницы
Заголовки
Форматирование текста
Изображения
Списки
Гиперссылки
Мета-тэги
Цветовые схемы
Таблицы
Интерактивные формы

Открыть окно текстового редактора БЛОКНОТ;
Набрать HTML-код страницы;
Сохранить под именем index.htm (обязательно титульная страница сайта называется этим именем), установив в поле Тип файла «все файлы»;