127

ЗМІСТ

Передмова 6

РОЗДІЛ І. РОЗМІЩЕННЯ ІНФОРМАЦІЇ У WWW.

БАЗОВІ ЕЛЕМЕНТИ HTML 10

1.1. Основні принципи побудови та функціонування мережі Internet 10

1.2. Форматування тексту мовою HTML 23

Головна сторінка Web-сайта освітнього закладу 29

1.3. Використання гіперпосилань 30

Створення набору гіпертекстових сторінок Web-сайта

освітнього закладу 34

1.4. Web-графіка 36

Web-сайт навчального закладу: графічна версія 42

1.5. Списки і таблиці у HTML-документах 44

Web-сайт навчального закладу: версія з використанням таблиць 50

1.6. Використання фреймів 57

1.7. Каскадні таблиці стилів (CSS) 65

Способи використання таблиць стилів 65

Використання селекторів 67

Використання псевдо класів 69

Властивості у таблицях стилів 69

1.8. Введення даних за допомогою форм 73

Дескриптор <FORM> 74

Дескриптор <TEXTAREA> 75

Дескриптор <SELECT> 76

Дескриптор <INPUT> 78

1.9. Розробка Web-сайтів 81

Етап визначення цілей та функцій Web-сайта 81

Етап створення структури (схеми) сайта 81

Етап добору апаратних і програмних засобів, необхідних для реалізації

Web-сайта 83

Етап створення окремих сторінок 83

Етап тестування 84

Етап публікації сторінок на сервері 84

Етап реклами Web-сайта 84

Етап експлуатації 84

РОЗДІЛ II. ІНТЕРАКТИВНІ WEB-ДОКУМЕНТИ.

ОСНОВИ JAVASCRIPT, PHP I MYSQL 85

2.1. Загальний огляд технологій створення інтерактивних

Web-докулентів 85

2.2. Використання скриптів JavaScript 88

Синтаксис мови JavaScript 88

URL-схема JavaScript 89

Опис змінних. Поняття без типовості 90

Числові змінні 91

Булеві змінні 91

Операції порівняння і логічні операції 91

Рядкові змінні 92

Масиви 92

Оператори управління. Оператори циклу. Цикл for 92

Цикл while 93

Оператори розгалуження (умовні оператори). Оператор if...else 93

Оператор ? 94

Визначення функцій 95

Об'єктна модель JavaScript 96

Властивості 96

Методи 97

Події 91

Ієрархія об'єктів у JavaScript 101

Array 101

Методи об'єкта Array 102

Date 103

Number 104

String 104

Math 105

Об'єкти браузера 106

Об'єкт window 106

Об'єкт document 108

Методи об'єкта document 109

Створення об'єктів користувача і робота з ними 112

Надання об'єктам нових властивостей 114

Вилучення об'єктів і властивостей 115

Перевірка існування об'єктів і властивостей 115

Використання функції typeof() 115

Додавання в об'єкт нових методів-конструкторів 116

2.3. Використання РНР і MySQL 118

Коротка історія РНР 119

Вступ до MySQL 120

Завантаження та інсталяція РНР і MySQL 121

Приклади використання РНР 121

Робота з формами 121

Робота з MySQL (збереження даних у базі) 124

Отримання даних з бази MySQL 129

Форум Web-сайта навчального закладу 130

РОЗДІЛ III. WEB-РЕДАКТОРИ 143

3.1. Загальний огляд Web-редакторів 143

3.2. Web-редактор Microsoft FrontPage 143

3.3. Web-редактор HomeSite 144

РОЗДІЛ IV. ТЕХНОЛОГІЯ FLASH 146

4.1. Огляд Macromedia Flash 5 146

Трасування растрів 149

Монтажна лінійка 150

Використання шарів 151

Типи анімації 151

4.2. Використання символів у Flash 5 154

Створення символу 156

Використання звуку у фільмі 158

4.3. Використання ActionScript 160

4.4. Публікація у Flash 5 163

Налаштування публікації у форматі Flash 164

Налаштування публікації у форматі HTML 164

РОЗДІЛ V. МЕТОДИЧНІ ОСНОВИ ВИВЧЕННЯ WEB-ПРОГРАМУВАННЯ

В ШКОЛІ 168

5.1. Особливості методичної системи вивчення основ

Web-програмування 168

Поурочний план 169

Мета 170

Методи 172

Засоби. Технічні умови проведення уроків 172

Вибір HTML-редактора для вивчення HTML 173

Форми проведення уроків 173

5.2. Методика навчання окремих елементів Web-нрограмування. 174

5.3. Методика навчання JavaScript 179

