Краткая теория
Полный шаблон страницы для выполнения упражнений, за исключением HTML5, должен иметь вид:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML lang="ru"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE type="text/css">@import url(main.css);</STYLE> <TITLE>Заголовок окна</TITLE> </HEAD> <BODY> Содержимое примера </BODY> </HTML>
Об отметках
"5" - выполнение упражнения повышенной сложности, отмечено двумя звездочками "**".
"4" - выполнение упражнения со степенью cложности выше средней, отмечено одной звездочкой "*".
"3" - выполнение упражнения средней сложности, не отмечено никакими специальными знаками.
Упражнения
С помощью поисковой машины Google.ru найти ответы на следующие вопросы и выполнить задания. Ответы на вопросы, связанные с технической стороной выполнения заданий, найти с помощью поисковой машины.
Изучите основные источники внизу страницы.
Используя приведенные ниже источники, письменно выполните в отчете к лабораторной работе следующие задания:
В электронном учебнике "Web-конструировние 2" изучите схему файла с каскадной таблицей стилей и начертите ее в отчете.
Выпишите три способа назначения стиля элементам HTML-документа.
Определите, какие команды и параметры будут нужны при выполнении перечисленных ниже упражнений и запишите примеры их использования в тетради
Подготовьте три файла с шаблонами: 00.htm, 02.htm, 03.htm и т.д. Воспользуйтесь вышеприведенным, в Краткой теории, образцом. Следующие упражнения выполните в этих файлах по-отдельности.
Скопируйте этот текст в свой редактор через буфер обмена Windows. Приведенная ниже таблица содержит 7 заданий. Попробуйте получить красивое визуальное представление вашего документа.
Было когда-то на свете двадцать пять оловянных солдатиков. Все они были сыновьями одной матери — старой оловянной ложки — и, значит, приходились друг другу родными братьями. Они были очень красивы: ружье на плече, грудь колесом, мундир красный с синим. Чудо что за солдатики!
Г.-Х.Андерсен
Упражнение Патриотическое. Задайте фон списка из трех строк в цветах российского триколора и контрастным текстом.
*Используйте приведенные ниже источники и письменно ответьте в отчете к лабораторной работе на следующие вопросы: В чем проявляется эффективность при сопровождении сайта, который создан по принципу отделения оформления от содержания? Какие браузеры, каких версий полностью поддерживают стандарты HTML4.01, CSS2.1?
*Сконструируйте HTML-документ с применением стандартов HTML4.01 и CSS2.1. В качестве образца содержания и оформления возьмите Ваш сайт на Google Sites.
**Сконструируйте HTML-документ с применением стандарта HTML5. В качестве образца содержания и оформления возьмите Ваш сайт на Google Sites. Продемонстрируйте основные возможности стандарта HTML5: добавление графики в компоненте Canvas, проигрывание на web-странице аудио и видео.
Источники
Основные
Дополнительные