» Форма входа

»Мoy-weB ver.4.1

» Статистика

 Главная » 2008 » Сентябрь » 20 » Web2.0 Layout

Web2.0 Layout
20.Сен.2008 | 17:58:06

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.

И шаг последний. Обязательно поместить на странице облако тегов. Финал.
Категория: Статьй и уроки | Просмотров: 499 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]