Домашние страницы.

Http://www.intuit.ru/department/internet/htmlintro/ (HTML)

Http://www.intuit.ru/department/internet/css/ (CSS)

Http://www.intuit.ru/department/internet/js/ (JavaScript)

Http://www.intuit.ru/department/internet/cgi/ (CGI)

Практические задания по теме разработка Web-узла:

Проектирование Web-узла. HTML-страницы. Каскадные таблицы стилей.

Методические указания:

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

- государственное учреждение;

- представительство банка;

- представительство компании;

- Internet-магазин;

- информационная служба

- и т.п.

При этом набор интерфейсных HTML-страниц можно разбить на следующие категории:

- домашняя страница (home page);

- навигационные страницы;

- информационные страницы;

- страницы обмена данными.

Каждый из этих типов страниц имеет свою собственную компоновку.

Домашние страницы.

Домашняя страница - это лицо узла. Здесь возможна наибольшая свобода в способах представления информации. Тем не менее, можно выделить, по крайней мере, два способа организации страницы:

- стиль “обложка”;

- стиль “газета”.

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

“Газета” характерна для информационных узлов, Internet-магазинов и узлов Internet-провайдеров и других организаций, предлагающих свои услуги через Internet. Этот тип домашней страницы имеет вертикальное и горизонтальное разбиение на отдельные составные части, в которые помещают меню и наиболее важные информационные сообщения и поля ввода для обратной связи между администрацией узла и пользователями узла.

Первая страница кроме особой компоновки должна задавать общий принцип навигации Web-узла и обеспечивать возможность обратную связь с пользователями.

Назовем основные компоненты домашней страницы:

- главное меню узла (часть навигационной карты или верхний уровень тематического рубрикатора Web-узла)

- логотип Web-узла

- графический “визуал”

- поля ввода и ссылки для обратной связи

- текстовый эквивалент графических компонентов навигации

Дополнительные компоненты, которые обычно используются в газетном стиле:

- рекламные банеры(свои и/или чужие);

- новости

- форма подписки пользователей

Все о чем до сих пор шла речь - это логическая структура домашней страницы. При проектировании узла ее лучше представлять графически. Рассмотрим два примера:

“Обложка” без рекламных банеров.

“Газета” с банерами

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

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