создание Web-страниц. Методические рекомендации по созданию Webстраниц
Скачать 145 Kb.
|
Использование изображений для ссылок В качестве средства ссылок на другие WWW-страницы можно использовать не только текст, но и изображения. В предыдущей главе рассказано о том, как помещать изображения на Web-страницу. Теперь вы узнаете, как сделать их ссылочными. Это означает, что, когда вы щелкаете мышью на изображении, на экран выводится другой Web-документ, ссылкой на который и служило это изображение. Так же, как вы ссылались на другой HTML-документ с помощью текста, вы можете сослаться на него с помощью изображения. Нужно только вместо текста ссылки задать изображение. По умолчанию Web-броузеры окружают изображение-ссылку синей рамкой. Щелкнув мышью на любом месте изображения, посетители переходят на соответствующий документ. В качестве ссылок на Web-документы вы можете использовать любые виды изображений, рисунков и пиктограмм (кроме фоновых узоров). Очень популярны также изображения-карты. В качестве изображения-карты может применяться Web-графика любого типа. Такое изображение открывает различные файлы в зависимости от того, на каком фрагменте был произведен щелчок мышью. Ниже приводиться ссылка, что и в начале этой главы. Здесь изменено только одно ключевое слово. Вместо того чтобы между тегами ссылки ввести текст «Que Publishing», вводят HTML-код для вывода изображения. Вот этот код: Обратите внимание, якорный тег остался тем же, он ссылается на тот же узел, но вместо текста я ввел тег <img>. Вот как просто задаются графические ссылки. Создание якоря и присвоение ему имени Работа с якорными тегами документа содержит два важных этапа. Во-первых, определите, на какие разделы HTML-документа вы хотите сослаться. Во-вторых, введите теги <А HREF=>, указывающие на эти разделы. Вы можете вводить именные якоря в любом месте ваших Web-страниц. Каждый тег позволяет непосредственно перейти в нужное место с помощью ссылки. Вот необходимый для этого код HTML: <А NАМЕ="Именной якорь">Текст якоряА> Таким образом, мы обозначили якорным тегом имя Текст якоря. Чтобы перейти на этот тег, посетитель должен щелкнуть на флажке с именем «Именной якорь». Задать якорь довольно легко. Во-первых, определите, какой фрагмент HTML-документа будет служить якорем. <Н1>Я студент УрГПУ Затем введите тег <А NAME=>, охватывающий выбранный текст. Каждому якорю в файле с помощью ключевого слова NAME необходимо задать уникальное имя. В своей домашней странице назовите якорь словом студент. Вот соответствующий HTML-код: <А NAME="студент"> Теперь в начале раздела домашней страницы, содержащего информацию о профессии, установлен якорь. Повторите те же действия для каждого фрагмента, для которого вы хотите задать якорь. Ссылка на якорь После того как вы установили все необходимые якоря, настала пора составить оглавление, содержащее ссылки на каждый из якорей. Ссылка на якорь очень напоминает стандартную WWW-ссылку. Для этого используется тег <а HREF=>. Отличие только в том, что вам надо сообщить браузеру, что это ссылка на якорь внутри документа. Это делается с помощью значка #. Для задания ссылки на раздел домашней страницы «студент» используйте следующий тег: <А HREF="студент"> Смотри мою информацию Символ # указывает браузеру, что следует искать флажок, а не отдельный HTML-документ. Для посетителей текст такой ссылки будет выглядеть так же, как и текст любой другой ссылки. Однако при щелчке на таком тексте вы перейдете не на другой файл или новый Web-узел, а на якорь в том же файле. Конечно, имя, указанное в теге <А href=>, должно соответствовать имени, указанному в теге <а name=> при установке якоря. |