- •Програмні засоби
- •Лабораторна робота № 1
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 2
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виковання
- •Запитання для контролю
- •Лабораторна робота № 3
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Введення нової адреси I завантаження Web-сторінки.
- •Завантаження адреси вже переглянутих сторінок
- •Управлшня процесом перегляду Web-сторінок
- •Зміна кодової сторінки відображення Web-сторінки
- •Відкриття гіперпосилання у поточному вікні
- •Відкриття гіперпосилання у новому вікні, вкладці
- •Пошук даних на завантаженій сторінці
- •Збереження завантаженої сторінки
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Адреси пошукових серверов
- •Україномовні пошукові системи
- •Російськомовні пошукові системи
- •Англомовні пошукові системи
- •Правила пошуку необхвдної інформації
- •Пошук даних у мережі Інтернет
- •Завдання для самостійного виконання
- •Завдання для самостійного виконання
- •Завантаження повідомлення
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Форматування тексту
- •Гіперпосилання
- •Завдання для виконання
- •Завдання для самостийного виконання
- •Графіка
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Редактор Web-сторінок Конструктор
- •Завантаження редактора Web-сторінок Mozilla Конструктор Інтерфейс редактора Web-сторінок Конструктор
- •Відміна, вилучення заданого форматування
- •Форматування тексту абзаців, заголовків
- •Видшити необхідний текстовий фрагмент.
- •Форматування стилями
- •Зміна стилю форматування
- •Створення таблиць
- •Вставка таблиці
- •Виділення елементів таблиці
- •Зміна властивостей таблиці
- •Послуги зміни параметрів таблиці. Вкладка Таблиця
- •Послуги зміни параметрів вибраних комірок. Вкладка Комірки
- •Форматування списків
- •Створення списку послугами меню
- •Перетворення елементів списку на звичайний текст
- •Використання графічних зображень
- •Вставка зображень
- •Зміна властивостей зображення
- •Послуги встановлення властивостей зображення
- •Створення гіперпосилань
- •Створення гіперпосилань у межах сторінки
- •Створення прив'язки
- •Створення гіперпосилань для переходу до прив'язки
- •Створення гіперпосилань на інші сторінки
- •Використання зображень як гіперпосилань
- •Збереження Web-сторінок у текстовому форматі
- •Завершения роботи
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 10
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Теми рефератів
Завдання для виконання
1. Для кожного рядка поданого нижче коду дати коментар, виділити основні блоки:
<HTML>
<HEAD>
<МЕТА HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=windows-1251">
<Т1ТЬЕ>ТУТ МОЖЕ БУТИ ЗАГОЛОВОК АБО БАНЕР (РЕКЛАМА) </TITLE>
</HEAD>
<BODY>
<Р ALIGN=" CENTER"><CENTER><TABLE BORDER
CELLSPACING=1 BORDERCOLOR="#000000" CELLPADDING=7
WIDTH=623>
<TR><TD VALIGN="TOP" COLSPAN=3 HEIGHT=75>
<P ALIGN="LEFT"><B><I><FONT COLOR="#ff0000">ТУТ МОЖЕ БУТИ ЗАГОЛОВОК АБО БАНЕР (РЕКЛАМА) </В></I></FONTX/TD>
</TR>
<TR><TD WIDTH="26%" VALIGN="TOP" ROWSPAN=2 HEIGHT=111>
<P><IMG SRC="Image1.gif" WIDTH=124 HEIGHT=111></P>
<FONT FACE="Times New Roman "><Р>Тестова WEB-стоpiнка</FONT></TD>
<TD WIDTH="36%" VALIGN="TOP" HEIGHT=111>
<I><F0NT FACE="Times New Roman"><P>тут пишемо адреcy</I></FONT></TD>
<TD WIDTH="38%" VALIGN="TOP" HEIGHT=111>
<IXF0NT FACE="Times New Roman"><P>TyT малюємо </Р>
</FONT><P><IMG SRC="Image2.gif" WIDTH=218 HEIGHT=119></I></TD>
</TR>
<TR><TD WIDTH="36%" VALIGN="TOP" HEIGHT=92>
<OL>
<LI><A HREF="mailto:ict@eu.edu.te.ua"> <U> <FONT
COLOR="#0000ff"> ict@eu.edu.te.ua </U> </FONT></AX/LI>
<TD WIDTH="38%" VALIGN="TOP" HEIGHT=92></TD>
</TR>
<TR><TD VALIGN=" CENTER" COLSPAN=3 HEIGHT=100><P></P></TD></TR>
</TABLE>
</HTML>
2. Використовуючи текстовий редактор Блокнот, розробити сторінку зі списком студентів групи. Відомості подати у вигляді таблиці з колонками: прізвище, ім'я, по батькові; домашня адреса; електронна адреса; сімейний стан. Виконане завдання записати на диск у домашній каталог за назвою Н1_1 – прізвище.html.
Використовуючи текстовий редактор Блокнот, розробити рекламну сторінку фірми «Зодіак», що містить такі елементи:
заголовок (назва товару, що вибирається довільно);
коротка анотація з виділенням ключових слів (жирний, підкреслений, курсивний шрифт);
• перелік основних властивостей пропонованого товару.
Виконане завдання записати на диск у домашній каталог за назвою Н1_2-прізвище.html.
Завдання для самостийного виконання
Проаналізувати такі Web-сторінки: www.eu.edu.ua; www.bit.te.ua; www.list.ru. Заповнити таблицю 25 для кожної адреси.
Таблиця 25
Елемент |
Дескриптор |
Вміст |
Заголовок |
|
|
Абзац |
|
|
Список |
|
|
Зображення |
|
|
Таблиця |
|
|
Жирний текст |
|
|
Курсивний текст |
|
|
Підкреслений текст |
|
|
Список (вказати тип) |
|
|
Гіперпосилання (локальні) |
|
|
Гіперпосилання |
|
|
Запитання для контролю
1. Засоби розробки Web-сторінок. Мова гіпертекстової розмітки НТМL.
Структура HTML-сторінки.
Логічне форматування тексту.
Форматування тексту.
Форматування абзацу, початок нового рядка.
Подання інформації у вигляді списків. Типи списків. Html-теги форматування списків.
Теги мови Html для створення таблиць.
Теги додавання до Html-сторінки графічних зображень.
10. Гіперпосилання, типи гіперпосилань, стоворення гіперпосилань.
I1. Виділення кольором.
ЛАБОРАТОРНА РОБОТА № 8
Тема. Розробка графічних зображень для використання у Web-сторінках.
Мета: ознайомити з методами формування графічних зображень для розміщення на Web-cторінках.
Час виконання: 2 год.
ХІД РОБОТИ
Теоретичні відомості
Формати графічних файлів
Графічні зображення додають до НТМL-документів у вигляді окремих малюнків або як фон, що вважається об'єктом другого плану. Графічне зображення для перегляду у Web-сторінці необxiдно зберігати у форматах: .gif (Graphic Interchange Format), .jpeg (Joint Photographic Expert Group), .png.
Якщо створюється сторінка, доступ до якої здійснюватиметься з використанням лінії зі швидкістю обману до 3000 біт/с, бажано навіть для броузерів, які працюють з графікою, заборонити пересилання графічних образів у ïx оригінальному poзмірі. У такому paзi на екрані спочатку з'являється мініатюрна копія зображення, яка пов'язана гіперпосиланням з повномаштабним зображенням, тобто є «гарячою зоною».