Лабораторная работа 30. Создание простейшего HTML-документа. Форматирование шрифта и абзаца Задание на выполнение 1. Создать файл с гипертекстовым документом: Запустить редактор Блокнот, ввести текст: Приветствую Вас на моей первой web-страничке! Сохранить файл в созданной папке. При сохранении, в окне диалога Сохранить как… в строке Тип файла: выбрать вариант Все файлы (*.*) , а в строке Имя файла задать имя с расширением .htm, например 1_name.htm (где name – ваше имя) Закрыть документ, найти его пиктограмму в окне Мой компьютер или в окне программы Проводник. Открыть файл. Проанализировать, с какого приложения отображается файл и как выглядит введенная фраза. 2. Ввести теги, определяющие структуру html-документа: С контекстного меню открыть файл с редактора Блокнот. Ввести приведенные ниже теги, в разделе заголовка документа (между тегами ) указать свою фамилию. Фамилия Приветствую Вас на моей первой web-страничке! 3. Сохранить документ под тем же именем. 4. Отредактировать документ: Открыть блокнот и добавить после текста «Приветствую Вас на моей первой web-страничке!» текст подписи: Студент группы NNN Фамилия Имя Сохранить документ (но не закрывать) и обновить его просмотр в браузере. Используя одиночный тег , отредактировать документ так, чтобы подпись начиналась с новой строки, а Фамилия Имя – в следующей строке. Просмотреть в браузере новый вариант. Внимание! После каждого изменения документ нужно сохранять, а просмотр в браузере начинать с обновления загрузки документа с кнопки «Обновить» на панели инструментов. 5. Оформить фрагменты текста с стилей Заголовков: Первую строку документа оформить стилем Заголовок 1-го уровня с парного тега … . Вторую строку оформить как Заголовок 6-го уровня, а третью как Заголовок 4-го уровня. Просмотреть документ в браузере, изменяя настройку отображения шрифтов (меню Вид / Размер шрифта / Самый крупный, Средний, Мелкий и Самый мелкий). Поменять стиль оформления первой строки на Заголовок 2 уровня, второй строки - на Заголовок 5 уровня, последней строки - на Заголовок 3-го уровня. 6. Выполнить форматирование шрифта: После строки Фамилия Имя добавить еще одну строку текста Нас утро встречает прохладой Оформить фразу по приведенному ниже образцу. В слове УТРО все буквы должны иметь разные цвета. В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим. Оформить строку с подписью (Студент группы NNN Фамилия Имя) курсивом, размер шрифта задать относительным изменением. Использовать теги и Просмотреть полученный документ в браузере. 7. Выполнить форматирование абзацев: Создать новый документ 2_name.htm, сохранить его в той же рабочей папке. Ввести текст (использовать копирование текста из документа 1_name.htm): Фамилия Приветствую Вас на моей второй web-страничке! Монолог Гамлета Выровнять текст по центру. Ввести текст: Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом... Оформить выравнивание абзаца по ширине. Ограничить абзац горизонтальными разделительными линиями сверху и снизу, используя тег . Скопировать монолог и разбить его на абзацы. Выровнять по центру. Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары Неистовой судьбы - иль против моря Невзгод вооружиться, в бой вступить И все покончить разом... Сохранить документ. Просмотреть документ в окне браузера, изменяя размер окна. 8. Выполнить оформление списков: Создать новый документ 3_name.htm, сохранить его в той же рабочей папке жесткого диска. Ввести текст: Фамилия Приветствую Вас на моей третьей web-страничке! · Дополнить текст документа (между тегами … ) следующим текстом: Я знаю как оформлять: Шрифты, Заголовки, Абзацы Оформить три последние строки как список нумерованный. Для этого использовать следующую конструкцию тегов: Шрифты, Заголовки, Абзацы · Поменять оформление списка на список маркированный. Использовать теги , · Создать «смешанный» список: Я знаю как оформлять: 1. Шрифты Размер Цвет Гарнитуру Индексы 2. Заголовки От 1-го до 6-го уровня 3. Абзацы Выравнивание Разрыв строк внутри абзаца С использованием переформатирования. 9. Предъявить результаты работы преподавателю.
