Задания к лабораторной работе №11

Задание 1.

1. Создайте новое сообщение в личном блоге.
2. Переключитесь в режим "HTML".
3. Добавьте элементы заголовков 1, 2 и 3 уровня - H1, H2 и H3.
4. Введите заголовки: 1-го уровня - "Язык разметки гипертекста", 2-го уровня - "Общие сведения об HTML", 3-го уровня - "Атрибуты элемента BODY".
5. Добавьте в сообщение 3 абзаца текста о соответствующих тэгах.
6. Добавьте в текст элементы выравнивания - по центру, по правой стороне и по ширине (по одному для каждого абзаца).
7. Добавьте еще один заголовок 3-го уровня - "Тэги форматирования" и разместите после него 2 абзаца текста. Выровняйте абзацы по центру и по левой стороне.
8. Примените для оформления в любом месте основного текста подчеркивание (U), полужирный (B), курсив (I), верхний и нижний индексы.
9. Измените текст шрифта, сделав заголовок 1-го уровня красным цветом, 2-го - желтым, 3-го - зеленым. Цвет шрифта абзацев текст сделайте синим цветом.
10. Под текстом разместите произвольное изображение размером не более 300х300 точек, выровняв его по центру.
11. Под изображением добавьте гиперссылку на блог с заданиями, использовав элемент <A>.
12. Опубликуйте сообщение, проверьте работу гиперссылки.
13. Отправьте преподавателю приглашение к просмотру сообщения . 

Задание 2.

1. Создайте новое сообщение в личном блоге.
2. Переключитесь в режим "HTML".
3. Тематика сообщения связана с созданием сайтов в сети Интернет. Текст и заголовки подбираются самостоятельно.
4. Создайте два заголовка 3-го уровня зеленого цвета, выровняйте их по ширине.
5. После каждого заголовка добавьте 2-3 абзаца текста на заданную тему. Выровняйте текст по левой стороне. 
6. Текст после 1-го заголовка оформите курсивом, размером 5, шрифтом Arial  и синим цветом. 
7. Текст после 2-го заголовка оформите полужирным , размером 4, шрифтом Verdana и красным цветом.  
8. Слева от первого текста добавьте изображение размером не более 300х300 точек. Другое изображение размером не более 300х300 точек добавьте справа от второго текста.
9. Первое изображение сделайте ссылкой на блог с заданиями.
10. В самом низу сообщения разместите две ссылки на сайты, информацией с которых вы пользовались при создании сообщения.
11. Выделите эти гиперссылки желтым фоном (элемент SPAN).
12. Опубликуйте сообщение, проверьте работу гиперссылок.
13. Отправьте преподавателю приглашение к просмотру сообщения.

Задание 3.

1. Создайте новое сообщение в личном блоге.
2. Переключитесь в режим "HTML".
3. Создайте заголовок 2-го уровня произвольного цвета - "Списки и определения". Выровняйте его по центру.
4. Создайте заголовок 3-го уровня произвольного цвета - "Список группы".
5. Создайте нумерованный список своей группы (элемент OL). В списке должно быть не менее 8 человек.
6. Оформите список шрифтом Courier и произвольным цветом.
7. Создайте заголовок 3-го уровня произвольного цвета - "Список предметов".
8. Создайте маркированный список изучаемых в этом семестре предметов (элемент UL). В списке должно быть не менее 5 предметов.
9. Оформите список произвольными шрифтом и  цветом.
10. Создайте заголовок 3-го уровня произвольного цвета - "Список определений в конфликтологии".
11. Создайте список из 3-х определений на тему "Конфликтология". Хотя бы одно определение должно иметь два описания.
12. Опубликуйте сообщение. Отправьте преподавателю приглашение к просмотру сообщения.

Задание 4.

1. Создайте новое сообщение в личном блоге.
2. Переключитесь в режим "HTML".
3. Создайте с помощью тэгов таблицу следующего вида:

Название сайта	Ссылка на сайт	Что на сайте может пригодиться для изучения HTML и Web-дизайна	Оценка сайту по 5-ти балльной шкале

Создайте таблицу такого вида в Документах Google, а затем, с помощью поисковых серверов, найдите 7 различных ресурсов и заполните таблицу. Откройте преподавателю доступ для чтения. Разместите ссылку на заполненную таблицу с помощью элемента А в том же сообщении, что и таблица из тэгов.