Файл: Основы цифровой грамотности индивидуальное домашнее задание создание гипертекстового документа.pdf

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
Краткая теория
Гипертекст (от греч. Hyper – сверх) – это вид текста, существующий только в электронном виде. Его основным отличием от обычного текста является наличие ги- перссылок (электронных ссылок), которые позволяют по одному щелчку переходить на другие электронные документы. До появления электронных ссылок гипертекста не существовало.
В 1945 году Веннивар Буш опубликовал в литературном журнале статью, где предположил, что с развитием компьютерных сетей будет развиваться то, что ныне называется гипертекстом, не используя сам термин. Он утверждал, что вскоре по- явятся электронные словари и энциклопедии с «нелинейным» представлением ин- формации.
Спустя два десятилетия американский учёный социолог Теодор Нельсон в
1965 году, предложив в своём докладе на научной конференции называть ветвящийся текст гипертекстом, ввёл термин гипертекст. По его мнению, особенностью гипер- текстовых документов является дискретная нелинейная структура.
В конце восьмидесятых годов XX века англичанин Тим Бернс-Ли – автор множе- ства разработок в сфере IT и создатель WWW – разработал язык HTML (язык гипер- текстовой разметки).
Ближайшим аналогом гипертекста может быть обычная энциклопедия. Том эн- циклопедии составлен из небольших статей на определённые темы, а в каждой статье могут содержаться ссылки на другие статьи. Гипертексты, в отличие от печатной эн- циклопедии-книги, представляют собой электронные документы. С гипертекстами можно работать только на компьютере, в печатном виде гипертексты не существуют.
В компьютерной терминологии гипертекст – это текст, сформированный с помо- щью языка разметки (например, HTML) с расчётом на использование гиперссылок.
Гипертекст представляет собой образование, информационные единицы которого со- единены между собой в сети посредством ссылок и организованы нелинейным или мультилинейным способом.
Кроме текста, термин применяется для таблиц, графических материалов со ссыл- ками.
Особенности и свойства гипертекстового представления информации:

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
•
разнородность контента на странице – документ может содержать текст, гра- фические материалы, видео, аудио, таблицы. Все они могут быть ссылками;
•
предоставление доступа к неограниченному количеству документов – из одной статьи можно организовать прямой переход на сотни страниц, где раскрыва- ются использованные в ней термины для полноты охвата тематики;
•
нелинейная структура – странички редко имеют иерархическую структуру – подчиняются друг другу. Обычно все они равноправны.
•
свобода выбора – возможность самостоятельно выбирать последовательность переходов и изучения материала.
Основными свойствами гипертекста являются:
• нелинейность структуры;
• разнородность контента;
• расширение границ гипертекста;
• интерактивность.
Свойство нелинейности гипертекстовой системы объясняется тем, что страницы гипертекста существуют отдельно друг от друга, они связаны друг с другом через ссылки, и читать их можно в любой последовательности.
Контент гипертекстовых страниц может быть разнородным, то есть страницы мо- гут содержать информацию различного вида: текстовую, графическую, аудио и ви- део.
Расширение границ текста осуществляется через гипертекстовые ссылки на дру- гие документы, позволяя получать моментальный доступ к частям внешних инфор- мационных источников, что даёт возможность более полно раскрывать содержание текста.
Свойство интерактивности раскрывается через возможность самостоятельного выбора последовательности и способа восприятия гиперконтента.

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
Задание (часть 1)
1 Создание гипертекстового документа средствами MS Word
1.1 Создайте на рабочем столе папку с названием ИДЗ_часть_1_Группа_Фами-
лияИО. Все файлы данной работы должны сохраняться в этой (Вашей) папке.
1.2 Запустите Word и введите следующий текст:
Информационная технология – совокупность методов, производственных процессов и программно-технических средств, объединённых в технологическую цепочку, обес- печивающую сбор, хранение, обработку, вывод и распространение информации для снижения трудоёмкости процессов использования информационных ресурсов, повы- шения их надёжности и оперативности.
1.3 Отступите несколько абзацев и введите следующий текст:
Совокупность методов и производственных процессов определяет принципы, при-
ёмы, методы и мероприятия, регламентирующие проектирование и использование программно-технических средств для обработки данных в предметной области.
1.4 Сохраните документ в формате html с помощью команд Файл / Сохранить как, выбрав тип файла Веб-страница) с именем ИТ в Вашей папке. Закройте документ ИТ.
Будем считать этот документ главной страницей.
1.5 Создайте новый Документ Word и ведите следующий текст:
Технические средства включают:
• компьютер;
• устройства ввода/вывода;
• оргтехнику;
• линии связи;
• оборудование сетей.
Программные средства состоят из системного (общего) и прикладного программного обеспечения и документации к ним.
1.6 Отступите один абзац и введите следующий текст: На главную страницу.
1.7 Задайте фон страницы – светло-зелёный. Для этого воспользуйтесь командами
Формат / Фон или Вкладка ДИЗАЙН / кнопка Цвет страницы. Сохраните документ как Веб-страницу с именем ПТС в Вашей папке. Закройте документ ПТС.
1.8 Создайте новый Документ Word и введите следующий текст:
Информационные ресурсы – совокупность данных, представляющих ценность для предприятия и выступающих в качестве материальных ресурсов.
1.9 Отступите один абзац и введите следующий текст: На главную страницу.
1.10 Задайте фон страницы – светло-зелёный. Сохраните документ как Веб-страницу с именем ИР в Вашей папке. Закройте документ ИР.
1.11 Откройте документ ИТ в MS Word. Для этого выделите файл, нажмите на правую кнопку мыши, выберите команды Открыть с помощью / MS Word.

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
1.12 Вставьте ниже введённых ранее текстов следующую таблицу:
Наименование
Определение
Технологическая цепочка
Определяет технологические процессы проектирования и обработки данных ЭИС
Информационные ресурсы
Совокупность данных, представляющих ценность для предприятия и выступающих в качестве материальных ресурсов
1.13 В конце документа добавьте подходящую по смыслу картинку. Задайте фон стра- ницы – светло-зелёный. Сохраните сделанные изменения.
1.14 Создайте в документе ИТ следующие гиперссылки:
•
Гиперссылку для фразы программно-технических для перехода на документ
ПТС. И ссылку для фразы На главную страницу из документа ПТС обратно на доку- мент ИТ.
•
Гиперссылку для фразы информационных ресурсов для перехода на документ
ИР. И ссылку для фразы На главную страницу из документа ИР обратно на документ
ИТ.
Для этого:
а
В документе ИТ выделите в первом абзаце слова программно-технических
средств и вызовите команду Вставка / Гиперссылка. В диалоговом окне «Добавле- ние гиперссылки» в поле Связать с выберите файлом, Web-страницей. Поставьте курсор в поле Адрес и выберите файл ПТС и нажмите ОК. В поле должно появиться имя выбранного файла. Нажмите ОК. Слово изменит свой цвет и станет подчёркну- тым. Это означает, что слово уже является ссылкой. б
Откройте документ ПТС в MS Word с помощью команд Файл / Открыть. В документе ПТС выделите фразу На главную страницу и вызовите команду создания ссылки в меню Вставка / Гиперссылка. В диалоговом окне «Добавление гиперс- сылки» в поле Связать с выберите файлом, Web-страницей. Поставьте курсор в поле
Адрес и выберите файл ИТ и нажмите ОК. В поле должно появиться имя выбранного файла. Нажмите ОК. Закройте файл ПТС, сохранив его. в
Аналогичным образом создайте гиперссылку для фразы информационных ре-
сурсов для перехода из документа ИТ на документ ИР. И ссылку для фразы На глав-
ную страницу из документа ИР обратно на документ ИТ.
1.15. Сохраните документ, и закройте все документы.
1.16. Запустите файл ИТ дважды щёлкнув на нем мышкой. Файл должен открыться в
Internet Explorer или ином браузере, установленном в системе по умолчанию. Исполь- зуя гиперссылки, просмотрите документы.

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
2 Создание гипертекстового документа c помощью тегов
Для создания гипертекстовых или html-документов так же используются теги.
Теги – это специальные коды, которые указывают Web-броузерам, как интерпретиро- вать и отображать текст и графику. html-файл выглядит как обычный текст, создан- ный в текстовом редакторе, но по всему тексту рассыпаны теги. Теги заключаются между знаками «<» и «>», чаще называемыми угловыми скобками. Большинство тегов
– парные, т.е. на открывающий тег вида есть закрывающий тег вида с тем же именем, но с добавлением символа «/» (косая черта или прямой слэш). Многие метки, помимо имени, могут содержать атрибуты – элементы, дающие дополнитель- ную информацию о том, как браузер должен обработать текущий тег.
Для рассмотрения создания html-документов с помощью тегов создадим html- документ, состоящий из двух окон, одно окно будет содержать Меню, во втором окне будут просматриваться созданные страницы.
2.1 Создайте новый Документ Word (Файл – Создать).
2.2 Наберите слово Меню (шрифт Arial, размер шрифта – 20, цвет шрифта – синий).
Отступите несколько абзацев и наберите слова:
•
Главная страница.
•
Программно-технические средства.
•
Информационные ресурсы.
2.3 Сохраните документ в формате html (как Web-страницу) с именем Меню в Вашей папке.
2.4 Для словосочетания Главная страница создайте гиперссылку для перехода на файл ИТ.
2.5 Для словосочетания Программно-технические средства создайте гиперссылку для перехода на файл ПТС.
2.6 Для словосочетания Информационные ресурсы создайте гиперссылку для пере- хода на файл ИР.
2.7 Задайте фон страницы – светло-зелёный.
2.8 Сохраните изменения и закройте файл.
2.9 Откройте файл Меню в программе Блокнот, Notepad++ или ином текстовом ре- дакторе. Для этого выделите файл, нажмите на правую кнопку мыши, выберите ко- манды Открыть с помощью и выберете нужную программу.
2.10 Найдите в документе на языке html строку, содержащую следующие коды: и после "ИТ.htm" добавьте следующий код Target = "Main".
2. 11 Найдите в документе на языке html строку, содержащую следующие коды: и после "ПТС.htm" добавьте следующий код Target = "Main".
2.12 Найдите в документе на языке html строку, содержащую следующие коды: и после "ИР.htm" добавьте следующий код Target = "Main".
2.13 Сохраните изменения с помощью команд Файл – Сохранить.
2.14 Откройте программу Блокнот, Notepad++ или иной текстовый редактор.

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
2.15 Наберите следующий текст:






