Page 24 - 4235

3 У звіт набрати інформацію про блокові контейнери, контейнерний
WEB-дизайн та параметри контейнерів.
4 Розробити макет сторінки, котрий повинен передбачати такі
блоки: 1) оформлення роботи (подібне до прийнятого на дисципліні за
винятком колонтитулів) (100 % ширини); 2) «шапку» сторінки (100 %
ширини); 3) блок навігації у лівій частині сторінки шириною 30 %;
4) основний вміст сторінки справа від блоку навігації (70 %); 5) блок
інформації про розробників, зміни, тощо (100 % ширини). Блоки повинні
візуально відокремлюватись один від іншого (оформлення роботи –
горизонтальною лінією, решта блоків – рамковою лінією обраного Вами
особисто формату). Розміщення блоків змішане, вертикально-
горизонтальне. Оформити макет сторінки засобами Word із визначенням
позицій блоків. Висоту блоків задати самостійно із умови заповнення
екрану SVGA. Розміщення інформації у блоках продумати так, щоб була
можливість зміни тільки одного блока основної частини при переході від
сторінки до сторінки.
5 У папці лабораторної роботи створити особисту папку.
6 Скопіювати файли сторінки із попередньої роботи.
7 Додати блокові контейнери та розмістити інформацію у них
відповідно до макету сторінки.
8 Розробити стильову розмітку, котра необхідна для надання
сторінці вигляду, відповідного розробленому макету. У назвах
стилів/селекторів де це можливо використовувати номер власного
варіанта. Не використання номера варіанта там, де це можливо,
впливатиме на підсумкову оцінку з роботи.
9 Визначити, для котрих із створених блокових елементів необхідно
задати параметри переповнення та модифікувати відповідні стилі для
забезпечення відповідної поведінки визначених блокових елементів.
10 Занести міркування при розробленні параметрів стилів та блоків у
звіт.
11 У звіті визначити поведінку блокових елементів та використання
відступів і рамок.
12 Визначити (та відзначити у звіті) необхідність створення відступів
та рамок.
13 Внести зміни до стилів для забезпечення відступів, що рівні
номеру Вашого варіанта у «px» для визначених блоків.
14 Перевірити відображення створеної сторінки і браузерах IE, Opera,
Chrome та внести виправлення, потрібні для забезпечення кросс-
браузерності. Записати визначені зміни у звіт із посиланням на джерела
інформації про застосовані шляхи вирішення.
15 У звіті перелічити назви всіх створених документів із описом їх
вмісту та навести код відповідних документів (під назвами та описом,
тобто назви та опис розділяються кодами відповідних файлів).

22