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

1. НЕ забывайте о том, что все что вы придумали нужно будет отображать в разных системах. Поэтому верстальщик, не смотря на существование современных генераторов и других программных средств, может не справиться с задачей. Старайтесь представить, как ваша идея будет воплощаться в реальность.

2. НЕ всегда нестандартный подход будет положительным фактором. Если заменить некоторые стандартные элементы, то может получиться не красивая картина. Пользователям операционных систем, отличных от Windows, навряд ли будет приятным, лицезреть элементы, вставленные в формы от инородной системы.

3. НЕ используйте в основном тексте странице кегль мельче 11 pt. А 9 и 10 pt рекомендуется использовать в крайних случаях, когда информация малозначительна.

4. НЕ поленитесь самостоятельно подобрать интерлиньяж. Лучшим сочетанием, с моей точки зрения будет 11/14, 12/16, 13/18 (кегль/интерлиньяж). В таком виде текст лучше воспринимается. А вот предлагаемое по стандарту процентное соотношение (+120% к размеру кегля) дает не всегда хорошо читаемый текст.

5. НЕ используйте без дополнительной проверки какие-либо стандартные значения. Прежде чем вставить список, проверьте соответствуют ли отступы и буллеты. Эргономика вашего творения может нарушиться при использовании значений, предлагаемых по умолчанию. Лучше переписать все значения в таблицах стилей, всех используемых элементов. Ведь многие стандарты уже давно устарели.

6. НЕ ленитесь рассчитать относительные величины размеров кегля и указывайте их в Em. Это позволит максимально адаптировать текст к любому разрешению монитора. Можно конечно указать размер в pt, но это немного хуже. А вот указав размер в пикселях (px), получить не читаемый текст.

7. НЕ усложняйте работу кодерам, используя не кратные значения отступов. Округлите их значения до кратности 5ти или 10ти. И только в самых крайних случаях можно использовать нестандартные значения отступов.

8. НЕ забывайте о ширине колонок, которые вы вставляете в вашу страницу. Колонка с мелким шрифтом не должна быть уже, чем 140-160 пикселей. В строке колонки должно содержаться от 50ти до 80ти символов, если его размер 11-12 pt. Нельзя допускать ширину колонки, которая займет больше половины общей ширины страницы. Особенно часто такая оплошность бывает при "резиновой верстке".

9. НЕ пренебрегайте отступами. Помните, что они должны быть15-20 пикселей между блоками, содержащими текст. И уж никак не меньше 10ти пикселей. Иначе ваш текст может выглядеть "кашей" и в таком бардаке будет сложно прочесть нужную информацию. Если графика будет доминировать над содержанием страницы, то сайт тоже будет неэргономичен.

10. НЕ пытайтесь внедрять излишнее количество акцентов в тексте. Если слишком много символов будут выделены жирным или отличным от основного шрифтом, весь эффект пропадет. А текст станет плохо восприниматься. То же самое касается и подчеркивания.

11. НЕ уродуйте текст "полной выключкой". Если вы укажите (align="justify"), то текст может стать тяжело читаемым. На сайтах не используются переносы, поэтому газетные методы здесь плохо применимы. То же самое касается и "красной строки", которая при варианте форматирования align="left", будет восприниматься неадекватно. И страница будет смотреться несуразно.

12. НЕ забывайте о типографике. Пусть это даже макет, но и он должен выглядеть грамотно. Если тяжело, то можно пользоваться "Типографом" или подобными помощниками. Но оставлять "висячие строки" и подобные ляпы не стоит. Это, прежде всего, показатель непрофессионализма и безграмотности. И никак не добавит вам рейтинга.

13. НЕ переусердствуйте в выборе шрифтов. Нестандартные шрифты, примененные при разработке макета, это признак безграмотности. Существует достаточно много вэб-гарнитур, которые можно использовать. Другое дело, когда специфический шрифт является необходимым атрибутом этого проекта. Еще вариант, когда вместо заголовка используется картинка. Всегда хороша умеренность. Поэтому, применяя больше 2-3х даже стандартных вэб-шрифтов, Вы нарушаете это правило. Для тех кто хочет узнать больше о Вэб-типографике, существует много статей посвященных этой теме.

14. НЕ делайте текст "серой массой". Чересчур большие блоки без абзацев и подзаголовков, вызывают скуку и апатию. Текст будет выглядеть лучше и легче восприниматься, если информация будет структурирована.

15. НЕ повторяйтесь. Не сложно для примера вставить кусок правильного текста, а не "Рыбу" в виде повтора одного и того же предложения. Тогда блок с текстом будет хорошо понятен и Вам не придется в последствии что-то изменять.

16. НЕ делайте блоки "близнецами". Даже в черновом варианте не трудно внести некоторое разнообразие в каждый блок. Да и с картинками не нужно "жадничать". Ведь это ни дефицит. И вставить разнообразный текст и отличные картинки не сложно. Вас же никто не заставляет подбирать весь контент в четком соответствии тематике будущего сайта.

17. НЕ давайте заказчику шанса упрекнуть Вас в неаккуратности. Демонстрируя свою работу, сделайте так, чтобы во всех блоках была информация. И если вы взяли тексты конкурентов, то побеспокойтесь о том, чтобы заказчик об этом не догадался. Вы поймете, что эти несколько минут, потрачены не зря. А в 20м правиле содержится некоторая информация-дополнение к настоящему.

18. НЕ пропускайте места для баннеров. Любая "дыра" на сайте - это минус к вашему гонорару и повод сделать вам замечание. Всегда можно найти подходящий контент. Ну, а если заказчик скажет, что это не обязательно, отключить рекламу не долго. Однако клиент будет хорошо представлять, как будет смотреться его сайт в готовом виде.

19. НЕ используйте анахронизмов, к которым относится несглаженный текст. В изображениях он может смотреться ужасно. Конечно же, можно поспорить о его использовании в HTML-тексте. Но опыт показывает, что пользователями лучше воспринимается сглаженный, хорошо подобранный текст. Но можно забыть про это правило, если стиль вашего сайта предполагает pixel art, как основную идею вашего проекта.

20. НЕ заболейте склерозом. Каждый текст, который вы использовали в макете, как пример, может вызвать гнев правообладателя. Поэтому постарайтесь просмотреть весь материал, перед тем, как он станет доступен общественности. И, конечно же, заполните все блоки реальными текстами и картинками. Вот и все, что я хотел сказать в моем обращении к новичкам. И думаю, что это поможет не совершать ошибок и делать хорошие проекты, которые будут оценены по достоинству.

Добавь к себе: