Неистовой судьбы - иль против моря
Невзгод вооружиться, в бой вступить
И все покончить разом...
5.2. Оформить каждый из вариантов монолога (5 строк) как отдельный абзац с помощью тэга <P>. Выровнять английский текст по левому краю, а русский – по правому.
5.3. Скопировать русский вариант монолога и сформировать из него один абзац:
Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом...
Оформить выравнивание абзаца – «по ширине».
6. Оформление абзацев с помощью парного тега <PRE>.
6.1. Скопировать в конец документа английский вариант монолога, поместить его во внутрь тэга PRE и оформить по приведенному образцу "лесенкой":
To be, or not to be, that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles,
And by opposing, end them...
6.2. Сохранить документ first.htm, скопировать его на диске А: для дальнейшей работы.
7. Выполнить шрифтовое оформление документа.
7.1. Создать документ second.htmв Вашей папке на жестком диске. За основу документа взять файл first.htm, оставить в нем заголовок, английский вариант монолога и подпись. Заменить в тэге <TITLE> слово «первый» на «второй».
7.2. Оформить каждую строку текста монолога разным цветом.
7.3. 1-ю и 3-ю строки оформить полужирным шрифтом, 2-ю и 4-ю – курсивом, 5-ю – подчеркнутым.
8. Оформление списков.
8.1. Дополнить текст документа - ввести после заголовка еще три строки:
Я знаю как оформлять:
Заголовки,
Абзацы
8.2. Оформить две последние строки как список нумерованный
8.3. Дополнить список своих знаний. Например, между пунктами "Заголовки" и "Абзацы" добавить пункт "Текст". Проанализировать, как изменилась нумерация элементов списка.
8.4. Создать вложенный список. Добавить уточнение видов оформления шрифтов и абзацев и оформить полученный список по следующему образцу.
Я знаю как оформлять:
I. Шрифты
· Размер
· Цвет
· Гарнитуру
II. Заголовки
· От 1-го до 6-го уровня
III. Абзацы
· Выравнивание
· Разрыв строк внутри абзаца
· Использовать преформатирование.
9. Вставить в текст рисунок.
9.1. Создать дополнительную папку Рисунки. Подготовить в редакторе Paint свой автопортрет, размером 3X4 см (60x80 точек). Сохранить файл в папке Рисунки четыре раза в разных форматах (разного типа):
24-х разрядный рисунок (*.bmp) - под именем pic_24.bmp,
16-ти цветный рисунок (*.bmp) - под именем pic_16.bmp,
Формат GIF (*.gif) - под именем pic_g.gif,
Формат JPEG (*.jpg, *.jpeg) - под именем pic_j.jpg.
Сопоставить качество и размер рисунков. Оптимальный вариант разместить в рабочей папке под именем pic_1.gif (если Вы выбрали формат GIF).
9.2. Вставить рисунок в начало документа - перед заголовком поместить тэг:
<IMG SRC="pic1.gif">
Просмотреть результат в Браузере.
9.3. Выровнять рисунок по левому краю (ввести в тэг рисунка атрибут выравнивания). Просмотреть результат обтекания в Браузере.
9.4. Дополнить тэг рисунка атрибутами задающими размер рисунка и альтернативный текст "Это мой автопортрет".
9.5. Сделать копию документа second.htmи рисунка на диске А:
10. Научиться оформлять фон HTML - документа.
10.1. Создать документ third.htm, взяв за основу документ second.htm.
10.1.1. Сохранить документ second.htm под именем third.htm. Отредактировать тэг <TITLE>, заменив слово «второй» на «третий». Отредактировать тэг <BODY>, введя в него атрибут цветового оформления фона BGCOLOR=
Задать значение атрибута в формате RGB (см. табл. основных цветов), подобрать цвет фона в светлых тонах.
10.2. Отредактировать документ first.htmтак, чтобы фон в нем задавался фоновым рисунком. В качестве рисунка можно использовать файл pic1.gif или любой другой цветной рисунок небольшого размера (несколько пикселей).
11. Продемонстрировать созданные документы преподавателю. Сохранить копии всех документов на диске A: для дальнейшей работы.
Часть 2. Работа с таблицами, создание гиперссылок
1. Создать новый HTML-документ, сохранить его в той же папке, что и предыдущие три файла, задать ему имя index.htm.
2. Разместить в документе следующие элементы.
2.1. В начале документа поместить заголовок:
Отчет по лабораторной работе – Создание HTML-документов.
2.2. Создать таблицу, состоящую из двух ячеек (без обрамления). В правой ячейке поместить рисунок – Ваш автопортрет, в левой – свои данные (фамилию, имя, учебную группу). Выполнить шрифтовое оформление текста.
2.3. Далее поместить текст: Мною созданы три документа!
2.4. Ниже разместить таблицу, состоящую из 3-х ячеек по приведенному образцу.
1-й документ | 2-й документ | 3-й документ |
2.5. Оформить таблицу. Таблица должна иметь рамку, «раскрасить» ячейки в светлые тона.
3. Связать созданные документы с помощью гиперссылок.
3.1. За текстом в каждой ячейки закрепить гиперссылку на соответствующий документ.
3.2. В конце документа ввести фразу: Пишите мне. Закрепить за ней гиперссылку на свой адрес e-mail.
3.3. В конце каждого документа поместить рисунок и закрепить за ним гиперссылку для возврата к файлу index.htm.
3.4. Сохранить все документы. Проверить переходы по гиперссылкам.
4. Оформить основной заголовок с помощью Бегущей строки.
5. Продемонстрировать созданные документы преподавателю.
Контрольные вопросы
1. Что означает понятие HTML-документ?
2. Каковы преимущества этого вида документа?
3. Что означает понятие «тэг»?
4. Какие разновидности тэгов существуют?
5. Что входит в состав объектов управления тэгами?
6. Какова структура НТМL-документа?
7. Какой вид тэга используется для вставки гиперссылки?
8. Какой вид тэга используется для создания таблицы?
9. Какой вид тэга используется для вставки графического объекта?