28_matvienko-web
.pdfМЕТОДИЧНІ РЕКОМЕНДАЦІЇ ДО ВИКОНАННЯ
ЗАЛІКОВОЇ РОБОТИ
Завершальним етапом вивчення кожної з дисциплін комп’ютернотехнологічного циклу є виконання навчального міні-проекту. Проект розробляється протягом вивчення навчального курсу і передбачає виконання самостійної творчої роботи студентів, при якій актуалізуються знання, одержані при вивченні курсу, відпрацьовуються і демонструються практичні навички роботи майбутнього спеціаліста.
Кожне завдання-проект оформляється у вигляді звіту, у якому сформульовано завдання, описано призначення, характеристика користувачів створюваного інформаційного продукту, обґрунтовано вибір методу, спосіб розв’язання завдання, описано структури даних, сценарій діалогу, характер інформації, література, використана у процесі створення інформаційного продукту. Захист роботи полягає у підготовці усної доповіді і безпосередній демонстрації одержаного інформаційно-технологічного продукту.
Структура самостійного завдання-проекту
ПРОЕКТУВАННЯ WEB-СТОРІНКИ
Вступ
1.Характеристика сторінки:
-призначення і можливості (напр., для інформаційного обслуговування….; дозволяє оперативно одержувати досить повну інформацію про…; забезпечується додаткова допоміжна і довідкова інформація…);
-характеристика користувачів за інформаційними потребами (для кого призначена);
-характер інформації (форма представлення визначається типом інформації; узгодженість цієї форми з традиційною формою представлення тієї ж інформації – фіксована таблиця постійного розміру, таблиця із складом, що варіюється (модифікація окремих граф, включення додаткової інформації), таблично-текстова форма, де текстова інформація перевалює над табличною, суто текстова форма та ін.).
2.Схема аналізу зручності роботи із сторінкою:
-аналіз зручності роботи, що виходить із суб’єктивного сприйняття системи користувачем (відсутність ускладнень в роботі, дизайн і психологічне сприйняття; “ логічна поведінка системи” - передбачення користувачем поведінки системи).
Висновки.
Література.
Із змістової точки зору гіпертекст можна розглядати як структуру, яка, крім власне інформації, містить ще і “ метаінформацію” про змістові зв’язки між
91
будь-якими явищами і об’єктами, описаними у цій структурі.
Як одиниці зберігання даних використовуються фрагменти (вузли) тексту довільної довжини, які визначаються єдиним ключовим терміном.
Створення гіпертекстової системи базується на підході до розуміння її як результату семантичного аналізу фрагмента тексту і засобу побудови бази знань.
Створення якісного сценарію або плану гіпертекстового продукту є проблемою не тільки для початківців, а і для досвідчених фахівців. Можна запропонувати такий план створення гіпертекстового документа:
−постановка задачі;
−розробка сценарію, підготовка текстів;
−набір текстів, редагування;
−збирання оброблених текстів;
−тестування.
При розробці сценарію необхідно уявити гіпертекст як одне ціле. У загальному випадку це можна зробити у вигляді схеми. При цьому необхідно вказати початок і напрями переходу. Текст кожної сторінки може бути створений на окремому аркуші, у верхній частині аркуша зазначається ім’я файла, до якого буде внесений цей текст (файл з розширенням .htm) (див. табл.).
Дидактичний матеріал із сценарієм гіпертекстових зв’язків для створення програмно-методичного комплексу
ТЕКСТ 1 |
ТЕКСТ 2 |
ТЕКСТ 3 (пов’язана |
(Початкова |
(пов’язана сторінка) |
сторінка) |
сторінка) |
|
|
Блок – схема сценарію гіпертекстової системи
92
Файл t1.htm |
Файл t2.htm |
|
|
|
Файл t3.htm |
|||||
НАРОДНІ |
Українська міфологія |
|
ЗАБОБОНИ |
|||||||
ВІРУВАННЯ, |
Українська міфологія як |
|
Важливе |
місце у |
||||||
ДЕМОНОЛОГІЯ, |
сукупність переказів про |
|
світорозумінні |
|||||||
КОСМОГОНІЯ |
живу й неживу природу |
|
українців |
займали |
||||||
Українська міфологія |
та |
людину |
розвивалася |
|
численні |
вірування, |
||||
(посилання на ТЕКСТ |
на |
основі |
давньої |
|
пов’язані |
із |
||||
2) |
загальнослов’янської |
|
|
пересторогами, |
||||||
Демонологія |
міфології. |
В |
українській |
|
обмеженнями, табу |
|||||
(посилання на ТЕКСТ |
міфології |
у |
художньо- |
|
тощо. |
Чимало |
||||
N) |
образній формі знайшли |
|
забобонів |
складають |
||||||
Космогонічні |
поєднання |
реальні |
|
ті, що пов’язані з |
||||||
уявлення |
знання |
з |
фантастично- |
|
вирощуванням |
|||||
(посилання на ТЕКСТ |
релігійними |
елементами |
|
городніх |
рослин. |
|||||
N) |
та повір’ями. |
|
|
|
Великого |
значення |
||||
|
Анімізм |
|
(посилання |
на |
|
надавали |
|
|
||
|
ТЕКСТ N) |
|
|
|
дотриманню |
|||||
|
Тотемізм |
(посилання |
на |
|
численних засторог і |
|||||
|
ТЕКСТ N) |
|
|
|
табу, що стосуються |
|||||
|
Культи |
(посилання |
на |
|
християнських свят. |
|||||
|
ТЕКСТ N ) |
|
|
|
На |
сторінку |
||||
|
Забобони |
(посилання |
на |
|
“ Українська |
|
||||
|
ТЕКСТ 3) |
|
|
|
|
міфологія” |
|
|
||
|
На початкову сторінку |
|
|
(посилання на ТЕКСТ |
||||||
|
(посилання на ТЕКСТ 1) |
|
2) |
|
|
|||||
У тексті терміни, від яких будуть зроблені посилання, мають бути підкреслені, поряд із посиланням зазначається номер тексту, до якого необхідно перейти.
Програмна реалізація початкової сторінки Файл t1.htm у форматі HTML:
<HTML>
<HEAD>
<TITLE>Моя перша HTML-сторінка</TITLE> </HEAD>
<BODY>
<H3><P ALIGN= CENTER >
НАРОДНІ ВІРУВАННЯ, ДЕМОНОЛОГІЯ, КОСМОГОНІЯ </P>
</H3> <BR>
<A HREF="T2.HTM">Українська міфологія</A><BR> <A HREF=>Демонологія</A><BR>
<A HREF=>Космогонічні уявлення </A><BR> </BODY>
</HTML>
93
Відображення файла програмою-броузером:
Програмна реалізація пов’язаної сторінки 1
Файл t2.htm у форматі HTML:
<HTML>
<TITLE>Українська міфологія</title>
<BODY>
<H1 ALIGN =CENTER>Українська міфологія</H1>
<P ALIGN=JUSTIFY> Українська міфологія як сукупність переказів про живу й неживу природу та людину розвивалася на основі давньої загальнослов'янської міфології.
В українській міфології у художньо-образній формі знайшли поєднання реальні знання з фантастично-релігійними елементами та повір'ями.</P>
<A HREF=>Анімізм </A> <BR>
<A HREF="t3.htm">Забобони</A> <BR> <A HREF=>Тотемізм </A> <BR>
<A HREF=>Культи </A> <BR>
<P ALIGN=RIGHT><A HREF="lab4-1.htm">На початкову сторінку </A> </P>
</BODY>
</HTML>
Відображення файла програмою-броузером:
94
Програмна реалізація пов’язаної сторінки 2
Файл t3.htm у форматі HTML:
<HTML> <TITLE>ЗАБОБОНИ</TITLE>
<BODY>
<H1 ALIGN=CENTER> ЗАБОБОНИ </H1>
<P ALIGN =JUSTIFY> Важливе місце у світорозумінні українців займали численні вірування, пов'язані із пересторогами, обмеженнями, табу тощо. Чимало забобонів складають ті, що пов'язані з вирощуванням городніх рослин.
Великого значення надавали дотриманню численних засторог і табу, що стосуються християнських свят. </P>
<P ALIGN=RIGHT><A HREF="T2.HTM">На сторінку
"Українська міфологія"</A> </P> </BODY>
</HTML>
Відображення файла програмою-броузером:
Технологія створення фотоальбому для мережі Інтернет
Для створення фотоальбому необхідно опанувати теги вставки малюнка і теги гіперпосилань.
Для створення фотоальбома слід створити основну сторінку, на якій будуть розташовані всі фотографії і необхідну кількість сторінок, призначених для розміщення кожної фотографії. На основній сторінці кожна з фотографій буде гіперпосиланням, за яким буде здійснюватись перехід на сторінку, на якій ця фотографія буде розкриватись повінстю і ця, розкрита фотографія, теж буде гіперпосиланням для повернення на основну сторінку. Отже, необхідно виконати такі дії.
95
1. Створити файл основної сторінки ALBOM.HTM:
Файл у форматі HTML:
<HTML>
<BODY>
<H1 ALIGN=CENTER>ФОТОАЛЬБОМ</H1> <A HREF=1.HTM><IMG SRC=01.JPG></A> <A HREF=2.HTM><IMG SRC=02.JPG></A> <A HREF=3.HTM><IMG SRC=03.JPG></A> </BODY>
</HTML>
Відображення файла програмою-броузером:
Примітка. Для кращого розташування фотографій на сторінці слід скористатись можливістю вставки графічних зображень до комірок таблиці.
2. Створити для кожної з фотографій окремий файл (наприклад, для фотографії 01.jpg створити файл 1.htm із посиланням на основний файл ALBOM.HTM: (аналогічно для інших фотографій):
Файл у форматі HTML:
<HTML>
<BODY>
<A HREF= ALBOM.HTM><IMG SRC=01.JPG></A> </BODY>
96
</HTML>
Відображення файла програмою-броузером:
97
ЛІТЕРАТУРА
1.Барышева О.В. Интернет-Метаданные-Dublin Core//НТИ.Сер.1.-
2000.-№3.-С.21-33.
2.Борковский А.Б. Англо-русский словарь по программированию и информатике (с толкованиями).-М.:Рус.яз., 1990.-335 с.
3.Василенко Г.А., Гиляревский Р.С. Электронная книга (pro и contra): взгляд из Интернета//НТИ.Сер.1.-2001.-№4.-С.14-23.
4.Воройский Ф.С. Систематизированный толковый словарь по информатике.-М.:Либерия, 1998.-376 с.
5.Горовенко Д.Скрипящие Jav‘ы//Мой компьютер.-2001.-№07-08.-С.46-
47.
6.Давыдова Е.В. Создание графики для web-страниц//Информатика и образование.-2001.-№8.-С.58-69.
7.Елементи та основні види тексту//Вісник Книжкової палати.-2001.-№2.-
С.6-7.
8.Желудев С. Что такое Java?//Вы и Ваш компьютер.-2001.-№2.-С.16-18.
9.Захаров В.П., Булдакова Е.В. Научно-информационные ресурсы сети Интернет (на примере предметной области «Компьютерная лингвистика»)//Междунар.форум по информации.Т.26.-2001.-№2.-С.30-36.
10.Зелинский С.Русский контент//CHIP.-2000.-№5.-С.52-59.
11.Кайналов А. Поисковая оптимизация//Мир Internet.-2001.-№4.-С.72-73.
12. Коржов В. Кто ищет? [Електр. ресурс].- Спосіб доступу:URL: http://www.osp.ru/cw/1999/44/27.htm.-Загол. з екрану.
13.Кремер Е. Осваиваем HTML. Основные параметры веб- страницы//Компьютеры+программы.-2001.-№6.-С.54-59.
14.Кулешов С.Г. Документальні джерела наукової інформації: поняття, типологія, історія типологічної схеми.-К.:УкрІНТЕІ, 1995.-190 с.
15.Мазепа В. HTML быстрее ветра//Вы и Ваш компьютер.-2001.-№8.-
С.16-18.
16.Мазепа В.Юзабилити и где его искать//Мой компьютер.-2001.-
№48.-С.14-15.
17.Матвієнко О.В. Методика створення гіпертекстових програмнометодичних засобів//Рідна школа.-2001.-№4.-С.20-22.
18.Перевалов Я. Боец невидимого фронта: специалист по web-
usability//Мир Internet.-2001.-№5.-С.50-52.
19.Сеченко Н. Устрой себе легкую жизнь//Мой компьютер.-2001.-
№31-32, 34-35, 47, 49,50.
20.Смарт К., Райс Д.К., Вуд Л.Е. Удовлетворение нужд пользователей:
ксемиотике сетевой информационной среды//Междунар.форум по информации.Т.26.-2001.-№2.-С.17-23.
21.Тихонов В. Поисковые системы в сети Интернет [Електр. ресурс].-
Спосіб доступу:URL: http://www.citforum.ru/ .- Загол. з екрану.
98
22.Тупчиенко-Кадырова Л.Г. Об одном подходе к пониманию гипертекстовых систем//НТИ.Сер.1.-1998.-№ 5.-С.12-16.
23.Угринович Н.Д., Лаушкина И.С. Разработка Web-сайтов и публикация их в Интернете//Информатика в образовании.-2001.-№1.-С.77-84.
24.Харченко В. «Раскрутка» веб-сайта. Первые шаги// Компьютеры+Программы.-2001.-№4.-С.34-37.
25.Храмцов П. Поиск и навигация в Internet [Електр. ресурс].- Спосіб
доступу:URL: http:// www.osp.ru/cw/1999/22/23.htm.- Загол. з екрану.
26.Христочевский С.А. Электронные мультимедийные учебники и энциклопедии//Информатика и образование.-200.-№2.-С.70-78.
27.Цивін М.Н., Дубов Д. Віртуальність як властивість електронного документа// Вісник КНУКіМ.-2000.-№3.-С.93-97.
28.Шехтман Н.А., Шехтман Э.Н. Проблема представления знаний и гипертекст//НТИ.Сер.1.-2000.-№3.-С.6-9.
29.Шиденко К., Артамонова А., Моисеева Е. Сага о Usability//Мир
Internet.-2001.-№3.-С.60-62.
30.http://www.adobe.com/acrobat/
31.Information culture and the archival record/Lubar Steven//American
Archivist.-1999.-62, №1.-p.10-22.
32.Microsoft Press.Толковый словарь по вычислительной технике/Пер.
сангл.-М.:Издательский отдел «Русская редакция», 1995.-496 с.Воройский Ф.С. Систематизированный толковый словарь по информатике.-М.:Либерия, 1998.-
376 с.
99
ДОДАТОК 1. ТАБЛИЦЯ ОСНОВНИХ ТЕГІВ МОВИ
HTML
ОСНОВНІ ТЕГИ
<html></html> |
|
Сповіщає програмі |
перегляду |
||||
|
сторінок (броузеру), що це HTML- |
||||||
|
документ. |
|
|
|
|
|
|
|
|
|
|||||
<head></head> |
|
Визначає місце, де вміщується |
|||||
|
різна |
інформація, |
яка |
не |
|||
|
відображається в тілі документа. Тут |
||||||
|
розташовується тег назви документа |
||||||
|
і теги для пошукових машин. |
|
|||||
|
|
|
|
|
|||
<body></body> |
|
Визначає |
видиму |
частину |
|||
|
документа |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ТЕГИ ЗАГОЛОВКУ |
|
|
|
|
|
|
|
|
|
|
|
|
|||
<title></title> |
|
Вміщує |
назву |
документа до |
|||
|
заголовку |
програми |
перегляду |
||||
|
сторінок |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
АТРИБУТИ ТІЛА ДОКУМЕНТА |
|
|
|
|
|
|
|
|
|
|
|
|
|||
<body bgcolor=?> |
|
Встановлює |
|
колір |
фону |
||
|
документа, |
|
використовуючи |
||||
|
значення кольору у вигляді |
|
|
||||
|
|
RRGGBB - приклад: FF0000 - |
|||||
|
червоний колір. |
|
|
|
|
||
|
|
|
|
|
|
|
|
<body text=?> |
|
Встановлює |
|
колір |
|
тексту |
|
|
документа, |
|
використовуючи |
||||
|
значення кольору у вигляді RRGGBB |
||||||
|
- приклад: #000000 - чорний колір. |
||||||
|
|
|
|
|
|
|
|
<body link=?> |
|
Встановлює |
|
|
|
колір |
|
|
гіперпосилань, |
використовуючи |
|||||
|
значення кольору у вигляді RRGGBB |
||||||
|
- приклад: #00FF00 – зелений колір |
||||||
|
|
|
|
|
|
|
|
100