| Ім'я | Значення | Примітка |
| display | block, inline, list-item, none | визначає тип елементу |
| position | absolute, fixed, relative, static | задає систему позиціонування |
| top, right, left, bottom | <число> | визначають положення елементу |
| float | right, left, none | позиціонується окремо від потоку елементів |
| z-index | <число> | управляє порядком накладення елементів |
| visibility | visible, hidden, collapse | управління видимістю елементу |
| overflow | auto, hidden, scroll, visible | режим відображення вмісту |
До пункту 3.
Приклад верстки у дві колонки:
<style>
#main {float:right; width:65%;}
#sections {float:left; width:35%;}
…
</style>
<div id="sections">
...
</div>
<div id="main">
...
</div>
Приклад верстки у три колонки:
<style>
#main {float:left;width:55%;}
#sections {float:left;width:20%;}
#news {float:right; width:25%;}
…
</style>
<div id="sections">
...
</div>
<div id="main">
...
</div>
<div id=" news ">
…
</div>
До пункту 4.
Нові теги (HTML 5): section, article, aside, hgroup, header, footer, nav, dialog, figure, source, mark, progress, meter, time, ruby, rt, rp, canvas, command, detailes, datalist, keygen, output
Нові властивості (CSS 3): border-radius, box-shadow, animation, gradient.
Змістовній модуль 2. Клієнтські технології створення динамічних Web-сторінок
ТЕМА 4. Сценарії, що виконуються на клієнтській стороні
Лабораторна робота 7. Розробка сценаріїв для Web-сторінок
Література: основна [1]; додаткова [2,5,6].
Мета роботи – вивчення середовища, прийомів створення і відладки сценаріїв для Web-сторінок.
Дане лабораторне заняття забезпечує напрацювання таких умінь:
створювати динамічні сторінки, використовуючи засоби програмування на стороні клієнта WWW;
виконувати перевірку і відлагодження створюваних програмних елементів.
Указані вміння надають можливість вирішення наступних задач:
розміщувати сценарії на сторінках Web-сайту;
розробляти та підлагоджувати сценарії з використанням об'єктів.
Завдання на лабораторну роботу
При підготовці до лабораторної роботи:
1. Відпрацювати матеріал лекції, літературу.
2. Підготувати алгоритми і тексти сценаріїв, що розробляються
При виконанні лабораторної роботи:
Розміщення і виконання сценаріїв
1.1. Розробити сценарій за індивідуальним завданням.
1.2. Випробувати різні варіанти розміщення сценарію (у тегі і у файлі).
2. Досліджувати різні способи перетворення типів.
2.1. Створити сценарій з використанням визначення типів і їх явного перетворення при введенні, виводі і в ході обчислень
2.2. Створити сценарій з формуванням рядка для виведення даних (один рядок, декілька рядків)
3. Використання операторів, що управляють
3.1. Розробити сценарій за індивідуальним завданням
3.2. Записати створений сценарій використання різних операторів циклу.
4. Використання вбудованих об'єктів
4.1. Розробити і випробувати сценарій, що використовує об'єкт Date
4.2. Розробити і випробувати сценарій з використанням об'єкту String і регулярних виразів
Звіт по лабораторній роботі представляється у вигляді сторінок, яки створені при виконанні кожного пункту за особистим замислом та оформленням.
Контрольні запитання:
1. Які програмні елементи може містити Web-сторінка|?
2. У чому різниця між сценарієм (скриптом) і аплетом?
3. Чи можуть в тегі SCRIPT міститися виконувані оператори? Виклики функцій? Якщо так, то вкажіть момент і число повторень їх виконання.
4. Дані яких типів можна обробляти з використанням скриптів?
5. Що таке блок?
6. Запишіть приклади можливих констант, допустимих в JavaScript.
7. Як визначити тип даних, привласнених змінної?
8. Запишіть приклади різних операторів привласнення.
9. Запишіть формат і поясните особливості виконання оператора switch.
10. Запишіть і поясните особливості виконання різних форм оператора while.
