Способ организации информации с гиперссылками

Способ организации информации с гиперссылками

Используется учебник “Информатика” Н.Угриновича для учеников 8 класса.

• освоение основных приемов по созданию гиперссылок в текстовом редакторе;

• формирование умений анализировать, выделять главное, сравнивать, формулировать определения

• воспитание аккуратности, добросовестности, привитие интереса к изучаемому предмету

1. Организационный момент 1 мин.
2. Объяснение нового материала 19 мин.
3. Практическая работа 23 мин.
4. Подведение итогов 2 мин.

Объяснение нового материала. Учащиеся знакомятся с текстом учебника и готовятся отвечать на вопросы.

“Для отображения в “плоском” (линейном) тексте смысловых связей между основными разделами или понятиями можно использовать гипертекст. Гипертекст позволяет структурировать документ путем выделения в нем слов-ссылок -–гиперссылок. При активизации гиперссылки (например, с помощью щелчка мыши) происходит переход на фрагмент текста, заданный в ссылке.

Гиперссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указатель ссылки – это объект (фрагмент текста или изображение), который визуально выделяется в документе (обычно синим цветом и подчеркиванием). Адресная часть гиперссылки представляет собой название закладки в документе, на который указывает ссылка.

Закладка – это элемент документа, которому присвоено уникальное имя. Закладки размещаются на тех страницах документа, куда должны осуществляться переходы по гиперссылкам.

Гиперссылки могут указывать на закладки, размещенные не только в том же документе, но и в других документах. Примерами систем документов, объединенных гипертекстовыми ссылками в единое целое, являются справочные системы операционных систем и приложений. Активизация гиперссылки вызывает в окно документ со справочной информацией.

Технология гипертекста, распространенная на Web-страницы в Интернете, формирует Всемирную паутину, связывающую миллиарды документов на сотнях миллионах компьютеров в единое информационное пространство”.

• Для чего предназначен гипертекст?
• Где используется технология гипертекста?
• Как визуально определяется гиперссылка в тексте?
• Между какими объектами устанавливается связь при создании гиперссылок?
• Как осуществляется переход с одного места в гипертексте на другое?
• Сформулируйте определение гипертекста и гиперссылки.

В итоге обсуждения учащиеся самостоятельно формулируют (и записывают в тетрадь) определения:

“Гиперссылка – выделенный фрагмент документа, связанный с неким объектом (файлом или определенным местом исходного документа), которому передается обращение при щелчке мыши.

Гипертекст – способ организации документа, при котором осуществляется переход с одного места на другое с помощью ссылок.

• В документах
• В справочных системах
• В глобальной сети Интернет”

3. Практическая работа направлена на знакомство с использованием гиперссылок в справочных системах и глобальной сети Интернет, а также на освоение технологии создания гипертекста в текстовом процессоре OpenOffice OpenWriter . Учащиеся получают текст задания, работают самостоятельно, учитель помогает по мере необходимости слабым ученикам.

1-Запустить приложение OpenOffice OpenWriter . Получить с помощью справочной системы и записать в тетрадь ответ на вопросы: как выделить слово, как выделить абзац?

Подсказка : Вызов справочной системы – пункт в строке меню. В содержании последовательно выбрать разделы “Ввод, перемещение и выделение” a “Выделение” a “Выделение текста и рисунков” a “Выделение текста и рисунков с помощью мыши”

2-Открыть файл Создание гипертекста.doc из папки Текстовые документы . Сохранить файл в папке вашего класса под именем «Фамилия 8». Создать оглавление и гиперссылки на разделы документа:

• Ввод, редактирование и форматирование текстов
• Методы представления документов
• Сохранение данных на компьютере
• Проверка правописания
• Литературное редактирование

1. Вначале создайте закладки. Для создания закладки выделите элемент документа, который будет являться закладкой (заголовок раздела документа), и выполните действия Вставкаa Закладка, напишите имя закладки (первое слово раздела документа) и щелкните по кнопке Добавить.
2. Создайте оглавление. Для создания оглавления установите курсор в строку после заголовка “Средства работы с текстовыми документами” и выполните действия Вставкаa Оглавление и указатели, перейдите на вкладку Оглавление и выберите понравившийся вам вид оформления оглавления. Оглавление формируется автоматически, выбираются заголовки, оформленные с помощью стиля. Обратите внимание на то, что заголовок всего документа (“Средства работы с текстовыми документами”) тоже включен в оглавление. Отмените вставку оглавления. Измените стиль первого заголовка на обычный и снова выполните действия по созданию оглавления. После этого снова измените стиль данного заголовка на Заголовок1.
3. Для создания гиперссылок надо выделить указатель ссылки (один из пунктов оглавления) и выполнить действия Вставкаa Гиперссылка. В окне “Добавить гиперссылку” с помощью кнопки Обзор текстового поля Имя объекта в документе выберите нужную закладку.
4. Проверьте работу гиперссылок.

