Программа:Программа:

• жесткий план – поможет нам!

• размышления о текстах: «быть или не быть?»

• правильный текст и СПАМеру приятен

• держи себя в рамках дизайна!

• Главная страница кратко: пресса, новости, о компании, часть каталога

• Каталог категорияподкатегориятовар (фото, описание, инструкция)

•О компаниифотонаградыистория

• Новостиновость (фото, текст)архив2008, 2009,…

Жесткий план – Жесткий план – поможет нам!поможет нам!

Пример контента — изначально спроектированный раздел.

Размышления о текстах: Размышления о текстах: «быть или не быть?»«быть или не быть?»

Легко читать, легко

запомнить, если

кратко и по делу!

Пример постановки дополнительной информации — ссылки отдельные страницы.

Пример постановки дополнительной информации — просмотр или скачивание отдельных файлов.

Пример постановки дополнительной информации — раскрывающийся список.

Пример постановки фотографий — фото-превью.

Пример постановки таблицы — простая наглядная таблица.

Пример постановки текста без таблицы.

Правильный текст и Правильный текст и СПАМеру приятен!СПАМеру приятен!

Любой текст необходимо редактировать и типографить!

Выравнивание текстаВыравнивание текста

Пример постановки текста — параграфы.

Пример постановки текста — список.

Привязка символовПривязка символов

 

Тексты для веб`а и для типографии имеют одну цель, но разные способы достижения.

Тексты для веб`а и для типографии имеют одну цель, но разные способы достижения.

Неразрывные символыНеразрывные символы

<nobr></nobr>

<nobr>+7&nbsp;(812)&nbsp;715-34-94</nobr>

Не рекомендуется разлучать:Не рекомендуется разлучать:

• инициалы

• телефонные номера

• даты

• единицы измерения

• обозначения

• предлоги

• слова через дефис

• знаки препинания

с предыдущими словами

тире —минус –

дефис -

Важна не только длина!Важна не только длина!

Ковыряем кавычкиКовыряем кавычки

Каждый символ на своем месте!Каждый символ на своем месте!

!!Всегда надо использовать Всегда надо использовать специальные знаки, специальные знаки, не пытаясь их заменить.не пытаясь их заменить.

Полезные ссылки:Полезные ссылки:

http://gramota.ru быстрая проверка ошибок

http://typograf.ru подготовка текстов к веб-изданию

http://artlebedev.ru/kovodstvo/ «Ководство» Артемия Лебедева

http://habrahabr.ru полезные статьи

http://ru.wikipedia.org символы, формулы

Держись в рамках дизайна!Держись в рамках дизайна!

Пестрота и яркость

отпугивает и утомляет глаз

зрителя.

Пример постановки текста с выделенной частью.

Пример постановки текста с выделенной частью.

Пример постановки текста с излишним выделением шрифта.

Пример постановки текста с излишним выделением шрифта.

Нас не напугать вопросами!Нас не напугать вопросами!