Індивідуальне завдання

Читайте теоретичним матеріалом і підготуйте свою домашню сторінку, що містить інформацію про студента.

Обов'язкове зміст:

• Інформація про те, чий сайт і фото студента.

• Електронний поштову адресу.

• Посилання на робочу сторінку або сайт вузу студента.

• Мій ВУЗ - про ХНЕУ.

• Моя група.

• Моя майбутня професія.

• Захоплення або хобі.

• Будь-яка інша інформація.

В оформленні сторінки слід використовувати максимальну кількість перерахованих вище тегів HTML.

Питання для самодіагностики

1. Що таке WWW?

2. Що таке URL?

3. Що таке браузер?

4. Що таке пошукові сервера і для чого вони потрібні?

5. Що таке HTML?

6. Що таке "тег"? У чому відмінність в поняттях "тег", "контейнер" і "елемент"?

7. Які частини HTML-документа ви знаєте?

8. Які типи гіперпосилань ви знаєте?

9. Перерахуйте способи обтікання текстом зображення.

9.2. Динамізація Web-сторінок засобами мови JavaScript

Теоретичні відомості

Динамічний HTML

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

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

Динамічні ефекти можуть застосовуватись до текстів, зображень, відео, музики. Наявність в документі біжного рядка або ефекту вискакування літер в рядку тексту динамізує документ і викликає не абиякий потяг студента до документа. Потяг зростає, якщо в документ включені гіперпосилання на сайті з музикою (файли .mp3 або .wma) та відео кліпи.

Більшість анімаційних операцій мають логіко-математичну основу, а тому потребують програмування. Воно не повинне викликати труднощів, якщо студенти опановували програмування в школі в дисципліні інформатики.

Сценарії пишуться на будь-якій з мов програмування – JavaScript, AJAX, VBScript, PHP та ін. Для впровадження JavaScript - сценарію в HTML-документ застосовується элемент SCRIPT:

<SCRIPT Language=”JavaScript”> [Текст ссценарія] </SCRIPT>.

Скрипт зазвичай вбудовується в HTML-документ і взаємодіє з ним. Скрипти можна поміщати в будь-якому місці документа: як в заголовковій частині, так і в тілі коду. Здебільшого їх поміщають в заголовковій частині. Скрипти, як і HTML-документи пишуть звичайно в редакторі Блокнот. Скрипти можуть застосовуватись в двох випадках:

1) при завантаженні документа браузером;

2) при виникненні будь-якої події.

Події можуть спричинятися діями користувача: натиском кнопки миші, наведенням курсора миші на елемент Web-сторінки тощо.

Короткий огляд засобів програмування мови JavaScript

JavaScript – це клієнтська скриптова мова сценаріїв з елементами об’єктно-орієнтованої моделі. Сценарії JavaScript виконуються безпосередньо на комп’ютері користувача клієнт-програмою (браузером). Це – мова-інтерпретатор. За синтаксичну основу її прийнято спрощену версію мови Java, яка багато в чому збігається з мовами С та С++.

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

Оператори JavaScript. Програми JavaScript складаються з операторів (інструкцій), кожен з яких записується здебільшого в одному рядку. В кінці оператора проставляється (але не обов’язково) символ крапки з комою (;). Як і в будь-якій мові програмування, основними операторами JavaScript є:

оператори введення даних;

оператори коментарів;

оператори присвоювання;

оператори, що розгалужуються;

оператори циклів;

оператори виведення.

Типи даних. В операторах JavaScript використовуються наступні типи даних:

текстовий;

логічний;

цілі числа (десяткові і шістнадцяткові);

дійсні числа (з фіксованою і плаваючою крапками);

бінарні числа;

масиви.

Дані подаються традиційно у вигляді змінних та констант. Змінні мають імена. При написанні імен потрібно враховувати регістр. Змінні створюються з допомогою оператора var або шляхом безпосереднього присвоєння значень операцією (=). Синтаксис оператора var:

var varyablename[=value | expression].

Оператор var створює нову змінну з ім’ям varyablename. Приклад:

var Sum=0;

var sarray=new Object();

n=10; // ця змінна введена без ключового слова var.

В JavaScript змінні можуть бути локальними або глобальними. Локальні змінні зазвичай застосовуються при написанні функцій і їх слід оголошувати з допомогою ключового слова var. Глобальні змінні не оголошуються – їх тип визначається за умовчанням, але при обчисленнях слід контролювати правильність результатів.

В JavaScript застосовуються вирази (expression) – сполучення змінних, констант, функцій (об’єднаних знаками операцій та дужками), операторів і методів. Наприклад: f=10*Sin(x*t).

В операторах застосовуються наступні операції (таб. 9.2).

Таблиця 9.2