Слайд 1Создание сайта средствами
HTML-редактирования
Слайд 2Методические указания и пояснения к работе:
Изучить теоретическую часть.
Выполнить практическую часть.
Составить
отчёт о проделанной работе в виде презентации со скриншотами.
Слайд 3Оглавление
Web-сайты и Web-страницы
HTML – язык разметки гипертекста
Задание для самостоятельного выполнения
Слайд 4Задание
для самостоятельного выполнения
Разработать тематический сайт «Компьютер», который содержит следующие
страницы:
«Компьютер» - титульная страница (комментарий и рисунок)
«Программы» - классификация программного
обеспечения (список)
«Словарь» - список компьютерных терминов (4-5 терминов)
«Комплектующие» - таблица цен на устройства компьютера (5 строк в таблице)
«Анкета» - интерактивная анкета для посетителей сайта, должна содержать текстовое поле, флажки, переключатели, списки, текстовую область, кнопки .
Все страницы должны содержать элементы навигации, позволяющие перемещаться по сайту в произвольном порядке и возвращаться на главную страницу с любого места сайта.
Предусмотреть оформление страниц в едином стиле.
Размещать сайт в Интернете не надо.
Слайд 5Web-сайты и Web-страницы
Публикации во всемирной паутине реализуются в форме Web-сайтов.
Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную
какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах, что обеспечивает возможность пользователю свободно перемещаться по сайту. Такие гиперссылки называют системой навигации сайта.
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию.
Слайд 6 Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML состоит в том, что в обычный текстовый документ
вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.
Основными достоинствами HTML-документов являются:
Малый информационный объем;
Возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.
Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение БЛОКНОТ.
Слайд 7HTML – язык разметки гипертекста
Создание Web-страницы
Структура Web-страницы
Заголовки
Форматирование текста
Изображения
Списки
Гиперссылки
Мета-тэги
Цветовые
схемы
Таблицы
Интерактивные формы
Слайд 8Создание Web-страницы
Открыть окно текстового редактора БЛОКНОТ;
Набрать HTML-код страницы;
Сохранить под именем
index.htm (обязательно титульная страница сайта называется этим именем), установив в
поле Тип файла «все файлы»;
Слайд 9Запустить браузер и открыть созданный файл командой [Файл – открыть]
(или двойным щелчком левой кнопки мыши непосредственно по значку файла).
В заголовке окна браузера высвечивается название Web-страницы (текст, записанный в тэге )
Для корректной работы сайта все объекты, используемые в нем (файлы, рисунки и т.д.), должны храниться в одной папке с файлом index.htm. Обычно для сайта создают отдельную папку.
Слайд 10Структура Web-страницы
Вид Web-страницы задается тэгами, которые заключаются в угловые скобки.
Тэги могут быть одиночными или парными, для которых обязательно наличие
открывающего и закрывающего тэгов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
Любая страница должна иметь следующую структуру:
Например:
Компьютер
Все о компьютере
Слайд 11Структура Web-страницы
HTML-код страницы помещается внутрь контейнера . Без этих
тэгов браузер не в состоянии определить формат документа и правильно
его интерпретировать.
Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для её правильного отображения.
Название Web-страницы содержится в контейнере и отображается в строке заголовка браузера пи просмотре страницы.
Основное содержание страницы помещается в контейнер и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и т.д.
Слайд 12Структура Web-страницы
Пусть файл index.htm, содержит такой HTML-код:
Компьютер
Все о
компьютере