www.refantom.narod.ru
Итак, несколько приятных мелочей, которые
заметно разнообразят внешний вид вашей
веб-страницы.
Подсвечивание ссылки
Сделать ссылку изменяющейся, когда над ней
оказывается курсор мыши, очень просто. Для этого
надо использовать каскадные таблицы стилей (CSS) -
вставляем в head:
<
style>
A { color : #0000FF; }
A:Hover { color : #FF0000; }
</style>
Менять можно не только цвет ссылки, но и любое
другое свойство, поддерживаемое CSS.
Кстати, если вам надоели подчеркнутые ссылки,
избавиться от них можно,
написав:
A { text-decoration : none; }
Подчёркивание линка
<!-- Подчеркивание линка
-->
<style>A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:hover {
COLOR: #830000; TEXT-DECORATION: underline
}
</style>
В стилях указать body {background: fixed;}, либо в самом
тэге на странице: <BODY bgproperties=fixed>
Вставьте onFocus="this.blur()" в начальный тэг
ссылки. Например:
<A href="URL"
onFocus="this.blur()">ссылка</A>
По умолчанию броузер начинает показывать
содержимое страницы (кроме фонового рисунка),
отступив от края окна некоторое число пикселей.
Для того, чтобы заставить его начать с самого
края, вставьте в тэг body следующие параметры:
<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>
На самом деле последние два дублируют первые два
- дело в том, что Netscape понимает marginwidth=0 marginheight=0, а
Internet Explorer - leftmargin=0 topmargin=0.
Такая штука пройдет в Netscape 4 и Explorer 3 и 4, чтобы
заставить сделать тоже самое третий Netscape
придется повозиться с фреймами.
Вы можете добавить
на свою страничку звуки или видео клипы. Они
могут запускаться автоматически при загрузке
странички. Вот несколько примеров использования
звуковых/видео клипов:
WAV файл со
стандартным пультом управления:
<EMBED SRC="файл.wav" WIDTH=145 HEIGHT=55></EMBED>
MIDI файл со
стандартным пультом управления:
<EMBED SRC="файл.mid" WIDTH=145 HEIGHT=55></EMBED>
Если Вы просто
хотите сделать ссылку на звуковой файл:
<A HREF="фаил.wav">текст</A>
AVI видео:
<EMBED SRC="файл.avi" WIDTH=300 HEIGHT=200></EMBED>
 Ниже
находится список атрибутов которые вы можете
использовать для достижения нужной цели (все
они используются в теге <EMBED ...></EMBED>):
SRC=name.ext - имя звукового, видео клипа.
ALIGN=CENTER - расположения пульта управления (LEFT |
CENTER | RIGHT).
WIDTH=X - где X ширина видео клипа в
пикселах.
HEIGHT=Y - где Y высота видео клипа в пикселах.
AUTOSTART=TRUE - разрешает или запрещает браузеру
запускать клип при загрузке странички (TRUE | FALSE).
REPEAT=TRUE - разрешает или запрещает повторять
звуковой/видео клип (TRUE | FALSE) .
PLAY_LOOP=Z - если Вы указали REPEAT=TRUE, укажите здесь
вместо Z количество повторений.
CONTROLS=SMALLCONSOLE - используйте этот атрибут если
хотите, чтобы пульт управления был маленьким.
HIDDEN=TRUE - а этот атрибут необходим для того,
чтобы не показывать пульт управления (TRUE | FALSE).
И смотрите, не перестарайтесь с музыкой и видео
- без особой надобности не утяжеляйте ими
странички - могут отпугнуть кого угодно, даже
самого терпеливого :-)
- <a href="file.html"> Ссылка на
файл в том же каталоге.
- <a href="../file.html"> Ссылка
на файл, который находится на уровень выше
- <a href="../../file.html"> Ссылка
на файл, который находится на 2 уровня выше
- <a href="dir/file.html">
Ссылка на файл в подкаталоге dir уровнем ниже
- <a href="../dir/file.html">
Ссылка на файл в соседнем каталоге dir того же
уровня
Ответ зависит от того, какова Ваша конечная
цель. Если Вы новичок и при этом хотите
ограничиться лишь созданием одной-двух
страничек, не вникая в HTML, тогда выбирайте
любой из WYSIWYG-редакторов, например MS Frontpage.
Если Вы новичок, но горите желанием стать
знатоком, тогда Ваши инструменты это MS Notepad и
хороший справочник по HTML, потому, что только
работая головой и "ручками" можно закрепить
знания и приобрести достаточный опыт.
В данном случае имеется ввиду любой текстовый
редактор, по возможностям сравнимый с MS Notepad.
В итоге Вы скорее всего остановитесь на
чем-нибудь типа Home Site, или Dream Wiewer, но лишь
для того, чтобы избавить себя от рутинной работы
и успевать в конкретные сроки, при этом иметь в
активе хороший справочник по HTML, а в
"закладках" ссылку на сайт типа этого. Хотя
на деле происходит так, что после "стараний"
различных редакторов мастеру, тем не менее,
все-равно приходится оптимизировать код, т.е.
удалять лишние тэги и исправлять прочие ошибки,
теряя при этом время.
Как загрузить страницу в новом окне?
<A href="file.html" target="_blank">Ссылка</A>
<table>
<tr>
<td onmouseover="this.style.backgroundColor='#D3D3D3'"
onmouseout="this.style.backgroundColor='#ffffff'"
vAlign="center" align="center"
width="140" bgColor="#ffffff" height="25"><p
align="center"></td>
</tr>
</table>
Сама таблица так же, как и её ячейка вполне
допускают использование атрибута background внутри
тэга, например:
<TABLE background="URL">
<TD background="URL">
А в случае с формой придется использовать
стили, например:
<textarea style="background-image:url(file.gif)"></textarea">
При помощи таблиц стилей CSS, а именно при помощи {background-repeat:
no-repeat;}, тогда таблица стилей должна иметь
следующий вид:
<STYLE>
body {background-repeat: no-repeat;}
</STYLE>
Для того чтобы поместить свой текст в строку
состояния браузера необходимо доработать BODY тег.
Вот так (надписи отмеченные красным необходимо
откорректировать):
<body .... onLoad="window.defaultStatus='Ваш текст тут
'">
Полезно создавать кнопку "назад" (back) на
своей странице. Ниже находится небольшой скрипт
позволяющий воплотить эту идею. Она реализована
обычным HREF тегом, который используется для
создания ссылок:
<A HREF="javascript:history.back()" onMouseOver="window.status='Назад';return
true"> Назад(или другой Ваш текст)</A>
P.S. На тех страницах где используется данный
скрипт желательно установить Свой текст
в строке состояния, потому что если этого не
сделать после увода мышки ссылки текст строки
состояния не поменяется обратно.
|
