На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> FAQ , Прежде чем задать вопрос, смотри сюда
    Если вы хотите чтолибо доавить или вам чтолибо не нравится - пишите сюда

    Как изменить цвет полосы прокрутки?
    Автор: Mastilior
    Язык:CSS

    Совместимость: >= MSIE 5.5

    Для изменения внешнего вида полосы прокрутки в броузерах Microsoft Internet Explorer версии 5.5 и выше используются следующие свойства CSS (Cascading Style Sheets):

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

    scrollbar-face-color - задает цвет бегунка и кнопок прокрутки.

    scrollbar-track-color - задает фон полосы прокрутки.

    scrollbar-arrow-color - задает цвет курсора, находящегося на полосе прокрутки.

    scrollbar-shadow-color, scrollbar-darkshadow-color, scrollbar-highlight-color, scrollbar-3dlight-color - см. иллюстрацию.



    Пример:

    ExpandedWrap disabled
       
      <style type="text/css">
      BODY
       {
       scrollbar-face-color: #AFC6DB;
       scrollbar-shadow-color: #000000;
       scrollbar-highlight-color: #DEE7EF;
       scrollbar-3dlight-color: #FFFFFF;
       scrollbar-darkshadow-color: #AFC6DB;
       scrollbar-track-color: #F5F5F5;
       scrollbar-arrow-color: #DEE7EF;
       }
      </style>



    Иллюстрации:

    user posted image
      Мета-тэги и ключевые слова

      Работаем с поисковиками правильно.

      Автор: Trustmaster
      Язык: HTML


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

      1. Обзор мета-тэгов в HTML4/XHTML.

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

      1.1 Описание страницы.
      ExpandedWrap disabled
        <meta name="Description" content="Описание страницы или же всего сайта" />

      Задает описание данной страницы. Описание должно представлять собой краткое (не более 200 символов) законченное выражение, наиболее четко выражающее содержимое данной страницы/сайта. "Нескладуха" и набор ключевых слов не приветствуется, ведь этот текст чаще всего поисковик выдает посетителю.

      1.2 Ключевые слова.
      ExpandedWrap disabled
        <meta name="Keywords" content="много слов хороших и разных" />

      Наиболее важный тэг. Список ключевых слов, по которым осуществляется поиск. При подборе слов следует подумать о том, что вводит посетитель в строке поиска. Слова перечисляются через пробел (некоторые ставят еще запятую, но лучше через пробел), при этом убедитесь в том, чтобы не было повторов. Длина списка ограничена 800 символами. Подробнее о подборе слов читайте во второй части, здесь лишь замечу, что стремление привлечь посетителей "чужими" (популярными, но не имеющими отношение к данной странице) словами грозит попаданием вашего сайта в "черный список" (не индексируемый поисковиками) и яростными отзывами посетителей.

      1.3 Динамический статус.
      ExpandedWrap disabled
        <meta name="Document-State" content="Dynamic" />
        <meta name="Revizit-After" content="7" />

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

      1.4 Подпись и авторские права.
      ExpandedWrap disabled
        <meta name="Author" content="Vasily Pupkin" />
        <meta name="Copyright" content="Copyright © Vasily Pupkin [1999-2004]. All rights reserved." />

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

      1.5 Специализация.
      ExpandedWrap disabled
        <meta name="Subject" content="Тема страницы" />
        <meta name="Classification" content="Programmers, Web Designers" />

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

      1.6 Управление ботами.
      ExpandedWrap disabled
        <meta name="Robots" content="index,follow" />

      Задает поведение робота на данной странице. Инструкции перечисляются через запятую. Вот список инструкций:
      • index - индексировать данную страницу.
      • follow - индексировать те страницы, на которые ссылкается данная.
      • all - эквивалентно index,follow.
      • noindex - следование по ссылкам без индексации данной страницы.
      • nofollow - индексировать только данную страницу.
      • none - отключает индексацию страницы.
      Значение по умолчанию - all.

      1.7 Язык.
      ExpandedWrap disabled
        <meta name="Content-Language" content="en,ru" />

      Сообщает боту о том, какие языки используются на данной странице. Может быть полезно при поиске национального масштаба ("искать в русском" в Google, например).

      1.8 Тип содержимого и кодировка.
      ExpandedWrap disabled
        <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1251" />

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

      1.9 Обновление и редирект.
      ExpandedWrap disabled
        <meta http-equiv="Refresh" content="3; URL=new_page.php" />

      Этот тэг сообщает браузеру о том, что через несколько (0 - сразу) секунд следует перезагрузить страницу или же перенаправить на другую. Используется в постоянно обновляемых страницах (например, чатах) или же для осуществление редиректа.

      1.10 Отключение кэширования.
      ExpandedWrap disabled
        <meta http-equiv="Pragma" content="no-cache" />

      Отключает кэширование документа броузером в HTTP/1.0. Следует применять этот тэг в динамических страницах: форумах, гостевых книгах и т.п.

      Конечно, это не весь перечень мета-тэгов, на самом деле их несколько десятков. Но этого вполне достаточно, чтобы ваш сайт идексировался так, как вы этого хотите.

      2. Подбор ключевых слов.

      Теперь немного о том, как следует правильно подбирать ключевые слова и подгатавливать страницу к индексации. Начнем со второго.

      В первую очередь поисковик смотрит на заголовок (<title>) страницы. Убедитесь в том, что он несет нужную информацию или хотя бы неплохо выглядит. Затем большое внимание уделяется тэгам <h1>, <h2>, <h3> и т.д. по мере убывания значимости. Поэтому не стесняйтесь обрамлять заголовки этими тэгами. Не забывайте указывать аттрибут alt у тэгов <img>, ведь поисковик "видит" картинки только по их описанию.

      Не стоит злоупотреблять повтором ключевых слов на странице. На некоторых сайтах мы видим нечто подобное:
      ExpandedWrap disabled
        <h1>Покупайте наших слонов</h1>
        <h2>Покупайте наших слонов</h2>
        <h3>Покупайте наших слонов</h3>
        <h4>Покупайте наших слонов</h4>
        <h5>Покупайте наших слонов</h5>

      Некоторые повторяют ключевые слова "невидимыми" шрифтами (в цвет фона). Имейте ввиду, эти трюки воспринимаются поисковыми системами (и их администрацией) как СПАМ, и способствуют попаданию сайтов в черные списки (списки сайтов, поиск по которым не производится).

      Теперь о содержимом мета-тэгов. Описание должно не только ясно выражать содержание сайта, но звучать привлекательно. Это как бы ваша первая витрина. Подбирая ключевые слова нужно держать в голове 2 вещи: 1) они должны относиться к вашему сайту; 2) это именно те слова, которые пользователь вводит в строке поиска. Кстати, описание не должно дублироваться в ключевых словах - некоторые поисковики также принимают это за СПАМ.

      Напоследок нужно привести небольшой пример. Пусть наша фирма занимается экипировкой и продажей боевых бегемотов. На сайте можно получить необходимую информацию о фирме, а также заказать снаряжение для своего бегемота или же купить готовую боевую единицу. Вот небольшой отрывок блока <head> документа:
      ExpandedWrap disabled
        <title>Armed Hippos Inc. - Боевые Бегемоты</title>
        <meta name="Description" content="Armed Hippos Inc. - обучение, экипировка и продажа боевых бегемотов OnLine." />
        <meta name="Keywords" content="бегемот боевой вооружение экипировка продажа магазин каталог
        обучение консультация доставка броня пулеметы пушки ракетницы боеприпасы аксессуары информация
        hippo armed battle weapons sell store shop catalog education consulting delivery armors machine
        guns canons rocket launchers bullets ammo ammunition information" />
        Обзор редакторов

        Здесь - Тест редакторов
          Отличия HTML от XHTML

          Отличия HTML от XHTML
          0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
          0 пользователей:


          Рейтинг@Mail.ru
          [ Script execution time: 0,0312 ]   [ 15 queries used ]   [ Generated: 10.10.24, 19:52 GMT ]