Тема: Інтерфейс та налагодження параметрів оглядачів Internet.

Лабораторна робота №1

Тема: Інтерфейс та налагодження параметрів оглядачів Internet.

Мета роботи: Освоїти інтерфейс найбільш розповсюджених програм–оглядачів Internet Explorer та Firefox і набути навичок роботи з гіпертекстовими документами в Internet.

Звіт: необхідно вказати тему, мету роботи, зробити порівняльну характеристику оглядачів Internet Explorer та Firefox, зробити висновки по проведеній роботі та описати послідовність:

· зміни кодування HTML–сторінки;

· настроювання внутрішнього кешу оглядача приблизно на 50000 Кб;

· настроювання мови, шрифтів і очищення історії відвідуваних Web–сайтів

· очищення папки " Избранное ";

· збереження адреси серверу в папці " Избранное ";

· збереження web–сторінки на локальному диску.

Теоретичні відомості

Послуга Інтернет WWW

World Wide Web (Web або WWW) представляє легкий в управлінні графічний інтерфейс для перегляду документів Internet. Ці документи, а також посилання між ними утворюють інформаційне "павутиння" (рис.1.1).

Рис. 1.1.Структура переходів між документами за гіперпосиланнями

 

Web надає посилання з однієї сторінки на інші. Web можна уявити в вигляді великої бібліотеки. Вузли Web подібні до книг, а "сторінки" Web подібні сторінкам цих книг. Сторінки можуть містити новини, рисунки, кінофільми, звукозаписи, об'ємні світи – все що завгодно. Ці сторінки можуть розміщатися на комп'ютерах у будь–якій частині світу. При підключенні до Web надається рівний доступ до відомостей, які розкидані по всьому світу; відсутні додаткові обмеження або оплата за віддалений доступ. Зазвичай, пошук у Інтернет починається з визначеного вузла. Сторінки мають унікальну адресу в форматі URL (Universal Resource Locator).

Засіб перегляду або Інтернет оглядач (браузер) – це програмний засіб перегляду, що призначений для виконання переходів і отримання доступу до відомостей Web.

Прикладами програм оглядачів є:

· Internet Explorer корпорації Microsoft;

· Firefox організації Mozilla Foundation (www.mozilla.org);

· Комплект Mozilla організації Mozilla Foundation;

· Safari фірми Apple;

· Konqueror організації KDE Project;

· Opera розробки Opera Software;

· Netscape Communicator розробки Netscape Communications Corporation.

 

Основи роботи з Internet Explorer

Безпека покупок в мережі

Повідомляючи номер своєї кредитної картки на веб-вузол, необхідно бути впевненим, що даний вузол є безпечним. Оглядач Internet Explorer повідомляє про те, що вузол є безпечним, відображаючи значок замка у рядку стану, в нижньому правому кутку вікна.

Значок замка означає наступне:

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

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

 

Хід роботи

Література

1. Берченко Н. Самоучитель по работе в Internet и каталог ресурсов/ Н.Берченко, И.Березовская.– К: BHV, 1999.– 480с. – 1 прим.

2. Коцюбинский А.О. Современный самоучитель работы в сети Интернет. Быстрый старт/ А.О.Коцюбинский, С.В.Грошев.– М: Триумф, 1997.– 400с.: ил.

3. Крейнак Д. Интернет: Энциклопедия/ Д.Крейнак, Д.Хебрейкен.– С.Пб.: Питер, 2000.– 560с.: ил.

4. Снелл Н. Освой самостоятельно Internet за 24 часа.– 3–е изд.– М: Вильямс, 1999.– 384с.: ил.

5. http://lg.msn.com/int/ru/tutoria/.

Лабораторна робота №2

Тема: Пошук інформаційних ресурсів в глобальній мережі.

Мета роботи: Набути практичних навичок роботи з пошуковими системами Internet для вирішення бізнес–задач.

Звіт: Створити новий файл з назвою lab2.doc, в якому оформити звіт до лабораторної роботи. Необхідно вказати тему, мету роботи, описати алгоритми пошуку інформації у Internet, написати адреси пошукових систем та каталогів, які були відвідані, визначити адреси сайтів із знайденою інформацією, описати Internet-магазин, зробити висновки по проведеній роботі.

Теоретичні відомості

Повнота, достовірність та швидкість пошуку. Для того, щоб знайдена інформація дійсно відображала реальний стан справ, пошук має задовольняти наступні критерії:

· повнота охоплення ресурсів;

