Posts Tagged ‘использование таблиц’

Основы CSS

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

Каскадные таблицы стилей (CSS) позволяет хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор элементов форматирования, который применяется к тексту документа, чтобы быстро изменить его внешний вид.

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

Другое преимущество CSS состоит в том, что стили предлагают намного больше возможностей для форматирования, нежели простой HTML.
(далее…)

Использование таблиц

Использование таблиц с невидимой границей для разделения страницы на блоки — довольно мощный прием для верстки веб-страниц, который нашел применение в большинстве сайтов.

Верстка с помощью таблиц используется в следующих случаях:
- выравнивание элементов на странице, по правой, левой стороне, по центру и их сочетание;
- создание колонок;
- заливка областей однородным цветом или фоном;
- создание вертикальных линий;
- объединение разрезанных кусочков изображений в одно;
- отступы вокруг текста;
- создание различных рамок.

Ниже описаны некоторые широко используемые приемы использования таблиц.

Создание колонок

Колонки легко делаются с помощью таблицы с двумя ячейками. Надо только задать параметр cellpadding или cellspacing отличным от нуля, чтобы осталось расстояние между колонками. (далее…)

ЧТО ДЕЛАТЬ?

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

Главная проблема таблиц в том, что они не могут загружаться в броузер пользователя последовательно, строка за строкой. Это вполне закономерно: чтобы нарисовать, например, первую строку таблицы, броузер должен сначала загрузить все последующие строки и ячейки, так как от их размеров зависит вид первой и всех остальных ячеек. Как следствие — пока вся таблица не загрузится в память компьютера пользователя, она не показывается на экране. В результате страница визуально (то есть по ощущениям пользователя) грузится очень долго. И, скорее всего, пользователю быстро надоест смотреть на пустой экран и он уйдет с вашего сайта куда-то еще.
(далее…)