Задание 1.
- Создайте новое сообщение в личном блоге.
- Переключитесь в режим "HTML".
- Создайте с помощью тэгов таблицу следующего вида:
Расписание
День
|
Уроки
|
||
Пн.
|
Матем.
|
Рус.яз.
|
География
|
Вт.
|
Физика
|
Химия
|
Матем.
|
Ср.
|
Ин.яз.
|
Литература
|
Труд
|
- Заголовок таблицы - "Расписание" расположите по центру. Объедините 2-4 ячейки в первой строке.
- Задайте в первой ячейке первой строки зеленый фон, в следующих ячейках строки - графический фон. В ячейках 2-4 первого столбца задайте желтый фон.
- Задайте произвольный шрифт и цвет для слова "Уроки". Другой цвет и шрифт используйте для названий предметов.
- Задайте вертикальное выравнивание в 4 строке таблицы по низу ячейки.
- Задайте толщину рамки таблицы 5 пикселов и измените ее цвет.
- Опубликуйте сообщение, проверьте оформление таблицы.
- Отправьте преподавателю приглашение к просмотру сообщения .
- Создайте новое сообщение в личном блоге.
- Переключитесь в режим "HTML".
- Добавьте заголовок третьего уровня - "Что такое веб-дизайн?"
- Создайте с помощью тэгов таблицу из 2 столбцов и 3 строк, границу таблицы оставьте невидимой.
- В первую ячейку первой строки таблицы вставьте небольшой абзац текста на тему "Что такое веб-дизайн?" (2-3 предложения), выровняв его по ширине. Задайте произвольный цвет текста.
- Во вторую ячейку первой строки таблицы вставьте изображение размером не более 250х250 точек.
- Объедините все ячейки во второй строке и добавьте туда 3-4 предложения текста, выровняв его по ширине. Задайте произвольный цвет текста.
- Во первую ячейку третьей строки таблицы вставьте еще одно изображение размером не более 250х250 точек.
- Во вторую ячейку третьей строки таблицы вставьте небольшой абзац текста на тему "Что такое веб-дизайн?" (2-3 предложения), выровняв его по ширине. Задайте произвольный цвет текста.
- Под таблицей добавьте гиперссылку на источник информации, использовав элемент <A>.
- Опубликуйте сообщение, проверьте, как таблица изменяет оформление текста.
- Отправьте преподавателю приглашение к просмотру сообщения.
Задание 3.
- Создайте новое сообщение в личном блоге.
- Переключитесь в режим "HTML".
- Тематика сообщения связана с программами для веб-дизайна. Текст и заголовки подбираются самостоятельно.
- Создайте заголовок 3-го уровня, с помощью STYLE измените у него шрифт, цвет, выравнивание - по центру, сделайте полужирное начертание. Размер шрифта задайте 30 px.
- После заголовка добавьте 3 абзаца текста на заданную тему. С помощью STYLE измените у текста шрифт, цвет, выравнивание - по левой стороне, начертание - курсив. Размер шрифта задайте 14 pt. Задайте интервал между строками текста - 15 px.
- Под текстом введите заголовок 4-го уровня, с помощью STYLE измените у него шрифт, цвет, задайте желтый фон, расстояние между буквами 5 px.
- В самом низу сообщения разместите ссылку на сайт, информацией с которого вы пользовались при создании сообщения.
- С помощью STYLE измените у гиперссылки шрифт, цвет, выравнивание - по правой стороне, задайте цветной фон.
- Опубликуйте сообщение, проверьте работу гиперссылок.
- Отправьте преподавателю приглашение к просмотру сообщения.
Задание 4.
- Создайте новый опрос-тест в Диске Google, переименуйте его в "HTML".
- Добавьте два текстовых поля для ввода фамилии и имени.
- Создайте 20 вопросов по теме "Язык разметки гипертекста HTML" по тэгам HTML, использовав такие типы вопросов как "Один из списка", "Несколько из списка", "Выпадающий списка". Количество вариантов ответа в каждом вопросе - не менее 4.
- Задайте тему оформления опроса.
- С помощью команды "Файл, Встроить в веб-страницу" получите html-код формы и встройте ее в новое сообщение вашего блога в режиме HTML.
- Разошлите всем студентам своей группы приглашение к просмотру сообщения и попросите их пройти ваш текст.
- Перейдите в Документы Google и просмотрите файл с результатами опроса.
- Создайте новое сообщение в личном блоге и напишите, сколько человек прошло ваш опрос, на сколько вопросов каждый из них дал правильный ответ. Сделайте вывод о сложности своего теста. Опубликуйте сообщение.