- •Лабораторна робота № 1
- •3. Хід роботи
- •Лабораторна робота № 2
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 3
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 4
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Прибутковий ордер №_______
- •Лабораторна робота № 5
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 6
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 7
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 8
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 9
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 10
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 11
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 12
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 13
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •Лабораторна робота № 14
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 15
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 16
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 17
- •1. Вхідний контроль
- •2 Методичні вказівки до виконання роботи:
- •3. Хід роботи
- •Лабораторна робота № 18
- •1. Вхідний контроль
- •2. Методичні вказівки до виконання роботи:
- •3. Хід роботи
Лабораторна робота № 16
Тема заняття
Створення Web-сторінки з використанням таблиць та списків
Мета заняття
Навчитись створювати Web-сторінки з використанням таблиць та списків.
Матеріально-технічне обладнання та посібники для роботи
Комп’ютер IBM PC, OC Windows, Internet Explorer, Блокнот.
Л2 стр. 259-261
Правила безпеки
Дивись техніка безпеки в комп’ютерному класі (додаток 1)
Зміст та послідовність виконання роботи
1. Вхідний контроль
Завантажте програму Assist2, що знаходиться на диску D: в папці Test.
Виконайте тест з ім’ям ім’ям Web ввівши власне прізвище та ім’я в головному вікні програми. Покажіть результати викладачу
2 Методичні вказівки до виконання роботи:
-
HTML-файл має структуризований вигляд, організований за допомогою тегів (вказівок броузеру для визначення тієї або іншої частини файла). Теги бувають парні — для зазначення початку і кінця фрагменту й одноелементні — для визначення дії. Створюють такі файли в будь-якому текстовому редакторі; при записі його на диск у полі Тип файла визначають Только текст, у полі Имя файла вводять ім'я файла, а через крапку — розширення html.
-
Основні команди (теги), що застосовуються при створенні Web-сторінок:
<html></html> — початок і кінець документа;
<head></head> — область заголовка документа;
<body></body> — зміст документа;
<title></title> — заголовок вікна броузера з відкритим файлом;
<body bgcolor= «silver» text=«black» link=«#ff0000»> — визначення кольорів фону вікна, тексту, гіперпосилань; колір можна вказати за допомогою назви (Silver) або шістнадцятковим кодом (#FF0000);
<!-...-> — створення коментарю;
<font face= « arial» size= « 6 » color= « # dd0000 » > — визначення типу шрифту, його розміру, кольору;
<ul></ul> — початок (кінець) маркованого списку;
<ol></ol> — початок (кінець) нумерованого списку;
<1і></1і> — елемент списку;
<IMG>- додає на екран клієнта файл малюнка, що задається одинарним тегом з параметрами:
<IMG SRC=" адреса графічного файлу" ALT="альтернативний текст" ALIGN="left" WIDTH="240" HEIGHT="200">
Обов'язковим є лише перший параметр SRC. Альтернативний текст — це текст, який виводитиметься замість картинки, якщо броузер не може прийняти графічний файл, або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT її розміри по ширині і висоті в пікселях або відсотках, наприклад, <IMG WIDTH="300"> задає ширину картинки 300 пікселів; <IMG WIDTH="50%"> задає ширину картинки півсторінки у горизонтальному напрямку
3. Таблиця створюється за допомогою тегу <table></table>. Між даними тегами встановлюються теги, які визначають рядки таблиці та відділяють клітинки:
<tr></tr> використовується для визначення строки;
<td></td> визначає окрему клітинку таблиці;
<th></th> - заголовок таблиці (текст при цьому напівжирний та розміщується по центру).
Також тег <table> має свої атрибути:
- border –товщина рамки у пік селях
- bordercolor="цвет" – колір рамки таблиці
- bgcolor="цвет" – колір фона таблиці
- align – визначає встановлення таблиці у вікні браузера (може приймати значення left, center або right).