3. Запустите Internet Explorer, в адресной строке напишите адрес провайдера нашей школы www.novotec.ru, перейдите на ссылку Город, потом на ссылку Администрация города. Обратите внимание на то, что в адресной строке изменился URL-адрес сайта. В разделе Образование познакомьтесь с информацией о нашей школе.

В Приложении 1 приведен файл Создание гипертекста.doc, в Приложении 2 – образец выполненной учениками работы.

При подведении итогов учащиеся формулируют, что нового узнали на уроке:

• Понятие гипертекста
• Понятие гиперссылки
• Примеры использования гиперссылок
• Технологию создания гипертекста в текстовом процессоре Word.

Источник

Гиперссылка

• Гиперссылка (англ. hyperlink) — часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки, но это происходит не всегда.

Составные части гиперссылки

Связанные понятия

Упоминания в литературе

Связанные понятия (продолжение)

О термине из программирования см. Зарезервированное слово.Ключевое слово — слово в тексте, способное в совокупности с другими ключевыми словами дать высокоуровневое описание содержания текстового документа, позволяющее выявить его тематику. В вебе используется главным образом для поиска.

Взаимодействие компьютеров между собой, а также с другим активным сетевым оборудованием, в TCP/IP-сетях организовано на основе использования сетевых служб, которые обеспечиваются специальными процессами сетевой операционной системы (ОС) — демонами в UNIX-подобных ОС, службами в ОС семейства Windows и т. п. Примерами сетевых сервисов являются веб-серверы (в т.ч. сайты всемирной паутины), электронная почта, FTP-серверы для обмена файлами, приложения IP-телефонии и многое другое.

Источник

Основы WEB программирования | Вопросы с ответами

Вопросы с ответами (тест) по дисциплине «Основы WEB программирования».

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.
+ IМG SRC=»imаgе.gif»>
—
—
—
—

2. Найдите ошибочное определение гиперссылки.
— аlехfinе
+ аlехfinе
— аlехfinе
— аlехfinе
— аlехfinе

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+
—
—
—
—

4. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

8. Какой атрибут тега задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

9. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? httр://аlехfinе.ru»> Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+
—
—
—
—

12. Какой атрибут принадлежит тегу ?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

13. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— ссылка
— ссылка
+ ссылка
— ссылка
— ссылка

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ текст программы
— текст программы
— текст программы
— текст программы
—
—
+
—
—

17. В какой таблице текст выровнен по центру ячеек?
—
—
+ нет правильного ответа
—
—

18. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

19. В каком примере корректно описан элемент ТR?
+ ячейка1
— ячейка1ячейка2
— ячейка1
— ячейка1&ячейка2
— ячейка1

20. Какой атрибут тега указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

21. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

22. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

23. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

24. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

25. Какой из тэгов является тэгом нумерованного списка в HTML?
+
—
—
—
—

26. Каким тегом объявляется web-страница?
+
—
—
—

Источник

Способ организации информации с гиперссылками

Занятие 12 по курсу “Информационные технологии”

Тема. Гипертекстовые способы хранения и представления информации. Информационные ресурсы Интернета

Результаты освоения темы

Изучая данную тему, вы будете знать:

• что такое гипертекст и гипертекстовые информационные технологии;
• как и какие языки используются для гипертекстовой разметки документов;
• какие информационные ресурсы есть в Интернете и как их классифицируют.

использовать язык HTML для гипертекстовой разметки документов.

Основные понятия:

• Гипертекст, Гиперссылка, Гиперсвязь и Гипертекстовый документ;
• WWW и HTTP;
• HTML, XML.

ТЕОРЕТИЧЕСКИЙ МАТЕРИАЛ

1. Гипертекстовые информационные технологии
Гипертекст (нелинейный текст) – это организация текстовой информации, при которой текст представляет множество фрагментов с явно указанными связями между этими фрагментами.

Термин “гипертекст” ввёл Т. Нельсон, определивший его как:

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

Гипертекст можно рассматривать как своеобразную базу данных, организуемую в виде открытой, свободно наращиваемой и изменяемой сети, узлы которой (линейные тексты) соединяются пользователем. От обычной базы данных гипертекст отличается, прежде всего, тем, что в нём отсутствуют заранее заданные ограничения на характер связей и структуру.

В 1987 году фирма Apple выпустила первую для ПК гипертекстовую систему – пакет HyperCard для Macintosh.

Эффективно применять гипертекстовые технологии стало возможным с 1992 года, когда появился WWW и возникли веб-технологии.

