Гипертекст. Практика_ГипертекстПортфолио. Лабораторная работа 12 создание гипертекстового документа с фреймовой структурой
 Скачать 490.88 Kb.
|
|
Информатика (модуль 2) (Информационно-коммуникационные технологии) Лабораторная работа 1-2 СОЗДАНИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА С ФРЕЙМОВОЙ СТРУКТУРОЙ 1 Создание гипертекстового документа средствами MS Word 1.1 Создайте на рабочем столе папку с названием Информатика модуль 2. 1.2 В папке Информатика модуль 2 создать папку Лабораторная работа 1. Все файлы данной работы должны сохраняться в этой папке. 1.2 Запустите Word и введите следующий текст: Информационная технология – совокупность методов, производственных про- цессов и программно-технических средств, объединённых в технологическую цепочку, обеспечивающую сбор, хранение, обработку, вывод и распространение информации для снижения трудоёмкости процессов использования информаци- онных ресурсов, повышения их надёжности и оперативности. 1.3 Отступите несколько абзацев и введите следующий текст: Совокупность методов и производственных процессов определяет принципы, приёмы, методы и мероприятия, регламентирующие проектирование и исполь- зование программно-технических средств для обработки данных в предметной области. 1.4 Сохраните документ в формате html с помощью команд Файл / Сохранить как, выбрав тип файла Веб-страница) с именем ИТ в своей папке. Закройте до- кумент ИТ. Будем считать этот документ главной страницей. 1.5 Создайте новый Документ Word и ведите следующий текст: Технические средства включают: • компьютер; • устройства ввода/вывода; • оргтехнику; • линии связи; • оборудование сетей. Программные средства состоят из системного (общего) и прикладного про- граммного обеспечения и документации к ним. 1.6 Отступите один абзац и введите следующий текст: На главную страницу. 1.7 Задайте фон страницы – светло-зелёный. Для этого воспользуйтесь коман- дами Формат / Фон или Вкладка ДИЗАЙН / кнопка Цвет страницы. Сохраните документ как Веб-страницу с именем ПТС в папке Лабораторная работа 1. За- кройте документ ПТС. 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 – Главная страница Рисунок 3 – Страница Программно-технические средства Рисунок 4 – Страница Информационные ресурсы 2.18 Завершив работу, пригласите преподавателя для проверки данного этапа ра- боты. 3 Индивидуальное (творческое) задание 3.1 В папке Информатика модуль 2 создать папку Лабораторная работа 2. Все файлы данной работы должны сохраняться в этой папке. 3.2 По аналогии с пп. 1 и 2 подготовьте гипертекстовый документ с фреймовой структурой Моё портфолио. 3.3 Обязательные требования к содержанию документа Моё портфолио: • не менее 5 взаимосвязанных страниц , оформленных в едином стиле, с перекрёстными гиперссылками и ссылками на внешние источники информации, а также проиллюстрированные фото- и видеоматериалами; • одна из страниц (Главная страница) должна содержать портрет (фотогра- фию) автора работы и краткую биографическую справку; • страница Образование должна содержать краткую информацию об образо- вательном учреждении, которое окончил автор до поступления в университет, а также ссылку на интернет-ресурс данного образовательного учреждения; • страница Моя будущая профессия должна содержать краткое описание об- разовательной программы, на которой обучается автор, и ссылку на соответству- ющую страницу на сайте университета; • страница Мои достижения должна содержать информацию о достижениях автора в учёбе, спорте, творчестве и т.д., и ссылку на Портфолио автора на сайте университета, которое предварительно должно быть полностью заполнено на те- кущий момент; • страница Моё хобби должна содержать информацию об увлечениях автора; • на усмотрение автора могут быть добавлены дополнительные страницы, информация которых более полно характеризует автора. 3.4 Используя шаблоны MS Word, создайте документ Резюме и заполните его. 3.5 Установите связь между документами Моё портфолио и Резюме с помощью перекрёстных гиперссылок. 3.6 Используя MS PowerPoint создайте иллюстрированную презентацию (не ме- нее 5 слайдов, не считая титульного) о своей будущей профессии и сделайте ссылку на презентацию из документа Моё портфолио. 3.7 Завершив работу, пригласите преподавателя для проверки данного этапа ра- боты. Критерии оценки Этап выполнения работы Количество баллов Примечание min max 1 Создание гипертекстового документа средствами MS Word 2 4 2 Создание гипертекстового документа c помощью тегов 3 Индивидуальное (творческое) задание 2 6 Дополнительная оценка выставляется за творчество и индивидуальный подход Максимальная оценка за данное задание 10 баллов, минимальная – 4 балла. Защита лабораторных работ происходит последовательно – 1, 2, 3 и т.д., т.е., например, лабораторная работа 5 не может быть защищена студентом, без защиты предшествующих работ и получения оценки за их защиту. За- щита лабораторных работ происходит в соответствии с календарным планом (см. Рейтинг-план дисциплины). За несвоевременное представление результата и, соответственно, защиту лабораторной работы оценка снижается до минимальной |