Предыдущий ролик Следующий ролик  

Видео урок: Почему важны стандарты

Основы веб-дизайна

Временами вы можете слышать от кого-то, что сайт, цитирую, "соответствует стандартам", или можете читать статью, в которой упоминается о веб-стандартах. При этом вы действительно можете даже не знать, что это такое. Чтобы разобраться в том, что же из себя представляют эти веб-стандарты, я хочу для начала поговорить о поездах, да-да, о поездах. Как известно, в начале 19-го века конкурирующие железнодорожные компании Англии строили новые железнодорожные пути так быстро, как только могли. Эта отрасль постоянно развивалась, и каждая компания стремилась занять доминирующее положение на рынке.

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

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

Я это знаю, потому что сам так делал. Это сумасшествие привело к появлению рабочей группы по разработке веб-стандартов - Web Standards Project, что стало серьезным результатом работы дизайнеров, разработчиков и компаний по стандартизации веб-разработки. К счастью, у них все получилось. И на сегодняшний день почти все веб-клиенты в той или иной степени поддерживают веб-стандарты. Чтобы ознакомиться с этими стандартами, необходимо посетить страницу проекта W3C, w3.org, и прочитать технические требования, касающиеся HTML, CSS и тому подобного.

Кроме того, можно посетить сайт стандарта ECMA, ecma-international.org, чтобы ознакомиться с техническими требованиями, предъявляемыми к языку ECMAScript, на котором построен JavaScript. Как веб-дизайнеру, доступ к этим документам позволяет вам, глядя на исходный код, убедиться, что разработка сайтов выполняется должным образом. Звучит здорово, но какие же реальные преимущества вы приобретаете, изучая и используя веб-стандарты? Во-первых, как я уже говорил, это избавляет вас от необходимости создания нескольких версий сайтов. Один раз создали, и точно знаете, что он будет поддерживаться во всех браузерах.

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

Это своего рода путешествие во времени. Благодаря этому контент удобнее перемещать, искать, при этом он становится более открытым. И еще много всяких возможностей. Позвольте объяснить, что я имею в виду. Создавая код на основе стандартов, вы делаете код более читабельным не только для пользователей, но и для устройств. Такие поисковики как Google для продвижения и сортировки информации используют семантические правила веб-стандартов. В связи с этим ваши сайты с большей вероятностью займут лучшую позицию в результатах поиска, если будут соответствовать веб-стандартам и иметь соответствующую структуру.

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