Прежде чем отправить сайт на сервер, ответьте на вопросы:

Внешний вид

■     Выдержаны ли цвета, шрифты, графика в едином стиле?

■     У всех страниц должен быть один стиль, чтобы пользователь не думал, что попал уже на другой сайт, если просто перешёл по ссылке в другой раздел сайта.

■       Для того, чтобы найти нужную информацию, пользователю приходится делать не более 3х кликов?

■     Сбалансированы ли цвета дизайна страниц?

■     Сбалансирован ли макет страницы и не перегружена ли она информацией (особенно касается главных станиц)?

■     Качественна ли графика и сочетается ли она с остальными составляющими страницы?

■     Не мешает ли графика пользователю воспринимать информацию?

■     Не "режут" ли цвета сайта глаза?

■     Легко ли читается текст? Не сливается ли он с фоном?

■     Удобен ли сайт в просмотре? Помните, что постоянноая необходимость прокручивать станицу во все четыре сороны раздражает.

■     Доступна ли информация об авторских правах и обратная связь?

■     Ясно ли предназначение сайта?

       Структура и навигация

■   Организовано ли содержание логически?

■   Расположена ли навигация в одном и том же месте на всех страницах?

■   Все ли ссылки работают верно?

■   Понятно ли куда они ведут?

■   Просто ли использовать навигацию?

■   Нет ли «тупиковых» страниц?

■   Если в навигации использованы иконки, то есть ли к ним текстовое пояснение или всплывающие подсказки?

■     Понятно ли предназначение каждой страницы? Нет ли лишних?

■     Есть ли в навигации ссылка обратной связи?

■     Позволяет ли навигация вернуться на предыдущие подуровни?

■     Имеется ли понятный способ между последовательно связанными страницами и разделами

сайта?

      Контент (содержание)

■      Отражает ли содержание предназначение сайта?

■      Удовлетворит ли контент пользователя?

■      Найдут ли юзеры на сайте то, что искали?

■      Есть ли грамматические или синтаксические ошибки?

■      Не слишком ли вы утомляете пользователя чтением?

■      Достоверна ли информация?

■    Если сайт располагает большим количеством информации, то предусмотрен ли поиск? Юзабилити

■      Работает ли сайт на всех платформах и браузерах?

■      Можно ли просматривать сайт на разных разрешениях?

■      Все ли компоненты сайта функционируют или функционируют корректно?

■      Понятна ли пользователям информации и термины?

■      Есть ли функция отключения музыки (если таковая используется)?

      Главные цели дизайна:

■      Простота

■      Понятность

■      Содержание

■      Полезность

Советы WEB-дизайнеру

     1. Правильно выбирайте шрифты. Удачный выбор шрифтов - залог успеха.