WWW (сокращение от англ. “World Wide Web” – “мировая паутина”, “всемирная паутина” или “всемирная сеть”) – это глобальный механизм обмена информацией; информационная система и популярная служба Интернета. Это самое распространённое приложение Интернета.

Основой WWW являются протокол передачи гипертекстовых данных (HTTP) и язык гипертекста (HTML), т.е. гипертекстовые технологии.

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

Элементы гипертекста (текстовые фрагменты) называются узлами. Узлы, между которыми возможен переход, называют смежным, а возможность перехода – “связью”. Совокупность смежных узлов образует “окрестность” данного узла. В общем случае в качестве узла могут выступать: слово; словосочетание; предложение; абзац; параграф; документ; собрание документов, относящихся к одной теме; отдельные сообщения и т.п. Создание гипертекста, прежде всего, состоит в формировании системы переходов от узла к узлу (системы ссылок). Движение в гипертекстовой сети, совершаемое в процессе чтения гипертекста, называется “навигацией”.

Гипертекстовая технология реализуется в конкретной гипертекстовой системе, состоящей из гипертекста (базы данных) и гипертекстовой оболочки. Гипертекст содержит не только информацию, но также аппарат её эффективного поиска и просмотра. Путешествие по WWW (всемирной паутине) начинается с ввода электронного адреса в строку местоположения (Locator) и нажатия затем кнопки “Enter”.

Просмотр (браузинг) – это операция, характерная только для гипертекста. Он означает поиск информации посредством просмотра гипертекстовой сети, при этом возможно запоминание пути следования для того, чтобы при последующем аналогичном запросе поиск проходил по зафиксированному пути следования. Ныне чаще всего используются следующие программы-браузеры: Internet Explorer, Netscape Navigator, Opera и др.

Гипертекстовые технологии широко используются в:

• настольных издательских системах для создания документов большого объёма со свойствами гипертекста (т. е. с системой ссылок);
• системах управления документами (СУД), например, для сведения в один итоговый документ информации, содержащейся в разнородных документах;
• системах подготовки электронных документов, позволяющих составлять гипертекстовые документы с возможностью осуществления навигации и др.

Одним из перспективных направлений развития гипертекстовых систем является технология гипермедиа – соединение технологий гипертекста и мультимедиа (интеграция текста, графики, звука, видео).

Использование гипертекста позволяет создать информационную инфраструктуру распределённой организации и упростить диалоговый интерфейс пользователя, что важно при разработке информационных приложений. Гипертекстовые технологии способствовали созданию в информационных сетях информационных хранилищ, которым могут получать доступ самые различные категории пользователей. В результате в Интернете сформированы огромные и свободно доступные широким массам пользователей (открытые) самые разнообразные информационные ресурсы.

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

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

2. Языки гипертекстовой разметки документов
Гипертекстовая технология изначально использовала специальный язык, получивший название HTML (Hyper Text Markup Language). Благодаря ему, можно не только формировать гипертекстовые документы, но осуществлять связь текста и изображения с документами, расположенными на другом веб-сервере и др.

Гиперссылка или Гиперсвязь (Hyperlink) – фрагмент HTML-документа, указывающий на другой файл, который может быть расположен в Интернете или содержать полный путь к этому файлу. Гиперссылка для пользователя – это графическое изображение, текст на сайте или в письме электронной почты, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

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

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

Используя предлагаемые связи можно читать материал в любом порядке. Таким образом, текст становится “открытым”. В него можно вставлять любые объекты, указывая для них связи с имеющимися объектами. При этом структура текста не разрушается. Поэтому гипертекст стал новой информационной технологией представления неструктурированного легко наращиваемого знания.

Структура гипертекстовых документов формируется с помощью последовательности тегов – элементов языка HTML, включающих тексты в формате ASCII. Они позволяют управлять шрифтом, цветом фона и текста, определять ссылки, вставлять объекты (графику, звук и видео). При этом сами тэги на странице в режиме её просмотра через браузер не видны.

Тег или тэг (англ. “Tag” – метка) является признаком объекта, который управляет соответствующим кодом.

Любая страница начинается с тега и заканчивается тегом .

Легко заметить, что теги представляют собой некоторые операторы (команды, дескрипторы), заключенные в скобки типа “ ”, причём ими начинается и заканчивается целая страница или некоторый фрагмент. В конце команды ставится слеж “/” с именем, используемым в её начале. Таким образом, любая команда включает некоторое действие, а аналогичная команда со знаком “/” – выключает его. Это правило касается парных команд (дескрипторов). Существуют операторы, не требующие их выключения (закрытия).

В качестве примера приведём запись следующих заголовков “Министерство образования и науки Российской Федерации” и “Московская финнансово-промышленная академия”, последовательно размещённых на одной странице. Запись в файле может выглядеть следующим образом:

Министерство образования и науки Российской Федерации

Московская финнансово-промышленная академия

Источник