Советы по оформлению сайта

Советы по изучению HTML

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

Для языка программирования характерно то, что если Вы сделаете хоть одну синтаксическую ошибку, то программа работать не будет и Вам придется долго искать эту ошибку. Но страницы сайта это не компьютерная программа. Это что-то типа текстовых файлов. Язык разметки HTML отличается от любого языка программирования тем, что Вы можете сделать в HTML какие-нибудь ошибки и это будет не смертельно для страницы сайта. Браузер, если встретит такую ошибку на странице Вашего сайта, то он не откажется загружать на экран монитора эту страницу. Он просто заменит Ваш ошибочный элемент HTML-разметки на аналогичный элемент принятый по умолчанию. То же самое он сделает, если Вы пропустили какие-то элементы страницы, типа title, метатеги, body и т.п. Самое страшное, что при этом может случиться, это исказится вид страницы на экране монитора. Компьютер при этом не зависнет, операционная система Windows и браузер при этом не испортятся, браузер тоже не зависнет.

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

Советы по браузеру

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

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

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

• Internet Explorer (IE) самый распространенный браузер в России, так как идет вместе с Windows. Его используют свыше 60% всех россиян.
• Mozilla FireFox бывший Netscape Navigator, второй по распространенности в России браузер, главный конкурент IE в Мире.
• Opera третий по распространенности в России браузер.
• Google Chrome недавно появился, но завоевывает российских пользователей очень быстрыми темпами.

Этими четырьмя браузерами охватывается более 98% всех российских пользователей Интернета.

Эти браузеры могут иметь разные версии. Но так как они все бесплатные, то у большинства пользователей стоят самые последние версии.

Советы по стилю

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

Советы по выбору фона страниц

Фон страниц не должен мешать читать текст. Если на фоне есть какие-то пятна, которые не дают прочитать какие-то слова и даже целые предложения, то значит вэб-мастер только что вышел из детсадовского возраста и продолжает играть красивыми игрушками на уровне сайтостроения.

Предпочтителен однотонный цвет фона. При выборе цвета обратите внимание как на нем просматривается не только текст, но и ссылки, а также ссылки, на которые уже нажимали. Цвет фона должен контрастировать со цветом меню и с цветом элементов навигации. Цвет фона не должен быть близким к цвету меню и цвету элементов навигации. Сам фон не должен быть очень ярким. Считается дурным тоном, если фон страниц сайта ярко красный или ярко синий. Достаточно спорным считается черный фон с белыми буквами.

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

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

Советы по написанию текста страниц

Принцип KISS - Keep It Simple, Stupid. Это можно перевести как "Будь проще, дурачок!". Пишите все на своем сайте более простым языком. Представьте себе, что Вы это все пишите для людей с более низким интеллектом, чем у Вас и более низким уровнем образования, чем у Вас. Те, кто более умны, чем Вы, те и так все поймут на Вашем сайте. Ваша задача не отсекать от своего сайта тех, кто не так умен и образован, как Вы.

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

Советы по размеру страниц

Каждая страница сайта должна "весить" максимум 100Кб. Многие поисковики не индексируют концы слишком длинных страниц с размером более 100Кб. Поэтому разбивайте длинные страницы на несколько мелких. Идеально 10Кб-40Кб.

Так и человеку, который зашел на страницу будет психологически легче. Замечено, что человек охотнее прочитает материал в 100Кб разбитый на 5 страниц по 20 Кб, чем все 100Кб на одной странице.

Наконец, слишком большие страницы медленно грузятся в браузере пользователя.

Советы по проверке ссылок на страницах сайта

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

Советы по размещению логотипа

Если логотип Вашего сайта (или фирмы) очень хорошо известен, то лучше поместить его в левом верхнем углу. Именно там располагаются логотипы очень раскрученных брэндов на своих сайтах. И народ уже привык к этому.

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

Советы по выбору места для картинок и фотографий

Лучше все разместить так, чтобы верхняя часть экрана была заполнена графическими картинками и фотографиями. Но не более чем на 50%. Иначе будет очень нелепо, если человек зашел на Ваш сайт и увидел одни только картинки и фотографии, а чтобы найти текст, ему надо прокрутить страницу вниз.

Советы по выбору ширины страниц

Пользователей очень сильно раздражает, если сайт такой широкий, что надо использовать горизонтальную прокрутку.

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

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

Советы по общей цветовой гамме страниц сайта

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

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

То есть цветовой гаммой своего сайта можно управлять отношением людей к Вашему сайту и созданием определенного настроения у посетителей сайта.

Советы по проверке орфографии страниц сайта

Загоните текст своего сайта в MS Word и проверяйте там орфографию написанных страниц, прежде чем выложить их в Интернет. Обилие орфогафических ошибок приводит к очень большому недоверию к тому, что написано на сайте. Читатели страниц сайта будут думать, что все это написал не серьезный человек, а какой-то малообразованный, который мало что знает и понимает, или просто недоучившийся школьник. Таким людям в Интернете не доверяют и их сайты не читают.

------------------

Автор статьи: Евгений Миронов.

[0] На какую тему создать сайт
[1] Файлы сайта
[2] Где физически находится сайт в Интернете
[3] Где логически находится сайт в Интернете
[4] Методы изготовления сайтов
[5] Основы раскрутки сайта
[6] Советы по оформлению сайта