2. Под крупным шрифтом располагается мелкий шрифт.
3. Под толстой линией рисуется тонкая линия.
4. Если вы хотите создать логотип только из шрифтов, то комбинируйте буквы логотипа со специальными символами.
5. Текст всегда смотрится только на цветном фоне.
6. Оставляйте в документе белые места. Они помогают отдыхать читателю от обилия графики и текстовой информации.
7. Если вы что-то рекламируете, то используйте в тексте повторения.
8. Шрифт без засечек применяется только в заголовках.
9. Шрифт с засечками применяется при оформлении основного текста.
10. Чтобы создать иллюзию безразмерности, выносите ваши рисунки на самую малость за край полосы.
11. Служебные объявления всегда черно-белые.
12. Жирный шрифт и фотография - элементы одного дизайна.
13. Выравнивайте текстовые и графические объекты только одним способом, например, по центру.
14. Соблюдайте симметричность оформления графики и текста.
15. Изменяйте дизайн, не трогая основного стиля оформления вашего документа.
16. Текст над заголовками - всегда оформляется уплотненным шрифтом.
17. Вы должны так спроектировать свой документ, чтобы у читателя сложилось впечатление, что над документом была проделана огромная оформительская работа.
18. Применяйте принцип контрастности: на фоне текста, набранного светлым шрифтом располагаются жирные заголовки.
19. Заголовки оформляются одним шрифтом, а основной текст другим.
20. Чтобы текст хорошо читался, используйте широкие шрифты.
21. Если вы часто изменяете информацию, то используйте в оформлении шрифты, которые легко читаются.
22. Дизайн заголовока, текста над заголовком и строки автора - всегда единый и гармоничный.
23. Строка автора набирается маленькими прописными буквами. Шрифт строки автора идентичен шрифту заголовка.
24. Шрифты должны сочетаться со всеми другими шрифтами вашего документа.
25. В одном документе используйте не более двух шрифтов.
26. Вставляйте в конец документа спецсимвол.
27. Цитата - внедренный текст. Шрифт цитаты идентичен шрифту строки автора.
28. Чтобы заголовок был заметным, оттените его или сделайте цветным.
29. Шрифт основного текcта должен гармонировать с шрифтом, которым оформлен заголовок.
30. Прочно привязывайте смысловую графику к соответствующему ей основному тексту.
31. Комбинируйте различные элементы дизайна.
32. Дизайн первой страницы вашего документа должен отличаться от дизайна всех остальных страниц.
33. Шрифт - это предмет искусства, а не набор символов. Все эти буквы рисовал художник!
34. Прежде чем начать создание вашего документа, проведите предпроектное исследование, то есть выясните для кого будет предназначена публикуемая информация: профессионалов, художников, технарей и т.д.
35. Помните, что внешний вид вашего документа зависит от количества начертаний и формы шрифта.
36. Помните, что в Web-страницах используются только файлы графических форматов JPEG и GIF.
37. Графика в документе должна быть небольшой, иначе, ваш сайт останется незамеченным.
38. Обеспечьте доступ через свою страницу к другим классным документам WWW. Это означает, что вам нужно объединится с какой-нибудь крупной базой данных. Такой подход позволяет обратить внимание на ваш сервер даже в том случае, если он вообще никому не интересен.
39. Избегайте вложенных тэгов, то есть избегайте вставки в тэг других элементов HTML.
40. Выбирайте редактор таким образом, чтобы в нем была возможность присвоить унифицированный указатель ресурсов любому объекту.
ПРАВИЛА НАБОРА И ОФОРМЛЕНИЯ КОМПЬЮТЕРНОГО ТЕКСТА
При компьютерном наборе текста необходимо соблюдать определенные правила. Это позволит получить тексты, близкие по оформлению к оригинал-макетам, используемым при издании книг. Кроме того, правильно оформленные и структурированные тексты легче перенести с одной платформы на другую (т.е. прочитать в другой операционной системе) или опубликовать в глобальной сети Internet.
Общие правила оформления текста.
1. Точка в конце заголовка и подзаголовках, выключенных отдельной строкой, не ставится. Если заголовок состоит из нескольких предложений, то точка не ставится после последнего из них. Порядковый номер всех видов заголовков, набираемый в одной строке с текстом, должен быть отделен пробелом независимо от того, есть ли после номера точка.
2. Точка не ставится в конце подрисуночной подписи, в заголовке таблицы и внутри нее. При отделении десятичных долей от целых чисел лучше ставить запятую (0,158), а не точку (0.158).
3. Перед знаком препинания пробел не ставится (исключение составляют открывающиеся парные знаки, например, скобки, кавычки). После знака препинания пробел обязателен (если этот знак не стоит в конце абзаца). Тире выделяется пробелами с двух сторон. Дефис пробелами не выделяется.
4. Числительные порядковые и количественные выражаются в простом тексте словами (обычно, однозначные при наличии сокращенных наименований), цифрами (многозначные и при наличии сокращенных обозначений) и смешанным способом (после десятков тысяч часто применяются выражения типа 25 тыс.), числительные в косвенных падежах набирают с так называемыми наращениями (6-го). В наборе встречаются арабские и римские цифры.
5. Индексы и показатели между собой и от предшествующих и последующих элементов набора не должны быть разделены пробелом (Н2О, м3/с)
6. Нельзя набирать в разных строках фамилии и инициалы, к ним относящиеся, а также отделять один инициал от другого.
7. Не следует оставлять в конце строки предлоги и союзы (из одной-трех букв), начинающие предложение, а также однобуквенные союзы и предлоги в середине предложений.
8. Последняя строка в абзаце не должна быть слишком короткой. Надо стараться избегать оставления в строке или переноса двух букв. Текст концевой строки должен быть в 1,5-2 раза больше размера абзацного отступа, т.е. содержать не менее 5-7 букв. Если этого не получается, необходимо вогнать остаток текста в предыдущие строки или выгнать из них часть текста. Это правило не относится к концевым строкам в математических рассуждениях, когда текст может быть совсем коротким, например "и", "или" и т.п.
9. Знаки процента (%) применяют только с относящимися к ним числами, от которых они не отделяются.
10. Знаки градуса (°), минуты ('), секунды ('') от предыдущих чисел не должны быть отделены пробелом, а от последующих чисел должны быть отделены пробелом (10° 15').
11. Формулы в текстовых строках набора научно-технических текстов должны быть отделены от текста на пробел или на двойной пробел. Формулы, следующие в текстовой строке одна за другой, должны быть отделены друг от друга удвоенными пробелами.
12. Знаки номера (№) и параграфа (§) применяют только с относящимися к ним числами и отделяются пробелом от них и от остального текста с двух сторон. Сдвоенные знаки набираются вплотную друг к другу. Если к знаку относится несколько чисел, то между собой они отделяются пробелами. Нельзя в разных строках набирать знаки и относящиеся к ним цифры.
13. В русском языке различают следующие виды сокращений: буквенная аббревиатура - сокращенное слово, составленное из первых букв слов, входящих в полное название (СССР, НДР, РФ, вуз); сложносокращенные слова, составленные из частей сокращенных слов (колхоз) или усеченных и полных слов (Моссовет), и графические сокращения по начальным буквам (г. - год), по частям слов (см. - смотри), по характерным буквам (млрд - миллиард), а также по начальным и конечным буквам (ф-ка - фабрика). Кроме того, в текстах применяют буквенные обозначения единиц физических величин. Все буквенные аббревиатуры набирают прямым шрифтом без точек и без разбивки между буквами, сложносокращенные слова и графические сокращения набирают как обычный текст. В выделенных шрифтами текстах все эти сокращения набирают тем же, выделительным шрифтом.
Специфические требования при компьютерном наборе текста.
1. При наборе текста одного абзаца клавиша «Перевод строки» («Enter») нажимается только в конце этого абзаца.
2. Между словами нужно ставить ровно один пробел. Равномерное распределение слов в строке текстовым процессором выполняется автоматически. Абзацный отступ (красную строку) устанавливать с помощью пробелов запрещено; для этого используются возможности текстового процессора (например, можно использовать бегунки на горизонтальной полосе прокрутки или табулятор). Знак неразрывный пробел (Вставка → Символ, вкладка Специальные знаки или комбинация клавиш CTRL+SHIFT+пробел) препятствует символам, между которыми он поставлен, располагаться на разных строчках, и сохраняется фиксированным при любом выравнивании абзаца (не может увеличиваться, в отличие от обычного пробела).
3. Выделением называют особое оформление отдельных слов или частей текста, которое подчеркивает их значение. Все виды выделений делят на три группы:
o шрифтовые выделения, выполняемые путем замены характера или начертания шрифта, - набор курсивом, полужирным, жирным, полужирным курсивом, прописными или капительными буквами, шрифтами другого кегля или даже другой гарнитуры;
o нешрифтовые выделения, выполняемые путем изменения расстояний между буквами (набор вразрядку) или между строками набора (дополнительные отбивки отдельных строк), изменения формата набора (набор «в красную строку», набор с одно- или двусторонними втяжками), подчеркивания текста тонкими или полужирными линейками или заключения отдельных частей текста в рамки и т. п.;
o комбинированные выделения, выполняемые одновременно двумя способами, например, набор полужирным вразрядку, набор полужирным шрифтом увеличенного кегля с выключкой в «красную строку» и дополнительными отбивками, набор курсивом с заключением текста в рамку и т. п. Шрифтовые выделения (курсивом, полужирным, жирным) должны быть выполнены шрифтами той же гарнитуры и кегля, что и основной текст. Знаки препинания, следующие за выделенной частью текста, должны быть набраны шрифтом основного текста.
4. В текстовом наборе абзацные отступы должны быть строго одинаковыми во всем документе, независимо от кегля набора отдельных частей текста.
5. Знак тире, или длинное тире, может быть набрано с помощью одновременного нажатия комбинации клавиш CTRL+SHIFT+серый минус (серый минус располагается на цифровой клавиатуре, справа) или Вставка → Символ, вкладка Специальные знаки.