рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Тема: Работа со ссылками на Web-странице

Тема: Работа со ссылками на Web-странице - раздел Образование, Тема: Работа Со Ссылками На Web-Странице 1 Представление Ссылок На W...

Тема: Работа со ссылками на Web-странице

1 Представление ссылок на Web-странице

1.1 Задание параметров ссылок

1.2 Использование CSS в ссылках

1.3 Изображение курсора на Web-странице

1.4 Сегментированная графика

1.5 Использование локальних ссылок

 

Представление ссылок на Web-странице

 

Ссылки - это выделенные объекты на Web-странице (слова , изображения и др.), которые при наведении курсора мыши меняют свои параметры с появлением изображения "ладошки". После щелчка мыши по ссылке происходит поиск и загрузка требуемой Web-страницы.

Задание параметров ссылок

 

Для задания ссылки и ее параметров используется тэг-контейнер <A>ссылка </A> (Anchor - якорь), который содержит такие параметры:

HREF - указывает URL-адрес Web-страницы, которая будет загружена после щелчка мыши по ссылке;

NAME - указывает имя в документе, куда будет перемещен указатель при внутреннем использовании ссылок (см. пункт 1.4);

TARGET - указывает имя окна (фрейма), куда будет загружена вызываемая Web-страница (см. раздел 1.2 описания лабораторной работы № 7);

TITLE - задает поясняющую надпись под ссылкой, которая появляется некоторое время спустя после наведения мыши на ссылку.

 

Например, для задания ссылки со стандантными параметрами, с помощью которой производится загрузка Web-страницы с описанием лабораторной работы № 1, используется следующий тэг:

 

<A HREF="lab1.htm">Лабораторная работа № 1</A>

 

Для изменения параметров цвета ссылки ипользуются следующие параметры тэга <BODY>:

LINK - задает цвет непросмотренной ссылки (по умолчанию синий);

VLINK - задает цвет посещенной ссылки (по умолчанию красноватый);

ALINK - задает цвет сылки после щелчка мыши по ней, но до загорузки Web-страницы (используется редко).

 

Ссылка может быть задана также с помощью рисунка. Для этого необходимо тэг <IMG >, задающий рисунок, поместить внутри контейнера <A> </A>:

 

<A HREF="lab2.htm"><IMG SRC="fish.gif"></A>

 

В примере №1 приведено использование стандартных ссылок, а также ссылок в виде изображения. Оглавление

 

Использование CSS в ссылках

В каскадных листах стилей для ссылок имеются псевдоклассы с таким форматом: A:link{ } - для задания параметров (цвета, формы и др.) тех ссылок, которые… A:visited{ } - для задания параметров тех ссылок, которые уже были использованы для загрузки Web-страниц;

Изображение курсора на Web-странице

