1.8.Варианты заданий
Варианты предметной области:
Автомобили
Рыбы и животные Красного моря
Интегральные микросхемы
Компьютерные комплектующие
Галерея живописи
Самолёты II мировой войны
Реактивные самолеты
Комнатные растения
Рыбы Западной Сибири
Политические партии РФ
Футбольные клубы
Кулинарные рецепты
ВУЗы ХМАО-Югры
Музыкальные стили и направления
Кинофильмы
Арабские страны
Смартфоны
Варианты фреймовой структуры:
Вариант |
Расположение фреймов |
1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
1.9.Справочники и руководства
http://html.manual.ru/
http://htmlbook.ru/
2.Лабораторная работа №2. Использование каскадных таблиц стилей css
2.1.Назначение css
CSS (англ. Cascading Style Sheets – каскадные таблицы стилей) – формальный язык описания внешнего вида документа HTML или XHTML. CSS является базовой технологией в современном WEB.
Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. Содержимое (контент) и логическая структура документа хранится в HTML, а все что относится к внешнему виду документа - шрифт, цвет текста, фон, отступы и т.д. описывается в CSS. Использование CSS дает очень существенные преимущества:
управление отображением множества документов с помощью одной таблицы стилей;
более точный контроль над внешним видом страниц;
различные представления для разных носителей информации (экран, печать, и т. д.);
сложная и проработанная техника дизайна.
2.2. Включение css в документ html
Для того, чтобы применить таблицу стилей к HTML-документу, мы можем избрать один из трёх способов, либо комбинировать их:
применить внешние стили (в виде отдельного текстового .css-файла) с помощью элемента link;
встроить стили непосредственно в HTML-документ (в виде блока css-текста) с помощью элемента style;
применить inline-стиль, то есть назначить стиль конкретному HTML-элементу непосредственно в документе, с помощью HTML-атрибута style.
2.2.1.Внешние стили (external style sheets)
Применяются с помощью элемента <link>, который должен располагаться внутри элемента <head> и нигде более:
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” media=”all” />
Встретив в HTML-документе этот тег, браузер загрузит с сайта CSS-файл и применит к документу содержащиеся в нём стили. CSS-файл может содержать только инструкции CSS. Внешний файл со стилями удобен тем, что одни и те же стили можно применять ко множеству документов на сайте — в каждом из них достаточно лишь вписать одну строку с элементом link.
2.2.2.Таблицы стилей документа (document style sheets)
Стили документа располагаются непосредственно в HTML-документе и применяются только к нему. Иногда называются embedded style sheet (встроенный стиль).
CSS-стили и комментарии располагаются между открывающим и закрывающим тегами элемента style:
<style type=”text/css”>
...
</style>
Сам тег style (в отличие от link) может находиться в любой части документа, но обычно его размещают внутри элемента <head>.
2.2.3.Стили, встроенные в элемент (inline styles)
Иногда нужно назначить стиль отдельному элементу на странице, не применяя внешних стилей и элемента style. Типичный случай — элемент встречается единожды в документе или на сайте, но требует особого оформления. Это можно сделать при помощи атрибута style:
<p style=”color: red”>Абзац, выделенный красным цветом</p>
Атрибут style есть почти у всех HTML-элементов. Внутри атрибута style можно написать несколько CSS объявлений, разделённых точкой с запятой, фигурные скобки не используются.
Inline-стили, по возможности, не стоит использовать, т.к они смешивают содержимое документа и его дизайн, в то время как идеологически более правильно отделять содержимое документа и информацию о его оформлении.