| Украшаем сайт. | |
| Куда ни посмотришь - в Сети сплошные сервисы и украшательства. На некоторых сайтах им уделяют даже больше внимания, чем собственно информации. Это и послужило отправной точкой для написания данной статьи - прочитав ее, вы узнаете, как менять цвет полосы прокрутки броузера, как обрабатывать сообщения, каким образом применять свой значок сайта и т.п. Иногда, попадая на какой-то сайт, мы замечаем, что цвет полосы прокрутки броузера меняется. Правда, происходит это только в том случае, если вы пользуетесь Internet Explorer'ом версии не ниже 5.5. Создают такой эффект таблицы каскадных стилей (CSS, Cascading Style Sheets) - набор правил оформления и форматирования. На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки:
 Риc.1. Соответствие параметров элементам прокрутки. Чтобы изменить цвет прокрутки, поместите данные параметры в тэг <body>, а в качестве значений присвойте шестнадцатеричный код цвета или его название на английском языке, например:
Не обязательно использовать одновременно все атрибуты, иногда достаточно только одного - scrollbar-base-color. Если немного "проиграться" с этими параметрами, то можно добиться очень интересных эффектов с прокруткой. Один из таких эффектов наглядно продемонстрирован на рисунке 2.
 Рис.2. Пример измененных полос прокрутки. |
| Свой значек сайта в адресной строке. | |||
| Многим интересно, каким образом некоторые сайты размещают собственный значок в "Избранном", в адресной строке броузера? Нет ничего проще - ведь все это делает тот же Microsoft Internet Explorer (не ниже версии 5.0). Каждый раз, когда кто-нибудь добавляет ваш сайт в "Избранное", он (Internet Explorer) автоматически ищет на сервере файл favicon.ico. Если такого нет - использует по умолчанию свой значок.
 Рис.3. Пример использования своего значка в адресной строке IE. Все, что вам нужно сделать, так это загрузить в корневой каталог, где у вас помещена главная страница (index.html), файл favicon.ico. Рекомендуемые параметры этого файла следующие: 16X16, 32X32 и 48X48 пикселей, 16 цветов. Какой размер будет использован зависит от настроек свойств экрана. Если в файле значка отсутствует изображение, соответствующее необходимому системе размеру, то будет выбрано наиболее подходящее из них, а потом растянуто (или сжато). Такие значки выглядят размазанными, что довольно-таки некрасиво (тем более это верно для тех значков, некоторая часть изображения которых прозрачна, и сквозь неё просвечивает фон рабочего стола); и особенно уродские результаты даёт растяжение значка 16x16 в два-три раза, необходимое для получения крупного значка. Исходя из вышеприведённых соображений, в каждом из ваших ICO-файлов должно присутствовать по крайней мере три значка: один 16x16, один 32x32, и один 48x48. Тогда и значки всех размеров будут в наличии, и вид их не окажется искажён. Если вы считаете, что пользователь может занести в "Избранное" не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта. Если вы по каким-либо причинам не можете разместить данный файл в корне своего сайта, используйте в HTML-документе, между тегами <head></head>, директиву:
Кроме єтого, ваш значок может быть не в формате ICO, а в каком-нибудь другом формате — например, в анимированном GIF, если броузер поддерживает подобное. Для этого достаточно изменить MIME-тип и указать адрес GIF-файла:
Брjузеры, которые понимают GIF-значки сайтов (например, Mozilla) будут демонстрировать анимацию в строке адреса, слева от URL, а также во всех остальных местах, где ими отображаются значки. Брjузеры, которые не способны на такой подвиг (например, Microsoft Internet Explorer 6), просто не станут скачивать значок этого типа. Можно еще сделать так, чтобы значок был анимированным GIF там, где это возможно, а в остальных броузерах оставался неподвижным ICO-изображением. Такой эффект будет достигнут, если указать два link-тега подряд, один за другим:
В таком случае каждый обозреватель понимает свой тип значка и отображает именно распознанный. |
| Обработка системных ошибок. | ||
| Наполняя свою страничку полезной информацией, стоит подумать о том, что кто-то из посетителей вполне может оставить где-нибудь ссылку на конкретный файл вашего сайта. Сколько эта ссылка будет храниться, не известно никому, но рано или поздно кто-то обязательно по ней придет - а вы к тому времени можете переместить этот файл куда угодно. И человек, жаждавший увидеть вашу страничку, получит лишь предупреждение об ошибке. Рядовой пользователь просто закроет браузер или пойдет в другое место. Этого посетителя вы, вероятно, уже не сможете вернуть. Но веб-сервер Apache позволяет поменять стандартное сообщение об ошибке на свое собственное. В нем вы (естественно, нормальным языком - и, желательно, родным) объясните человеку: файл, мол, перемещен, начните поиск с главной страницы. Увидев такое сообщение, посетитель сможет перейти на главную страницу сайта или написать письмо автору или веб-мастеру. Теперь он не уйдет от вас просто так. Делается все это следующим образом. В корневом каталоге сайта существует файл .htaccess. Если же нет - создайте его. В этот файл вы можете записать команды следующего типа:
Таким образом вы можете прописать все стандартные ошибки протокола. Например, для ошибки отсутствия ресурса можно написать так:
В файл error404.html вам придется написать сообщение об ошибке 404, указать адрес главной своей страницы и тому подобное. Не очень критично, под какой системой работает сервер - NT или разновидность Unix - если стоит Apache, то, скорее всего, у вас будет файл .htaccess в корневом каталоге и вы сможете обрабатывать ошибки. |
| Создание ссылки на почтовый адрес. | ||
| В меню на сайтах все мы встречали пункт "Обратная связь", "Напишите мне" - или нечто другое в этом роде. После клика на этой ссылке начинает загружаться почтовая программа с уже вписанным адресом в поле "Кому". Делается это элементарно:
Почтовая гиперссылка имеет несколько параметров - не обязательных, но иногда нужных: Пример почтовой ссылки с использованием всех параметров выглядит следующим образом:
Нажатие по такой ссылке приведет к открытию окна почтовой программы пользователя с уже заполненными полями. Останется только написать письмо и отправить его:
 Рис.4. Почтовая программа с заполненными полями. |
| Изменение курсора на сайте. | |||||||||||||||||||||||||||||||||||
| Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной «руки», появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все по умолчанию.
В последнем примере, где демонстрируется использование собственного курсора, можно применить и анимированные курсоры (.ani). Но в любом случае рекомендуеться через запятую указать несколько курсоров и замкнуть эту связку атрибутом - auto. Если у пользователя не загрузиться ни один из ваших курсоров, будет отображен установленный по умолчанию:
|
| Copyright © 2002-2008 by Vladimir Drigalkin aka LENIN INC. All Rights Reserved. |