На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Web-дизайн

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

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

Изначально мы делали все для того, чтобы наши сайты работали в любом броузере. В мире нестандартного 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. Вне блока

Джеффри Зельдман (Jeffrey Zeldman), A List Apart

Перевод: Павел Филиппов
Источник: webmascon

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100