grigoriev
TRANSCRIPT
![Page 1: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/1.jpg)
![Page 2: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/2.jpg)
Программа:Программа:
• жесткий план – поможет нам!
• размышления о текстах: «быть или не быть?»
• правильный текст и СПАМеру приятен
• держи себя в рамках дизайна!
![Page 3: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/3.jpg)
• Главная страница кратко: пресса, новости, о компании, часть каталога
• Каталог категорияподкатегориятовар (фото, описание, инструкция)
•О компаниифотонаградыистория
• Новостиновость (фото, текст)архив2008, 2009,…
Жесткий план – Жесткий план – поможет нам!поможет нам!
![Page 4: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/4.jpg)
Пример контента — изначально спроектированный раздел.
![Page 5: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/5.jpg)
Размышления о текстах: Размышления о текстах: «быть или не быть?»«быть или не быть?»
Легко читать, легко
запомнить, если
кратко и по делу!
![Page 6: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/6.jpg)
Пример постановки дополнительной информации — ссылки отдельные страницы.
![Page 7: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/7.jpg)
Пример постановки дополнительной информации — просмотр или скачивание отдельных файлов.
![Page 8: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/8.jpg)
Пример постановки дополнительной информации — раскрывающийся список.
![Page 9: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/9.jpg)
Пример постановки фотографий — фото-превью.
![Page 10: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/10.jpg)
Пример постановки таблицы — простая наглядная таблица.
![Page 11: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/11.jpg)
Пример постановки текста без таблицы.
![Page 12: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/12.jpg)
Правильный текст и Правильный текст и СПАМеру приятен!СПАМеру приятен!
Любой текст необходимо редактировать и типографить!
![Page 13: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/13.jpg)
Выравнивание текстаВыравнивание текста
![Page 14: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/14.jpg)
Пример постановки текста — параграфы.
![Page 15: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/15.jpg)
Пример постановки текста — список.
![Page 16: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/16.jpg)
Привязка символовПривязка символов
Тексты для веб`а и для типографии имеют одну цель, но разные способы достижения.
Тексты для веб`а и для типографии имеют одну цель, но разные способы достижения.
![Page 17: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/17.jpg)
Неразрывные символыНеразрывные символы
<nobr></nobr>
<nobr>+7 (812) 715-34-94</nobr>
![Page 18: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/18.jpg)
Не рекомендуется разлучать:Не рекомендуется разлучать:
• инициалы
• телефонные номера
• даты
• единицы измерения
• обозначения
• предлоги
• слова через дефис
• знаки препинания
с предыдущими словами
![Page 19: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/19.jpg)
тире —минус –
дефис -
Важна не только длина!Важна не только длина!
![Page 20: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/20.jpg)
Ковыряем кавычкиКовыряем кавычки
![Page 21: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/21.jpg)
Каждый символ на своем месте!Каждый символ на своем месте!
![Page 22: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/22.jpg)
!!Всегда надо использовать Всегда надо использовать специальные знаки, специальные знаки, не пытаясь их заменить.не пытаясь их заменить.
![Page 23: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/23.jpg)
Полезные ссылки:Полезные ссылки:
http://gramota.ru быстрая проверка ошибок
http://typograf.ru подготовка текстов к веб-изданию
http://artlebedev.ru/kovodstvo/ «Ководство» Артемия Лебедева
http://habrahabr.ru полезные статьи
http://ru.wikipedia.org символы, формулы
![Page 24: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/24.jpg)
Держись в рамках дизайна!Держись в рамках дизайна!
Пестрота и яркость
отпугивает и утомляет глаз
зрителя.
![Page 25: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/25.jpg)
Пример постановки текста с выделенной частью.
![Page 26: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/26.jpg)
Пример постановки текста с выделенной частью.
![Page 27: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/27.jpg)
Пример постановки текста с излишним выделением шрифта.
![Page 28: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/28.jpg)
Пример постановки текста с излишним выделением шрифта.
![Page 29: Grigoriev](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560e5e5d8b42a086e8b4ead/html5/thumbnails/29.jpg)
Нас не напугать вопросами!Нас не напугать вопросами!