Web Дизайн по стандартам 0735712018

Citation preview

Джеффри  Зельдман

Web-дизайн по  стандартам Школа Web-мастерства

NT Press Москва, 2005

УДК  004.738.5 ББК  32.973.26-018.2 3-48 Подписано в печать 20.05.2005.  Формат 70x90/16.  Гарнитура  "Баскервиль".  Печать офсетная. Усл. печ. л.  31,9. Тираж 5000 экз. Зак. № 5566. Зельдман  Д. 3-48  Web-дизайн по  стандартам  / Джеффри Зельдман  ;  Пер.  с  англ.  Г.  П.  Ковалева.  -  М.  :  НТ  Пресс,  2005.  -  440  с.  :  ил.  -  (Школа Web-мастерства). ISBN  5-477-00106-2 Автор книги - Джеффри Зельдман - последовательно и целенаправленно ведет читателя к пониманию необходимости перехода к Web-стандартам.  Издание описывает все основные технологии, необходимые для быстрого и эффективного перевода сайта на новый уровень, - XHTML, CSS, XML. Вы научитесь создавать красивые  сайты,  которые  будут  доступны  пользователям  как  альтернативных браузеров, так и мобильных устройств. Книга заставит вас иначе взглянуть на Webдизайн в частности и Интернет в целом; покажет, что будущее за стандартами W3C. Издание предназначено для дизайнеров, разработчиков, владельцев и менеджеров сайтов, желающих снизить затраты,  повысить работоспособность сайтов и охватить более широкий круг пользователей. Authorized  translation  from  the  English  language  edition,  entitled  DESIGNING WITH WEB STANDARDS,  1st  Edition,  ISBN  0735712018,  by  ZELDMAN, JEFFREY,  published  by Pearson  Education,  Inc,  publishing as New Riders,  Copyright ©  2004. All rights reserved. No part of this book may be reproduced  or transmitted in any form or by any means,  electronic or mechanical,  including photocopying,  recording or by any information storage  retrieval  system,  without  permission  from  Pearson  Education,  Inc.  RUSSIAN  language edition published by NT PUBLISHING HOUSE, Copyright © 2005.

УДК  004.738.5 ББК  32.973.26-018.2 Все  права защищены. Любая  часть этой  книги  не  может быть воспроизведена в  какой  бы  то ни  было  форме  и  какими бы то  ни  было  средствами  без письменного разрешения  владельца авторских  прав. Материал, изложенный в данной книге, многократно проверен. Но,  поскольку вероятность технических  ошибок все  равно  остается,  издательство  не  может гарантировать абсолютную точность и правильность приводимых сведений. В связи с этим издательство не несет ответственности  за  возможный  ущерб любого  вида,  связанный  с  применением  содержащихся  здесь  сведений.

ISBN  0-7357-1201-8  (англ.)  ISBN  5-477-00106-2  (рус.) 

Copyright  ©  New  Riders,  2004 ©  Издание  на  русском  языке, перевод  на  русский  язык, оформление НТ Пресс, 2005

Оглавление Введение 

; 

13

ЧАСТЬ I. Хьюстон, у нас проблемы 

27

Перед тем как начать 

28

Глава 1- 9 9 , 9 % сайтов устарели  Современные браузеры и Web-стандарты  Новый код для новой работы  Проблема версий  Устаревшее мышление  Устаревшая разметка: платят владельцы сайтов  Обратная совместимость  Блокировка доступа пользователей к сайту плохо влияет на бизнес  Дорога в город дураков  Как написать код для  сайта  Когда с плохим кодом происходят хорошие вещи  Плохой код может быть опасен для «жизни» вашего сайта  Решение  всех  проблем 

37 38 38 40 41 45 47 48 51 53 54 56 56

Глава 2.  Разработка и дизайн по стандартам  Через тернии к звездам  Цена дизайна до появления стандартов  Современный сайт и устаревшие методы  Три кита Web-стандартов  Структура  Внешний вид  Поведение  В действии  Преимущества переходной  модели  Web Standards Project: совместимость в действии  Один документ для всех  A List Apart: одна страница,  много видов  Дизайн за пределами экрана  Экономия времени и расходов, рост аудитории  Куда двигаться дальше?  Переходная модель совместимости  Строгая совместимость 

58 59 60 62 66 66 68 69 69 70 73 75 77 80 82 82 83 85

• 

6 88 88

Глава 3-  Неприятности со стандартами  Красивый сайт, ужасный код  Общие  цели  -  общие  средства  ..  Восприятие против реальности  2000:  год  появления  новых  браузеров  IE 5/Мас:  переключение и увеличение  Смелый  шаг  Netscape  Путь открыт  Слишком  мало,  слишком  поздно?  CSS:  первый сбой бесплатно  Плохие  браузеры  -  плохие  сайты  Проклятие устаревшего отображения  Наследование  Поведение  Время стандартных скриптов  пришло  Сбивающие  с т о л к у  сайты  и  ставящие  в  тупик  названия  Академичность  против  экономики  Консорциум предполагает, компании предлагают  Результат  против  стандартов  Слова  на  букву  «F»  Ценность  Flash  Проблема  Flash  Другие проблемы с Flash  Плохое  слово  «совместимость»  Сила языка  влияет на  восприятие  Проблема  вдохновения  Другие проблемы 

, 

89 90 93 '..  93 95 96 99 99 100 101 102 103 104 104 106 106 107 110 110 113 114 114 115 115 117

Глава 4.  XML завоевывает мир  Универсальный  языкХМ!_  Сравнение XML и  HTML  Дети одного родителя  Необходимая составляющая профессионального и потребительского ПО  ....  Более популярно,  чем  MTV  Пять причин  популярности XML  Неисчерпаемый  кладезь  изобретений  Средства Web-публикации  К вашим услугам  ХМL-приложения  и  ваш  сайт  Все еще в яслях  Совместимость  от  рождения  Новая  эра  сотрудничества  Тестовая среда и спецификации 

118 118 119 119 121 123 126 126 128 130 131 132 132 133 134

Создание тестовой среды  Web-стандарты  и  средства  авторской  разработки  Группа специалистов по  Dreamweaver  Визуальные  редакторы:  два  из  трех  не  так уж  и  плохи  FrontPage:  несовместимость от природы  Появление  разметки  CSS  Кампания за обновление браузеров  Начало  потопа  Бесконечные  преобразования  М э й н с т р и м Web-стандартов  Коммерческие сайты  принимают вызов  Преобразования Wired  Digital  Внедрение стандартов с  помощью переходных методов  W3C  вступает  в  игру  Выводы  ЧАСТЬ  I I .  Д и з а й н  и  р а з р а б о т к а 

. 

, 

Глава  5.  Современный  код  Тайный  позор плохого  кода  Переформулировка  Выводы  Какой  XHTML  подходит  вам  10 главных причин перехода на XHTML  5 главных причин не переходить на XHTML  Глава  6.  X H T M L :  р е с т р у к т у р и з а ц и я  С е т и  Преобразование  в XHTML:  простые  правила,  легкое  руководство  Точный D O C T Y P E M пространство имен  Укажите  кодировку страницы  Пишите все теги  в  нижнем  регистре  Заключайте  в кавычки  все значения атрибутов  Все атрибуты должны  иметь значения  Закрывайте  все теги  «Пустые»  теги  тоже  нужно закрывать  ,.  Не используйте двойное тире в комментариях  Кодируйте все символы