При наведении курсора мыши на ссылку обычно появляется изображение "ладошки". В CSS имеется возможность изменить вид курсора (и не только… default - изображение, задаваемое по умолчанию (обычно это… hand - "ладошка";

Сегментированная графика

К сегментированной графике относятся изображения, условно разбитые на отдельные части в виде определенных геометрических фигур, каждая из которых… Для перечисления областей чувствительности используется тэг-контейнер… Каждая область чуствительности описывается с помощью одиночного тэга <AREA>, который содержит такие параметры: …

Использование локальных ссылок

Локальные ссылки используются для облегчения доступа к отдельным частям документа, представленного на Web-странице. Для этого в HTML-документе с… В примере (№1) показано применение локальных ссылок на Web-странице.  

Представление фреймов на Web-странице

Задание фреймовой структуры

 

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

 

В отличии от обычного HTML-документа в документе с описанием фреймов нет тэга-контейнера <BODY> . . . </BODY>. Вместо него используется тэг-контейнер <FRAMESET> . . . </FRAMESET>, который делит экран на несколько горизонтальных частей (окон), или на несколько вертикальных окон. Каждое из окон описывается в виде фрейма с помощью тэга <FRAME>. Тэг <FRAMESET> содержит следующие параметры:

COLS - указывает через запятую ширину вертикальных окон в пикселях или в % от ширины экрана (если задается *, то этому окну отводится оставшаяся часть экрана);

ROWS - указывает через запятую высоту горизонтальных окон в пикселях или в % от высоты экрана (если задается *, то этому окну отводится оставшаяся часть экрана);

FRAMEBORDER :

1 - фреймы имеют рамку;

0 - фреймы не имеют рамку.

FRAMESPACING - указывает расстояние между фреймами в пикселях.

 

Например, тэг

 

<FRAMESET COLS="20%,30%,*">

<FRAME . . . >

<FRAME . . . >

<FRAME . . . >

</FRAMESET>

делит экран на три вертикальных окна, которые занимают соответсвенно 20%, 30% и оставшуюся часть (50%) экрана. На месте каждого из тэгов <FRAME> может быть указан тэг <FRAMESET> . . . <.FRAMESET>. Это позволяет формировать на экране сложную многооконную структуру.

В примере № 1 показано построение и использование трехоконной структуры на Web-странице.

Задание параметров фреймов

 

Для описания характеристик каждого окна используется тэг <FRAME>, который содержит следующие параметры:

MARGINHEIGHT - указывает отступ в пикселях по высоте от границ фрейма;

MARGINWIDTH - указывает отступ в пикселях по ширине от границ фрейма;

FRAMEBORDER - имеет те же значения (0,1), что и одноименный параметр тэга FRAMESET;

NAME - указывает имя фрейма, которое может быть использовано в ссылках для загрузки Web-страницы в требуемое окно экрана (см. описание параметра TARGET в разделе 1.1 описания лабораторной работы №6);

имеется ряд стандартных имен окон:

_self - для загрузки Web-страницы в текущее окно (принимается по умолчанию, если в ссылке не задан параметр TARGET);

_top - для загрузки Web-страницы во весь экран;

_blank - для загрузки Web-страницы в новое окно (отличается от _top тем, что нельза вернуться в исходное окно по стрелке "Назад").

NORESIZE - запрещает изменять с помощью мышки размеры фрейма;

SCROLING - указывает на один из трех режимов просмотра фрейма:

yes - с созданием полосы прокрутки;

no - без создания полосы прокрутки;

auto - с созданием полосы прокрутки только тогда, когда загружаемые данные не помещаются в окне фрейма (принимается по умолчанию).

SRC - URL-адрес Web-страницы, загружаемой в окно фрейма;

BORDERCOLOR - указывает цвет границы фрейма (ширина границы задается параметром FRAMESPACING).

 

Плавающие фреймы

При создании многооконной Web-страницы помимо применения фреймовой структуры на базе тэга <FRAMESET> . . . </FRAMESET> (см. пункт 1.1)… Плавающий фрейм, подобно изображению, будет располагаться на экране в том… Ниже приведен пример задания плавающего фрейма, с именем "ff", размером 200*200 пикселей, в который…

– Конец работы –

Используемые теги: Тема, работа, ссылками, Web-странице0.078

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Тема: Работа со ссылками на Web-странице

Что будем делать с полученным материалом:

Если этот материал оказался полезным для Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Еще рефераты, курсовые, дипломные работы на эту тему:

Задания для выполнения контрольной работы и лабораторной работы для самостоятельной работы студентов Менеджмент и маркетинг
На сайте allrefs.net читайте: "Задания для выполнения контрольной работы и лабораторной работы для самостоятельной работы студентов Менеджмент и маркетинг"

ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ТЕХНОЛОГИИ СОЦИАЛЬНОЙ РАБОТЫ. ОБЩИЕ ТЕХНОЛОГИИ СОЦИАЛЬНОЙ РАБОТЫ. МЕЖДИСЦИПЛИНАРНЫЕ ТЕХНОЛОГИИ И МЕТОДИКИ СОЦИАЛЬНОЙ РАБОТЫ
Учебник подготовлен коллективом авторов... гл канд искусствовед наук проф Т В Шеляг гл д р... наук проф П Д Павленок...

Организационный этап выполнения курсовой работы 2.1 Примерная тематика курсовой работы . 3 Основной этап выполнения курсовой работы 3.1.1 Назначение и место ученого предмета дисциплины
стр Введение... Введение Реформирование национальной системы высшего образования связанное с введением нового перечня специальностей общегосударственного классификатора...

Понятие воспитательной работы. Роль и место воспитательной работы в системе работы с кадрами
Это, в свою очередь, требует повышения уровня воспитательной работы с личным составом, выделения приоритетов в системе воспитания личного состава,… Вместе с тем в современных условиях принимаемые меры воспитательного… Коллегия МВД России на заседании 23 декабря 1998 г рассмотрев состояние работы с кадрами в системе кадровой политики…

Контрольная работа МЕТОДИЧЕСКИЕ УКАЗАНИЯ Для самостоятельной работы и к выполнению контрольной работы для студентов заочного обучения всех специальностей
Информатика... Контрольная работа... Для направлений бакалавриата Землеустройство и кадастры...

КУРСОВАЯ РАБОТА на тему Статистическая обработка выборки. Статистический анализ работы, использования подвижного состава на железнодорожном транспорте
МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ПУТЕЙ СООБЩЕНИЯ... МИИТ... Институт экономики и финансов...

Дисциплина Операционные системы на тему: СКРИПТЫ, ПЛАНИРОВЩИКИ - изучение работы скриптов и приобретение навыков работы с ними
Кафедра компьютерных технологий... ОТЧЕТ по лабораторной работе...

Приобрести студентам основные навыки практической работы с клавиатурой ПК при выполнении практических работ в Microsoft Office
Современные сервисные пакеты прикладных программ ППП Microsoft Office... Такое положение привело к мысли разработать и составить практическое руководство в котором процесс освоения...

КУРСОВАЯ РАБОТА На тему Расчет рассеяния загрязняющих веществ в
федеральное государственное автономное образовательное учреждение... высшего профессионального образования... Северный Арктический федеральный университет имени М В Ломоносова Кафедра теоретической и...

Контрольно-курсовая работа по теме «Политическая власть в современной России»
Тульский государственный университет... Кафедра социологии и политологии...

0.04
Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • По категориям
  • По работам