Web2.0 Layout

В продолжение темы веб.два.ноль хочу познакомить вас с интересной статьей. Jakob Skjerning, автор Mentalized, в октябре 2005 (!) опубликовал статью “Building your very own web2.0 layout” — пошаговый туториал по созданию лэйаута для сайта (сервиса), который претендует на звание web 2.0. Далее небольшой краткий обзор-перевод.

Шаг первый. Простота, минимализм, семантика и стандарты — вот главные ключевые слова. Возьмите обычный XHTML template, и “забейте” “рыбой”, настоящий контент будет потом.

Шаг второй. Белый фон, для текста в контенте Arial серого цвета (хотя я не согласен — Tahoma рулит!), огромные заголовки. Размер шрифта в контенте оставляем по умолчанию.

Шаг третий. Навигация должна быть горизонтальной. Идем на list-a-matic и получаем замечательную панель навигации. Под панель кладем фоновый цвет и увеличиваем отступ, чтобы по “кнопке” было легко кликать. Ссылки в контенте делаем зелеными, а при наведении — инверсию фоном.

Шаг четвертый. Слоган сайта (и другие важные надписи) немного увеличиваем и делаем фон. Главное, не забыть самый главный элемент, без которого не может быть ни одно web 2.0 лэйаута — градиент. В футере ставим ссылку на Creative Commons и кнопки валидности XHTML.

И шаг последний. Обязательно поместить на странице облако тегов. Финал.