· вірогідність інформації;

· висока швидкість проведення пошуку.

Контроль повноти охоплення ресурсів – досить серйозна проблема, в тому випадку, якщо необхідно не просто знайти будь–яку інформацію про бажаний предмет, а необхідно мати повне уявлення про предмет пошуку і стан справ з даного питання. В цьому випадку краще не обмежуватися використанням тільки однієї пошукової машини або переглядом одного каталогу. Для того, щоб провести повномасштабний збір інформації, необхідно працювати з декількома каталогами, пошуковими машинами, базами даних, регіональними телеконференціями, електронними дошками оголошень і листами розсилань. Тільки в цьому випадку можна бути впевненим, що знайдено якщо не всю, то хоча б велику частину існуючої інформації.

Контроль достовірності інформації. Internet містить достатню кількість застарілої або не достовірної інформації. В багатьох випадках це пояснюється можливістю анонімного розміщення матеріалів, особливо на безкоштовних сайтах. В основному, контроль достовірності інформації – це аналітична робота. При цьому важливо зробити перевірку знайденого фактичного матеріалу, з'ясувати статус документів, одержати інформацію про компетентність автора матеріалу і т.д.

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

Швидкість здійснення пошуку в мережі, якщо не брати до уваги технічні характеристики підключення користувача, залежить в основному від двох факторів:

· вірного планування пошукової процедури;

· досвіду роботи з ресурсом обраного типу.

Особливе значення швидкість проведення пошуку має в тому випадку, коли потрібно знайти інформацію, що часто оновлюється. Наприклад, Ви працюєте з продуктом, ціна на який міняється кілька разів в день.

Результати пошуку. Одержавши потрібну інформацію з мережі, необхідно її перевірити.

Якщо це ціни на товари або послуги – потрібно зв'язатися з продавцем і уточнити їх (перевірити наявність необхідної продукції на складі в достатній кількості). Так само перевіряється будь–яка адресна інформація.

Аналітичну інформацію перевіряють, порівнюючи дані, отримані з декількох джерел. Таким же способом перевіряють різноманітні статистичні дані.

Якщо передбачається використання отриманої інформації для публічного огляду, необхідно записати джерело (адреса в мережі), ім'я автора (або назву організації) і дату публікації зведень, що використовувалися. Звертається увага на можливу наявність особливих вказівок щодо дотримання авторських прав.

Необхідно брати до уваги той факт, що якщо ви маєте можливість одержати інформацію, то в такий же спосіб її можуть одержати конкуренти. Що буде означати для бізнесу такий факт?

Хід роботи

1. Відвідайте український пошуковий сервер МЕТА (www.meta–ukraine.com) і ознайомтеся з основними прийомами формування запитів на пошук інформації.

