Зміст та послідовність виконання роботи

1. Вхідний контроль

Завантажте програму Assist2, що знаходиться на диску D: в папці Test.

Виконайте тест з ім’ям ім’ям WEB2ввівши власне прізвище та ім’я в головному вікні програми. Покажіть результати викладачу

2 Методичні вказівки до виконання роботи:

1. Web-сторінка — це текстовий файл, створений командами мови HTML. Для роботи з такими файлами використовується спеціальна програма — браузер.

2. HTML-файл має структуризований вигляд, організований за допомогою тегів (вказівок броузеру для визначення тієї або іншої частини файла). Теги бувають парні — для зазначення початку і кінця фрагменту й одноелементні — для визначення дії. Створюють такі файли в будь-якому текстовому редакторі; при записі його на диск у полі Тип файлавизначають Только текст,у полі Имя файлавводять ім'я файла, а через крапку — розширення html.

3. Основні команди (теги), що застосовуються при створенні Web-сторінок з використанням гіперпосилань і нумерованих списків:

<ul></ul> — початок (кінець) маркованого списку;

<ol></ol> — початок (кінець) нумерованого списку;

<1і></1і> — елемент списку;

<а href=«адреса»> текст </а> — гіперпосилання на інший файл;

<р align=center > — визначення виду вирівнювання абзацу.

Гіпертекстові посилання можуть вказувати на певне місце в межах сторінки, якщо в потрібне місце заздалегідь вбудувати якір. Якір використовує теги <A>та </A>, але замість атрибута HREF= для нього обов’язковий атрибут NAME=. Значенням цього атрибута є ім’я якоря. Воно може складатися з латинських літер і цифр і не повинно містити пробілів.

Для посилання на встановлений якір потрібно вказати ім.’я якоря в кінці адреси URL після імені документа, відділивши його символом #.

 Хід роботи

2. Завантажити Блокнот _____________________________________

2. Створити WEB-сторінку з використанням списків, за основу взяти наступний текст:

Рекламний проспект

Гарячі страви

· Перші страви

1. Борщі.

2. Солянки.

3. Супи

· Другі страви

3. Гарніри.

4. Запіканки

5. Рибні та м¢ясні страви

_________________________________________________________________

3. Підкреслені словосполучення оформити як гіперпосилання

_________________________________________________________________

4.Записати HTML-код даного документа у звіт.

_________________________________________________________________

_________________________________________________________________

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

6. Переглянути створену WEB-сторінку в браузері Internet Explorer

_________________________________________________________________

7. Показати результати викладачу. Вийти на Робочий стіл.

Висновок:   ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

І н с т р у к ц і й н а к а р т а

лабораторна робота № 15

Тема заняття 

Створення Web-сторінки, що містить таблиці

Мета заняття

Навчитись створювати Web-сторінки, що містить таблиці

Матеріально-технічне обладнання та посібники для роботи

Комп’ютер IBM PC, OC Windows.

Коноплянко З. Д Конспект лекцій з дисципліни “Інформатика” .. - Львів: ЛІБС УБС НБУ, 2010. с. 261-266

Гаевский А.Ю. Информатика: 7-11 кл.: Учеб. пособие -2 изд доп., -К.: А.С.К. , 2006, c 410-414

Http://savdv.narod.ru/uchebnik.htm

Правила безпеки

Дивись техніка безпеки в комп’ютерному класі (додаток 1)                                          

Зміст та послідовність виконання роботи

1. Вхідний контроль

Завантажте програму Assist2, що знаходиться на диску D: в папці Test.

Виконайте тест з ім’ям ім’ям WEB3ввівши власне прізвище та ім’я в головному вікні програми. Покажіть результати викладачу

2 Методичні вказівки до виконання роботи:

1. Таблиця в мові НТМL починається з тега <TABLE> і закінчується тегом </TABLE>. Текст внутрі таблиці повинен бути поміщений в спеціальні теги, що визначають елементи таблиці(заголовки, рядки, клітинки.

2. Між тегами <TABLE> і </TABLE> може зустрітися один раз пара тегів <CAPTION> і <./CAPTION>,що визначає заголовок таблиці. Заголовок таблиці розміщується над таблицею або під нею.

3. Далі вміщують теги <TR> I </TR>, що визначають рядки таблиці. Закриваючий тег можна опустити.

4. Клітинки таблиці помічаються тегами <TH>, що містять заголовки стовпців і рядків, або тегами <TD> Ці теги також є парними , але закриваючі теги також можуть опускатися.

5. Із специфічних атрибутів таблиць можна вказати атрибут BORDER=, який дозволяє створювати рамку навколо таблиці і навколо окремих клітинок. Значенням цього атрибута є товщина зовнішньої рамки в пікселях.

Хід роботи

1. Запустити текстовий редактор Блокнот

_____________________________________________________________

2. Створити WEB-сторінку, яка міститиме подану таблицю.

Види напівфабрикатів з баранини

3. Дані таблиці розташувати по лівому краю.

________________________________________________________________

4. Зберегти сторінку з розширенням .html,відкрити її у вікні браузера.

________________________________________________________________

5. Заголовок таблиці розташувати по центру,колір – зелений, напівжирний.

_________________________________________________________________

6. Товщина рамки таблиці 4 пікселя

_________________________________________________________________

7. Назви колонок розташувати по центру

____________________________________________________________________

8. Записати HTML-код даного документа у звіт.

_________________________________________________________________

_________________________________________________________________

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

9. Переглянути створену WEB-сторінку в браузері Internet Explorer

_________________________________________________________________

10. Показати результати викладачу. Вийти на Робочий стіл.

Висновок:  ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________