КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Определение гиперссылокГиперссылки необходимы для перемещения по гипертекстовому пространству. В HTML-документах различают два типа гиперссылок: Внутренние гиперссылки - являются ссылками на какой либо объект размещенный на той же странице, что и сама гиперссылка. Внешние гиперссылки - ссылаются на объекты, располагаемые вне текущей страницы. В общем случае этот объект может располагаться на любом из узлов компьютерной сети интернет. Внешние ссылки также могут различаться по типам ресурсов на которые они указывают: 1) «File:" - ссылка на файл жесткого диска. 2) «Ftp:» - ссылка на сервер ftp (ftp -служба обмена файлами») 3) «Gopher» -ссылка на ресурс службы Gopher - текстовый аналог www. 4) «Http:» - ссылка на ресурс службы www. 5) «mailto:» - ссылка на почтовый адрес сети Internet. 6) «news:» - ссылка на сервер новостей Internet. 7) «telnet:» - ссылка на сервер telnet. В качестве гиперссылки может выступать практически любой элемент гипертекстового документа (картинка, текст, видеоролик и.т .д). Чтобы создать внутренюю гиперссылку необходимо: 1) Установить закладку , то есть отметить тот элемент на который будет происходить переход. Выделите требуемый элемент. 2) Из меню «Правка« ("Edit") выберите команду «Закладка» ("Bookmark"). 3) В раскрывшемся меню введите имя закладки. 4) Выделите элемент, который будет являться гиперссылкой. 5) Из меню «Вставить»("Insert") выберите команду «Гиперссылка» ("Hyperlink") . 6) В раскрывшемся диалоговом окне выберите название страницы и название соответствующей закладки на странице. При щелчке по гиперссылке осуществляется переход к выбранной закладке. Чтобы создать внешнюю гиперссылку необходимо: 1) Выделите элемент, который будет являться гиперссылкой. 2) Из меню «Вставить» ("Insert") выберите команду «Гиперссылка» ("Hyperlink"). 3) Если требуется ссылка на страницу, размещенную на локальном жестком диске, то в раскрывшемся диалоговом окне на вкладке «открыть страницы» ("Open pages") выберите название страницы из списка страниц и название соответствующей закладки на странице из списка закладок. 4) Если требуется установить ссылку на ресурс, располагающийся в сети, то выберете на вкладке «WWW» ("World Wide Web") тип ссылки и впишите адрес соответствующего ресурса. Рис. 11. После создания ссылки слово или объект будет выделены подчеркиванием. Рис. 12. Пример: Создадим две страницы с названием «Студент» и «группа». Кодовая страница «Windows кириллица». 1) На странице «Студент" разместим ФИО студента по центру, шрифт Time New Roman, 16, черный. 2) В качестве фона возьмем одну из картинок папки BackGround. 3) Название учебного заведения. 4) Название-ссылку группы. 5) Портрет (у кого есть), иначе выбрать из папки Image.
1) На странице «Группа» разместим пронумерованный список группы. 2) Выберем фон, отличный от цвета фона по умолчанию. 3) Разместим список группы в таблице по центру экрана. 4) Изменим цвет фона в таблице. 5) Толщина границ 3. 6) На фамилии студента установим гиперссылку на его личную страницу. Основные понятия языка HTML На предыдущем этапе мы создали два HTML-документа, связанные между собой при помощи редактора Microsoft FrontPage Express. Теперь нашей задачей является изменение этого документа, но не при помощи редактора, а напрямую, посредством языка HTML. Для этого далее рассмотрим основные элементы языка HTML, которые мы будем использовать в работе. Как видно из нашего документа, вся информация о форматировании документа сосредоточена в фрагментах текста, заключенных между знаками «<« и «>«. Такой фрагмент (например, <HTML>) называется меткой (по-английски — tag, читается «тэг»). Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением «/». Метки можно вводить как большими, так и маленькими буквами. Например, метки <body>, <BODY> и <Body> будут восприняты html браузером одинаково.
|