Лабораторна робота № 2
Тема «HTML.Створення web-сторінки з таблицями, гіперпосиланнями та динамічними ефектами»
Мета. Уміти додавати на сторінку таблицю, графічні та відіо-зображення, створювати динамічні ефекти, використовувати теги для створення різних гіперпосиланнь.
Послідовність виконання роботи
На новій web-сторінці створить таблицю з даними про свій рейтинг.
Таблиця буде складатися з 3 стовпців та 4 рядків.
Задайте заголовок таблиці “Результати рейтінга”.
Задайте заголовкі стовпців та рядків.
Заповніть таблицю оцінками. Які теги для цього використували?
Новий файл збережіть під назвою file3.htm. Перегляньте його у броузері.
Змінить вигляд таблиці.
Задайте товщину рамки таблиці, на приклад, 3, задайте кольори рамки та фона таблиці. Як це зробили?
Вирівнюйте текст у клітинках таблиці.
У заголовках – по центру, в інших клітинках – на ваш смак.
Поекспериментуйте з параметрами тега TABLE. Об'єднайте деякі дві клітинки таблиці в одну. Удоскональте свою сторінку якнайліпше.
Створіть ще одну таблицю.
Відкрийте свою web-сторінку file2.htm та створіть таблицю для розміщення фотографії та текста.
Таблиця повинна складатися з одного рядка та двох стовпців: у першому - фото, у другому – текст, наприклад, “Це я!”. (Графічні файли повинні мати розширення bmp, jpg, gif).З допомогою якого тега?
Відредагуйте графічне зображення..
Встановіть розміри фотографії, візміть її у рамку. Як це зробили?
Зробіть фотографію як гіперпосиланням до файлу file1.htm з особистими даними. Як це зробити?
Змініть таблицю.
Зробіть її без рамки. З допомогою якого параметра це можна зробити ?
Вставте у свій файл гіперпосилання на html-файл, наприклад, на файл з таблицею.
У кінці сторінки після черти введіть речення: Мої успіхи і зробіть його гіперпосиланням на файл з таблицею file3.htm. Як це зробили?
Створить гіперпосилання у вигляді графічного зображення.
Клацнувши на web-сторінці на фотографії, повинен відкриватися файл з особистими данними file1.htm. Як це зробили?
Застосуйте гіперпосилання для переходу на початок сторінки.
В кінці сторінки розташуйте рядок з гіперпосиланням: Перехід к початку сторінки для переходу у початок стороінки. Як це зробити?
Застосуйте до заголовку динамічний ефект.
У файлі file2.htm зробіть рядок Ця сторінка створена Прізвище І.П. рухомим у смузі будь-якого коліру. Який тег для цього використовується?
Контрольні питання
Яке призначення тега TABLE, параметри тега TABLE?
Які теги формують у таблиці рядки, клітинки-заголовки і звичайні клітинки?
Як у таблиці об'єднати декілька клітинок в одну?
Який параметр використовують для вирівнювання елементів?
Яка особливість пари тегів <PRE>...</PRE>?
Як вставити графічне зображення у web-сторінку?
Які параметри може мати тег IMG?
За допомогою якого тега вставляють гіперпосилання?
Яке призначення параметрів LINK, VLINK, ALINK?
Як деяке графічне зображення зробити гіперпосиланням?
Які є види посилань у межах одної web-сторінки?
Що таке якори?
Як запустити звук одночасно з відкриванням сторінки?
Як створити динамічний ефект рухомого тексту?
Які ви знаєте параметри рухомого тексту?