Замечание 1: Все выполненные задания и вспомогательные файлы сохранять (если это не оговорено особо) в вашей Личной папке.

Замечание 2: Создать в личной папке каталоги img и bg и заполнить эти папки рсунками из папок img и bg соответственно.

Замечание 3: Работа выполняется только с файлами, которые предварительно были сохранены в папке Sem01 или во вложенных в нее папках. Править файлы, находящиеся на сайте в сети Internet невозможно.

Замечание 4: После выполнения заданий удалить все ненужные файлы в вашей личной папке, закрыть все окна на рабочем столе и завершить работу с компьютером, если ваше занятие - последнее.

ВНИМАНИЕ! В файле Help.htm находятся дополнительные справочные материалы по языку HTML

Подтема 1: Форматирование текста (Шрифт и размер)

1. Откройте документ Text.htm в окне Браузера. Сохраните его в вашей Личной папке в папке Sem01.

2. Открыть сохраненный вами в вашей Личной папке файл Text.htm для редактирования (File/Edit Page или View/Page Source) и познакомиться со стилями оформления текста в зависимости от используемых операторов (Тэгов) языка HTML.

3. Изменить текст в строке Текст размера 1. Поменять Size=1 => Size=7 и Size=7 => Size=2 в строке Текст размера 7.

Подтема 2. Цвет текста и фона. Заголовки

1. Сохраните в вашей Личной папке в папке Sem01 файл ColorFon.htm и откройте его для редактирования. Ознакомтесь со способами выравнивания абзацев и выбора цвета текста.

2. Поменяйте цвет текста в строке "Текст, выровненный по левому краю!":
black -> magenta = #000080

3. Поменяйте цвет фона (добавить в Тег body перед закрывающейся скобкой > после пробела строку bgcolor=#RRGGBB, где вместо RR должно быть дано значение интенсивности красного (Red) цвета, вместо GG - зеленого (Green), BB - голубого (Blue)). Можно выбрать цвета из следующей таблицы (либо текстовое, либо цифровое представление, но не оба вместе)

4. Поменять уровни заголовков в части страницы Заголовки в документах HTML:
H1->H6, H2->H5, ... H6->H1. Изменить цвет заголовков на красный (red).

Подтема 3. Создание личной страницы

1. Сохраните в вашей Личной папке в папке Sem01 файл Index.htm Используя, как образец, оформление текста в файле Index.htm и удаляя ненужный текст, превратите этот файл в макет вашей личной страницы с текстом:
Личная страница (Ф.И.О.)
Студента (факультет, курс, группа, ....)
и наберите краткий абзац с информацией о вас, ваших интересах и
увлечениях (см. пример в файле Index.htm)

2. Поменять фоновый рисунок, заменив строку background="bg/Fon2.jpg"
внутри тега на строку background="bg/fon1.jpg",
или любой другой рисунок из папки img.

3. Вставить гиперссылку на файл Poisk.htm в строке зайдите на какой-либо поисковый сервер между кавычками:   "" заменить на "poisk.htm"

4. Вставить ссылку на сервер POGODA.RU:   http://www.pogoda.ru.

5. Вставить обратную ссылку на файл Index.htm из файла Poisk.htm к тексту
Вернуться на личную страницу.

6. То же самое, что в п. 5, но сделать гиперссылкой рисунок back.gif , который надо поместить в каталог img.

Подтема 4. Таблицы в HTML документах

1. Открыть файл Table.htm и coхранить файл в вашей личной папке, а рисунки к нему в папке img внутри личной папки. Перейтти к редактированию документа Table.htm. Поменять выравнивание во 2-й таблице: BORDER=8 align=right -> BORDER=0 align=center.

2. Поменять выравнивание: left -> center в таблице 3 и center -> right в таблице 4. Поменять цвет рамки Bordercolor= RED -> Bordercolor= green (magenta)

3. Посмотреть как вставляются рисунки в ячейки таблицы (Таблица 5). Настроить таблицу так, чтобы все ячейки таблицы были бы одинаковой
ширины и высоты: 140x90 пикселей,, а все рисунки - помещены в центр ячейки и имели размер 138*88 пикселей. Можно поменять изображения в ячейках, взяв их из каталога img. Посмотреть, как вставляется фон в ячейки таблицы. Поменять фон в последней ячейке таблицы 5: fon4.jpg -> fon5.gif (или другой по вашему выбору).