Главная FDMua.com :: Разработка сайтов, дизайнов, систем управления контентом (CMS) и продвижение сайта (SEO). Поддержка сайта в процессе его развития. Разработка сайтов, дизайнов, CMS. Написать письмо Translate a Web page . English

Разработка сайтов, дизайнов, систем управления контентом (CMS) и продвижение сайта (SEO)!
Наши услуги по разработке и созданию сайтов

Проверка индексации сайта в поисковиках

Система управления сайтом

CMS-SEO-FDMua

О нас

Cтатьи:  веб-мастеру
Простое и понятное описание HTTP/1.0
Hyppertext Transfer Protocol (HTTP ), протокол пересылки гипертекста - это язык, которым клиенты и серверы World Wide Web пользуются для общения между собой.
Сколько стоит SEO на западе?
С чего начинается продвижение сайта? В каком-то смысле с поиска SEO-компании, изучения портфолио всех приглянувшихся и сравнения цен на предлагаемые услуги. Это достаточно трудоемкий и долгий процесс. Данная статья поможет несколько облегчить труд всем ищущим информацию о расценках на поисковое продвижение сайтов . Вопрос будет рассмотрен в двух направлениях. Первое, модели ценообразования, что определяет стоимость тех или иных SEO-услуг. И второе, сама оплата, точнее цены. Небольшая ремарка, данный материал представляет ситуацию на западном рынке SEO.
Принципы ценообразования на рынке поисковой оптимизации Рунета
Рынок поисковой оптимизации в России активно развивается последние несколько лет, информации о SEO становится всё больше. Однако, впервые обратившемуся к его услугам человеку бывает непросто разобраться в специфике этого бизнеса. За что оптимизаторы берут деньги и почему цены оказываются именно такими? Как они работают, какими методами добиваются своих целей? Каковы гарантии результата? Эти вопросы встают перед каждым клиентом оптимизаторской компании на самом раннем этапе работы с ней.
Архив статей веб-мастеру
Cтатьи:  веб-дизайнеру
Логотипы как это делается. Ч.3
Не является ни для кого секретом, что каждый человек имеет индивидуальное, субъективное мировосприятие. Одни и те же знаки у разных людей, в силу различного опыта, образования, круга общения и пр. и пр. могут вызывать абсолютно разные (зачастую противоположные по своему значению) ассоциации, а значит - и разные эмоции. Казалось бы, невозможно предугадать "уровень распущенности" миллионов потребителей.
Логотипы как это делается. Ч.2
Покончив с анализом, приступим к более творческому процессу - собственно созданию (ваянию, клепанию, рисованию, и т.д.) логотипа.
Архив статей по дизайну


Код нашей кнопки:
Направления работы
Идеал - туристическая компанияУправление разделом - Добавить статьи
Создаем веб-сайты - приемлемая цена, эксклюзивный дизайн, удобное управление сайтом (CMS), качественное программирование.

FAQ - Оформление страниц



FAQ по разделам:
Оформление страниц (4)


1.Об эффективном расположении элементов графики и текста на экране (Оформление страниц)
2.О элементах восприятия и цветах (Оформление страниц)
3.Создание Meta-тегов (Оформление страниц)
4.Что такое каскадные таблицы стилей (CSS)? (Оформление страниц)

Страницы1

Q: Об эффективном расположении элементов графики и текста на экране

[ FAQ →  Рубрика: Оформление страниц   |  Комментарии ]

Теория:

Зачастую, после создания сайта, к автору начинают идти письма по улучшению дизайна, которые часто противоречат друг другу. Не знаешь, что и думать, если не знать теории НЛП. Коротко, в НЛП выделяют три типа людей:

  1. Мыслящих преемущественно зрительными образами (Визуалы).
  2. Мыслящих проговариванием мыслей внутри (аудиалы+дигиталы).
  3. Мыслящих преемущественно ощущениями (кинестетики).

В нашей стране соотношение примерно такое -

30-50% Визуалов, 5% Аудиалов, 30-60% Кинестетиков.

В интернете соотношение, научно не известно, но по моим предположениям больше визуалов, чем больше по стране.