Краткие пояснения:
… – тип документа, начало и конец файла.
– задание заголовка документа.
… – задание документа с окнами.
– задание ширины окон.
– задание содержания первого
окна, и задание параметров первого окна.
– задание содержания
второго окна, и задание параметров второго окна.
2.16 Сохраните документ в формате html в Вашей папке. Для того чтобы сохранить в формате html выберите команды Файл – Сохранить как. В поле Имя файла наберите имя index.htm. В поле Тип файла выберите Все файлы. Закройте документ index.
Рисунок 1 – Структура папки ИДЗ_часть_1_Группа_ФамилияИО
2.17 Просмотрите документ index с помощью любого браузера, установленного в си- стеме. Документ должен выглядеть примерно так, как показано на рисунках 2–4.

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
Рисунок 2 – Главная страница
Рисунок 3 – Страница Программно-технические средства

ОСНОВЫ ЦИФРОВОЙ ГРАМОТНОСТИ
ИНДИВИДУАЛЬНОЕ ДОМАШНЕЕ ЗАДАНИЕ
СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА
С ФРЕЙМОВОЙ СТРУКТУРОЙ
Рисунок 4 – Страница Информационные ресурсы
2.18 Завершив работу, загрузите архив с результатом работы в MS Teams.
Критерии оценки
Этап выполнения работы
Количество
баллов
Примечание
min
max
1 Создание гипертекстового документа средствами MS Word
1 2
Максимальная оценка ставится при строгом выполнении всех пунктов задания
2 Создание гипертекстового документа c помощью тегов
1 3
Максимальная оценка за данное задание 5 баллов, минимальная – 2 балла.
3 Индивидуальное (творческое) задание (часть 2)
3.1 По аналогии с пп. 1 и 2 подготовьте гипертекстовый документ с фреймовой струк- турой Моё портфолио.
3.2 Обязательные требования к содержанию документа Моё портфолио:
•
не менее 5 взаимосвязанных страниц
, оформленных в едином стиле, с пере- крёстными гиперссылками и ссылками на внешние источники информации, а также проиллюстрированные фото- и видеоматериалами;