Інформація. Інформаційні процеси

Зміст

Вступ………………………………………………………………………..3

1. Розробка web-сторінки………….....………….………………………...4

   1.1. Пошук потрібного матеріалу та формування структури………...10

   1.2. Розробка ідеї дизайну………………………………………………12

   1.3. Завершальні роботи по розробці…………………………………..14

2. Розробка програми-тесту.… ………………………………………..…16

   2.1. Розробка тесту………………………………………………………16

   2.2 Написання програми………………………………………………...20

   2.3. Завершальні роботи по розробці програми……………………….22

Висновки та пропозиції.………………………………………………… .24

Література.……………………………………………………………........25

Додаток А. Html-код web-сторінки………………………………............27

Додаток B. Код програми-тесту …………………………………………28

Вступ

Обчислювальна практика проходила на базі Ровеньківського  факультету в лабораторіях інформаційних технологій Луганського національного університету імені Т. Шевченка з 23 січня по 4 лютого 2012 року.

Мета:

Ознайомлення з програмними засобами для розробки web-сторінок та формування навичок роботи з ними. Ознайомлення з засобами для розробки тестів з використанням  мови програмування JavaScript.

Завдання:

• розробка педагогічного сценарію  на тему «Інформація. Інформаційні процеси»;
• розробка навчальної web-сторінки та програми-тесту на тему «Інформація. Інформаційні процеси»;
• підготовка звіту з обчислювальної практики.

Актуальність:

За допомогою web-сторінки учні та студенти можуть з зацікавленням, та у зручному для них виді, вивчити та зрозуміти матеріал, та відразу перевірити засвоєні знання за допомогою програми-тесту.

1. Розробка web-сторінки

Для розробки web-сторінки було обрано додаток Microsoft FrontPage. FrontPage – це редактор HTML, який входить до складу пакета додатків Microsoft Office. Додаток Microsoft Office FrontPage - чудовий засіб для графічної розробки сторінок, але у ньому також представляються зручні засоби для безпосередньої роботи з HTML-кодом.

Метою, при розробці сторінки, було формування у відвідувачів загальних  понять про інформацію та інформаційні процеси. Також метою стало ознайомлення потенційних відвідувачів з поняттям інформація її властивостями та її видами, а також вивчення систем обчислювання інформації та використання прикладів для розрішення завдань.

На малюнку зображено, як виглядає Microsoft FrontPage (рис. 1.1.) 

Рис. 1.1. Microsoft FrontPage

У FrontPage web-сторінки засновані на мові опису гіпертекстових документів HTML (Hypertext Markup Language). У HTML для визначення змісту і формату гіпертекстових документів використовуються команди, які називаються тегами (tags). У HTML сторінками є документи в звичайному текстовому форматі, що містять спеціальні команди форматування(теги HTML).

Для того, щоб створити web-сторінку за допомогою FrontPage, немає необхідності вчити HTML. FrontPage дозволяє досить просто набрати текст, який можна помістити на web-сторінку, розташувати в потрібних місцях малюнки. Використовуючи FrontPage, можна створювати ефекти, для яких зазвичай потрібно скрипти або програми DHTML.

Після запуску програми FrontPage (Пуск - програми - FrontPage) на екрані з'явиться вікно програми, в якому відображається нова сторінка (нов стр 1.htm). У області завдань відображається панель «Приступая к работе».

Вікно прикладної програми FrontPage складається: з рядка заголовка, рядка меню, панелей інструментів редагування і форматування, кнопок швидкого вибору тега(для редагування і введення тегів), ярличків вкладок вибору сторінок(для переходу між сторінками), робочого вікна, в якому відображається нова сторінка, панелі малювання, кнопок режимів перегляду, індикатора очікуваного часу завантаження сторінок при швидкості 56 кбит/з, індикатора розміру сторінок, області завдань.

У програмі FrontPage можна  користуватися одним з чотирьох режимів перегляду : " Конструктор", " Код", "С разделением" і " Просмотр".

У режимі " Конструктор", як у будь-якому текстовому редакторі можна у візуальному режимі створювати, редагувати і форматувати сторінку, тобто вводити текст, додавати малюнки, таблиці. При цьому теги мови HTML автоматично додаються у фоновому режимі, але кодування HTML на екрані не відображається. Цей режим зображен на наступному малюнку (рис. 1.2.).