Четверг, 02.05.2024
Миг
Меню сайта
Категории каталога
Справочник [8]
Статьи в виде справочников.
Устройства сопряжения ISA [1]
Устройства сопряжения ISA Изготовление и подключение самодельных устройств. На данный момент шина ISA больше не используется в современных системах.
Шина PCI [0]
Всё о PCI
Настройка ОС [1]
Настройка различных ОС
Мини-чат
Наш опрос
Что вы хотите читать?
1. Анегдоты
2. Разное
3. Новости
4. Книги
5. Научные статьи
Всего ответов: 7
Главная » Статьи » Для электронщика » Справочник

Разработка структуры страниц
Разработка структуры страниц
Прежде чем переходить непосредственно к созданию Web-узла, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу.
Первая страница, на которой оказывается посетитель, это домашняя страницa. Она, несомненно, должна содержать заголовок, краткое описание разделов Web-узла, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле.
После того как вы определились с домашней страницей и размещаемой на 'ней информацией, необходимо перейти к разработке страниц второго уровня. Их количество должно определяться количеством основных разделов Web-узла. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии.
На страницах третьего уровня размещается уточняющая информация к основным разделам Web-узла
Замечание
Информацию об авторских правах, а также информацию для контактов можно разместить в колонтитулах страниц всех уровней.
Схема навигации
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Мы рассмотрели два полярных подхода к разработке схемы навигации. Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Панели ссылок
После того как разработана схема навигации, необходимо продумать названия навигационных ссылок, а также заголовки страниц, на которые с их помощью осуществляется переход. Названия ссылок должны соответствовать названиям представляемых ими материалов. В этом случае посетитель Web-узла имеет возможность определить, какую ссылку надо выбрать для просмотра той или иной информации.
Навигационные ссылки объединяют в панели ссылок, называемые также панелями навигации. Панели ссылок — это несколько расположенных рядом ссылок, предназначенных для перемещения между страницами Web-узла. Размещаются панели ссылок, как правило, на страницах в специально отведенных для них местах, называемых общими областями , в верхней части или с левой стороны страницы. Панели ссылок можно располагать и с правой стороны страницы. Но этого нежелательно делать, так как при просмотре Web-страницы в обозревателе с небольшим разрешением экрана эта область может быть не видна пользователю.
Элементы оформления Web-страниц
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы, фреймы. Рассмотрим кратко основные элементы, используемые в оформлении Web-страниц.
Текстовая информация
Текстовая информация, размещаемая на Web-странице, призвана знакомить посетителя Web-узла с интересующей его информацией.
Фон страницы
По умолчанию FrontPage предлагает для создаваемых Web-страниц белый фон. Вы можете изменить цвет фона, используя предлагаемые программой цвета, что не скажется на времени загрузки Web-узла. Для страниц, содержащих много текста, лучше использовать светлый однотонный фон. В этом случае текст будет легче читаться.
Чтобы сделать страницу более привлекательной, в качестве фона страницы может выступать графическое изображение. Но, выбирая рисунок для фона, помните, использование графического изображения приводит к увеличению размера файла, а соответственно, увеличивается и время загрузки страницы. К тому же рисунок фона не должен быть ярким, чтобы на нем была видна размещенная на Web-странице текстовая информация.
Горизонтальные линии
Для выделения заголовков, разделов текста, для разделения разной по тематике информации и просто для оформления Web-страниц используют горизонтальные линии. Размещение горизонтальной линии на Web-странице осуществляется командой Горизонтальная линия (Horizontal Line) ( ) из меню Вставка (Insert). Кроме того, страницы можно украсить графическими линиями. Образцы графических линий можете поискать в библиотеке графических изображений Clip Art.
Таблицы
При форматировании символов и абзацев Web-страницы используются .средства, которые могут игнорироваться некоторыми обозревателями, например, пустые строки. Учитывая это, для представления информации, содержащей текст и графические изображения, а также для выравнивания текста на Web-страницах можно использовать таблицы.
Общие области
Страницы Web-узла могут содержать повторяющуюся информацию о названии компании, контактных адресах, дате последней модификации, авторских правах, логотип компании. Для размещения информации, которая должна отображаться на всех страницах, нет необходимости открывать каждую страницу Web-узла и вводить данные. Вам достаточно создать на всех страницах общую область и ввести информацию в эту область один раз.
Общую область, располагаемую в верхней части страницы, можно использовать для размещения логотипа компании, заголовков страниц, панелей ссылок. Общую область, располагаемую в нижней части страницы, иногда называют нижним колонтитулом. В эту область обычно помещают информацию об авторских правах, дату обновления информации на Web-узле, адреса для контактов. Общую область по левому краю страницы удобно использовать для размещения панелей ссылок.
Предупреждение
Правую часть страниц желательно не использовать в качестве общей области. Это вызвано тем, что в зависимости от разрешения экрана монитора или размера окна обозревателя она не всегда помещается на экране и в этом случае для ее просмотра необходимо использовать полосу прокрутки, что не очень удобно.
Графические изображения
Графические изображения, находящиеся на Web-страницах, улучшают восприятие информации, делают страницы более яркими и запоминающимися. Графические изображения вы можете подготовить сами или использовать библиотеки графических файлов программных продуктов, таких как FrontPage, CorelDraw, PhotoShop и т.д.
При создании Web-узлов чаще всего применяют графические форматы JPEG (Joint Photographic Experts Group) и GIF (Graphics Interchange Format), являющиеся форматами со сжатием. Выбор формата определяется стоящими при разработке задачами. Так, например, GIF формат применяется для изображений, содержащих меньше 256 цветов, и используется, как правило, для создания анимационных эффектов. Если изображение содержит более 256 цветов, то применяется формат JPEG.
Графические изображения улучшают внешний вид страницы. Однако при создании Web-узла необходимо учитывать, что время загрузки страницы будет напрямую зависеть от размера размешенного на ней графического файла.


Темы оформления Web-страниц
Текст (цвет, размер и тип шрифта, стили абзацев)
Маркеры списков
Заголовки
Панели ссылок
Горизонтальные линии
Фоновое изображение
Цвет гиперссылок

Гиперссылки
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Фреймы
Существует два основных средства, позволяющих разбивать Web-страницу на области. Об одном из них мы уже говорили. Это таблицы. Вторым средством, управляющим размещением информации на Web-странице, являются фреймы . Они позволяют разбивать Web-страницы на прямоугольные области, в каждой из которых отображаются отдельные страницы.
Фреймы удобно использовать в случае, когда на Web-странице необходимо отображать информацию со сложной системой рубрикации. В этом случае используют фрейм, делящий страницу на две области. В одной области размещается оглавление со ссылками на разделы рубрикатора, а во второй — выбранная по ссылке Web-страница.
Категория: Справочник | Добавил: Drozdov (11.06.2010)
Просмотров: 519
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Поиск
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Используются технологии uCoz