Видеокурс по созданию сайтов | Создаем таблицы в среде Macromedia Dreamweaver | Какими браузерами пользуются посетители Рунета?
Видеокурс
Доступность и привлекательность текста
Комментарии к видеоурокам
Урок #17. Вставка таблиц.
25 минут
Все познается в сравнении
Если у вас есть материал с числовыми данными, то лучше представлять их в таблице. Обычные предложения для этого не годятся. Почему применение таблиц эффективно?
Табличные данные — это факты и только факты. Иногда полезно привести сухие цифры в виде таблицы и дать краткий комментарий о положении вещей и тенденциях. Таблицы — самый лучший способ представить информацию в сравнении.
Пользуясь случаем, представлю статистические данные моего сайта о количестве посетителей в % за два дня. Период между ними — полгода.
Таблица 1. Количество посетителей с разными браузерами
на
7 мая 2007 г.
и 1 ноября 2007 г.
| Наименование браузера | Доля, % на 7 мая 2007 г. |
Доля, % на 1 ноября 2007 г. |
Изменение, % |
| Explorer 6 | 72.2 | 65.9 | -6.3 |
| Opera 9 | 6.1 | 13.6 | +7.5 |
| Explorer 5 | 6.1 | 2.3 | -3.8 |
| Explorer 7 | 4.3 | 9.1 | +4.8 |
| Firefox 1 | 3.5 | 0.0 | -3.5 |
| Opera 8 | 3.5 | 1.1 | -2.4 |
| Opera 7 | 2.6 | 0.0 | -2.6 |
| Firefox 2 | 1.7 | 8.0 | +6.3 |
Посещаемость сайта на тот момент — 120-140 человек в сутки. Поэтому эту статистику нельзя назвать точной. Тем не менее мы можем судить о тенденциях: шестая версия Internet Explorer по-прежнему очень распространена — более 60% всех посетителей пользуются браузером, у которого большие проблемы с поддержкой веб-стандартов; тем не менее есть тенденция к уменьшению этой доли за счет перехода на седьмую версию Internet Explorer, Firefox 2 и Opera 9.
Исходя из табличных данных, доля посетителей Internet Explorer 7.0, Firefox 2 и Opera 9 составляет 30.7%. А это говорит о том, что времена безоговорочного лидерства Internet Explorer 6.0 прошли и веб-мастерам нужно заботиться о нормальном отображении сайта в других современных браузерах.
Доля пользователей Internet Explorer 6 в августе 2009 г. составляет всего 15-18% (при увеличении суточной посещаемости до 400-450 человек).
Нелишним будет добавить: игнорирование декларации DOCTYPE в блочных сайтах приводит к катастрофическим последствиям в Internet Explorer 6. Тогда о межбраузерной совместимости можно забыть. Соблюдайте стандарты и у вас будет несоизмеримо меньше проблем.
На видеоуроке я показываю, как создается подобная таблица и демонстрирую самые распространенные действия: объединение строк/рядов, деление строк/рядов, вставка столбцов; как управлять внешним видом таблицы посредством таблицы стилей.
Дополнительный урок (34 минуты) посвящен табличному макетированию. За это время создается сайт из 3 колонок, шапки и хвостовика.
Я не сторонник использовать таблицы при создании сайта, а именно этот способ наиболее распространен в наше время. Тем не менее урок дан, чтобы вы могли сравнить код табличного и дивного макетов.
В сети есть советы о том, что нужно использовать таблицы в качестве каркаса для сайта, а более мелкие детали формировать с помощью div-блоков (тоже не являюсь сторонником такого подхода). Особенно, когда речь идет о сложном дизайне. Поэтому этот урок, возможно, вам пригодится.
- Cоздаем удобочитаемый текст
- Повышаем видимость текста
- Работаем с изображениями
- Вставка изображений
- Создание и применение иконок
- flash-анимация
- GIF-анимация
- Работаем со ссылками
- Создаем всплывающие подсказки
- Ниспадающие CSS-меню
- Графическое меню
- Работаем со списками
- Фиксируем блоки
- Создаем рамки для блоков
- Вставка таблиц
- Оформляем аббревиатуры
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта