От оформительских трюков к стандартам: путешествие дизайнера

От таблиц к стилям за пять простых шагов
автор: 2000 A List Apart
перевод: Павел Филиппов

Лицо Зельдмана и ссылка на информацию о нем ЕСТЬ ПУТЕШЕСТВИЯ, которые требуют от человека всей его решительности и присутствия духа. Наше - как раз из таких. Это путь от традиционного веб-дизайна, каким мы его понимали последние шесть лет - до методик, по которым будут строить сайты в будущем. Причем это будущее уже здесь. В нем вы и варитесь.

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

Мы решали одни проблемы, вместо них возникали новые. Netscape 4 игнорирует декларацию CSS {margin: 0;} ? Пригласим в тэг BODY "Четырех Всадников, Которые Никогда Не Пройдут Валидацию": LEFTMARGIN, TOPMARGIN, MARGINWIDTH, MARGINHEIGHT. IE4 не полностью поддерживает свойства границ? Сымитируем эти свойства с помощью вложенных таблиц. Вроде бы это не должно работать - но работает. Да и сайт должен был быть готов еще вчера. Что нам стоит дом построить? Нарисуем, будем жить.

ГДЕ МЫ БЫЛИ

Именно так конструировались сайты, начиная с 1995 года, и точно так же они строятся в наши дни. Это запутанное и утомительное занятие, недостаток логики в котором привел к возникновению рынка визуальных редакторов кода, наподобие Dreamweaver, GoLive и FrontPage. В то время как мы, пишущие код вручную, дико гордились собой. Гордились не качеством нашей работы, не соответствием стандарту, но неким высшим знанием того, какой нестандартный тэг или фрагмент на javascript решает ту или иную проблему отображения кода в том или ином идиотском броузере.

Мы ругали визуальные редакторы, но наш код был немногим лучше. Если мы не знали, как делается то или другое - вместо того, чтобы свериться со стандартами W3C или ECMA, мы обменивались разнообразными уловками в конференциях. А когда появлялся броузер, который действительно поддерживал стандарты, мы жаловались на то, как он портит наши HTML-документы и DHTML-код, ориентированный на определенные броузеры.

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

КУДА МЫ ИДЕМ

Все мы знаем, что будущее - за веб-стандартами. А веб-стандарты - это отделение стиля от содержания, представления от структуры, дизайна от данных.

Все мы знаем, что новейшие броузеры более или менее поддерживают веб-стандарты. IE5, Netscape 6, и Opera 5 предлагают поддержку CSS, HTML, и JavaScript/ECMAScript вполне достаточную для того, чтобы мы могли позволить себе отказаться от неуклюжих и устаревших методик и освободить сеть от оков табличного HTML-дизайна.

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

Я перешагнул черту. »

1. Путешествие начинается
2. Принимаем решение
3. Обдумываем разметку
4. Внутри блока
5. Вне блока


Рекомендую
Михаил Дубаков

Создание Web-страниц. Искусство верстки

Сравните цены:
на www.ozon.ru
на www.books.ru
на www.oz.by

Почитайте Главу 7
Почитайте Главу 9


Рекомендую
Михаил Дубаков

Веб-мастеринг средствами CSS

Сравните цены:
на www.ozon.ru
на www.books.ru
на www.oz.by

Почитайте Главу 5
Отзывы о книге



что такое система Орфус?

Все материалы данного сайта раздаются под лицензией Creative Commons License  2.0
подробнее
Webmascon Daily - RSS-формат

Журнал «Системный Администратор» — Online

  • — Удобное чтение online
  • — Архивы с 2003 года
  • — Оперативный выход новых номеров
  • — Более 50 номеров и 700 статей
  • — Бесплатные статьи

Все материалы лицензированы.

www.av5.com/jns

Удобный хостинг $6/мес.

  • — Поддержка PHP/Perl
  • — 500 Мб места на диске
  • — 15 Гб трафика в месяц
  • — Тестовые аккаунты
  • — Статистика
  • — MySQL база данных
  • — Панель управления
  • — SSH/FTP доступ
  • — 24x7x365 поддержка на русском
  • — Регистрация доменов
  • — Бесплатные поддомены
  • — 100+ PHP скриптов
www.av5.com


Rambler's Top100
Rating All.BY
Akavita
Valid XHTML 1.0!