Практика:

Как это применимо к WEB Дизайну?

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

Если логотип вашего сайта хорошо известен посетителям, то он будет хорошо работать на вас слева сверху(для примера: логотип Intel Inside). Если же логотип вашего сайта малоизвестен, то имеет смысл разместить его справа сверху (это будет способствовать его запоминанию посетителями).

Все верхнее пространство экрана лучше отдать графическим решениям, фотографиям, и т.д.

Аудиальные компоненты обычно мало важны, если это не сайт посвященный музыке.

Расположение в средней части экрана. Слева Известные, Справа малоизвестные. Возможно из аудиальных компонентов разместить Слоган (Пример: Имидж ничто, жажда все или Эффективная коммуникация ключ к успеху).

Снизу экрана желательно выделить две зоны:

Справа внизу- где лучше дать числовую, количественную информацию и т.д. (Пример - Адрес или цены).

Слева внизу - Вот здесь нужно, что бы те фразы, которые там написаны, вызывали у посетителя Вкус, Чувства, Ощущения. Картинки должны быть в том же духе. (Пример: Кружка Пива, и надпись: Почувствуй себя настоящим студентом.)

Кстати, подозреваю что баннер расположенный в этом месте, с надписью: Нажми меня, будет иметь большой % нажатий (CTR).

И в заключение маленький подарок:

Нами был разработан для данной зоны такой слоган: Учишься в школе - Жми Сюда.

Вы можете свободно применять его, слегка изменив для своих нужд первую часть. При расположении такой кнопки снизу-справа она даст замечательные результаты. У нас получился CTR 7-12%. Что очень неплохо.


Источник: неизвестный
  Вверх

Q: О элементах восприятия и цветах

[ FAQ →  Рубрика: Оформление страниц   |  Комментарии ]

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

Теория:

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

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

  • Мы будем использовать оттенки синего, голубого, насыщ. желтого, оранжевого, белого, зеленого.
  • На некоторые цвета у большого количества людей преобладает негативная реакция:
  • Черный, Красный, Серый, Коричневый, эти цвета при доминировании на сайте вызовут отрицательную оценку сайта.

При умелом сочетании цветов влияние негативной составляющей этих цветов можно нивелировать(пример: Синий-черный) или даже превратить в плюсы. Того эффекта зачастую можно достичь при плавных переходах цветов. Но это тема одного из будущих набросков.

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

Помните, что во многом отношение к сайту зависит от тех цветов, которые вы используете при его оформлении.

Элементы восприятия играют также большую роль при оформлении сайта.

Считается, что одновременно глаз человека может воспринимать около 7±2 однотипных элементов.

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


Источник: неизвестный
  Вверх

Q: Создание Meta-тегов

[ FAQ →  Рубрика: Оформление страниц   |  Комментарии ]

Meta-теги и их использование.

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

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

  1. Длина содержимого тегов МЕТА "desctiptions" не должна превышать 200 символов, a "keywords" - 1000 символов. Это связано с тем, что поисковые серверы, как правило, используют именно такие величины при индексировании информации о вашем сайте. Можно получить отрицательный результат, если поисковые машины отбросят часть описания, превышающего установленные нормы, в результате чего в каталог попадет не вся желаемая информация, либо сервер просто отвергнет регистрацию вашего сайта.
  2. Нужно включить все наиболее часто используемые в вашем сайте термины и их синонимы в тег "desctiptions". Можете включить и термины, не имеющие отношения к вашим страницам, однако в Internet такое поведение считается некорректным. В список ключевых слов можно вставлять и фразы. В этом случае у вашего сайта повышается шанс попасть в самое начало списка, выданного поисковым сервером (в случае совпадения фразы с той, что вводит пользователь).
  3. Для увеличения рейтинга сайта и попадания его в верхнюю часть поискового списка необходимо каждый термин, включаемый в описание, повторять около 3 раз. Поисковые машины, как правило, работают с тегами МЕТА, а в случае их отсутствия - уже с содержимым страницы. Иногда это приводит к появлению сайта в списке top 10, но может привести ик отрицательному результату (перед регистрацией проверьте поисковую машину, дав запрос и просмотрев ключевые слова у сайтов, стоящих на верхних позициях)
  4. Используйте в описаниях и списке терминов как можно больше синонимов.
  5. Не используйте в описаниях и в списке терминов понятия и слова, слабо связанные друг с другом.

