среда, 14 декабря 2016 г.

Делаем HTML Разметку

Как правильно разметить содержимое страницы на сайте. Правила оформления и основы веб-дизайна. Для того, чтобы ваш ресурс имел привлекательный вид, вам будет необходимо ознакомиться с основами веб-дизайна, что поможет создавать красиво оформленные страницы. Правильное оформление и красивый дизайн залог того, что посетителям понравится ваш сайт и они сюда вернуться по новой. Более того, профессиональный вид поможет вам придать подобие солидности и даже создать постоянную аудиторию. А к такой поставленной цели несомненно следует стремится! Золотое правило интернета об этом так и говорит, чем больше посетителей, тем выше ваша прибыль. С таким утверждением просто нельзя не согласиться.

Кроме того, не следует забывать и про содержимое, так как контент был и остаётся основой любого ресурса, однако согласитесь, что если посетитель увидит неряшливый вид, то но может и не ознакомиться с контентом. Текст, конечно главная основа, но она обязана быть соответствующим образом оформлена. "Чтобы радовала глаз" - как говорят известные веб-дизайнеры, хорошо разбирающиеся в подобном вопросе. Именно от этого у посетителя в последствии сложится первичное ощущение. Если оно окажется позитивным, то считайте, что вам повезло с нагрянувшим гостем, который теперь наверняка запишется в ваши постоянные читатели.

как оформить веб-страницу

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

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

  1. Первый способ применить обычный текст. Это может быть шрифт различного размера и цвета, который устанавливается в макушку страницы. Коли судить глазами поисковых машин, то такой вариант наиболее предпочтительный. Заголовки отлично читаются ботами и немедленно заносятся в поисковую базу.
  2. Второй способ - построение графики. На основе фотошопа, вы легко создадите отличный рисунок, который заменит вам первый вариант. Умело созданный рисунок замечательно смотрится, но имеет отрицательные стороны. Поисковые роботы неспособны к анализу фото содержания. Другими словами, они не в состоянии прочесть изображенные картинки. Это существенный минус, который обязательно необходимо учитывать.
  3. Наконец, рассмотрим последний вариант - речь идёт о флеш анимации. Вы не раз такое уже видели: красиво сверкающие разноцветные кнопочки в окружении искрящихся надписей. Некоторые образцы, являют собою подлинное искусство, однако в плане поисковой индексации обладают перечисленными минусами. Роботы поиска очень плохо понимают анимацию и ваши заголовки рискуют остаться ими незамеченными. В таком случае, вам придётся сделать компромиссный шаг: пожертвовать оптимизацией, ради профессионально оформленного дизайна страницы.

Следующий элемент ресурса - это текстовый контент. Крайне желательно использовать общепринятые шрифты, размером в три единицы. В другой шкале им соответствуют значения 10 или 12. Делать меньше нежелательно, так как вызовет напряжение глаз у ваших читателей. Применять крупнее также не рационально, в виду экономии места и свободного пространства. Цвет используемого шрифта имеет большое значение: применение ярких расцветок вызывает преждевременную усталость и сказывается раздражительным образом. Наш вам совет употреблять общепринятый цвет. Если вы не в курсе, то это черный цвет. В самом крайнем случае применяйте тёмно синие оттенки. Другой, крайне важный аспект, размещение счётчиков и рейтингов. Они отмеряют посетителей и анализируют техническую информацию. В виду того, что они потребляют значительные ресурсы, рекомендуется их расположение в самой нижней части веб-страницы.

Комментариев нет:

Отправить комментарий