Нас утро встречает прохладой
Практическая работа 2.1 Текстовый редактор Блокнот. Создание простейшего HTML-документа Форматирование шрифта и абзаца Цель работы: Научиться создавать простейший гипертекстовый документ средствами текстового редактора Блокнот. Научиться использовать теги форматирования шрифта и абзаца. Вставлять рисунки в документ. Порядок выполнения работы 1. Открыть Блокнот и создать файл с гипертекстовым документом: · ввести текст: Приветствую Вас на моей первой web-страничке! · Сохранить файл в Вашей папке. При сохранении, в окне диалога Сохранить как… в строке Тип файла: выбрать вариант Все файлы (*.*) , а в строке Имя файла задать имя с расширением .htm, например 1_name.htm(где name – ваше имя) · Свернуть документ (Блокнот не закрывать!), найти пиктограмму только, что созданного файла.Открыть его. Проанализировать, с помощью какого приложения отображается файл и как выглядит введенная фраза. 2. Вернуться в Блокнот. Ввести теги, определяющие структуру html-документа: ВАЖНО: Все теги, их конструкцию можно найти в таблицах в конце работы! · С помощью контекстного меню открыть файл с помощью редактора Блокнот. Ввести приведенные ниже теги, в разделе заголовка документа (между тегами <TITLE></TITLE>)указать свою фамилию. <HTML> <HEAD><TITLE>Фамилия</TITLE> </HEAD> <BODY> Приветствую Вас на моей первой web-страничке! </BODY> </HTML> · Сохранить документ под тем же именем, обновить его отображение в браузере (выполнить Вид/Обновитьили нажать кнопку Обновить на панели инструментов). Проанализировать произошедшие изменения в отображении документа. 3. Отредактировать документ: · Вызвать меню браузереВид/Просмотр HTML-кода и добавить после текста «Приветствую Вас на моей первой web-страничке!»текст подписи: Студент группы NNN Фамилия Имя Сохранить документ (но не закрывать) и обновить его просмотр в браузере. · Используя одиночный тег<BR>, отредактировать документ так, чтобы подпись начиналась с новой строки, а Фамилия Имя – в следующей строке. Просмотреть в браузере новый вариант. Внимание! После каждого изменения документ нужно сохранять, а просмотр в браузере начинать с обновления загрузки документа с помощью кнопки «Обновить» на панели инструментов. 4. Оформить фрагменты текста с помощью стилей Заголовков: · Первую строку документа оформить стилем Заголовок 1-го уровня с помощью парного тега <H1> …</H1>. Вторую строку оформить как Заголовок 6-го уровня, а третью как Заголовок 4-го уровня. · Просмотреть документ в браузере, изменяя настройку отображения шрифтов (меню Вид / Размер шрифта / Самый крупный, Средний, МелкийиСамый мелкий). · Поменять стиль оформления первой строки на Заголовок 2 уровня, второй строки - на Заголовок 5 уровня, последней строки - на Заголовок 3-го уровня. 5. Выполнить форматирование шрифта: · После строки Фамилия Имя добавить еще одну строку текста Нас утро встречает прохладой · Оформить фразу по приведенному ниже образцу. 6. В слове УТРО все буквы должны иметьразные цветаВ слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим. · Оформить строку с подписью (Студент группы NNN Фамилия Имя) курсивом, размер шрифта задать относительным изменением. Использовать теги <FONTSIZE=«+2»>и<I> · Просмотреть полученный документ в браузере. 7. Выполнить форматирование абзацев: · Создать новый документ 2_name.htm, сохранить его в той же рабочей папке. · Ввести текст (использовать копирование текста из документа 1_name.htm): <HTML> <HEAD><TITLE>Фамилия</TITLE> </HEAD> <BODY> Приветствую Вас на моей второй web-страничке! <BR> Монолог Гамлета </BODY> </HTML> · Выровнять текст по центру. · Ввести текст: Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом... · Оформить выравнивание абзаца по ширине.Ограничить абзац горизонтальными разделительными линиями сверху и снизу, используя тег <HR>. Выровнять по центру. · Сохранить документ. · Просмотреть документ в окне браузера, изменяя размер окна. 8. Выполнить оформление списков: · Создать новый документ 3_name.htm, сохранить его в той же рабочей папке жесткого диска. · Ввести текст: <HTML> <HEAD><TITLE>Фамилия</TITLE> </HEAD> <BODY> Приветствую Вас на моей третьей web-страничке! </BODY> </HTML> · Дополнить текст документа (между тегами <BODY>…</BODY>) следующим текстом: Шрифты, · Оформить три последние строки как список нумерованный. Для этого использовать следующую конструкцию тегов: <OL> <LI> Шрифты, </LI> <LI> Заголовки, </LI> <LI> Абзацы </LI> </OL> · Поменять оформление списка на список маркированный. Использовать теги <UL>, </UL> · Создать «смешанный» список: Я знаю как оформлять: Шрифты · Размер · Цвет · Гарнитуру · Индексы Заголовки · От 1-го до 6-го уровня Абзацы · Выравнивание · Разрыв строк внутри абзаца · С использованием переформатирования.
Таблица 1. Таблица основных тегов HTML-документа. Теги форматирования шрифта и абзаца.
Таблица 2. Таблица основных цветов.
©2015 arhivinfo.ru Все права принадлежат авторам размещенных материалов.
|