- •Лабораторна робота № 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. Хід роботи
Лабораторна робота № 17
Тема заняття
Створення багатосторінкових Web-сторінок з використанням гіперпосилань.
Мета заняття
Навчитись створювати багатосторінкові Web-сторінки з використанням гіперпосилань..
Матеріально-технічне обладнання та посібники для роботи
Комп’ютер IBM PC, OC Windows, Internet Explorer, Блокнот.
Л2 стр. 268-276.
Правила безпеки
Дивись техніка безпеки в комп’ютерному класі (додаток 1)
Зміст та послідовність виконання роботи
1. Вхідний контроль
Завантажте програму Assist2, що знаходиться на диску D: в папці Test.
Виконайте тест з ім’ям ім’ям Web2 ввівши власне прізвище та ім’я в головному вікні програми. Покажіть результати викладачу
2 Методичні вказівки до виконання роботи:
1. Основні команди (теги), що застосовуються при створенні 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 » > — визначення типу шрифту, його розміру, кольору;
2. <IMG>- додає на екран клієнта файл малюнка, що задається одинарним тегом з параметрами:
<IMG SRC=" адреса графічного файлу" ALT="альтернативний текст" ALIGN="left" WIDTH="240" HEIGHT="200">
Обов'язковим є лише перший параметр SRC. Альтернативний текст — це текст, який виводитиметься замість картинки, якщо броузер не може прийняти графічний файл, або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT її розміри по ширині і висоті в пікселях або відсотках, наприклад, <IMG WIDTH="300"> задає ширину картинки 300 пікселів; <IMG WIDTH="50%"> задає ширину картинки півсторінки у горизонтальному напрямку
3. Для створення гіперпосилань використовується тег <a>...</a>, основним параметром якого href – адреса файлу, який необхідно завантажити при натисканні на гіперпосилання. Наприклад: <a href="E:\imeg\foto1.jpeg">...</a>
3. Хід роботи
-
Скопіювати папку Web на диску Е: (D:) у власну папку, переглянути вміст. _______________________________________________________________
-
В скопійованій папці Web створіть за допомогою Блокнота п’ять веб-сторінок з іменами Фокстрот.html, FoxMart.html, Техношара.html, Секунда.html, DEPOТ.html. __________________________________________________________
________________________________________________________________________________________________________________________________________________
-
Всі створені веб-сторінки повинні мати схожу структуру: на початку по центру встановити фото відповідного магазину з папки Web, та скопіювати опис магазину з документу Основні дані.doc. Текст опису магазинів повинен мати такі параметри: Arial, напівжирний, курсив, колір синій.
___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
-
Створити веб-сторінкою з ім’ям Головна.html. На початку зліва розмістити логотип групи компаній «Фокстрот». Після чого внести текст згідно зразка:
Група компаній «Фокстрот» є власником таких ТМ, як:
-
«Фокстрот. Техніка для дому»,
-
«FoxMart»,
-
«Техношара» (ретейл побутової та електронної техніки),
-
«Секунда» (ретейл годинників),
-
«DEPO't».
____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
-
Кожен елемент списку перетворити в гіперпосилання на відповідну, раніше створену сторінку в папці Web.
____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
-
Показати результати роботи викладачу.
Висновок: ________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________
Дата________________Оцінка________________Підпис________________
І н с т р у к ц і й н а к а р т а