Рассылка www.vns.ru
#5 от 8-го июля 2002 г.
Все секреты HTML
в выпуске:
Скрипты
Навигационные карты
интересные ресурсы
авторам
Подписка на "PhotoShop"
-
-
 
для дизайнера:
CorelDRAW
PhotoShop
Macromedia Flash
MS Front Page
Dreamweaver
Java
HTML
DHTML
Литература
Анимация
Шрифты
Программы
Архив рассылок
Сервис чатов
Здравствуйте!

На сервере появились новые статьи в разделе "Литература".

Скрипты

Скрипты - это включения в HTML не-HTML кода, дополняющего его возможности. С помощью сприптов вы можете создавать анимированные кнопки меню, осуществлять автоматическое перенаправление на другие документы и т.д. Большинство скриптов пишется на языке JavaScript.

Элементы для работы со скриптами:
SCRIPT - Вставляет скрипт в HTML-документ
NOSCRIPT - Определяет текст, который будет отображен, если браузер не поддерживает скрипты

SCRIPT

Определяет скрипт в теле документа. Сам текст скрипта либо располагается между начальным и конечным тэгами, либо определяется как URL скрипт-файла в параметре SRC.
Параметры:
LANGUAGE - определяет язык, на котором написан скрипт, например, "JavaScript".
SRC - определяет URL скрипта.

Пример 1:
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.vns.ru/js/script.js">
</SCRIPT>

В целях совместимости со старыми браузерами, содержимое элемента SCRIPT следует заключать между <!-- и -->, т.е. оформлять его как обычный HTML-комментарий :

Пример 2:
<SCRIPT LANGUAGE="JavaScript">
<!--
window.location="http://www.art-russia.com";
-->

</SCRIPT>

Где размещать скрипт:

Элемент SCRIPT чаще всего располагают между конечным тэгом элемента HEAD и начальным тэгом элемента BODY :










NOSCRIPT

Определяет текст, который будет отображен, если браузер по какой-либо причине не работает со скриптами.

Пример:
<SCRIPT LANGUAGE="JavaScript">
    <NOSCRIPT> Пора менять браузер... </NOSCRIPT>
   
<!--
    window.location="http://www.igf.ru";
    -->

</SCRIPT>


Источник: http://html.manual.ru

[ к содержанию ]

Навигационные карты

Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов MAP и AREA и представляют собой гиперссылки, офомленные в виде активных областей на изображении. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра USEMAP элемента IMG.

Пример:
<!-- Создаем карту с именем ImageMap: -->
<MAP NAME="ImageMap">
<AREA HREF="something.html" SHAPE="rect" COORDS="0,0,70,140" ALT="Левая половинка">
<AREA HREF="anything.html" SHAPE="rect" COORDS="71,0,140,140" ALT="Правая половинка">
</MAP>
<!-- Создали. -->

<BODY>
<!-- Привинчиваем ее к изображению -->
<IMG src="/img/block.gif" USEMAP="#ImageMap" HEIGHT="140" WIDTH="140" BORDER="0">
...

В данном примере мы создали квадратное изображение размером 140x140 пикселов, левая часть которого является ссылкой на файл something.html, а правая - на файл anything.html.

MAP

Создает новую навигационную карту. Между начальным и конечным тэгами содержит один или несколько элементов AREA, определяющих навигационные области карты.

Параметры: NAME - единственный и обязательный параметр. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью параметра USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.

Пример:
<!-- Создаем карту Map1 : -->
<MAP NAME="Map1">
   
<!-- Задаем области -->
    <AREA HREF="...>
    <AREA HREF="...>
    ...
</MAP>
<!-- Карта готова -->

AREA

Создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.

Параметры:

SHAPE - определяет форму навигационной области. Возможные значения:

    rect - прямоугольник;
    circle - окружность;
    poly - многоугольник.
В зависимости от выбранной формы меняется способ задания ее координат в параметре COORDS.

COORDS - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:

    SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";
    SHAPE="circle" COORDS="центр x, центр y, радиус";
    SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

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

NOHREF - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру HREF и используется для отмены действия последнего.

ALT - определяет альтернативный текст-подсказку для данной области.


Пример:
<!-- Создаем хитрую карту с круглой дыркой посередине -->
<MAP NAME="map1">
    <AREA NOHREF SHAPE="circle" COORDS="80,70,40">
    <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">
</MAP>
...
<!-- Применяем ее к картинке -->
<IMG src="/img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">

Источник: http://html.manual.ru

[ к содержанию ]

Интересные ресурсы

Бесплатная раскрутка сайта - Впервые в Рунете реализована 3 уровневая система рефералов - 20% с первого уровня...
Zona5.al.RU - Всё о Macromedia Flash - уроки, исходники, статьи...
Andrey.nnov.Ru - Алгоритмы, статьи, книги, faq и многое другое.
Портал для веб-мастера - скрипты, раскрутка, хостинг...
Денежная сеть - Только проверенные способы сетевого заработка.
Форум "Студенческий" - форум, созданный для общения студентов, абитуриентов и прочих.
Flash по шагам - Сайт и рассылка научат вас Flash по шагам.
NetNight.R2.Ru - ежедневные обзоры программ, аська, warez, crackz
Раскрутка сайта - своя партнерская программа для рекламы в интернет
Всё для веб-мастера - JavaScript, SSI, PHP,CSS, HTML, Soft, FrontPage, DramWeaver, Flash


Сюда может попасть любой желающий. Послать заявку...
Авторам

Вы хотите, чтобы ваши статьи были опубликованы на сервере VNS.ru? Если вы считаете, что можете написать о дизайне, скриптам, графике и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи. Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом. В качестве гонорара Вы получите показы сети RLE (от 1000 до 10000) плюс N-кол-во читателей, которые посетят Ваш сайт. Буду рад сотрудничеству.

Подпишись на рассылку "PhotoShop"

http://www.vns.ru

ведущий рассылки: Павел