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

Web-дизайн по стандартамАвтор: Джеффри Зельдман.
Серия: Школа веб-мастерства.

Джеффри Зельдман последовательно и целенаправленно ведет читателя к пониманию необходимости перехода к Web-стандартам. Издание описывает все основные технологии, необходимые для быстрого и эффективного перевода сайта на новый уровень, — XHTML, CSS, XML. Вы научитесь создавать красивые сайты, которые будут доступны пользователям как альтернативных браузеров, так и мобильных устройств. Книга заставит вас иначе взглянуть на Web-дизайн в частности и Интернет в целом; покажет, что будущее за стандартами WЗC.

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

Отзывы. Очень интересная и поучительная книга. То, что автор приводит болшое количество примеров, как не надо делать, способствует тому, что читатель обращает внимание на то, что он сам именно так и делал или делает до сих пор. Большое внимание необходимости придерживаться стандартов тоже оправдано, т.к. многие не обращают внимания на стандарты, просто не понимая их значимости для других.
Мне эта книга была очень полезна в свое время, т.к. многое из прочитанного в части отступления от стандартов использовал сам. Теперь моим принципом стало, следование стандартам настолько, насколько это возможно. Семернин Евгений. Читать другие отзывы на ozon.ru

Создание сайтов

16.07.08. Создание сайта «Курсы английского языка в Уфе».

01.07.08. Создание сайта «Рудольф Нуреев: биография, воспоминания, фотографии, статьи, интервью».

Web-студии и web-стандарты —
две вещи несовместные?

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

«Мы умеем делать красиво»

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

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

Какой вид при этом приобретает HTML-код? Это тьма-тьмущая табличных тегов (table, tr, td), которые по своему весу намного превосходят вес слов. Такой исходный текст не дает представления о структуре документа.

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

Какие недостатки имеет избыточный HTML-код?

Вечная красота

HTML-код сайта увеличивается не только за счет табличных тегов, но и за счет оформительского кода, который можно было бы без проблем убрать в таблицу стилей. Складывается впечатление, что некоторые веб-студии как будто специально стремятся обойтись без CSS.

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

Поисковые роботы тоже плачут

Поисковым роботам, как и посетителям, нужен контент. А теперь посмотрите. пожалуйста, на этот код:

<TABLE width=100% height=100% cellpadding="0" cellspacing="0" border="0">
<TR><TD>
<table width=100% border="0" cellpadding="0" cellspacing="0" background="/images/shapka_01.gif">
<tr>
<td><img src="/images/1x1.gif" width="20"></td>
<td><img src="/images/logo.gif" width="60" height="66" alt="isBiz WEB-студия"></td>
<td><img src="/images/1x1.gif" width="10"></td>
<td><img src="/images/logo02.gif" width="210" height="66" alt="isBiz WEB-студия"></td>
<td width=100%><img src="/images/1x1.gif" width="480" height="66"></td>
</tr>
</table></TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF" height="1"></TD>
</TR>
<TR>
<TD>
<table border="0" cellpadding="0" cellspacing="0" width=100% background="/images/line_menu.gif">
<tr>
<td width=70%></td>
<td><img src="/images/1x2.gif" width="2" height="28"></td>
<td height="27" align="center"><a href="http://web.isbiz.ru" style="text-decoration:none;"><span class="menu_title">ГЛАВНАЯ</span></a><BR><img src="/images/1x1.gif" width="94" height="1"></td>

На этом участке кода есть одно слово «Главная» и два сочетания слов «isBiz WEB-студия» в теге alt. Основной текст этой страницы в коде начинается уже ближе к концу.

Я попала на этот сайт по запросу «web-студия». Надо заметить, что в Гугле сайт по этому запросу занимает 1 место, а в Яндексе — 10. Такие хорошие позиции сайт обеспечил за счет большого количества внешних ссылок, которые содержат это слово.

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

Конечно, заказчик не пожалеет денег и на раскрутку сайта. Но если вы хотите создать сайт самостоятельно и не переплачивать на раскрутку, то лучше соблюдать web-стандарты и освоить простые и нехитрые советы Кэрри Бикнера (Carrie Bickner), автора книги «Экономичный Web-дизайн».

Краткая информация. Серия: Школа web-мастерства. Эта книга о том, как создать профессионально выглядящий Web-сайт при ограниченных финансовых возможностях и как применить принципы малобюджетного проекта к каждому аспекту Web-производства: управлению сайтом, созданию интерфейса, дизайну, написанию текста, хостингу и поддержке сайта после запуска. Книга предназначена для тех, кто экономит не только свои средства, но также и свое время, кто стремится разработать качественный сайт за короткие сроки.

Отзывы. Книга написана интересно. Подскажет, как правильно организовать свою работу независимому веб-дизайнеру или небольшой дизайнерской фирме. Но, т.к. автор постоянно упоминает, что отоваривается на различных распродажах и блошиных рынках и экономит на всяких мелочах, складывается впечатление, что работой веб-дизайнера много не заработаешь :-)
Книга небольшая —- удобно брать с собой в дорогу. Илья Макраусов. Читать другие отзывы на ozon.ru.

Сколько стоит книжка? — 157 руб.

CSS. Рецепты программирования

CSS. Рецепты программирования.Автор: Кристофер Шмитт

Эта книга поможет Вам сэкономить время и быстро решить проблемы Web-дизайна. Большое количество рецептов для новичков и искушенных пользователей CSS, важные подсказки и хитрости помогут воплотить в жизнь Ваши лучшие дизайн-проекты.

Для выхода из затруднительных положений, возникающих в каждом проекте, книга предлагает готовые подробные примеры, скомпонованные для удобного быстрого поиска, сопровождающиеся пояснениями.

Дополненное обсуждением особенностей поведения новейших Web-обозревателей, включая Internet Explorer, Firefox и Opera, второе издание уделяет особое внимание сложному взаимодействию технологии CSS и графики.

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

Книга сокращает путь от теории к практике, предлагая решение следующих задач:

  • применение технологии CSS в программах Adobe Dreamweaver и Microsoft Expression Web Designer;
  • размещение элементов на странице с помощью плавающей модели, абсолютного и относительного позиционирования;
  • подробное описание популярных методов замещения HTML-текста изображением;
  • стилевое оформление элементов, определяющих типографику Web-страницы;
  • проектирование форм средствами CSS;
  • создание пользовательских навигационных меню;
  • разработка таблиц стилей для печати Web-страницы;
  • тестирование отображения Web-сайтов в различных Web-обозревателях с помощью одного компьютера.


Если Вам досаждают ошибки Web-обозревателей и для борьбы с ними Вам необходим программистский трюк или искусственный прием, обратитесь к книге — она поможет решить сотни распространенных проблем, связанных с таблицами стилей.

Купить на ozon.ru.