Учні вивчали одну з процедурних мов програмування – Pascal, С 179

Основна термінологія ООП 181

Програми, що управляють подіями 182

Учні вивчали об'єктно-орієнтовану мову програмування – ObjectPascal,

C++, Java 183

JavaScript – перша мова програмування, з якою ознайомлюються учні 183

5.4. Орієнтовні завдання практичних робіт 186

Завдання з теми «Вступ до HTML» 186

Практичні завдання з теми «Форматування тексту» 186

Орієнтовні завдання для практичної роботи з теми «Гіперпосилання» 187

Орієнтовні завдання для практичної роботи з теми «Web-графіка» 188

Орієнтовні завдання для практичної роботи з теми

«Списки і таблиці у HTML» 188

СПИСОК ЛІТЕРАТУРИ 192

ДОДАТКИ 194

ПЕРЕДМОВА

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

Стрімко розвивається мережа Internet, яка вже нараховує сотні мільйонів користувачів і сьогодні, фактично, є глобальною світовою інформаційною системою. Якщо Internet і далі буде завойовувати ринок з такою швидкістю, то не за горами той час, коли буде можливо успішно працювати у більшості галузей лише за наявності відповідних уявлень та навичок роботи в мережі.

«Вибухонебезпечне» зростання Internet та World Wide Web (WWW) призвело до перетворення комп'ютерної революції в інформаційну. У період комп'ютерної революції комп'ютер розглядався як засіб автоматизації — автоматизації розрахунків, автоматизації проектування, автоматизації перекладу з однієї мови на іншу тощо. Інформаційна революція зробила комп'ютер основним засобом телекомунікації, зберігши усі властиві опрацювання інформації.

Прогрес у галузі створення високошвидкісних цифрових каналів зв'язку, засобів цифрового подання та стискання (архівації) відео/аудіоінформації, єдиних протоколів роботи з відео надзвичайний. Комп'ютерна телекомунікація набагато швидша та дешевша і, найголовніше, набагато потужніша від звичайних засобів, таких, як телефон, телеграф, телебачення.

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

Говорячи про вивчення Інтернет-технологій у школі, звертаємо увагу на світоглядний аспект. Туг можна розкрити значения інформації взагалі, а також тієї, що знаходиться в мережі; як за допомогою автоматизованих систем здійснюється її збір, передавання та опрацювання. Все це — важливий внесок у розвиток сучасної інформаційної картини світу, а отже і світогляду школярів. У школах, як правило, недостатньо вивчається мова HTML (Hyper Text Markup Language — мова гіпертекстової розмітки), без знання якої користувач не може повною мірою скористатися всіма можливостями World Wide Web.

Створивши за допомогою HTML-коду Web-сторінки і виставивши їх на всезагальний розгляд, користувач стає активним учасником Web, а не просто пасивним спостерігачем. Він отримує практично необмежені можливості розповсюдження інформації, знаходження близьких за духом людей, організації віртуальних клубів та секцій із вивчення різних предметів. І, подібно до телефону, Web-сервер та адреса електронної пошти стануть у пригоді всім. Крім того, публікуючи власні Web-сторінки, учні самореалізуються, підвищують власний статус. Це — важливий фактор активізації навчально-пізнавальної діяльності, розвитку творчих здібностей.

Зазначимо, що під Web-програмуванням розуміємо процес розробки та опису Web-документів, зокрема мовою HTML, хоча мова HTML не є мовою програмування у звичайному розумінні, а є мовою розмітки (опису) документа.

У розробленій методичній системі навчання Web-програмування передбачається значна диференціація щодо рівня засвоєння матеріалу — від уміння побудови статичних гіпертекстових сторінок до проектування складних мережевих додатків із високим рівнем інтерактивності та доступом до баз даних.

Перший розділ містить принципи побудови та адресації мережі Internet. Подано також основні елементи HTML.

У другому розділі розглянуто основи створення інтерактивних Web-документів мовою JavaScript, описано сучасні засоби створення мережевих додатків з доступом до баз даних. Автори мали на меті коротко описати основні принципи створення інтерактивних Web-сторінок, сформувати цілісне розуміння ідеології Web-програмування та основних технологій.

Третій розділ містить інформацію про використання Web-редакторів для створення Web-сторінок.

У четвертому розділі розглядається популярна технологія Flash, за допомогою якої створюють яскраві динамічні Web-сторінки.

П'ятий розділ — «Методичні основи вивчення Web-програмування в школі» — подає компоненти методичної системи навчання основ Web-програмування, а також методичні рекомендації до навчання окремих елементів HTML, JavaScript, технології Flash.