Неистовой судьбы - иль против моря

Невзгод вооружиться, в бой вступить

И все покончить разом...

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. Какой вид тэга используется для вставки графического объекта?