Наложение изображений

Как вы знаете, работа с изображениями может существенно увеличить время загрузки веб-страницы. К сожалению, многие разработчики все же предпочитают использовать на веб-страницах яркие, цветные и большие изображения. Посетителя любят цветные изображения и скорее снова посетят веб-страницы, если они им понравились и запомнились. Разработчики Web часто встают перед выбором между замечательными цветами и хорошей скоростью.

Чтобы разрешить эту дилемму, разработано новое ключевое слово тега <img>, которое дает возможность разработчикам и посетителям воспользоваться обоими преимуществами. Это ключевоек слово низкого разрешения LOWSCR="...". Оно сообщает браузеру, что сначала следует загрузить малий файл изображения с низким разрешением, а затем, когда загрузится все страница, вывести нормальное изображение с высоким разрешением.

На практике разработчики веба часто применяют большие цветные изображения, которые слишком велики для использования на веб-странице. Вместо этого они с помощью графического пакета, такого как PaintShop Pro или Photoshop, создают друблирующий файл с ухудшенной версией той же графики (содержащей черно-белое изображение или изображение меньшего размера). Браузер сначала загружает на страницу изображение, заданное ключевым словом LOWSCR="...". Затем, закончив загрузку остальной части, он загружает обычное изоюражение, заданное стандартным ключем SRC="...".

Допустим, например, что у меня есть два изображения. Одно называется LOWCAR.GIF. Это черно-белая версия цветной фотографии машины. Чтобы использовать слово LOWSCR, я ввожу следующую строку: <img src="HIGHCAR.GIF" lowscr="LOWCAR.GIF">

Вот и все!

Итог занятия

Сегодня мы закончили разговор о графике в Web. Мы поговорили о прозрачных изображениях в формате GIF, узнали о том как браузеры работают с прозрачными изображениями, научились создавать прозрачные GIF-изображения. Поговорили о наложении изображений. Если у вас есть вопросы по пройденному материалу, присылайте их сюда.

Уроки html'а. Урок # 12.

Ссылки на веб-страницах

Веб-страница без ссылок - это изолированный остров. Если ее кто-нибудь посетит, он не сможет оттуда попасть на другие острова-страницы. Если в ваши планы не входит превращать людей в Робинзонов, хорошо бы сослаться на несколько других страниц в WWW. Тогда вы тоже примете участие в плетении всемирной паутины. Уже было показано, как интегрировать в веб-страницу графические изображения, пиктограммы и фоновую графику. Теперь настало время сделать следующий шаг и научиться ссылаться на другие веб-страницы.

Гиперссылки на веб-страницы - одно из основных свойств WWW. Любой документ может содержать ссылку на другой веб-документ, заданную с помощью специального тега в HTML. Этот, и возможно еще другие уроки посвящены гипертекстовым ссылкам. Вы узнаете, как на странице сослаться на другие HTML-документы, расположенные в любом месте Интернета.

Понятие гипертекстовой ссылки

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

В каждом URL-адресе есть три части: протокол, узер Интернета и имя файла (включая к путь нему, если необходимо). Протокол - это правила, в соответствии с которыми два компьютера общаются друг с другом; в этой главе говорится в основном о стандартном http (hyper text transfer protocol - протокол трансляции гипертекста, т.е. HTML) - стандартном протоколе WWW. Вы должны указать также узел Интернета и при необходимости имя файла. Например онлайновый адрес архива этих уроков, таков: http://cray.vision.krg.kz/~Sam/dlab/subscr/html.arc/index.html

Длинно? Но ведь если речь идет о index.html, то его можно опустить... т.е. адрес по идее таков: http://cray.vision.krg.kz/~Sam/dlab/subscr/html.arc/

Если перевести это на русский язык, получится, что браузер должен с помощью определенного способа связи (http) связаться по Интернету с указанным адресом dlab.by.ru (сайт Design Laboratory), затем найти вебстраницу в поддиректории subscr/html.arc/ и запустить index.html. Этот порядок срабатывает и во втором случае, т.к. наличие index.html необязательный параметр.

Гипертекстовые ссылки часто используются, поскольку могут легко свзяать два документа, расположенные на противоположных концах мира. Каждый документ и файл в Интернете имеют уникальный адрес, называемый URL'ом (uniform recource locator - универсальный указатель ресурса). Чтобы связать два документа, разработчики веб-страниц помещают на одном из них URL другой. URL напоминает адрес электронной почты. Интернет-компьютеры понимают, как транслировать URL и найти по ним, с кем нужно связаться.

Независимо от того, где находятся веб-страница, на которые вы хотите сослаться - в Купично или в Новой Зеландии, - веб будет работать с ними одинаково. Браузер использует каждый URL для того, чтобы найти документ в Интернете и автоматически доставить его вам. Тому, кто просматривает веб-узлы по всему миру, нет нужды думать ни о URL'е, ни о том, как найти нужный документ. Обо всем этом позаботится ваш браузер.

С помощью WWW вы можете непосредственно на веб-странице ссылаться на HTML-документы (веб-страницы), файлы (по протоколу FTP [file transfer protocol - протокол передачи файлов]), группы новостей Интернета (например, UseNet) и даже на такие популярные источники информации как Yandex или Yahoo!.

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