воскресенье, 30 ноября 2014 г.

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

Задание 1.
  1. Создайте новое сообщение в личном блоге.
  2. Переключитесь в режим "HTML".
  3. Создайте с помощью тэгов таблицу следующего вида:
Расписание
День
Уроки
Пн.
Матем.
Рус.яз.
География
Вт.
Физика
Химия
Матем.
Ср.
Ин.яз.
Литература
Труд
  1. Заголовок таблицы - "Расписание" расположите по центру. Объедините 2-4 ячейки в первой строке.
  2. Задайте в первой ячейке первой строки зеленый фон, в следующих ячейках строки - графический фон. В ячейках 2-4 первого столбца задайте желтый фон.
  3. Задайте произвольный шрифт и цвет для слова "Уроки". Другой цвет и шрифт используйте для названий предметов.
  4. Задайте вертикальное выравнивание в 4 строке таблицы по низу ячейки.
  5. Задайте толщину рамки таблицы  5 пикселов и измените ее цвет.
  6. Опубликуйте сообщение, проверьте оформление таблицы.
  7. Отправьте преподавателю приглашение к просмотру сообщения . 

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

Комментариев нет:

Отправить комментарий