Cостав МЕТА-тегов
     1) Для того, чтобы при просмотре документа броузер брал свежую версию документа, а не версию из кеша используется

<META HTTP-EQUIV="Expires"  Content="Mon, 28 Mar 1999 00:00:01 GMT">

     2) Для определения броузером языка, на котором написана страница используется

<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251">

     3) Если неопытный Web-мастер скопирует Вашу страницу, в которой оставит следущий тег, то при заходе на эту страницу броузер автоматически перейдет на Вашу страницу

<META HTTP-EQUIV="Refresh" Content="1; url=http://адрес_вашей_страницы">

     4) Для указания имени автора и дополнительной информации о нем используется

<META Name="autor" Content="Ваши Ф.И.О., E-Mail...">

     5) Для указания авторких прав используется

<META Name="copyright" Content="Ваша_фирма...">

     6) Для указания ключевых слов и терминов используется

<META Name="keywords" Content="Ваши_Ключевые слова">

     7) Для указания краткого описания используется

<META Name="description" Content="Описание_Вашей_Страницы">

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


Источник: неизвестный
  Вверх

Q: Что такое каскадные таблицы стилей (CSS)?

[ FAQ →  Рубрика: Оформление страниц   |  Комментарии ]
Страшно подумать, но в июле этого года исполнилось всего 10 лет стандарту HTML 1.0 (который, кстати, так никогда и не был "официально" принят и остался в виде черновика для "внутреннего употребления"). За эти 10 лет HTML прошел очень большой путь, завоевал практически все компьютеры в мире и стал одним из самых известных "компьютерных языков" (все-таки отнести его к языкам программирования рука не поднимается)... И одним из весьма заметных этапов развития HTML стало появление CSS - Cascading Style Sheets или, говоря по-русски, каскадных таблиц стилей.

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

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

Первая версия CSS - CSS level 1 - принятая в 1996 и пересмотренная в 1999 году - позволяла оперировать только цветами, шрифтами, отступами и им подобными, относительно простыми и часто используемыми элементами. Принятая в 1998 году спецификация CSS level 2 добавила возможность абсолютного позиционирования элементов, создания стилей для разных типов устройств, использования собственных курсоров, расширила возможности по выбору элементов, к которым должен применяться тот или иной стиль, и многое другое. Естественно, что CSS level 2 поддерживает и таблицы стилей, созданные в CSS level 1. В настоящее время консорциум W3C активно ведет разработку стандарта CSS level 3 и CSS level 2 revision 1, которые должны учесть все возрастающие потребности вебмастеров и вебдизайнеров по созданию современных и удобных сайтов.

Следует учитывать, что каскадные таблицы стилей не полностью абстрагируют визуальное представление документа от его содержания, они только позволяет более компактно описать правила визуального представления. И если вы захотите изменить дизайн сайта, то вам все равно придется переписывать HTML-код (правда, сделать это будет проще, чем при отсутствии CSS). Значительно больший уровень абстракции можно получить, используя связку языков XML + XSL (из которых, в частности, можно генерировать HTML + CSS), но это намного сложнее и несколько выпадает из темы данной статьи.

Но хватит теории! Давайте попробуем заняться практикой...

 

   
Есть три способа описать стиль элемента в HTML-документе. Самый простой и практически не использующий преимуществ CSS способ - это указать стиль внутри тега HTML. Например, написать
<H2 STYLE="COLOR: #AADDAA; FONT-WEIGHT: BOLD; FONT-SIZE:11pt;">заголовок второго уровня</H2>
Единственное преимущество, которое можно получить таким образом, - это задание некоторых атрибутов текста, которые не поддерживаются тегами HTML. Зато сохраняются все недостатки HTML - указанный стиль относится только к одному тегу и для изменения внешнего вида документа вам придется изменить описание стиля в каждом теге.

 


