Главная страница статей --> Советы по фотошопу, графике и хитрости в построении php кода

Web2.0 Layout

Источник: realcoding.net

В продолжение темы веб.два.ноль хочу познакомить вас с интересной статьей. 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.

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



Похожие статьи:
- Понятия, термины и основы Java-скриптования
- Получение заголовка удаленной страницы
- Комплексное продвижение сайтов. Этапы. Преимущества. Недостатки
- Еще о функциональном программировании на Python
- Серверные включения SSI (часть 1)
- FAQ по MS SQL 7.0
- Google Page Creator
- Визуальный редактор для вашего сайта (TinyMCE)
- Ajax для Java разработчиков: Часть 1. Строим динамические приложения на языке Java
- Стилевые таблицы XSL
- AJAX FAQ для Java-разработчиков
- Статистика сайта - ответы на вопросы и не только...
- Python - основные концепции


Оглавление | Обсудить на форуме | Главная страница сайта | Карта сайта |

Контакты
Редакция:
[0.001]