2. Відвідайте український пошуковий сервер Google (http://www.google.com.ua) і ознайомтеся з основними прийомами формування запитів на пошук інформації.

3. Завантажте російську пошукову машину Яndех (www.yandex.ru) і ознайомтеся з основними прийомами формування запитів на пошук інформації.

4. Використовуючи засоби пошуку (п.п. 1–3) знайдіть та збережіть в окремій папці на локальному диску ярлики на такі інформаційні ресурси:

- поточне котирування валют;

- розклад руху потягів та літаків;

- нормативні акти та зміни в законодавстві;

- періодичні видання за фахом;

- виставки, конференції та семінари за фахом;

- електронна карта Києва.

5. Захистіть лабораторну роботу викладачу. Для захисту роботи необхідно показати звіт, на реальному прикладі продемонструвати навички роботи і відповісти на контрольні питання.

Контрольні питання

1. Що таке пошукова система та які її основні характеристики?

2. У чому відмінності глобальних та спеціалізованих пошукових систем?

3. Чим відрізняються пошукова система від пошукового каталогу?

4. Що таке індекс бази даних? Призначення роботів–індексировщиків у пошукових системах.

5. Що таке мета-пошукова система?

6. Які переваги та недоліки у найбільш розповсюджених пошукових системах?

7. Які основні правила формування запиту на пошук інформації в Internet?

8. Що таке розширений пошук і як його використовувати?

9. Які пошукові системи Ви знаєте?

10. Які пошукові каталоги Ви знаєте?

11. Принципи роботи програм для скачування веб–вузлів (FleshGet).

 

 

Література

1. Берченко Н. Самоучитель по работе в Internet и каталог ресурсов/ Н.Берченко, И.Березовская.– К: BHV, 1999.– 480с.

2. Знайомство з Internet/ А.Копистянський, Я.Терлецький, О.Максимюк, А.Павкилевич.– Львів: БаК, 1997.– 124с.

3. Интернет. Самоучитель/ Под ред. Денисов А., Вихарев И.– 2–е изд.– М: Питер, 2002.– 368с.: ил.

4. Коцюбинский А.О. Современный самоучитель работы в сети Интернет. Быстрый старт/ А.О.Коцюбинский, С.В.Грошев.– М: Триумф, 1997.– 400с.: ил

5. Крейнак Д. Интернет: Энциклопедия/ Д.Крейнак, Д.Хебрейкен.– С.Пб.: Питер, 2000.– 560с.: ил.

6. Снелл Н. Освой самостоятельно Internet за 24 часа.– 3–е изд.– М: Вильямс, 1999.– 384с.: ил.

Лабораторна робота №3

Теоретичні відомості

Спілкування через Internet

Програми для прямого спілкування. Прикладами є: ICQ, Gadu–Gadu, MSN, Yahoo messenger. Miranda IM 0.4.0.1 – internet–пейджер (маленький розмір дистрибутива, висока швидкість роботи, підтримка усіх систем internet–пейджинга, інтерфейс, що повністю налаштовується, підтримка плагінів).

Чат. Чат – це засіб для спілкування людей через мережу Internet. Ви зайшли в чат. Окрім вас в ньому ще знаходиться багато інших людей, які таким чином спілкуються. Досить написати вашу фразу з клавіатури, і її побачать всі, хто зараз присутній в чаті.

Електронна пошта. Електронна пошта (E–mail) – один з найбільш часто використовуваних засобів Internet. Можна послати повідомлення в будь-яку частину світу і адресат одержить його через декілька хвилин. E-mail – це швидкий, надійний і недорогий спосіб розсилки повідомлень по всьому світу.

Конференції. Конференції створені для обговорення самих різних питань.

FTP-обмiн даними з вiддаленним ком'ютером. FTP (File Transfer Protocol) означає "протокол передачi файлiв" i є засобом доступу до файлiв, що зберiгається на вiддалених комп'ютерних системах. Дозволяє копiювати файли з вiддаленого комп'ютера на локальний комп'ютер користувача i навпаки. Найбiльший iнтерес викликають загальнодоступнi FTP–сервери. За традицією, на запит iменi користувача при звертаннi до такого сервера треба вiдповiсти anonymous (безiменний). Звiдси з'явилася назва дуже популярної послуги iнтернет: ANONYMOUS FTP, тобто одержання файлiв iз загальнодоступного сервера. Таких серверiв тисячi. Є багато спецiалiзованих серверiв з колекцiями. В основi сервiсу передавання файлiв лежить протокол прикладного рiвня FTP.

Настройка електронної пошти

Працювати з поштовими повідомленнями можна або маючи відповідну програму, наприклад, "Internet Mail", "Outlook Express", "The BAT!" тощо, або засобами web-інтерфейсу.

Правила, яким необхідно слідувати при налаштуванні поштових програм для отримання і відправки поштових повідомлень через Convey IS, Ltd: У полі "Имя" ("Name") можна вказати своє ім'я і прізвище або що-небудь ще. Вміст цього поля фігуруватиме в полі "От" ("From") послань разом з e–mail адресою. Не рекомендується використовувати кирилицю.

Сервер вхідної пошти (POP3-server) має ім'я "pop.convey.ru". Сервер витікаючої пошти (SMTP-server) – "relay.convey.ru". Обліковий запис для входу на РОР3 сервер (account name for login to pop3–server) виглядатиме таким чином: "Ваш_логин.pop.convey.ru" (http://www–win.convey.ru/srv/dial_em.html.ru)

Реєстрація в системі

Для реєстрації необхідно на сторінці реєстрації в системі ввести ім'я користувача, яке буде розташоване ліворуч від знака '@', двічі ввести пароль та ввести інші анкетні дані. Після введення всієї цієї інформації вибирається посилання "Зарегистрироваться" і, якщо всі дані введені коректно й обране ім'я користувача не зайнято, реєстрація завершується успішно.

БУДЬТЕ УВАЖНІ: дані про користувача і пароль повинні набиратися ЛАТИНСЬКИМИ ЛІТЕРАМИ, пароль не повинний містити пропусків, а ім'я користувача повинне містити не менше двох символів. В іншому випадку коректність роботи поштової скриньки не гарантується.

Вхід у систему

При вході на сервер, що підтримує поштовий сервіс першою сторінкою є сторінка входу (авторизації). Через інтерфейс цієї сторінки можна ввійти в систему, якщо користувач вже зареєстрований в ній. Інакше – необхідно зареєструватись.

Для зареєстрованих користувачів для входу в систему вводиться ім'я користувача і пароль. Введені параметри повинні повністю збігатися з тими, що вводились при реєстрації. Потім натискається кнопка "войти". При цьому буде зроблена перевірка введеної інформації і, якщо введені параметри правильні, то відкривається сторінка перегляду пошти. Якщо введені дані виявилися невірними, то користувач буде оповіщений про це. За допомогою відповідного посилання відкривається сторінка, на якій можна повторно ввести необхідні дані.

За допомогою кнопок "Ваш компьютер" и "Чужой компьютер" можна вибрати тип комп'ютера, на якому працюєте в даний момент. За замовчуванням, встановлено "Ваш компьютер". Кнопкою " Чужой компьютер " системі дається вказівка використовувати додаткові заходи безпеки.

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

Налаштування

Користувач має можливість налаштовувати різні параметри роботи із системою і поштовим сервером. Усі параметри, зазвичай, розбиваються на групи, наприклад: загальні параметри (інформація про користувача, адреси пересилки, заборона кешування сторінок, розмір скриньки тощо); параметри завантаження/відправлення (максимальний розмір листа для завантаження за один раз, звукові сигнали, тип кодування тощо), перегляду пошти (кількість листів на сторінку у списку, сортування); підписи; фільтри, для пошти, що надходить; ведення «чорних» і «білих» списків; налаштування автоматичної пересилки пошти і автовідповідача, видалення акаунта тощо. У різних поштових системах набір параметрів може відрізнятись.

Перегляд листів

Головна сторінка авторизованої зони системи містить інформацію про кількість листів у папках, кількість нових і непрочитаних листів.

Після вибору відповідної папки або посилання Входящие відкривається сторінка зі списком листів у вигляді таблиці.

Значення стовпців у таблиці наступні:

N – Порядковий номер листа в списку;

– кнопка для вибору листа (призначена для застосування до листа різних дій – переміщення, видалення й ін.);

– Лист містить прикріплені файли.

От – міститься адреса відправника листа;

Дата – містить дату відправлення листа;

Размер – містить розмір листа;

Тема – містить тему листа. Нижче знаходяться кнопки, за допомогою яких можна вибрати або очистити відразу всі листи на сторінці.

Прочитати лист можна натиснувши на адресі відправника (темі).

Натискаючи на заголовки таблиці можна виконати сортування по відповідному полю. Доцільно відсортувати листи за датою надходження.

Кнопки:

- Переместить в папку – переносить обрані листи в зазначену папку;

- Удалить – видаляє обрані листи.

Можливі такі дії з листом:

- Ответить – відповісти на лист по першій адресі з поля "От кого";

- Ответить всем – відповісти на лист по всіх адресах з поля "От кого";

- Переслать – переслати лист по іншій адресі;

- Распечатать – відкрити лист у новому вікні у формі, найбільш зручній для друку. Друк відбувається далі засобами оглядача (комбінація клавіш Ctrl+P).

Крім цього можна:

- Переложить в папку – перекласти лист в обрану папку;

- Удалить – видалити лист.

- Cохранить адрес – зберегти адресу відправника в адресній книзі

- Поместить в черный список – помістити адресу відправника в «черный» список.

Якщо текст отриманого листа не можна прочитати, можна скористатися вбудованою функцією перекодування, що застосовується тільки до листа, не змінюючи інтерфейсу.

Можна встановлювати стиль перегляду листа у відповідності з наступними опціями:

- Перегляд заголовку – перегляд заголовку листа;

- Шрифт змінної ширини – встановити для тексту листа шрифт змінної ширини;

- Показувати картинки у листі – показувати картинки в тексті листа;

- Показувати HTML тексти у листі – переглядати лист як HTML текст.

 

Створення листа

На сторінці створення повідомлення, зазвичай, можна вказати:

- Адресатів листа – поле "Кому" (обов'язково);

- Адресатів копії – поле "Копия";

- Адресатів скритої копії – поле "Скрытая";

- Тему листа – поле "Тема" (бажано).

- Кодировку листа – поле " Кодировка "

- Адресатів можна вводити самостійно чи вибирати зі списку " Адресная книга ".

Текст листа вводиться в спеціальне поле. Відправити лист можна за допомогою кнопки " Отправить ".

При відсиланні листа можна автоматично зробити наступні дії:

- Додати підпис – до набраного тексту буде доданий підпис, зазначений на сторінці конфігурації;

- Послати копію собі – корисно для підтвердження успішного відправлення;

- Зберігти копію в папці "Отправленные" – зберегти копію листа в папці "Отправленные" для архіву.

До листа, що посилається, можна прикріпляти файли. Їх місцерозташування вказуються в полях "Прикрепленный файл 1,2,3". Їх можна вводити самостійно, або знайти файл за допомогою стандартного інтерфейсу, натиснувши на кнопку " Обзор ".

Про успішне відправлення листа повідомляється на сторінці підтвердження.

Хід роботи

1. В адресному рядку оглядача задайте ukr.net. Для створення власної поштової скриньки виберіть гіперпосилання Получить новый ящик (рис.3.1). Ознайомтесь з угодою про використання, наприкінці виберіть посилання Я принимаю условия. Заповніть запропоновану реєстраційну картку, та зареєструйте свою поштову скриньку.

Рис. 3.1.

Якщо Ви вже маєте свою поштову скриньку на сервері ukr.net, відкрийте її, задавши свій ідентифікатор (Login:) та пароль (Password:).

2. В головному меню мейлера вибeріть гіперпосилання Настройки. Ознайомтесь з настройками користувача, інтерфейсу, безпеки. Налаштуйте свій підпис, який автоматично буде додаватися до усіх Ваших вихідних листів. Забороніть збереження логіну та паролю. На сторінці Добавление фильтра задайте довільний фільтр: правило, відповідну дію на надходження повідомлень, що відповідають умовам фільтру. Домовтесь з колегами про отримання нового листа для того, щоб побачити роботу фільтрів. Для активізації автовідповідача виберіть Автоответчик в меню Настройки. Задавши всі необхідні параметри (вказати дії автовідповідача та текст повідомлення) натисніть Сохранить.

3. На головній сторінці знайдіть та виберіть гіперпосилання Создать сообщение.

4. Обміняйтеся адресами з колегами. У рядку Кому: вкажіть адресата повідомлення, наприклад, [e-mail].

5. В рядку Тема: вкажіть предмет повідомлення, наприклад: Лабораторна робота.

6. У вікні тексту листа підготувати повідомлення такого змісту: курси валют на поточний день, розклад рухів літаків, адреса(и) сайту(ів) з електронною картою Києва. Встановіть прапорець біля Сохранить в „Отправленные”.

7. Після того як повідомлення cформоване, натисніть кнопку Послать сообщение.

8. Заархівуйте файл, створений на попередній лабораторній роботі, з відповіддю на теоретичне питання.

9. Файл *.rar (*.zip *.exe) необхідно відіслати чотирьом Вашим колегам як вкладений. Для цього повторіть пункти 2–6, в рядку Кому напишіть через кому 4 адреси, вкажіть відповідну тему листа та напишіть невелике повідомлення довільного змісту. Знайдіть та виберіть гіперпосилання Обзор.... У діалоговому вікні, що відкрилось, вкажіть ім’я та шлях до Вашого файлу, натисніть кнопку Открыть. Після появи імені файлу в списку файлів, що додаються до листа, натисніть кнопку Вложить. Далі необхідно натиснути кнопку Послать сообщение.

10. У головному вікні мейлера знайдіть та виберіть гіперпосилання Папки. У рядку Создать папку задайте назву своєї папки <Ваше прізвище>. Виберіть кнопку Ok.

11. Для того щоб відкрити адресну книгу виберіть Адресная книга із головного меню мейлера. Користуючись гіперпосиланням Добавить новую запись додайте до своєї адресної книги адреси чотирьох Ваших колег, заповнивши відповідні суміжні поля. Натискуючи по черзі інші кнопки керування адресної книги вивчить її можливості по роботі з адресами (видалення адрес, переміщення, створення нових списків тощо).

12. Використовуючи головне меню мейлера перевірте свою скриньку на наявність листів, що надійшли Вам. Ознайомтесь з листами.

13. Скопіюйте, надійшовший з будь–яким листом, вкладений файл у свою власну папку.

14. Відсортуйте листи за датою надходження.

15. Видаліть деякі файли (але не всі).

16. Зайдіть на сайт subscribe.ru. Зареєструйтесь та підпишіться на розсилку(розсилки) довільної тематики. На наступне заняття перевірте пошту та відпишіться від розсилки.

17. У головному вікні мейлера знайдіть та виберіть гіперпосилання Выход.

18. У звіті дайте характеристику ukr.net та mail.ru за такими пунктами:

- назва поштової системи;

- розмір поштової скриньки;

- максимальний розмір листa;

- протоколи, що підтримуються;

- чи здатен сервіс забезпечити збір пошти з інших поштових скриньок;

- наявність автовідповідача;

- можливість роботи у захищеному режимі;

- наявність антивірусного та антиспамового контролю;

- інше.

19. Оформіть звіт та захистіть роботу викладачу. Захист лабораторної роботи полягає у: самостійному виконанні студентом індивідуального завдання; контролі досягнення студентом мети роботи; контролі наявності знань у студента з контрольних питань; контролі наявності звіту до лабораторної роботи, що відповідає поставленим вимогам.

 

Контрольні питання

1. Способи спілкування у Internet. Основи роботи з ICQ (Miranda IM).

2. Сервіс ftp. Копіювання файлів з віддалених комп’ютерів.

3. Основні правила листування засобами E–mail.

4. Поняття поштової адреси. Формат адреси.

5. Мейлери. Головні програми для різних операційних систем.

6. Поштова скринька.

7. Технологія використання декількох поштових скриньок.

8. Характеристика головних протоколів E–mail.

9. Пересилання повідомлення за декількома адресами.

10. Передача та отримання файлів при електронному листуванні. Використання поля Вложить.

11. Вибір системи кодування при електронному листуванні.

12. Захист даних, що передаються електронною поштою.

13. Налаштовування програм електронної пошти.

14. Налаштовування фільтрів мейлера.

15. Отримання поштових повідомлень. Робота з папками у мейлерах.

16. Робота з адресною книгою.

17. Основи безпеки в Інтернет.

18. Поняття вірусів, типи вірусів.

19. Фільтрація електронної пошти. Видалення повідомлень.

20. Як Internet Explorer може захистити Вас і ваші файли?

21. Зони безпеки в Інтернет.

22. Як шифрувати або підписувати пошту, яку Ви надсилаєте?

 

Література

1. Берченко Н. Самоучитель по работе в Internet и каталог ресурсов/ Н.Берченко, И.Березовская.– К: BHV, 1999.– 480с.

2. Знайомство з Internet/ А.Копистянський, Я.Терлецький, О.Максимюк, А.Павкилевич.– Львів: БаК, 1997.– 124с.

3. Интернет. Самоучитель/ Под ред. Денисов А., Вихарев И.– 2–е изд.– М: Питер, 2002.– 368с.: ил.

4. Снелл Н. Освой самостоятельно Internet за 24 часа.– 3–е изд.– М: Вильямс, 1999.– 384с.: ил.

 

Лабораторна робота №4

ЗАВДАННЯ

1. Вивчіть теоретичний матеріал для виконання роботи.

2. Перевірте наявність програмного забезпечення, що необхідне для виконання лабораторних робіт: оглядачі Internet Explorer 5.0 або вище або FireFox, Блокнот або інший текстовий редактор.

3. Створіть файли sample1.htm–sample7.htm.

4. Створіть порівняльну таблицю всіх відомих Вам тегів. Для зручності розташуйте теги у алфавітному порядку. Створена таблиця буде постійно поповнюватись по мірі вивчення HTML і може бути використана в якості довідкового матеріалу (Табл. 4.1.).

Таблиця тегів Табл. 4.1

Синтаксис тегів	Призначення	Атрибути і їх аргументи
<TABLE>... </TABLE> <TR>... </TD> <TD>... </TD> <TH>... </TH> <CAPTION>	Створює таблицю з однією або декількома рядками (блоки <TR>)і стовпцями (блоки TD>). За бажанням можна додати заголовки стовпців (блоки <TH>) або заголовок для всієї таблиці (<CAPTION>)	ALIGN Установлює вирівнювання тексту в комірках рядка. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо)....

5. Захистіть лабораторну роботу

Хід роботи

Обов'язкові теги

<html>... </html>

Тег <html> відкриває HTML–документ. Тег </html> – завершує HTML–документ.

<head>... </head>

Ця пара тегів вказує на початок і кінець заголовку документа. Крім назви документа, в цей розділ можна додати багато службової інформації.

<title>... </title>

Все, що знаходиться між мітками <title> і </title>, тлумачиться оглядачем як назва документа. Оглядач показує назву поточного документа у заголовку вікна. Рекомендується назва не довша 64 символів.

<body>... </body>

Ця пара тегів вказує на початок і кінець HTML–документа, тіло і визначає вміст документа.

Теги форматування

<H1>... </H1>–<H6>... </H6>

Теги виду <Hi> (де i–цифра від 1 до 6) описують заголовки шести різних рівнів. Заголовок першого рівня–самий крупний, шостого рівня–самий дрібний.

<P>... </P>

Така пара тегів описує абзац. Все, що знаходиться між <P> і </P>, сприймається як один абзац.

Теги <Hi> і <P> можуть містити додатковий атрибут ALIGN ("вирівнювати"), наприклад:

<H1 ALIGN=CENTER> Вирівнювання заголовку по центру</H1>

або

<P ALIGN=RIGHT> Зразок абзацу з вирівнюванням по правому краю </P>

Приклад 2. У редакторі Notepade створіть файл sample2.htm з таким вмістом:

<html> <head> <title>Приклад 2</title> </head> <body> <H1 ALIGN=CENTER>Продовження!</H1> <H2>Це складніший приклад HTML–документа</H2> <P>Тепер ми знаємо, що абзац можна вирівнювати не тільки вліво, </P> <P ALIGN=CENTER> але й по центру </P> <P ALIGN=RIGHT> або по правому краю.</P> </body> </html>

Перегляньте файл sample2.htm у браузері Internet Explorer.

Непарні теги та &–послідовності

<BR>

Цей тег використовується для переходу на новий рядок, не перериваючи абзац.

Приклад 3. У редакторі Notepade створіть файл sample3.htm з таким вмістом:

<html> <head> <title>Приклад 3</title> </head> <body> <H1>Деякі положення</H1> <H2>Основи роботи</H2> <P>HTML–файли розробляються на локальному диску <BR> Іншими словами, комп'ютер, на якому виконуються роботи може і не мати підключення до Інтернет<BR> *.htm–файл може бути одночасно відкритий і у Notepad (або WordPad), і у Internet Explorer. <BR> Для того, щоб побачити зміни, що зроблені у текстовому редакторі, у Internet Explorer, застосовується команда Обновить <BR> </body></html>

<HR>

Тег <HR> описує горизонтальну лінію:

Тег може включати атрибути SIZE (визначає товщину лінії в пікселях) і/або WIDTH (визначає розмах лінії в процентах від ширини екрана).

Приклад 4. У редакторі Notepade створіть файл sample4.htm колекції горизонтальних ліній з таким вмістом:

 

<html> <head> <title>Приклад 4</title> </head> <body> <H1>Колекція горизонтальних ліній</H1> <HR SIZE=2 WIDTH=100%><BR> <HR SIZE=4 WIDTH=50%><BR> <HR SIZE=8 WIDTH=25%><BR> <HR SIZE=16 WIDTH=12%><BR> </body> </html>

&–послідовності

Символи "<" і ">" сприймаються браузерами як початок і кінець HTML–тегів. Для того, щоб показати ці символи на екрані в HTML використовуються &–послідовності (символьні об'єкти або эскейп–послідовності). Браузер показує на екрані символ "<", коли зустрічається в тексті послідовність &lt;. Знак ">" – кодується послідовність &gt; (за першими буквами англійських слів greater than–більше, ніж).

Символ "&" (амперсанд) кодується послідовністю &amp;

Послідовність лапки (") кодується послідовністю &quot;

Крапка з комою – є обов'язковими елементами &– послідовності. Крім того, всі літери, що складають послідовність, повинні бути в нижньому регістрі (тобто маленькі). Використання тегів типу &QUOT; або &AMP; не допускається.

&–послідовності визначені для всіх символів з другої половини ASCII–таблиці (куди входять і російські букви). Деякі сервери не підтримують восьми бітну передачу даних, і тому можуть передавати символи з ASCII–кодами вище 127 тільки у вигляді &–послідовностей.

Коментарі

Браузери ігнорують будь–який текст, що розміщений між <!–– і ––>. Це зручно для розміщення коментарів.

<!–– Це коментар ––> 3. Форматування шрифта

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

Фізичні стилі

Під фізичним стилем прийнято розуміти пряму вказівку браузеру на модифікацію поточного шрифту. Наприклад, все, що знаходиться між тегами <B> і </B>, буде написано жирним шрифтом. Текст між мітками <I> і </I> буде написаний нахиленим шрифтом.

Текст, розміщений між тегами <TT> і </TT>, буде написаний шрифтом, що імітує друкарську машинку, тобто має фіксовану ширину символів.

Логічні стилі

При використанні логічних стилів автор документа не може знати напевне, що побачить на екрані читач. Різні браузери відтворюють одні й ті ж теги логічних стилів по–різному. Деякі браузери ігнорують деякі мітки і показують нормальний текст замість виділеного логічним стилем. Приклади логічних стилів.

<EM>... </EM>

Від англійського emphasis–акцент.

<STRONG>... </STRONG>

Від англійського strong emphasis–сильний акцент.

<CODE>... </CODE>

Рекомендується використовувати для фрагментів вихідних текстів.

<SAMP>... </SAMP>

Від англійського sample–взірець. Рекомендується використовувати для демонстрації взірців повідомлень, що виводяться на екран програмами.

<KBD>... </KBD>

Від англійського keyboard–клавіатура. Рекомендується використовувати для вказівки того, що потрібно ввести з клавіатури.

<VAR>... </VAR>

Від англійського variable–змінна. Рекомендується використовувати для написання імен змінних.

 

Приклад 5. У редакторі Notepade створіть файл sample5.htm з таким вмістом:

<html> <head> <title>Приклад 5</title> </head> <body> <H1>Шрифтове виділення фрагментів текста</H1> <P> Ми знаємо, що фрагменти тексту можна виділяти <B> жирним </B> або <I> нахиленим </I> або <U>підкреслиним</U>шрифтами. Крім того, можна включати в текст фрагменти з фіксованою шириною символу <TT>(імітація друкарської машинки)</TT></P> <P>Існує ряд логічних стилів:</P> <P><EM>EM – акцент </EM><BR> <STRONG>STRONG – сильний акцент </STRONG><BR> <CODE>CODE – для фрагментів вихідних текстів</CODE><BR> <SAMP>SAMP – взірець </SAMP><BR> <KBD>KBD – клавіатура</KBD><BR> <VAR>VAR – змінна </VAR></P> </body> </html> 4. Організація тексту всередині документа

HTML дозволяє визначати вигляд цілих абзаців тексту. Абзаци можна організовувати в списки, виводити їх на екран у відформотованому вигляді тощо. Розберемо все по порядку.

Маркіровані списки: <UL>... </UL>

Текст, розташований між мітками <UL> і </UL>, сприймається як маркірований список. Кожен новий елемент списку починається з тегу <LI>. Наприклад, щоб створити маркірований список:

· 1 елемент списку;

· 2 елемент списку;

· 3 елемент списку.

необхідно записати такий HTML–текст:

<UL> <LI>1 елемент списку; <LI>1 елемент списку; <LI>1 елемент списку; </UL>

У тега <LI> немає парного закриваючого тегу.

Нумеровані списки: <ol>... </ol>

Текст, розташований між мітками <ol> і </ol>, сприймається як нумерований список. Кожен новий елемент списку починається з тегу <LI>. Наприклад, щоб створити нумерований список:

1 елемент списку;

2 елемент списку;

3 елемент списку.

необхідно записати такий HTML–текст:

<OL> <LI>1 елемент списку; <LI>2 елемент списку; <LI>3 елемент списку; </OL>

Приклад 6. У редакторі Notepade створіть файл sample6.htm з таким вмістом:

<html> <head> <title>Приклад 6</title> </head> <body> <H1>Створення маркірованих списків</H1> <UL> <LI>1 елемент списку; </LI> <LI>1 елемент списку; </LI> <LI>1 елемент списку; </LI></UL><H1>Створення нумерованих списків</H1> <OL> <LI>1 елемент списку; </LI> <LI>2 елемент списку; </LI> <LI>3 елемент списку; </LI></OL><DT>Списки визначень <DD>Цей вид списків складніший, ніж два попередніх, але він виглядає більш ефектно. <P>Списки можна вбудовувати один в другий, але не слід вбудовувати багато рівнів. </P> <P>Всередині елемента списку може знаходитись декілька абзаців. Всі абзаци при цьому будуть мати однакове ліве поле. </P> </DL> </body> </html> Перегляньте результат у оглядачі. Форматированный текст: <PRE>... </PRE>

Текст, розміщений між мітками <PRE> и </PRE> (від англійського preformatte