КАК ПИШУТ СОВРЕМЕННЫЕ САЙТЫ

ВЯЧЕСЛАВ БАЕВ

Спецвыпуск: Хакер, номер #067, стр. 067-012-3

6 НЕ ИСПОЛЬЗУЙ ДЛЯ НАПИСАНИЯ МНОГО КУРСИВНОГО ТЕКСТА, ЧТОБЫ НЕ УСЛОЖНЯТЬ ЧТЕНИЕ. ТАКЖЕ НЕ СТАВЬ МНОГО ВОСКЛИЦАТЕЛЬНЫХ ЗНАКОВ.

7 ССЫЛКИ ДОЛЖНЫ ВЫДЕЛЯТЬСЯ ВИЗУАЛЬНО, А ПРИ ИСПОЛЬЗОВАНИИ ССЫЛОК ПО ТЕКСТУ НЕ НУЖНО ПИСАТЬ СЛОВО «ССЫЛКА». ПРОСТО ВЫБЕРИ ПОДХОДЯЩЕЕ СЛОВО ИЛИ ГРУППУ СЛОВ ПО ТЕКСТУ И ОБЪЕДИНИ ИХ В ССЫЛКУ.

8 НЕ ДОЛЖНО БЫТЬ ГОРИЗОНТАЛЬНОЙ ПРОКРУТКИ.

[работа дизайнера]

Web-дизайнеры работают в основном в двух программах: Adobe Photoshop и Macromedia Flash. Изредка добавляют Adobe Illustrator и небольшие софтины для различных мелких задач, например создание иконки для сайта, изменение формата или размеров видеороликов. Также в комплекте с основными программами необходимо иметь подборку шрифтов (с программой Adobe Type Manager) и клипартов.

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

Макет разработанной страницы состоит из множества слоев, что позволяет легко вырезать из него нужные элементы. Основные границы или прослеживающиеся места установки элементов дизайна отмечаются на макете направляющими. Для контентной части макета используются только основные шрифты, поставляемые с операционной системой (например Verdana, Tahoma), чтобы любой посетитель мог ознакомиться с информацией (по крайней мере тот, у кого установлена русская или английская локализация операционной системы).

Верстка сайта

В первую очередь верстальщик должен представить себе статичную картинку (макет) в виде готового сайта и заранее предусмотреть, какой контент заказчик сможет залить на сайт. Верстка не должна разъезжаться (вне зависимости от контента).

Тенденции времени требуют от разработчиков сайта (и от верстальщика) все большего и большего мастерства. Главная задача верстальщика — сделать код, отвечающий нескольким требованиям: хорошая индексируемость, корректное отображения в любых браузерах, возможность модифицировать страницу без серьезных затруднений. Последнее особенно актуально, если сайт работает под управлением CMS.

Для лучшей индексируемости сайта верстка должна соответствовать «правилам». К примеру, в DEFA Gruppe верстка производится по стандарту W3C, что помогает в дальнейшем, при изменении некоторых элементов дизайна, собрать все стили в одном месте в CSS. Немаловажно правильно расставить теги H1…H5. Текст, который должен привлекать внимание, выделяется тегами <strong>. Обязательно присутствие атрибутов title на основных ссылках, прописывание атрибутов alt на картинках (которые, кстати, очень помогают пользоваться сайтом, если по какой-то причине невозможно подгрузить рисунки) и т.д.

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