Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[3.237.15.145] |
|
Сообщ.
#1
,
|
|
|
Если вы хотите чтолибо доавить или вам чтолибо не нравится - пишите сюда
Как изменить цвет полосы прокрутки? Автор: 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 - см. иллюстрацию. Пример: <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> Иллюстрации: |
Сообщ.
#2
,
|
|
|
Мета-тэги и ключевые слова
Работаем с поисковиками правильно. Автор: Trustmaster Язык: HTML Ни для кого не секрет, что подавляющее польшинство новых посетителей любого сайта приходят именно с поисковиков. Но чтобы добиться высокой посещаемости нужен не только интересный контент (что, все же, самое главное), но и грамотная подготовка для работы с поисковыми машинами. 1. Обзор мета-тэгов в HTML4/XHTML. К сожалению, сейчас трудно сказать, что в первую очередь смотрят поисковые роботы. Одни отдают предпочтение мета-тэгам, другие же смотрят сначала видимое содержимое страницы, а уж потом мета-тэги. Как бы то ни было, мета-тэги напрямую влияют на популярность вашего сайта, поэтому стоит обратить на них свое внимание. Кроме того, они могут выполнять ряд задач, не связанных с поисковыми системами. Итак, вот обзор самых необходимых мета-тэгов. 1.1 Описание страницы. <meta name="Description" content="Описание страницы или же всего сайта" /> Задает описание данной страницы. Описание должно представлять собой краткое (не более 200 символов) законченное выражение, наиболее четко выражающее содержимое данной страницы/сайта. "Нескладуха" и набор ключевых слов не приветствуется, ведь этот текст чаще всего поисковик выдает посетителю. 1.2 Ключевые слова. <meta name="Keywords" content="много слов хороших и разных" /> Наиболее важный тэг. Список ключевых слов, по которым осуществляется поиск. При подборе слов следует подумать о том, что вводит посетитель в строке поиска. Слова перечисляются через пробел (некоторые ставят еще запятую, но лучше через пробел), при этом убедитесь в том, чтобы не было повторов. Длина списка ограничена 800 символами. Подробнее о подборе слов читайте во второй части, здесь лишь замечу, что стремление привлечь посетителей "чужими" (популярными, но не имеющими отношение к данной странице) словами грозит попаданием вашего сайта в "черный список" (не индексируемый поисковиками) и яростными отзывами посетителей. 1.3 Динамический статус. <meta name="Document-State" content="Dynamic" /> <meta name="Revizit-After" content="7" /> Если содержимое вашего сайта обновляется динамически (а сейчас чаще всего это происходит именно так), то эта пара тэгов будет полезной. Первый тэг сообщает боту о том, что данная страница генерируется динамически. Второй тэг приглашает бота на переиндексацию через несколько (в данном примере - через неделю) дней. 1.4 Подпись и авторские права. <meta name="Author" content="Vasily Pupkin" /> <meta name="Copyright" content="Copyright © Vasily Pupkin [1999-2004]. All rights reserved." /> Отсутствие подписи на странице считается дурным тоном. Кроме того, указание своего авторства на каждой странице сильно поможет вам, если ваши права кто-либо решит нарушить. Конечно, никто не заставляет вас составлять в поле копирайта лицензионное соглашение, но хотя бы увековечить себя любимого в мета-тэгах стоит. 1.5 Специализация. <meta name="Subject" content="Тема страницы" /> <meta name="Classification" content="Programmers, Web Designers" /> Указывает аудиторию, на которую направлен сайт. Это совсем не обязательно, но если вы точно знаете, о чем докладывает данная страница и кому адресован доклад, то указать эти тэги стоит. 1.6 Управление ботами. <meta name="Robots" content="index,follow" /> Задает поведение робота на данной странице. Инструкции перечисляются через запятую. Вот список инструкций: Значение по умолчанию - all. 1.7 Язык. <meta name="Content-Language" content="en,ru" /> Сообщает боту о том, какие языки используются на данной странице. Может быть полезно при поиске национального масштаба ("искать в русском" в Google, например). 1.8 Тип содержимого и кодировка. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> Сообщает броузеру о типе содержимого документа и кодировке. Данный тэг следует указывать на каждой странице, дабы избежать путаницы с кодировками. 1.9 Обновление и редирект. <meta http-equiv="Refresh" content="3; URL=new_page.php" /> Этот тэг сообщает браузеру о том, что через несколько (0 - сразу) секунд следует перезагрузить страницу или же перенаправить на другую. Используется в постоянно обновляемых страницах (например, чатах) или же для осуществление редиректа. 1.10 Отключение кэширования. <meta http-equiv="Pragma" content="no-cache" /> Отключает кэширование документа броузером в HTTP/1.0. Следует применять этот тэг в динамических страницах: форумах, гостевых книгах и т.п. Конечно, это не весь перечень мета-тэгов, на самом деле их несколько десятков. Но этого вполне достаточно, чтобы ваш сайт идексировался так, как вы этого хотите. 2. Подбор ключевых слов. Теперь немного о том, как следует правильно подбирать ключевые слова и подгатавливать страницу к индексации. Начнем со второго. В первую очередь поисковик смотрит на заголовок (<title>) страницы. Убедитесь в том, что он несет нужную информацию или хотя бы неплохо выглядит. Затем большое внимание уделяется тэгам <h1>, <h2>, <h3> и т.д. по мере убывания значимости. Поэтому не стесняйтесь обрамлять заголовки этими тэгами. Не забывайте указывать аттрибут alt у тэгов <img>, ведь поисковик "видит" картинки только по их описанию. Не стоит злоупотреблять повтором ключевых слов на странице. На некоторых сайтах мы видим нечто подобное: <h1>Покупайте наших слонов</h1> <h2>Покупайте наших слонов</h2> <h3>Покупайте наших слонов</h3> <h4>Покупайте наших слонов</h4> <h5>Покупайте наших слонов</h5> Некоторые повторяют ключевые слова "невидимыми" шрифтами (в цвет фона). Имейте ввиду, эти трюки воспринимаются поисковыми системами (и их администрацией) как СПАМ, и способствуют попаданию сайтов в черные списки (списки сайтов, поиск по которым не производится). Теперь о содержимом мета-тэгов. Описание должно не только ясно выражать содержание сайта, но звучать привлекательно. Это как бы ваша первая витрина. Подбирая ключевые слова нужно держать в голове 2 вещи: 1) они должны относиться к вашему сайту; 2) это именно те слова, которые пользователь вводит в строке поиска. Кстати, описание не должно дублироваться в ключевых словах - некоторые поисковики также принимают это за СПАМ. Напоследок нужно привести небольшой пример. Пусть наша фирма занимается экипировкой и продажей боевых бегемотов. На сайте можно получить необходимую информацию о фирме, а также заказать снаряжение для своего бегемота или же купить готовую боевую единицу. Вот небольшой отрывок блока <head> документа: <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" /> |
Сообщ.
#3
,
|
|
|
Сообщ.
#4
,
|
|
|