Основы организации веб-страниц

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

1. Простота оформления страницы. Не следует увлекаться всевозможными эффектами, если их использование не оправдано содержанием страницы.

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

3. Разделение информации на порции и ее структурирование. Использование заголовков различного уровня, маркированных списков, промежутков между абзацами, горизонтальных линий, картинок позволит упростить восприятие пользователем сплошного текста.

4. Разумные размеры страницы. Следует всегда внимательно следить за увеличением размера страницы. Неудобно пользоваться очень большими страницами. Лучше создать несколько страниц приемлемых размеров. С другой стороны, использование слишком коротких страниц считается дурным тоном, т.к. приходится слишком часто переходить с одной страницы на другую.

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

Планирование и организация сайта

Первый важный пункт – это аудитория пользователей. От этого зависит не только содержимое, но и организация сайта и используемые технологии. Дизайн сайта должен быть простой, но оригинальный. Нужная информация должна находиться пользователем как можно проще. Навигация по страницам сайта должна быть предельно понятной.

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

Пример. Карта сайта преподавателя

Главная страница (содержание, резюме)

информация статьи учебные общественная

о преподавателе издания деятельность

статья_1

у казания пособия учебники

статья_2 указания_1 пособие_1 учебник_1

статья_3 указания_2 пособие_2

Важным моментом является «устойчивость» дизайна, т.е. наличие на каждой странице текстовых ссылок, даже если для навигации используются ссылки в виде изображений, а также последовательность внешнего вида страниц.

Анатомия веб-страниц. Основные элементы документа

HTML-документы – это обычные текстовые файлы, содержащие элементы разметки – теги. Теги бывают парные (контейнерные элементы) и одиночные и могут содержать атрибуты – параметры, описывающие свойства элементов. Для создания HTML-страниц можно использовать любой текстовый редактор, который может редактировать ASCII-файлы (например, программу Блокнот), при условии правильного сохранения файлов. Такими условиями являются: формат файла (тип) – текстовый (текст DOS), расширение файла .htm или .html. Для просмотра созданного документа, найдите его с помощью Проводника или программы “Мой компьютер” и щелкните дважды по нему курсором мыши. Будет запущен браузер Интернета, и ваш документ загрузится в окно браузера. Другой способ просмотра веб-документа – запустить программу-браузер, в строке адреса указать протокол file:// и после него задать путь к документу на вашем компьютере и имя документа (включая расширение).

!!! Для быстрого редактирования веб-документа используйте кнопку «Редактировать» на панели инструментов браузера – выберите способ редактирования (Блокнот, Word, Front Page). Вы перейдете в режим редактирования HTML-кода. После внесения изменений в документ сохраните их на диске, а окне браузера для просмотра измененного документа нажмите кнопку «Обновить».