5.2 Хід роботи

1. Продовження створення особистого сайту. Створити 2 нових сторінки сайту з використанням фреймових структуp.

2. Додайте до змісту сайту два гіперпосилання на ці дві сторінки (frame1.html і frame2.html).

3. Як основну сторінку використовуйте файл index.html.

4. Як додаткові – використовуйте файли з придуманим вами змістом. Наприклад, один може бути про вашого улюбленого музиканта або гурт (muz.html), другий – по тій темі , що вас цікавить (tema.html).

5 Додати до свого сайту сторінку (kniga.html) з книгою відгуків або книгою відвідин і створити її з використанням форм.

5.3 Вимоги

1. При виконанні роботи використовувати вертикальні і горизонтальні фрейми або в різних сторінках, або одночасно в одній сторінці.

2. Основна сторінка повинна містити лівий фрейм , у якому знаходиться зміст всього сайту, виконане у виді гіперпосилань.

3. При натисканні на гіперпосилання в змісті , сторінка відповідна їй повинна з' являтися в іншому фреймі.

4. Спробувати використання вертикальних і горизонтальних фреймів в одній фрейм структурі і кількість фреймів ( більше 2).

5. Досліджувати поведінку браузера при відображенні вкладених фреймів.

6. При виконанні роботи потрібно використовувати всі теги форм.

7. Дані, введені у форму відправляти методом POST в окрему сторінку (gost.html).

8. Прийняти і перевірити відправлені дані.

9. Розібратися й описати в звіті формат передачі даних методом POST.

5.4 Звіт

Повинен містити вихідний текст HTML-коду.

Контрольні питання

1. Що таке фрейми і їхнє призначення?

2. Як задаються фреймові структури?

3. Напишіть формат запису тегів FRAMESET i FRAME?

4. Для чого використовуються імена фреймів?

5. Як зазначити в гіперпосиланні, у який фрейм завантажувати цільову сторінку ?

6. Як відчинити сторінку в новому вікні навігатора?

7. Що відбудеться , якщо зазначеного в гіперпосиланні фрейму не існує.

8. Що таке форми і їхнє призначення?

9. Чи можна використовувати теги введення даних не у формах?

10. Які методи передачі даних із форм ви знаєте?

11. Яких тегів для введення даних, на вашу думку, не вистачає в HTML?

12. Перерахувати теги введення даних.

13. Перерахувати типи тегу INPUT.

14. Чи можна в одному документі HTML використовувати декілька форм?

15. Який вид при відображенні сторінки має тег SELECT?

16. Чи обов'язково наявність у формі кнопок?

Лабораторна робота 6 Робота із графічними зображеннями у gimp. Створення елементів дизайну web-сторінки у gimp

Мета:

• ознайомитись із середовищем створення анімованих забражень GIMP;

• одержати на практиці навички роботи із графічними зображеннями у GIMP та створенні елементів дизайну сторінки.

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

Спочатку скорочення «GIMP» означало «General Image Manipulation Program», а в 1997 повну назву було змінено на «GNU Image Manipulation Program» і програма офіційно стала частиною проекту GNU. GIMP можна використовувати для обробки цифрових фотографій. Типові області застосування включають створення графіки і логотипів, масштабування і обрізання фотографій, розфарбовування, комбінування зображень з використанням шарів, ретушування і перетворення зображень в різні формати.

GIMP один з перших призначений для користувача додатків з 37кріпи вільного ПЗ.

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

Для тих хто не знайомий з цим, традиційний метод, який використовується художниками для додання руху зображенню – це створення численних картинок. Кожна картинка представляє окремий «знімок» сцени, відомий як кадр, і ці кадри організовані в хронологічному порядку, від раннього до пізнього. Анімація – просто показ цих кадрів. Вона може виглядати дуже правдоподібно при відповідній швидкості. Швидкість анімації відома як частота кадрів і вимірюється в кадрах-в-секунду. Отже, давайте подивимося що GIMP може запропонувати нам в сенсі анімації.