1. Контрольные вопросы

1. Понятие HTML-формы.

2. Виды управляющих элементов.

3. Синтаксис HTML-форм (тег<FORM>), их характеристики.

4. Для чего были разработаны и используются технология HTML-форм.

6. Практическая работа №6. Таблицы стилей css

   1. Цель работы

1. Изучить фреймовую модель построения web-страниц, возможности использования гипертекстовых ссылок во фреймах, правила организации фреймов и теги создания фреймов и параметры тега вставки гипертекстовых ссылок.

2. Получить навыки использования технологии фреймов и навигации в любой фреймовой модели при создании web-страниц.

1. Порядок выполнения работы

1. Ознакомиться с каскадными таблицами стилей CSS: методами связывания таблиц стилей сHTML-документами, правилами заданиями (определения стиля (селекторы, идентификаторы, определения и их значения), использованием классов в определении стилей, группирование и наследованием стилей при созданииweb-страниц (пункт 4.4).

2. Создать web-страницу, которая представлена следующим образом:

• web-страница использует таблицу стилей, подсоединенную методом связывания (за основу рекомендуется взять результаты практической работы №1 и №2); продемонстрировать использование не менее двух стилей к каждому элементуHTML-документу; в этой же таблице стилей определить классы и идентификаторы стилейCSS;

• в данном же HTML-документе использовать стили, определенные методом внедрения и методом встраивания в конкретный тегHTML-документа; объяснить, как применяются к одним и тем же элементамHTML-документа стили, заданные разными методами связывания, т.е. каскадирование (последовательное применение стилей к некоторому элементу языкаHTML, при котором устанавливается иерархия применения листов стилей).

3. Оформить отчет по практической работе №6 и защитить его у преподавателя. Пример титульный листа отчета по практической работе приведен в приложении А.

1. Содержание отчета

1. Титульный лист.

2. Формулировка задания на практическую работу №6.

3. Гипертекстовая разметка созданных web-страниц (HTML-код) и таблиц стилей CSS, выполненных в соответствии с пунктом 6.2.

4. Ответы на контрольные вопросы.

4. Методические указания

Основным понятием CSS является стиль, т. е. набор правил оформления и форматирования, который может быть применен к различным элементам web-страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (цвет, размер, положение на странице и т. п.) необходимо каждый раз описывать эти свойства, даже если на одной страничке должно располагаться большое количество таких элементов, ничуть не отличающихся один от другого. Другими словами, необходимо столько же раз (сколько таких элементов) вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.

CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик требуется один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который нужно оформить соответствующим образом, должен принять свойства стиля, описанного в таблице стилей.

Более того, можно сохранить описание стиля не в тексте web-страницы, а в отдельном файле – это позволит использовать описание стиля на любом количестве web-страниц, а также изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле. Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой.

Для управления форматированием HTML-документа можно использовать несколько таблиц стилей, при этом браузер определяет приоритетность применения таблиц. Возникает своего рода «каскад» таблиц, что определяет название технологии CSS – Cascade Style Sheets (каскадные таблицы стилей).