3.6.4. Импортируемые стили и правило @import

В настоящее время импортируемые стили поддерживаются не всеми браузерами, поэтому, применяя их, следует соблюдать осторожность. При импортировании стилей используется правило @import.

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

Правило @import сообщает браузеру, что файл стилей должен быть загружен с указанного адреса и использован в сочетании с текущими стилями.

Правило @import задается в одном из следующих форматов:

@import url(http://www.yourwebsitename.com/styles/style1)

или

@import "http://www.yourwebsitename.com/styles/style1"

URL может быть либо абсолютным, либо относительным. Относительный URL указывается в том случае, если файл стилей находится на том же сервере, что и Web-страница. В приведенных выше примерах задан абсолютный URL.

4.1. Формати графічних файлів Web-сторінок

Для розміщення в Інтернеті потрібно вибрати формат файла, в якому буде зберігатися графічне зображення. Незважаючи на те що сьогодні існують десятки різних графічних форматів, практично для оформлення документів HTML використовуються тільки два. Перший формат - це формат обміну графікою GIF (Graphics Interchange Format), другою - JPEG. Розглянемо особливості цих форматів, не заглиблюючись в неістотні технічні подробиці.

4.1.1. Формат jpeg

Історично формат GIF з'явився раніше у порівнянні з форматом JPEG. Цей формат має особливості, що роблять привабливим його використання в документах HTML, особливо для відображення багатоколірних фотографій.

Передусім формат JPEG допускає стиснення графічної інформацію з втратами. При підготовці файла в форматі JPEG можна указати допустимий процент втрати якості. Чим більше цей процент, тим менший об'єм дискового простору зажадається для зберігання файла і, що саме головне, тим менший час зажадається видаленому користувачеві для завантаження зображення.

Мінімізація розміру графічного зображення без істотних втрат якості - дуже важлива процедура Справа тут в тому, що в середньому інформація передається через мережу Internet з швидкістю приблизно 1-3 Кбайта в секунду, тому на завантаження великих зображень може піти дуже багато часу. Тому навіть і не думайте про те, щоб розмістити в документі HTML кольорову фотографію, що займає на диску 1 Мбайт: полічіть самі, скільки часу ця фотографія буде передаватися користувачеві.

Реальні об'єми зображень, які можливо використати, лежать в межах від декількох кілобайт до декількох десятків кілобайт. Якщо ж існує принципова необхідність розміщення в документі HTML графічного зображення високого дозволу, що займає багато місця, можна створити в документі посилання на це зображення у вигляді невеликої піктограми. Про те, як це зробити, буде розказано пізніше.

Інша перевага формату JPEG полягає в тому, що він дозволяє зберігати зображення з високим колірним дозволом (наприклад, утримуючі 16 млн. кольорів).

Чи є у формату JPEG недоліки? Звичайно, а як же без них. Найбільш помітний недолік алгоритму стиснення з втратою якості позначається при спробі стиснути зображення з великою кількістю чітких контурів, наприклад списів екрана або штріхових малюнків. Навіть при невеликих втратах якості контури розмиваються, що може виявитися абсолютно неприйнятно. Тому рекомендується застосовувати формат JPEG тільки для зберігання фотографій або малюнків з плавними переходами кольорів і яскравості.