Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

HTML

.pdf
Скачиваний:
21
Добавлен:
09.04.2015
Размер:
973.59 Кб
Скачать

Тег <iframe>

Синтаксис

<iframe>...</iframe>

Атрибуты

allowtransparency Устанавливает прозрачный фон фрейма, через который виден фон страницы.

frameborder Устанавливает, отображать границу вокруг фрейма или нет. height Высота фрейма.

hspace Горизонтальный отступ от фрейма до окружающего контента. marginheight Отступ сверху и снизу от содержания до границы фрейма. marginwidth Отступ слева и справа от содержания до границы фрейма. name Имя фрейма.

sandbox Позволяет задать ряд ограничений на контент загружаемый во фрейме. scrolling Способ отображения полосы прокрутки во фрейме.

seamless Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.

src Путь к файлу, содержимое которого будет загружаться во фрейм. srcdoc Хранит содержимое фрейма непосредственно в атрибуте. vspace Вертикальный отступ от фрейма до окружающего контента. width Ширина фрейма.

Фреймы (недостатки)

Фреймы скрывают адрес страницы, на которой находится посетитель, и всегда показывают только адрес сайта.

Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, нет ссылок на другие документы.

При переходе по ссылке со страницы результатов поиска(поисковой машины) браузер отобразит содержание контентного блока фрейма без остальных элементов страницы.

Параметры фреймов обладают свойством совершенно по разному отображаться в различных браузерах.

Фреймы более не поддерживаются в HTML5. Если они вам требуются, используйте другую версию HTML или <iframe> совместно со стилями.

Задание

Оформите двухколоночный макет(табличный или с помощью фреймов). Одна из колонок должна содержать навигационное меню, вторая — контент.

Примените полученый макет ко всем страницам из предыдущих заданий.

Организуйте навигацию между всеми страницами с помощью меню.

Блочная вёрстка

Выражение «блочная вёрстка» или вёрстка с помощью слоёв заключается в конструктивном использовании тегов <div> и стилей. При этом придерживаются следующих принципов.

Характерные черты

Разделение содержимого и оформления

Код HTML должен содержать только теги разметки и теги логического форматирования, а любое оформление выносится за пределы кода в стили. Такой подход позволяет независимо управлять видом элементов страницы и её содержимым.

Активное применение тега <div>

Благодаря этому тегу HTML-код распадается на ряд чётких наглядных блоков, код при этом получается более компактным, чем при табличной вёрстке, к тому же поисковые системы его лучше индексируют.

Таблицы применяются только для представления табличных данных

Фиксированный макет с одной

колонкой

Выбор ширины обусловлен разными условиями, но в основном, разрешением монитора пользователей. По статистике LiveInternet сайты в Рунете в основном посещают с разрешением 1280х1024 и 1024х768. Но видимая область страницы не равна ширине экрана, поскольку есть ещё вертикальная полоса прокрутки. С её учётом и некоторым запасом получим максимальную ширину фиксированного макета 980–990 пикселов.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]