- •Курсовой проект по Информатике
- •Основные положения
- •Структура html-документа
- •Раздел заголовка
- •Тело документа
- •Теги форматирования текста
- •Заголовки
- •Выделение фрагментов текста
- •Гиперссылки Абсолютные и относительные ссылки
- •Ссылки внутри одного документа
- •Тез базового пути
- •Форматы изображений и графические редакторы
- •Активные изображения или карты навигации
- •Интерактивные Web-страницы. Формы
- •Поля ввода
- •Переключатели
- •Списки выбора
- •Многострочный текстовый блок
- •Каскадные таблицы стилей
- •Синтаксис таблиц стилей
- •Включение стилевых таблиц в html-документ
- •Порядок и этапы выполнения курсового проекта Порядок проектирования и реализации сайта
- •Критерии оценки сайта.
- •Логическая структура сайта
- •Динамическая и статическая компоновка сайта
- •Системы навигации сайта
- •Организация документа.
- •Требования и критерии оценки курсового проекта
- •Содержание отчета по курсовому проекту
- •Рекомендуемая литература
Динамическая и статическая компоновка сайта
Современные видеокарты поддерживают несколько произвольно устанавливаемых видеорежимов, характеризующихся экранным разрешением и количеством цветов, используемых при отображении информации на экране компьютера. При открытии в одном и том же броузере какой-либо web-страницы она может отображаться не одинаковым образом в зависимости от используемого посетителем сайта экранного разрешения.
Для того чтобы избежать «съезжания» элементов html-документа друг относительно друга при изменении параметров экрана, применяется следующий прием: все компоненты web-страницы заключаются в соответствующие ячейки невидимой таблицы, при этом каждому объекту назначается одно, строго определенное положение. Данной таблице можно назначить строго определенную ширину в пикселах, например, 640 точек, после чего жестко позиционировать ее по центру экрана или «прижать» к левому его краю. Такой вариант компоновки сайта можно назвать статическим, поскольку ширина таблицы не меняется в зависимости от экранного разрешения. Разумеется, при изменении параметров экрана не происходит ни малейшего смещения элементов дизайна страницы.
Достоинства.
Простота алгоритма верстки документа. Оптимизировав страницу для отображения с экранным разрешением 640x480 точек, вы можете быть уверены, что при изменении пользовательских экранных настроек элементы дизайна не «поплывут».
Данный вариант компоновки сайта в большинстве случаев (при соблюдении ряда дополнительных условий) позволяет добиться идентичности отображения html-документа в броузерах MicrosoftInternet Explorer и Netscape Navigator.
Недостатки.
При отображении документа на компьютере с высоким экранным разрешением по краям экрана или с правой его стороны остается заметное пустое поле.
Другой подход — когда ширину невидимой таблицы, содержащей фрагменты web-страницы, задают в процентах от текущей ширины экрана. При увеличении экранного разрешения таблица «растягивается» по горизонтали, и все размещенные в ее ячейках элементы, позиционированные либо по центру, либо по краям столбцов, смещаются согласно установленному алгоритму. В силу того, что параметры таблицы изменяются в зависимости от настроек экрана, такой принцип компоновки html-документа можно назвать динамическим.
Достоинства.
Документ растягивается по всей ширине экрана, не остается неиспользованных пустых полей.
Недостатки.
Сложность верстки и отладки страницы, весьма часто проявляется неадекватность отображения таких документов в броузерах Microsoft Internet Explorer и Netscape Navigator.
Системы навигации сайта
Навигация по узлу - это тот механизм, который позволяет посетителю найти то, что вы хотите ему показать. От понятности системы навигации по узлу, продуманности ее элементов зависит, достигнет ли посетитель своей цели или уйдет, так и не разобравшись в дебрях документов. Именно удобная навигация, а не красивые картинки, заставляет посетителей возвращаться на ваш узел, так как они знают, что с легкостью найдут необходимый материал.