- •Практическая работа. «Разработка гипермедиальных приложений с использованием языка html. Ход работы.
- •Сначала введите теги, определяющие структуру любого –документа (используйте любой регистр – верхний или нижний).
- •Задание стилей текста:
- •Вставка рисунка.
- •Создание списка.
- •Создание формы:
- •Вставка гипертекстовых ссылок.
- •Создание таблицы.
- •Создание страницы с фреймами.
- •Введение в гипертекст и гипермедиа
- •Язык html представления гипермедиальных документов
- •Структура.
- •3. Каскадные страницы стилей css
-
Вставка гипертекстовых ссылок.
В отличие от простого текста, который можно читать только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Справочные системы многих программных продуктов построены именно по принципу гипертекста. При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке - происходит переход к заранее назначенному документу или фрагменту документа.
На Web-страницах гипертекстовые ссылки широко используются для перехода к определенному фрагменту текущей страницы, к следующей или любой странице сайта или к документу другого сайта.
Для задания перехода по гиперссылке в языке HTML используются теги <а></а> с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес.
Каждый компьютер, подключенный к Интернету, имеет свой уникальный адрес, который может быть представлен или в числовом виде, например, 204.146.46.133, или определенным сочетанием символов, например, www.microsott.com. Поскольку каждый компьютер имеет свою уникальную структуру каталогов и файлов-, то и каждая Web-страница также имеет уникальный адрес, называемый URL (Uniform Resource Locator - Унифицированный указатель ресурсов). Как видно из названия, URL может указывать не только на страницы Web, но также и на другие ресурсы Интернета, например, FTP (File Transfer Protocol - Протокол передачи файлов) - хранилища файлов. В самом общем виде URL включает в себя указатель на протокол, который применяется для доступа к ресурсу - http, ftp и др. - и символьный адрес компьютера в сочетании с именем конкретного файла в структуре каталогов этого компьютера. Например, URL-адрес http://www.chat.ru/user/faq.html состоит из указателя на протокол http, который применяется для доступа к Web, имени компьютера www.chat.ru и имени файла-документа faq.html, который находится в каталоге user.
Из сказанного следует, что каждой Web-странице соответствует свой HTML-файл. Однако вы можете заметить, что во многих URL-адресах отсутствует имя файла, например, http://www.microsoft.com. Тем не менее, в окне браузера все же появляется конкретная страница. Дело в том, что администраторы Web-серверов могут указать на своих узлах некоторые HTML-файлы, которые выводятся по умолчанию, если имя файла в URL явно не задано. Обычно эти файлы имеют имена index.html или index.htm.
-
Cоздадим переход по ссылке с конца текущего документа spisok.html на первую страницу вашего сайта, т.е. к файлу Км.html. Чтобы сообщить посетителю сайта о возможности вернуться к первой странице, необходимо предусмотреть между открывающим <а> и закрывающим </а> тегами соответствующий текст:
-
Вставьте в файле spisok.html пустую строку перед закрывающим тегом </body> и введите в ней следующий код:
<center><a href=>”Км.html”>Ha первую страницу</а></ center >
-
Сохраните и проверьте работу, если вы все правильно сделали, то вы попадете на вашу первую страничку.
-
Теперь создадим гиперссылку для перехода с первой страницы - Км.html - на вторую - spisok.html. Для ссылки логичней всего будет использовать текстовый фрагмент нашей деятельности, так как список на второй странице раскрывает содержание именно этого фрагмента текста. Для чего:
-
Откройте в программе Блокнот (Notepad) файл Км.html
-
Отредактируйте этот файл, вставив тег <center> <a href=:spisok.html"> </a> за тегом <h1 align=center > Добро пожаловать на страничку группы Км! </h1>
-
А тег <а href=" spisok.html”> между текстом «Здесь вы узнает» и «о нашей учебе и жизни в колледже», а закрывающий тег </а> - после него
-
Установите для непросмотренной ссылки белый цвет (white), для просмотренной светло-зеленый (lime), а для ссылки в момент щелчка мышью - красный (red). Для чего отредактируйте файл Км.html, добавив в тег <body> атрибуты link=white, vlink=lime, alink=red так, чтобы этот тег имел следующий вид:
-
<body bgcolor=blue text=yellow link=white, vlink=yellow,alink=red>