На многих сайтах используют возможность изменять тип курсора. Скажите, зачем это? Предположим, у Вас на сайте есть ссылка, при клике на которую, показывается блок с информацией, но при наведении на ссылку, курсор остаётся прежним - в виде стрелки. Ведь если мы будем использовать javascript, то мы зададим обработку на клик по картинке, так нам не нужно будет прописывать лишний раз ссылку, поэтому и не будет изменятся курсор при наведении. И торопливый пользователь упустит эту ссылку из виду, считая что это просто картинка, и не сможет просмотреть нужную информацию, тогда он сделает что-то не так. Во-избежании этого, мы предлагаем Вам использовать возможности css изменять курсоры. Можно задать функцию, которая при наведении мыши, будет изменять тип курсора на вопросительный - пользователь сразу сообразит что к чему, и нажмёт на картинку, так как вопросительный курсор даст понять, что при клике он ( пользователь ) получит важную информацию.

Это был простой пример, использовать разные курсоры Вы можете так, как захотите!

Ниже приведена таблица некоторых курсоров, которые находятся в стандартном наборе курсоров системы.

Читать полностью »

В html можно использовать символы, которые не входят в стандартную таблицу ASCII. То есть таких символов попросту нет на клавиатуре, получается их нельзя просто так добавить, но это не беда. Решением этой проблемы является, возможность вставлять в html, коды этих специальных символов. Для этого перед ними ( кодами символов ) следует ставить символ "амперсанд"(&) - который есть на клавиатуре, чтобы поставить этот символ, нужно перейти на английскую раскладку и зажать шифт, после чего нажать цифру 7, только не ту, которая находится в дополнительной клавиатуре, если таковая имеется. После этого символа можно написать, либо знак "решётка"(#), а дальше числовой код этого символа, либо написать его название словами, а в конце поставить точку с запятой(;). 

Например, для вывода символа © нужно написать, либо - © либо ©

Читать полностью »

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

Но не все знают как правильно встраивать этот плеер, и где его найти.

И поможет нам с встраиванием простого плеера тег embed.

Он выводит на странице стандартный плеер на компьютере пользователя, в основном windows media player.

Этот тег имеет мало атрибутов, но все позволяют хорошо настроить проигрыватель. Сейчас рассмотрим все команды:

1. src - устанавливает путь к медиа файлу

2. width, height - устанавливают ширину и высоту плеера

3. autostart - надо ли проигрывать плеер сразу после загрузки страницы(false - нет, true - да)

4. loop - надо ли проигрывать медиа файл с самого начала(false - нет, true - да)

5. play_loop - если значение loop - true(повторное проигрывание), то сколько раз

6. hidden - скрыть ли проигрыватель(true - да, false - нет)

7. align - позиция проигрывателя

8. hspace - отступы от контента по горизонтали

9. vspave - отступы от контента по вертикали

10. plaginspage - если у нас flash-анимиция, то указываем путь к плагину, который позволит плееру её проиграть

11. type - тип подгружаемого объекта

Читать полностью »

Что же это такое фреймы? Фреймы позволяют нам открыть в окне броузера - не один, а одновременно несколько документов (допустим, документ menu.html, который содержит меню, logo.html - документ, который содержит логотип, шапку страницы, и content.html - документ с непосредственным содержанием нашего сайта).

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

Читать полностью »

Этот урок мы с Вами посвятим специфическом тэгу, речь пойдет о тэге Marquee - бегущая строка (текста).

<marquee height="20" width="270" bgcolor="#99CCFF">

Бегущая строка, высота - 20, ширина - 270 пикселов

</marquee>

Как видите, все просто. Текст, который мы помещаем в тэге <marquee></marquee>, становится бегущая строка.

Читать полностью »