1. Створіть сайт про себе. Складіть основний файл, який запускатиме сайт та розподіляти його на фрейми.
Сайт поділить на два вертикальних фрейми, лівий (вузький) та правий. Лівий фрейм матиме зміст сайту у вигляді гіперпосилань для навігації по сайту, правий – як початкова сторінка та для перегляду сторінок сайту.
Збережіть основний файл під назвою frame1.html.
2. Складіть файл для опису лівого фрейму.
Він повинен містити: заголовок, наприклад, Сайт Прізвище І.П. та 4 гіперпосилання на файли, які мають містити інформацію про вас особисто, вашу родину, друзів, місце навчання, ваші захоплення, успіхи у навчанні, адресу тощо (можна скористатися файлами, які були створені у лабораторних роботах № 1, 2 ).
Забезпечте відображення сторінок у правому фреймі.
3. Збережіть файл під назвою leftframe.html.
4. Складіть файл для опису правого фрейму. Він має вигляд початковою сторінки сайту, наприклад, такого змісту: Запрошуємо на сайт Прізвище І.П.
5. Збережіть його під назвою rightframe.html.
6. Розташуйте інформацію у фреймах як найкраще, форматуйте текст, задайте необхідні параметри.
Задайте колір тла фреймам. Відкрийте почергово файли leftframe.html та rightframe.html .
Наприклад, жовтий колір тла у лівому фреймі та зелений — у правому.
Заберіть межу між фреймами.
Задайте смуги прокручування лише для правого фрейму.
Скопіюйте основний файл під назвою frame2.html.
7. Створіть початкову сторінку більш цікавою. Виконайте відповідні зміни у файлі.
Поділіть правий фрейм на два горизонтальних фрейми. У вузькому верхньому фреймі розташуйте особисту емблему з деякого графічного файлу або фотографію. Як це зробили?
У нижньому фреймі організуйте перегляд сторінок.
8. Збережіть зміни у файлі frame2.html.
9. Удоскональте сайт, щоб він виглядав як найліпше. Перегляньте його у браузері.
10. Створіть рисунок для графічної навігаційної панелі за допомогою графічного редактора Paint.
Підберіть у бібліотеці, що є на комп'ютері рисунок, який може бути основою навігаційної карти.
Рисунок модифікуйте за допомогою графічного редактора, наприклад, створіть текстові написи на ньому. Розташуйте елементи для гіперпосилань та уточніть координати гарячих областей.
Збережіть рисунок як файл з розширенням ris.bmp.
11. Запишіть html-файл для навігаційної карти. Як описати рисунок як навігаційну карту?
Задайте відповідні розміри карти. Опишіть гарячі області карти. Зробіть їх як коло, прямокутник та трикутник. У якому тезі робиться опис? Який тег та параметри для цього використовується?
12. Збережіть під назвою karta.html.. Виконайте його. Проекспериментуйте з картою
13. Скопіюйте основний файл під назвою frame3.html.
14. У лівому фреймі для попереднього сайту розташуйте графічну навігаційну карту.
Змініть основний файл так щоб замість файлу leftframe.html використовувався файл karta.html.. Збережіть файл.
15. Забезпечте відображення сторінок у правому фреймі.
Який параметр використовується для цього у тезі <AREA>?
Контрольні питання
1. Що таке web-документ?
2. Для чого призначена програма-браузер?
3. Що таке web-вyзoл (web-сайт)?
4. Яка структура простого web-документа?
5. Для чого призначена мова HTML?
6. Що таке тег і які є теги?
7. Які параметри може мати тег BODY?
8. Який тег позначає початок нового абзацу?
9. Які теги позначають товстий, курсивний і підкреслений шрифти?
10. Які теги призначені для вирівнювання елементів на сторінці?
11. Яке призначення тегу FONT, параметри тегу FONT?
12. Які є типи списків?
13. Як створити ненумерований список?
14. Як створити нумерований список?
15. Як створити список означень?
16. Яке призначення тегу TABLE, параметри тегу TABLE?
17. Які теги формують у таблиці рядки, клітинки-заголовки і звичайні клітинки?
18. Як у таблиці об'єднати декілька клітинок в одну?
19. Який параметр використовують для вирівнювання елементів?
20. Яка особливість пари тегів <PRE>...</PRE>?
21. Як вставити графічне зображення у web-сторінку?
22. Які параметри може мати тег IMG?
23. За допомогою якого тегу вставляють гіперпосилання?
24. Яке призначення параметрів LINK, VLINK, ALINK?
25. Як деяке графічне зображення зробити гіперпосиланням?
26. Які є види посилань у межах одної web-сторінки?
27. Що таке якоря?
28. Як запустити звук одночасно з відкриванням сторінки?
