Меню
Главная
Авторизация/Регистрация
 
Главная arrow Информатика arrow Разработка web сайта на основе HTML с использованием JavaScript

Страничные отступы

В обычных книгах текст не начинается с самого края -- страничные поля выделяют информационные блоки и, следовательно, помогают глазам более комфортно воспринимать материал.

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

Обычное размещение

Размещение в таблице

Малютку сына - баю-бай! -Задать ребенку перцу!

"Алиса в стране Чудес"

Малютку сына - баю-бай! -Задать ребенку перцу!

"Алиса в стране Чудес"

Можно задать поля и при помощи пустых столбцов:

Размещение в таблице

Здесь border=1

 

Баюкай сына своегоХарактер голубиный!

"Алиса в стране Чудес"

 

 

Баюкай сына своегоХарактер голубиный!

"Алиса в стране Чудес"

 

Обычной практикой является комбинирование этих двух способов:

Размещение в таблице

Здесь border=1

 

Баюкай сына своегоХарактер голубиный!

"Алиса в стране Чудес"

 

 

Баюкай сына своегоХарактер голубиный!

"Алиса в стране Чудес"

 

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

 

Крокодильчики моиПрямо как родные?

Это кем хрустите выГоловой качая?

"Алиса в стране Чудес"

Замечание

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

Многоколонная верстка

Используя таблицы, можно выводить на экран информацию в несколько колонок:

При свете дрянного керосинового фонаря Остап прочел из путеводителя:

"На правом высоком берегу - город Васюки. Отсюда отправляются лесные материалы, смола, лыко, рогожи, а сюда привозятся предметы широкого потребления для края, отстоящего на 50 километров от железной дороги.

 

В городе 8000 жителей, государственная картонная фабрика с 320 рабочими, маленький чугунолитейный, пивоваренный и кожевенный заводы. Из учебных заведений, кроме общеобразовательных, лесной техникум."

 
< Предыдущая   СОДЕРЖАНИЕ   Следующая >
 

Предметы
Агропромышленность
Банковское дело
БЖД
Бухучет и аудит
География
Документоведение
Естествознание
Журналистика
Инвестирование
Информатика
История
Культурология
Литература
Логика
Логистика
Маркетинг
Математика, химия, физика
Медицина
Менеджмент
Недвижимость
Педагогика
Политология
Политэкономия
Право
Психология
Региональная экономика
Религиоведение
Риторика
Социология
Статистика
Страховое дело
Техника
Товароведение
Туризм
Философия
Финансы
Экология
Экономика
Этика и эстетика
Прочее