miranda world

В. М. Домненко, М. В. Бурсов- Создание образовательных интернет-ресурсов стр.39


В. М. Домненко, М. В. Бурсов- Создание образовательных интернет-ресурсов стр.39

Самая простая НТМЬ-страница содержит текст, идущий сверху вниз единым блоком. Но обычно страницы имеют более сложную структуру, в которой можно выделить следующие блоки (рис. 4.5): логотип ©, навигационная панель © и другие навигационные элементы ©, банеры, информационные текстовые и графические блоки ©-©.

В. М. Домненко, М. В. Бурсов- Создание образовательных интернет-ресурсов

Рис. 4.5. Типовая компоновка страницы

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

Традиционной можно назвать следующую компоновку страницы (рис. 4.5). В левом верхнем углу расположен логотип ©, обычно являющийся ссылкой на заглавную страницу сайта. Часто функции логотипа выполняет заставка раздела. Раньше её называли банер, но сейчас банером (от англ. banner-заголовок, "шапка") принято называть рекламный графический блок. Нередко на главной странице это логотип, а на последующих - название раздела с определённым набором графики. Под логотипом слева располагается вертикальный блок главного навигационного меню ©. Кроме того, широко используется вариант горизонтального расположения элементов навигации сверху. В верхней части раздела располагается заголовок страницы, часто с набором графики ©, определяющий общую тему, суть страницы. Основную часть страницы занимает информационный блок ©. Справа от него возможно

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

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

Следующим важным моментом при разработке web-страниц является структурирование содержания документа. Оно обеспечивается средствами структурной HTML-разметки. Хотя на данный момент преобладают визуальные браузеры, все же существует большое количество альтернативных устройств - текстовых браузеров, программ читающих вслух страницы и т.п. Качественно выполненная структурная HTML-разметка однозначно передаст содержание страницы и сделает её одинаково доступной независимо от используемого устройства отображения.

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


⇐ Предыдущая страница| |Следующая страница ⇒

Материалы выложены в ознакомительных целях. Полная или частичная перепечатка разрешена при наличии гиперссылки на www.MirandaIM.info

 

Наш сайт открыт для взаимовыгодных отношений!
Пишите нам