Встроенные стили указываются прямо внутри HTML-тегов
Второй способ несколько лучше: надо описания стилей заключить внутри тегов <STYLE TYPE="text/css"> и </STYLE>. Например, если вы напишете
<STYLE TYPE="text/css">
H2 {COLOR: #AADDAA; FONT-WEIGHT: BOLD; FONT-SIZE:11pt;}
</STYLE>
а в тексте документа укажете <H2>заголовок второго уровня</H2>, то получите тот же эффект. Однако, в отличие от предыдущего способа, свойства отображения применятся ко всем тегам H2 в документе. И если скажем вам потребуется изменить размер шрифта или цвет всех заголовков второго уровня, то потребуется всего лишь подправить всего одну строчку. Согласитесь, что это намного удобнее!

 


Можно описать используемые в документе стили внутри блока STYLE
Однако у предыдущего способа тоже есть свой недостаток: блок STYLE вам придется скопировать в каждую страницу своего сайта. А если страниц там несколько сотен? И вам понадобится что-то поменять? Неудобно... Но можно победить и эту проблему - с помощью тега LINK. Описав требуемые стили в отдельном текстовом файле (теги STYLE указывать не требуется), вы затем можете написать в секции HEAD документа
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css">
Эта команда укажет, что таблица стилей находится во внешнем файле. Таким образом, даже для очень большого сайта может использоваться всего один файл со стилями, что очень сильно облегчает редактирование. Есть еще один "хитрый" необязательный параметр тега LINK: MEDIA. Он может указывать для какого типа устройств таблица стилей предназначена, и иметь значения, например, "all" (используется по умолчанию), "handheld", "print" и некоторые другие. Следует только учесть, что (пока еще?) не все браузеры понимают таблицы стилей, подключаемые с использованием этого параметра.

В некоторых случаях бывает полезно объединить два предыдущих метода - например, если разные секции должны иметь частично разные стили (скажем, отличаться цветом фона). Внутри тега STYLE можно указать
@import url(style.css)
и тогда к стилям, описанным внутри STYLE присоединятся стили из внешнего файла.

 


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

Практика показывает, что таблицы стилей редко бывают больше 2-3 килобайт, даже для очень "раскрашенных" страниц. И если ваш веб-сервер умеет "на лету" сжимать страницы (в Apache, например, этим занимается mod_gzip), то такой объем будет для пользователя практически незаметен. Ну, а дальше - дело техники: пишется какая-нибудь команда, которая на сервере читает таблицу стилей из внешнего файла (все-таки один файл намного легче редактировать!) и встраивает ее содержимое в страницу, отдаваемую посетителю. В простейшем случае это может быть инструкция SSI, вроде
<!--#include file="style.css" -->
а если ваш сайт написан на php, то можно написать, например,
<?php readfile("style.css"); ?>


Ссылки по теме

  • HTML 1.0
  • CSS level 1
  • CSS level 2
  • CSS level 3

  • Источник: Дмитрий Турецкий
      Вверх


    Поиск по сайту fdm-design:
     найти: 
    Реклама
    Опрос
    Вопрос:
    Симпатичный дизайн и хорошее наполнение контентом.
    Понятная структура сайта (юзабилити).
    Дизайн устарел и срочно требует обновления.
    Совсем не нравится.
    Обычно и неинтересно.
    Список голований. Предыдущие опросы
    Полезные ссылки
    www.stitchua.com
    www.artgorizont.com
    Архив ссылок
    FDMua.com предлагает полный сервис по разработке сайтов, систем управления контентом за приемлемую цену.  Web-дизайн и создание сайта любой сложности (веб-дизайн сайтов, разработка сайтов, web программирование), поддержка сайта.
    © 2005 - 2009 FDM-Design.
    Создание сайтов, дизайнов, систем управления сайтами CMS.
    E-mail: Заполнить форму заказа услуг
    Яндекс цитирования Rambler's Top100
    Кодекс оптимизатора
    Render time: 0.105 sec