Комп`ютерні мережі
Установки протоколів TCP/IP. Налаштування поштової програми MS Outlook Express. Класифікація пошукових систем та принципи їх роботи. Створення електронних документів в WWW для публікації в мережі Інтернет на мові HTML. Основи впровадження JavaScript.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | лабораторная работа |
Язык | украинский |
Дата добавления | 06.11.2011 |
Размер файла | 259,9 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Лабораторна робота № 1. Протоколи TCP/IP
Tcp/ip - це стек протоколів передачі даних в мережі. Складається з двох протоколів, які лежать на різних рівнях мережевої взаємодії.
ТСР (Transmission Control Protocol) - управляє тим, як відбувається передача інформації в мережі:
· Розбиває дані на пакети;
· Маркірує пакети, щоб була інформація для збірки на комп'ютері одержувача;
· Відправка пакетів в мережу.
IP (Internet Protocol) - завідує тим, куди передавати дані. Наступні протоколи є прикладними, їх безліч:
· Пошта SMTP, Pop3;
· HTTP (гиппертекст);
· FTP; Адресація в 5нтернет Існує три основні типи адрес: IP - адреса; MAC - адреса;
· Доменне ім'я;
IP-адреса - унікальний ідентифікатор вузла в межах всієї мережі. Складається з чотирьох байт інформації, розділяється крапками. Приклад: 10.3.8.222 Існує чотири класи:
А - 1 байт. 3 байти;
В - 2 байти. 2 байти;
С - 3 байти. 1 байт
D - зарезервовані адреси.
МАС-адреса (Media Access Control) - це унікальний ідентифікатор, що привласнюється кожній одиниці устаткування комп'ютерних мереж, використовується для адресації вузлів в межах підмережі. Складається з 6 байт інформації.
Приклад: 6a - 8f - 01 - 5f - 18 - 64 (номер мережевої плати)
МАС - адреса є унікальною, але в Інтернеті не використовується, оскільки залежить від мережевої плати.
Доменні імена - символьний ідентифікатор вузла, до якого звертаються користувачі. Приклад: khai.edu.ua
Весь web - простір розбитий на області - домени.
Доменні імена мають ієрархічну структуру. Головні домени управляються спеціальними міжнародними організаціями (IANA, ICANN).
Домени головного (верхнього) рівня діляться на дві категорії: національні; організаційні:
· edu - учбові заклади;
· gov - адміністрації;
· mil - військові;
· com - комерційні організації;
· org - некомерційні організації;
· info - інформаційні послуги;
· net - бізнес - послуги.
Практичне завдання
Установки протоколів Tcp/ip. Мета:
1. Використовувати значок «Мережа» в Панелі управління, щоб визначити поточні мережеві параметри.
2. Використовувати утиліту Ipconfig, яка показує інформацію про параметри мережевого налаштування.
3. Визначати ім'я комп'ютера і ім'я домені.
4. Визначати IP адреса.
5. Визначати маску підмережі і IP адреса заданого за умовчанням шлюзу (маршрутизатор).
6. Визначати, чи використовується DNS (Доменна система імен), DHCP (Динамічний Провідний Протокол Конфігурації - протокол динамічного вибору хост-машини) і Windows Internet Naming Service (служба імен Internet для Windows - є базою даних імен комп'ютерів і пов'язаних з ними ip-адрес в середовищі Tcp/ip; запропонована Microsoft) і адреси IP серверів, що забезпечують ці послуги.
1.1 Визначення мережевих параметрів налаштування для вашої робочої станції
Завдання: Використовуйте наступні процедури, щоб визначити мережеві параметри налаштування для вашої робочої станції.
Пояснення: первинні інструментальні засоби, які Ви використовуватимете для того, щоб зібрати цю інформацію:
1. Значок «Мережа» в Панелі управління утиліта IPCONFIG.EXE Значок «Система» в Панелі управління.
Ви використовуватимете ці інструментальні засоби для перевірки Ваших мережевих параметрів.
Наступні процедури призначені перш за все для мережі, побудованої на основі сервера Windows NТ.
1.2 Використання Панелі управленія/Сеть дозволяє визначити ім'я Робочої станції, Ім'я NT-домена, Мережевий Клієнт і інформацію про мережевий адаптер
Завдання: Натискуйте на кнопку «Пуск» і виберіть Панель
управління. Двічі клацніть значок «Мережа і підключення до Інтернету». Натискуйте «Мережеві підключення». Виберіть «Підключення по локальній мережі», натискуйте праву кнопку миші і виберіть «Властивості». На вкладці «Загальні» проглянете встановлені мережеві компоненти.
Пояснення: Мережевий Клієнт має значок, який нагадує комп'ютер, значок мережевого адаптера нагадує мережевий адаптер, і Протоколи мають значок, який нагадує мережеве кабельне підключення (їх може бути більш за одне).
Закрийте усі вкладки вікна "Мережеві підключення". Натисніть "Пуск", клацніть правою кнопкою миші позначку "Мій комп'ютер" і виберіть "Властивості". На вкладці "Ім'я комп'ютера" можна подивитися Ім'я комп'ютера і Робочу групу в якій він знаходиться.
Зробіть запис отриманих результатів в таблиці.
· Ім'я комп'ютера
· Робоча група
· Тип Мережевого Клієнта
· Встановлений мережевий адаптер (назва драйвера)
· 1-й встановлений Протокол
· 2-ий встановлений Протокол
· Інші мережеві компоненти
1.3 Використання Панелі управленія/Сеть і підключення до Інтернету для перевірки параметрів налаштування протоколу Tcp/ip (дозволяє отримати інформацію про ip-адресу комп'ютера, протокол динамічного вибору хост-машини (DHCP) і сервер імен доменів (DNS))
Зміна властивостей встановлених компонентів можлива лише в режимі адміністратора. Проте деякі параметри налаштування мережі можна проглянути і в режимі користувача.
Завдання: Зробіть подвійне клацання по значку «Підключення по локальній мережі». Перейдіть на вкладку «Підтримка». Тут можна знайти ip-адресу комп'ютера, маску підмережі, адресу встановленого шлюзу, а натискує на кнопку «Подробиці» отримати інформацію про фізичну (MAC) адресу, адреси DHCP, DNS і WINS - серверів.
Змінювати налаштування мережі (лише у режимі адміністратора) можна перейшовши на вкладку «Загальні» і натискує кнопку «Властивості».
Заповните наступну таблицю:
· Вкладка Тип Інформації Результати
· IP Адреса. Спосіб здобуття
· IP адреси робочою станцією
· IP Адреса. IP адреса робочої станції
· IP Адреса. Маска Підмережі робочої станції
· Шлюз. Заданий за умовчанням Шлюз
1.4 Використання утиліти IPCONFIG.EXE
Завдання: Ви можете запустити утиліту IPCONFIG з командного рядка DOS Щоб виконати введення з командного рядка DOS, натискуйте Пуск/все Програми/Стандартні/Командна рядок, і потім введіть «IPCONFIG /all» в командному рядку. Після введення IPCONFIG /all переконаєтеся, що поставили пропуск між WINIPCFG і /all. Ви отримаєте детальну інформацію про мережеве налаштування Вашого комп'ютера.
Зробити запис отриманих Вами результатів в таблиці.
· IP адреса робочої станції
· Маска підмережі робочої станції
· MAC адреса робочої станції
· Заданий за умовчанням шлюз (Маршрутизатор)
· Сервер DHCP
· IP адреса сервера DNS
· IP адреса сервера WINS
1.5 Використання Панелі управленія/ Система/ Обладнання. Диспетчер Пристроїв для перевірки працездатності мережевого адаптера і його драйвера
Завдання: натисніть кнопку Пуск, виберіть пункт Панель керування. Двічі натисніть Система натисніть обладнання і клацніть Диспетчер пристроїв та клацніть знак «плюс» поруч із пунктом Мережні адаптери. Виберіть адаптер і двічі клацніть. Відкрийте вкладку загальні, щоб переглянути відомості про виробника адаптера та перевіряти його стан. Щоб побачити версію драйвера та інформація про файли, натисніть вкладку драйвер. Зробіть запис отриманих результатів в таблицю.
Лабораторна робота №2. Створення електронного ящика. Outlook Express. The Bat
Електронна пошта (англ. e-mail) - технологія і послуги, що надаються нею, з пересилки і здобуття електронних повідомлень (званих «листи» або «електронні листи») по розподіленій (у тому числі глобальною) комп'ютерній мережі.
Система електронної пошти складається з двох підсистем:
1) Програми (агенти користувача) - локальна програма, що надає різні способи взаємодії з поштовим сервером.
Приклади:
· Outlook Express;
· Ms Outlook;
· The Bat; www.ritlabs.com
· Pegasus; www.pegasus.USA.com
· Eudora.
2) Агенти передачі повідомлень пересилають повідомлення від відправника до одержувача, працюють у фоновому режимі і називаються системними демонами.
Протоколи для передачі почти:
1) Відправка
а) SMTP (Simple Mail Transfer Protocol) - простий протокол передачі пошти, використовується для відправки пошти, як клієнтом на сервер, так і сервером на інший сервер.
Формат повідомлення:
Поле |
Опис |
|
ТО: |
DNS - адреса одержувача |
|
CC: |
Carbon copy: DNS - адреси одержувачів копії листа |
|
ВСС: |
Blins Carbon copy: адреси одержувачів сліпої копії |
|
From: |
Адреса відправника (заповнюється автоматично) |
|
Receiveol: |
Службове поле (заповнюється автоматично), містить дату і час |
|
Subject : |
Тема листа |
|
Keywords: |
Ключові слова (заповнюється автоматично) |
|
Тіло повідомлення |
b) Машина - джерело створює ТСР з'єднання з машиною-приймача, на якій системний демон переглядає (у фоновому режимі) порт 25. Цим протоколом підтримується Off-line-парадигма. Пошта доставляється в лічені секунди, час здобуття залежить від того, коли користувач натискуватиме «доставити».
c) UUCP (Unix-to-Unix Copy Protocol) On-line-парадигма (доставка, коли користувач в мережі).
2) Доставка
а) Pop3 (Post Office Protocol) - полягає в парі з SMTP, підтримує Off-line-парадигму. Пошта з mail - сервера поступає на локальний комп'ютер.
Гідність: підвищена конфіденційність.
б) IMAP 4 (Internet Mail Access Protocol) - перевага полягає в тому, що пошта зберігається на mail - сервері і може бути доступна будь-якому комп'ютеру.
Способи створення поштових скриньок:
· Web - mail - використання поштового сервера по www. www.hotmail.com - перший поштовий сервер. www.gmail.com (google) www.ukraine.com www.yahoo.com www.mail.ru www.ukr.net www.meta.com.ua www.dynamo.kiev.ua
Достоїнства:
· Дешевизна;
· Простота використання і управління обліковим записом;
· Мобільність.
Недоліки:
· Низька безпека;
· Збільшення трафіку;
· Низька швидкість, проблеми з кодуванням;
· Несолідність, непоказність.
1. Здобуття поштової скриньки через провайдера:
Достоїнства:
· Підвищується конфіденційність і безпека;
· Здобуття повного поштового сервісу.
Недоліки:
· Складність при адмініструванні;
2. Плата за послугу. Власний mail - сервер:
Достоїнства:
· Захищеність.
Proxy - сервер повноважень, що дозволяє декільком користувачам входити в Інтернет під одним IP, - адресою, виконуючи роль брандмауера.
· Можливість підключення великого числа користувачів.
Недоліки:
· Дорожнеча;
· Складність адміністрування.
Outlook Express-- програма для роботи з електронною поштою і групами новин від компанії майкрософт.
The Bat! -- платна програма для роботи з електронною поштою для ОС Windows.
Можливості:
Має досить розвинену систему фільтрації і сортування повідомлень, а також систему для підключення додаткових модулів розширення (плагінов), призначених для інтеграції програм захисту від вірусів і спаму різних виробників. Необхідні плагіни можуть поставлятися разом з або завантажуватися з сайту розробників цього модуля.
Протоколи:
Підтримує протоколи: SMTP, Pop3, IMAP.
The Bat! підтримує велике число кодувань, у тому числі і кирилічних, включаючи Windows-1251, koi8-r, ISO 8859-5 і так далі Є механізми для фільтрації повідомлень і їх автоматичної обробки, шаблони і можливості для організації списків розсилки.
Також в The Bat! є можливість резервного копіювання поштових повідомлень (загалом резервному файлі або в окремому для кожного поштового аккаунта) або теки, адресної книги і налаштувань по запиту користувача або в автоматичному режимі за розкладом. При цьому можливий захист резервної копії паролем і додавання коментарів.
Практичне завдання
Налаштування поштової програми MS Outlook Express
Приклад для налаштування поштової скриньки за допомогою MS Outlook Express для поштового сервера gmail.com.
1.Включите протокол IMAP в своєму акаунті Gmail. Після закінчення налаштування не забудьте натискувати на кнопку «Зберегти зміни».
2.Відкрийте Outlook Express.
3.У меню «Сервіс» виберіть пункт «Аккаунти...»
4.Натискуйте на кнопку «Додати», а потім - на кнопку «Пошта....»
5.У полі «Коротке ім'я:» введіть своє ім'я і натискуйте кнопку «Далі».
6.У полі «Адреса електронної пошти:» введіть повну адресу електронної пошти Gmail (ім'я_користувача @gmail.com) і натискуйте кнопку «Далі».
7.У меню, що розкривається, для пункту «Моя адреса вхідної пошти сервер» виберіть «IMAP».
8.У полі «Сервер вхідних повідомлень (Pop3, IMAP або HTTP):» введіть адресу "imap.gmail.com". Потім в полі «Сервер витікаючи повідомлень (SMTP):» введіть адресу "smtp.gmail.com".
9.Натискуйте кнопку «Далі».
10. У полі «Ім'я аккаунта:» введіть ім'я користувача Gmail (включаючи частину "@gmail.com"). Введіть в поле «Пароль:» свій пароль Gmail і натискуйте кнопку «Далі».
11.Натискуйте кнопку «Готовий».
12.У полі «Аккаунт» виділите рядок «imap.gmail.com» і натискуйте кнопку «Властивості».
13.Перейдіть на вкладку «Додатково».
14.Під заголовком «Витікаюча пошта (SMTP)» встановите прапорець «Підключатися через безпечне з'єднання (SSL)».
15.У полі «Витікаюча пошта (SMTP)» введіть "465".
16.Під заголовком «Вхідна пошта (IMAP)» встановите прапорець «Підключатися через безпечне з'єднання (SSL)». Номер порту зміниться на "993".
17.Перейдіть на вкладку «Сервери» і встановите прапорець «Перевірка достовірності користувача».
18. Натискуйте кнопку «ОК».
Як включити протокол IMAP?
Листи Gmail можна одержувати через клієнт або пристрій, які підтримують протокол IMAP, наприклад Microsoft Outlook або Apple Mail. Щоб включити протокол IMAP в своєму акаунті Gmail, виконаєте наступні дії.
1. Увійдіть до свого акаунт Gmail.
2. Натискуйте на заслання «Налаштування» у верхній частині будь-якої сторінки Gmail.
3. Перейдіть на вкладку «Пересилка» і Pop/imap.
4. Виберіть команду «Включити IMAP».
5. Набудуйте imap-клієнт і натискуйте на кнопку «Зберегти зміни».
Лабораторна робота № 3. Пошукові системи
Пошукова система - це web - сайт, що надає можливість автоматизованого пошуку в Інтернеті. Складається з чотирьох підсистем:
1. Spider - програма, яка завантажує в пошукову систему web - сторінки.
2. Craweer (черв'як) - програма, яка знаходить всі заслання на інші web, - сторінки.
3. Indexer - розбиває сторінку на складові частини і аналізує її.
4. Database (база даних) - сховище даних, які пошукова система завантажує і аналізує.
5. Search Engine Robot - вирішує, які саме сторінки відповідають запиту.
6. Bot (Robot) - програма, що виконується автоматично або за розкладом через ті ж інтерфейси, що і користувачі.
Види:
· Пошукові роботи;
· Чат - боти;
· Гейм - боти;
Способи пошуку:
· Шляхом підбору доменного імені;
· По каталогу;
Каталог - це ієрархічний структурований набір заслань з коротким описом.
За ключовими словами:
Запит - це формалізований спосіб вираження інформаційних потреб користувача; Для цього використовуються мови пошукових запитів.
· Об'єкт запиту - це інформаційна суть, яка зберігатися в базі інформаційної системи пошуку;
· Рельовантность - це міра відповідності результатов пошуку об'єкту запиту.
Пошукові системи:
1. Всеязичниє:
· Altawista.com;
· Lycos.com;
· Altheweb.com;
· Yahoo.com;
· Google.com;
2. Російський - язичні:
· Rambler.ru;
· Mail.ru;
· Gogo.ru;
· Quintura.ru;
· Yandex.ru;
· Aport.ru;
3. Українські:
· Meta.ua;
· Ukr.net;
· i.ua;
· poshuk.com;
· yohoho.kharkov.com;
4. Словники і енциклопедії:
· ru.wikipedia.org;
· softpedia.com;
· absurdopedia.org;
· translate.ru;
5. Бібліотеки:
· citforum.ru;
· lib.ru;
· gismeteo.ua;
· booksgid.com;
· gortransport.kharkov.ua;
· kharkovforum.com;
· inform.kharkov.ua;
Алгоритм пошуку - це математичний метод, керуючись яким пошукова машина приймає рішення - включати або не включати заслання на сторінку.
· Аналізуються ключові слова;
· Кількість слів, співпадаючих із запитом в тексті сайту
· Аналіз заслань з інших ресурсів на сайт.
· Аналіз доменного імені
Можливості Google:
· Пошта Gmail
· Карти
· Документи
· Earth
· Books
· Pacasa
· Desktop
· Каталог
· You tube
· Talk
· Перекладач
Карти Google - це служба Google, яка пропонує зручну для користувача технологію пошуку на карті і дані про місцеві компанії, включаючи адресу, контактну інформацію і маршрути проїзду. Карти Google підтримують наступні спеціальні функції:
· Перетягувані карти - це карти, які можна перетягувати для швидкого перегляду сусідніх ділянок (не треба довго чекати, поки завантажаться нові області).
· Супутникові фотографії - перегляд супутникових зображень (або супутникових зображень з накладеними картографічними даними) для вибраного місця розташування з можливістю зміни масштабу і переміщення в будь-якому напрямі.
· Режим перегляду "Земля" - натискуйте кнопку "Земля", щоб проглянути на Картах тривимірні знімки і ландшафти з Google Планета Земля, які можна масштабувати, панорамувати і нахиляти.
· Карти з назвами вулиць - перегляд і навігація по зображеннях на рівні вулиць.
· Детальні маршрути проїзду - необхідно ввести адресу, по якій Карти Google визначать для вас місце розташування і маршрут проїзду. Плануйте маршрут, додаючи багаточисельні пункти призначення, і перетягуйте лінію маршруту, щоб набудувати його.
· Колесо прокрутки для збільшення або зменшення масштабу - за допомогою колеса прокрутки миші можна збільшити або зменшити масштаб зображення карт.
Перекладач Google - це безкоштовна служба переведень, що надає миттєві переведення з використанням 57 різних мов. Вона може перекладати слова, пропозиції і веб-сторінки з будь-якого і на будь-яку з підтримуваних мов.
Як працює ця служба?
Коли Переводчик Google створює переведення, він шукає шаблони в сотнях мільйонів документів, щоб надати вам саме краще переведення. При виявленні шаблонів в документах, вже переведених людьми, Перекладач Google може робити інтелектуальні припущення для вибору відповідного переведення. Процес пошуку шаблонів у великих об'ємах тексту називається "Статистичним машинним переведенням". Оскільки переведення виконуються комп'ютерами, не всі їх результати будуть ідеальними. Чим більше використовується перекладених людьми документів, які Переводчик Google може аналізувати на певній мові, тим краще буде якість переведення. Саме тому точність переведення на різних мовах інколи розрізняється.
Picasa - це безкоштовне програмне забезпечення для редагування фотографій від Google, яке дозволяє поліпшити ваші знімки.
Спільне використання програми Picasa і веб-сервера-альбомів Picasa дозволяє легко упорядковувати і редагувати цифрові фотографії, а також створювати альбоми в Інтернеті, щоб ділитися фотографіями.
Каталог Google - Вміст мережі, організований по розділах в категоріях:
· Бізнес(Робота, Нерухомість)
· Будинок(Кулінарія, Сім'я, Сад і город)
· Дозвілля(Домашні тварини, Туризм)
· Здоров'я(Медицина, Фітнес)
· Ігри(Комп'ютерні, Азартні ігри)
· Мистецтво(Музика, Література, Кіно)
· Джерела інформації (Музеї, Бібліотеки)
· Комп'ютери (Інтернет, Software)
· Наука (Соціальні науки, Фізика)
· Новини та ЗМІ (Журнали та мережеві видання)
· Суспільство (Люди, Актуальні питання)
· Покупки (Здоров'я, Для відпочинку)
· Спорт (Футбол, Бойові мистецтва)
· Країни та регіони (Європа, Азія)
Документи Google - створення документів та спільна робота над ними.
Ділитися на такі категорії:
· Документи;
· Таблиці;
· Презентації;
· Малюнки;
· Форми.
Пошукова оптимізація - це настройка контенту, web - сайту з метою підвищення його рейтингу у видачі пошукових систем.
Види оптимізації:
· Біла оптимізація - вдосконалення контенту сайту без використання заборонених заходів: реєстрація в пошукових системах, правильна настройка ключових слів, проведення рекламної компанії.
· Сіра оптимізація - використання лінкаторов (реєстрація в посилальних мережах).
· Чорна оптимізація - використання дорвеїв (штучне створення web-сторінок з безліччю посилань на інші ресурси);неправильна налаштування ключових слів; використання невидимих шрифтів для підвищення щільності заданих слів.
Блог (англ. web log - «мережевий журнал») - це мережевий журнал, який може вести користувач. Основна властивість - можливість залишати коментарі іншими користувачами.
Приклади:
· Livejournal.com;
· Liveinternet.ru;
· Blog.ru.
Вікно (англ. wiki - wiki - «швидко») - web-ресурси, що дозволяють користувачеві за допомогою web - інтерфейсів створювати контент у співавторстві (створенні енциклопедій, словників і т.д.).
Соціальні мережі - це web - системи, що дозволяють за допомогою web - інтерфейсів вести власні сторінки, встановлювати зв'язки з іншими користувачами.
Приклади:
· mySpace.com
· fasebook.com;
· odnoklassniki.ru;
· vkontakte.ru;
BitTorrent - це система розміщення і скачування контенту в мережах - локальних і глобальних, забезпечує високу швидкість за рахунок того, що файл поділяється на блоки і викачується в різних користувачів, в той же час його можуть скачувати у вас.
Практичне завдання. Налаштувати браузер:
· Починати з порожньою стартової сторінки (Tools> Internet options> Home page> about: blank)
· відключити завантаження мультимедіа - графіка, відео, звук (Tools> Internet options> Advanced> Multimedia);
· налаштувати параметри підключення (Tools> Internet options> Connections> LAN Settings> проксі-сервер адреса: 10.0.0.2, порт: 8080;
· отримати у викладача ім'я та пароль для доступу до Інтернет.
При виконанні наступних завдання отримані результати (html-сторінки) зберігати у вигляді окремих документів (файлів) (File> Save as ...) або у вигляді моментальних знімків екрана (скріншотів) (для копіювання поточного вікна в буфер обміну натиснути Alt-PrintScreen,для вставки Ctrl-v) для подальшого включення до звіту з лабораторної роботи.
1) Безпосередній пошук сайту компанії
Виходячи з назви компанії, визначеної варіантом, знайти її сайт шляхом підбору доменного імені. Записати послідовність перебору варіантів
Номер варіанту |
Необхідна інформація |
|
1 |
Сайт Оксфордського університету |
|
2 |
Сайт NASA (аерокосмічного агентства США) |
|
3 |
Сайт українського телеканалу «1 +1» |
|
4 |
Сайт Президента Україна |
|
5 |
Сайт братів Кличків |
|
6 |
Сайт Служби безпеки України (СБУ) |
|
7 |
Сайт музею Лувр |
|
8 |
Сайт футболіста Андрія Шевченка |
|
9 |
Сайт українського підрозділу телеканалу MTV |
|
10 |
Сайт міністерства оборони США (Пентагон) |
|
11 |
Сайт компанії-провайдера «Восток» (Vostok) |
|
12 |
Сайт Верховної Ради України |
|
13 |
Сайт інформаційного каналу СNN |
|
14 |
Сайт довідника підприємств, організацій, установ «Золоті сторінки» |
|
15 |
Сайт каналу новин BBC |
|
16 |
Сайт мобільного оператора MТС |
|
17 |
Сайт журналу CHIP |
|
18 |
Сайт українського підрозділу радіостанції «Європа-плюс» |
|
19 |
Сайт багатомовної енциклопедії Wikipedia |
|
20 |
Сайт медіа-групи «Об'єктив» (м. Харків) |
|
21 |
Сайт українського журналу «Кореспондент» |
|
22 |
Сайт банку «Приватбанк» |
|
23 |
Сайт жартівливій енциклопедії «Інціклопедія» |
|
24 |
Сайт компаній «Аеросвіт» |
2) Пошук по каталогу
Користуючись каталогом (directory), на заданих пошукових сайтах, знайти необхідну варіантом інформацію
Номер варіанту |
Пошуковий сайт |
Необхідна інформація |
|
1 |
www.yahoo.com |
У розділі новин прогноз погоди для українських міст і, конкретно, Харкова |
|
2 |
www.startua.com |
Інформацію курсі датської крони по відношенню до гривні на поточну дату |
|
3 |
www.altavista.com |
Знайти сайт професійної баскетбольної північноамериканської ліги North American Basketball League |
|
4 |
www.yandex.ru |
Сайт Новосибірського державного університету в розділі «Освіта» |
|
5 |
www.aol.com |
Знайти інформацію про фільм «Ігри розуму» (A Beautiful Mind) |
|
6 |
www.rambler.ru |
Програму телепередач на завтра на каналі НТВ |
|
7 |
www.msn.com |
Перелік найпопулярніших сайтів з пошуку роботи в галузі інформаційних технологій |
|
8 |
www.meta-ukraine.com |
Прогноз погоди на 7 днів у місті Ужгород |
|
9 |
www.lycos.com |
Сторінку замовлення круїзів в розділі «Подорожі» (travel) |
|
10 |
www.mail.ru |
Телефонний довідник підприємств міста Одеси |
|
11 |
www.altavista.com |
Знайти сайт професійної баскетбольної Російської Федерації Баскетболу |
|
12 |
www.google.com.ua |
Карту Австрії (Map of Austria) |
|
13 |
www.yahoo.com |
У розділі новин прогноз погоди для міст Криму і, конкретно,Ялти |
|
14 |
www.startua.com |
Інформацію про мобільні телефони виробництва фірми «Motorola» |
|
15 |
www.meta.ua |
Карту автомобільних доріг Південного берега Криму |
|
16 |
www.yandex.ru |
Сайт Московського державного університету в розділі «Освіта» |
|
17 |
www.aol.com |
Знайти інформацію про фільм «Окрема думка» (Minority Report) |
|
18 |
www.rambler.ru |
Програму телепередач на завтра на каналі НТВ |
|
19 |
www.msn.com |
Перелік найпопулярніших сайтів з пошуку роботи в галузі інформаційних технологій |
|
20 |
www.meta-ukraine.com |
Прогноз погоди на 7 днів у місті Полтава |
|
21 |
www.excite.com |
Сторінку замовлення круїзів в розділі «Подорожі» (travel) |
|
22 |
www.mail.ru |
Телефонний довідник підприємств міста Білгород |
|
23 |
www.bigmir.net |
Зробити огляд цін на ноутбуки в місті Києві |
|
24 |
www.google.com.ua |
Карту Німеччини (Map of Germany) |
3) Пошук за ключовими словами
Знайти сторінку, яка описує мову запитів, і вивчити правила побудови запитів для заданого варіантом пошукового сайту. Виконати запит, складений з послідовності ключових слів описують шуканий документ (зберегти результат пошуку - сторінку з посиланнями). Після цього використовуючи спеціальні можливості мови запитів (або сторінку розширеного пошуку), постаратися мінімізувати кількість посилань повертаються сервером, максимально «очистивши» результати пошуку від невідповідних документів (можна, наприклад, визначити слова,яких не повинно бути в шуканому документі). Порівняти якість результатів пошуку та кількість знайдених документів.
Занести до звіту відповідь на поставлене запитання.
Номер варіанта (Робоче місце) |
Пошуковий сайт |
Необхідна інформація |
|
1 |
www.yandex.ru |
Знамениті люди народилися в один день з Вами |
|
2 |
www.excite.com |
Прізвища знаменитих людей, які відзначають сьогодні день народження |
|
3 |
www.google.ua |
У чому полягає ефект метелика? |
|
4 |
www.google.com |
Яке значення має число гугол? |
|
5 |
www.yandex.ru |
Що таке заміокулькас? |
|
6 |
www.aport.ru |
Чим годувати червоновухих черепах в домашніх умовах? |
|
7 |
www.rambler.ru |
Що означає ваше ім'я? |
|
8 |
www.rambler.ru |
Чи є у вас знамениті однофамільці, і чим вони знамениті? |
|
9 |
www.lycos.com |
Правила підрахунку очок у боксі |
|
10 |
www.alltheweb.com |
Які важливі історичні події відбулися в день вашого народження в різні роки |
|
11 |
www.uaportal.com |
Прогнози цін на нерухомість в Харкові на наступний рік |
|
12 |
www.bigmir.net |
Хто такі тамплієри? |
|
13 |
www.mail.ru |
П'ють чи воду хом'яки? |
|
14 |
www.meta.ua |
У чому полягає тест Тьюринга? |
|
15 |
www.excite.com |
Хто такі нибелунги? |
|
16 |
www.yahoo.com |
знаходиться Замок Іф? |
|
17 |
www.lycos.com |
Хто такі сурикати? |
|
18 |
www.mail.ru |
Що таке оксюморон? |
|
19 |
www.altavista.com |
Хто був останнім представником династії Рюриків? |
|
20 |
www.google.com.ua |
Рецепт приготування суші |
|
21 |
www.yahoo.com |
Як можна використовувати міног? |
|
22 |
www.rambler.ru |
Хто такі флібустьєри? |
|
23 |
www. google.com |
Історія левиці Кинули |
|
24 |
www.meta.ua |
Чим харчується лорі? |
Лабораторна робота №4. Створення вмісту WEB-сайту
World Wide Web, яку скорочено часто називають просто Web або WWW, є найбільш частиною Internet, що швидко розвивається. Службу WWW відрізняють прекрасний графічний інтерфейс і розвинений механізм заслань. Принципи надання матеріалу користувачам однакові і в Інтернеті, і в інтромережах - ви розміщуєте свої файли в теках на web-вузлі, де вони доступні таким, що всім бажає (наприклад, засобами оглядача Microsoft Internet Explorer).
Документи публікуються у форматі мови розмітки гіпертекстових документів (Hypertext Markup Language, HTML), який дозволяє забезпечити текстовий документ графікою, імітацією і відеоматеріалами.
Служба WWW використовує протокол HTTP (Hypertext Transfer Protocol) - протокол передачі гіпертекстової інформації. З технічної точки зору HTTP- універсальний об'єктно-орієнтований протокол без постійного з'єднання, що працює на прикладному рівні стека IP.
Основні терміни
· Web-сервер (Web Server). Програма, якою браузер посилає запити про певні web-сторінки (або комп'ютер, на якому подібна програма запущена). Сервер надає запрошувану сторінку і чекає подальших запитів. Якщо сервер не може знайти запрошувану сторінку, він посилає повідомлення про помилку ”Not found” (не знайдена) або що-небудь подібне.
· Web-вузол (сайт) (Website). Набор різних web-сторінок. Кожен web-вузол має своя унікальна інтернет-адреса, яка визначає його місце розташування. Більшість web-вузлів містять десятки, сотні, тисячі web-сторінок.
· Web-сторінка (Web page) -- окремий web-документ. За своїм розміром вона може бути коротше звичайною, а може бути і у багато разів довше. Більшість web-сторінок мають довжину приблизно в два екрани.
· Домашня сторінка (Home page). Ця назва використовується в декількох значеннях. Головне значення - «основна». Цим терміном називається зазвичай перша сторінка на web-вузлі, з якою можна попасти на всі останні сторінки. А також ваша особиста сторінка або сторінка спочатку завантажування в браузер.
· Браузер (browser) -- програма для перегляду web-сторінок.
· Призначений для користувача агент (user agent) -- браузер або інша програма, що працює на комп'ютері клієнта.
· Завантаження (downloading) -- копіювання файлів з сервера на комп'ютер-клієнт.
· Покажчик URL (Uniform Resource Locator) -- універсальний покажчик локатора ресурсів -- адреса деякого об'єкту в Internet. Типовий URL для WWW має вид:
http://www.названіє.домен/імя файлу де протокол домен ресурс.
· Гіперпосилання (hyperlink) -- фрагмент тексту, який є покажчиком на інший файл або об'єкт. Гіперпосилання необхідні для того, щоб забезпечити можливість переходу від одного документа до іншого.
· Html-файл або Html-сторінка -- документ, створений у вигляді гіпертексту на основі мови HTML. Такі файли мають, як правило, розширення .htm або .html. У гіпертекстових редакторах і браузерах ці файли мають загальну назву “документ”
· Елемент (element) -- конструкція мови HTML. Це контейнер, що містить дані і що дозволяє відформатувати їх певним чином. Будь-яка web-сторінка є набором елементів. Одна з основних ідей гіпертексту -- можливість вкладення елементів.
· Тег (teg) -- стартовий або кінцевий маркер елементу. Теги визначають кордони дії елементів і відокремлюють елементи один від одного. У тексті web-сторінок теги полягають в кутові дужки, а кінцевий тег завжди забезпечується косою межею.
· Атрибут (attribute) -- параметр або властивість елементу. Це, по суті, змінна, яка має стандартне ім'я і якою може привласнюватися певний набір значень: стандартних або довільних. Передбачається, що символьні значення атрибутів полягають в прямі лапки, але деякі браузери дозволяють не використовувати лапки. Це пояснюється тим, що тип атрибуту відомий заздалегідь. Атрибути розташовуються усередині стартового тіла і відділяються один від одного пропусками.
· Фрейм (frame) -- область гіпертекстових документів зі своїми смугами прокрутки.
· Аплет (applet) -- програма, яка передається на комп'ютер клієнта у вигляді окремого файлу і що запускається при перегляді web-сторінки.
· Сценарій (скріпи) (script) -- програма, включена до складу web-сторінки для розширення її можливостей.
· Розширення (extension) -- елемент, що не входить в офіційну специфікацію мови, але що часто використовується на практиці, спосіб завдання нового ефекту форматування.
· CGI (Common Gateway Interface) -- загальна назва для програм, які, працюючи на сервері, дозволяють розширити можливості web-сторінок.
· Код -- аналог поняття текст програми
· Серверnet (Java) - спеціальний програмний код, який виконаються на стороні сервера, що значно зменшує час для здобуття даних клієнтів.
HTML - це мову, що складається з набору спеціальних символів-тегів (елементів), які визначають структуру і зовнішній вигляд документа при відображенні в браузері, а також систему заслань на інші документи. Тег складається з імені, ув'язненого в кутові дужки, і необов'язкового набору атрибутів. Як правило, теги включають початковий і кінцевий компоненти (початковий і кінцевий теги, або відкриваючий і закриваючий теги), між якими розміщується вміст тега (текст і інші елементи).
Кінцевий тег має те ж ім'я, що і початковий, з тією різницею, що перед ім'ям кінцевого тега ставиться коса межа (/). Одним з принципів мови є багаторівневе вкладення елементів.
Всі елементи HTML можна умовно розділити на три групи. До першої групи відносяться елементи, що створюють структуру гіпертекстових документів. Друга група включає елементи, що створюють ефекти форматування, вживання яких обумовлюється конкретними вимогами до документа, фантазією і компетенцією розробника. Елементи третьої групи дозволяють управляти програмними засобами, встановленими і працюючими на комп'ютері-клієнтові.
Не дивлячись на те, що специфікація HTML є стандартом, мова постійно доповнюється новими елементами (розширеннями). Тому деякі web-сторінки зручніше переглядати за допомогою певних браузерів.
Структура документа. Основний набір тегів.
У будь-якому HTML- документі присутні теги, які ідентифікують документ як html-документ (тег <HTML>), а також визначають основні частини цього документа -- заголовок і тіло (вміст). Текст документа полягає в теги <HTML>. Заголовок і тіло виділяються тегами <HEAD> і <BODY> відповідно. Приклад:
<HTML>
<HEAD>
<TITLE> Структура Web-сторінки </TITLE>
<STYLE> H2{ font-family:Arbat;}
CODE { font-family:Arval;} </STYLE>
<META name = “Author” content = “ RAA”
<META name = “Keywords” content = “ WWW,HTML”>
</HEAD>
<BODY bgcolor = “ #0000FF” text = “#FFFFFF” >
<P><HR>
<H1> Структура HTML-документа </H1>
</BODY>
</HTML>
Таблиця 1. Основний набір тегів атрибутів
Тег / атрибут |
Опис |
|
<HTML>…</HTML> |
початковий і кінцевий теги HTML-документа |
|
<HEAD>…</HEAD> |
початковий і кінцевий теги заголовка HTML-документа. У ці теги укладають текст, використовуваний згодом як заголовок, і відомості про документ. Іноді тут мають код сценарію. Теги, які знаходяться всередині розділу <HEAD> (Крім назви документа, що описується за допомогою тега <TITLE> , Не відображаються на екрані) |
|
<TITLE>…</TITLE> |
вказівка заголовка html-документа, який розміщується в рядку заголовка вікна браузера. Тег <TITLE> може бути спожитий лише за наявності тега <HEAD> |
|
<META…> |
цей тег використовується для надання додатковій інформації про документ (може застосовуватися сервером або браузером). Значенням атрибуту NAME є ім'я метаінформації, а в атрибуті CONTENT міститься сама метаінформація (наприклад: Name=“author” Content=”імя автора”) |
|
<STYLE>…</STYLE> |
визначає таблицю стилів для форматування документа |
|
<BODY>..</BODY> |
початковий і кінцевий теги вмісту <тіла> документа (у цих тегах визначаються всі властивості сторінки) |
|
ALINK |
визначення кольору активних гіперпосилань. У HTML значення кольору задається колірною константою (ім'ям кольору) або кодом кольору (шістнадцятирічне число). (Наприклад: Alink=red або Alink=#ff0000) |
|
BACKGROUND |
вказує на url-адресу фонового зображення |
|
BGCOLOR |
визначає колір фону документа |
|
BGPROPERTIES |
якщо встановлено значення FIXED, фонове зображення не прокручується |
|
LEFTMARGIN |
встановлює розмір (у пікселях) лівого поля сторінки |
|
LINK |
визначення кольору для не проглинутих гіперпосилань |
|
RIGHTMARGIN |
встановлює розмір(у пікселях) правого поля сторінки |
|
SCROLL |
встановлює наявність або відсутність прокрутки вікна браузера |
|
TEXT |
визначає колір тексту |
|
TOPMARGIN |
визначення величини (у пікселях) верхнього поля сторінки |
|
VLINK |
визначення кольору для проглянути гіперпосилань |
Форматування тексту
Для форматування тексту HTML-документів передбачена ціла група тегів, яку можна умовно розділити на теги логічного і фізичного форматування.
Теги логічного форматування позначають (своїми іменами) структурні типи текстових фрагментів, такі, наприклад, як програмний код (тег <CODE>), цитата (тег <CITE>) і так далі. За допомогою тегів <EM> і <STRONG> можна, наприклад, відзначити окремі фрагменти як виділені або сильно виділені. Йдеться про структурну розмітку, яка не впливає на конкретне екранне представлення фрагмента браузером. Тому така розмітка називається логічною. Фрагменти з логічним форматуванням браузера відображують на екрані певним чином, заданим за умовчанням, проте вигляд відображення може бути легко перевизначений.
На базі логічного форматування можна гнучко управляти представленням документа, використовуючи сучасні методи, засновані на таблицях стилів документів, що динамічно змінюються.
Теги фізичного форматування визначають формат відображення вказаного в них фрагмента тексту у вікні браузера (згідно з перевагами автора документа). Наприклад, для відображення фрагмента курсивом можна використовувати тег курсиву <I>.
Таблиця 2. Теги логічного форматування тексту
Тег |
Опис |
|
<ABBR> |
відрізняє свій текст як абревіатуру (Abbreviation) (До теперішнього часу не підтримується жодним браузером) |
|
<ACRONYM> |
використовується для відмітки абревіатур |
|
<CITE> |
використовується для відмітки цитат або назв книг і статей, заслань на інші джерела і так далі Текст зазвичай виводиться курсивом |
|
<CODE> |
відзначає текст як невеликий фрагмент програмної коди. Як правило, відображується моноширенним шрифтом. |
|
<DEL> |
відзначає текст як видалений. Корисно використовувати для відмітки змін. Текст зазвичай відображується перекресленим текстом. Має 2 необов'язкових параметра CITE і DATATIME |
|
<DFN> |
відзначає текстовий фрагмент як визначення. Підкреслюється лише IE. Відображується за умовчанням курсивом |
|
<INS> |
відзначає свій текст як вставку. Корисний для відмітки змін, що вносяться до документа |
|
<EM> |
використовується для виділення важливих фрагментів тексту. Відображується за умовчанням курсивом |
|
<KBD> |
відзначає текст як що вводиться користувачем з клавіатури. Як правило, відображується моноширенним шрифтом. |
|
<Q> |
відзначає короткі цитати в рядку тексту (лише для IE). Має параметр CITE, як значення якого можна вказати джерело цитати |
|
<SAMP> |
відзначає текст як зразок. Використовується також для виділення декількох символів моноширенним шрифтом. |
|
<STRONG> |
використовується для виділення важливих фрагментів тексту. Відображується зазвичай текст напівжирним шрифтом |
|
<VAR> |
відзначає імена змінних програм. Відображується курсивом |
Таблиця 3. Теги фізичного форматування тексту
Тег |
Опис |
|
<B> |
відображується текст напівжирним шрифтом. Замість тега<B> рекомендується використовувати <STRONG> |
|
<I> |
відображує текст курсивом |
|
<TT> |
відображує текст моноширенним шрифтом |
|
<U> |
відображує текст, перекреслений горизонтальною лінією |
|
<STRIKE> <S> |
замість них треба використовувати тег <DEL> |
|
<BIG> |
виводить текст шрифтом більшого розміру (чим непомічена частина тексту) |
|
<SMALL> |
виводить текст шрифтом меншого розміру |
|
<SUB> |
зрушує текст нижче за рівень рядка і виводить його (якщо можливо) шрифтом меншого розміру |
|
<SUP> |
зрушує текст вище за рівень рядка і виводить його (якщо можливо) шрифтом меншого розміру |
|
<BLINK> |
відображує миготливий текст (лише Netscape) |
|
<FONT> |
вказує параметр шрифту. Параметр FACE служить для вказівки типа шрифту. Параметр SIZE служить для вказівки розмірів шрифту в умовних одиницях від 1 до 7 |
|
<BASE FONT> |
використовується для вказівки розміру, типа і кольору шрифту, використовуваного в документі за умовчанням |
Розділення на абзаци
Розбиття тексту HTML- документа на абзаци виконується з використанням тега абзацу <P>, що поміщається перед початком кожного абзацу. Закриваючий тег </p> необов'язковий. Тег <P> може задаватися з параметром горизонтального вирівнювання ALIGN.
ALIGN=LEFT вирівнювання тексту по лівому кордону вікна браузера ALIGN=CENTER вирівнювання по центру вікна браузера
ALIGN=RIGHT вирівнювання по правому кордону вікна браузера ALIGN=JUSTIFY вирівнювання по ширині (по двох сторонах)
Переведення рядка
Тег <BR> служить для розміщення подальшого тексту з початку нового рядка.
Теги <NOBR> і <WBR> виконують операцію протилежного плана - заборонити переведення рядка. Текст, розмічений тегом <NOBR> гарантовано розташовуватиметься в одному рядку.
Заголовки усередині HTML- документа
Для розмітки заголовків використовуються теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Ці теги вимагають відповідного закриваючого тега. Заголовок з номером 1 є найбільшим, а з номером 6- самим самому кінці документа. Текст, ув'язнений між тегами <ADDRESS> і </address>, зазвичай показується браузерами курсивом.
Горизонтальні лінії
Горизонтальні лінії підкреслюють закінчені тій або іншій області сторінки. Тег <HR> дозволяє провести рельєфну горизонтальну лінію у вікні більшості програм перегляду. Параметри тега <HR>:
ALIGN вирівнює по краю або центру; має значення Left,center,right
WIDTH встановлює довжину лінії в пікселях або відсотках від ширини вікна браузера
SIZE встановлює товщину лінії в пікселях
NOSHADE відміняє рельєфність лінії
COLOR вказує колір лінії.
Використання тексту, що заздалегідь від форматував. Текст, розмічений тегом <PRE>, відображуватиметься у такому вигляді, як він виглядає в звичайному текстовому редакторові. Для відображення завжди використовуватиметься моноширенний текст.
Одним з варіантів використання цього тега є таблиці, побудовані без вживання спеціальних тегів розмітки таблиць. Іншим вживанням є вивід на екран великих блоків програмної коди (Java, C++), що не дозволяє браузеру переформатувати їх.
Тег <DIV>
Тег контейнер <DIV> є елементом рівня блоку, службовцем для виділення фрагмента документа. Метою цього виділення є управління параметрами даного фрагмента, яке зазвичай виконується за допомогою призначення стилів. Наприклад:
<DIV STYLE= “color: green”>
(фрагмент документа)
</DIV>
Тег <CENTER>
Тег контейнер CENTER призначений для горизонтального вирівнювання всіх елементів посередині вікна перегляду браузера. Він має рівень блоку і його корисно використовувати для центрування таких елементів, як, наприклад, таблиць.
Включення коментарів в документи.
У html-документ можна включити коментарі, які не будуть видні читачеві. Вони можуть складатися з довільного числа рядків і повинні починатися тегом<!-- і закінчуватися тегом -->. Все, що поміщене усередині цих тегів, при перегляді сторінки не відображуватиметься на екрані. Коментарі в HTML застосовуються також для того, щоб «заховати» від браузера скрипти у випадку, якщо він не в змозі розпізнати їх.
Тег контейнер CENTER призначений для горизонтального вирівнювання всіх елементів посередині вікна перегляду браузера. Він має рівень блоку і його корисно використовувати для центрування таких елементів, як, наприклад, таблиць.
Тег <ADDRESS>
Тег <ADDRESS> застосовується для ідентифікації автора документа і для вказівки адреси автора. Сюди зазвичай поміщаються відомості про авторські права. Цей елемент розташовується або на початку, або в самому кінці документа. Текст, ув'язнений між тегами <ADDRESS> і </address>, зазвичай показується браузерамі курсивом.
Спеціальні символи
У HTML і, відповідно в браузерах реалізована можливість промальовування символів по їх кодах. Символи можуть бути загальноприйнятими, такими, що вводяться з клавіатури, нестандартними і використовуваними в HTML як службові. Символи, що належать до останніх двох груп, називатимемо спецсимволами. Будь-який з них може бути введений за допомогою його коди. Наприклад, знак копірайта можна задати як ©. В деяких випадках окрім числової передбачено мнемонічне кодування. У таблиці 4 приведемо набір часто використовуваних спецсимволів.
Таблиця 4. Спецсимволи
Код символу |
Числове кодування |
Мнемонічне кодування |
Назва |
Символ |
|
34 |
" |
&guot |
пряма лапка |
“ |
|
38 |
& |
& |
амперсант |
& |
|
60 |
< |
< |
знак меньш |
< |
|
62 |
> |
& gt |
знак більш |
> |
|
153 |
™ |
&trade |
знак ТМ |
™ |
|
169 |
© |
© |
знак копірайта |
© |
|
176 |
° |
° |
знак градуса |
||
181 |
µ |
µ |
знак мікро |
м |
Заслання на інші документи і файли
Одним з найважливіших понять для HTML- документів є заслання. Гіпертекстовий документ - документ, що містить заслання на інші документи, що дозволяють за допомогою натиснення кнопки миші швидко переміщатися від одного документа до іншого. За основу гіпертексту узятий принцип організації енциклопедичних словників, в яких в багатьох статтях є заслання на інших.
Організація заслань
Заслання складається з двох частин. Перша - те, що ви бачите на web-сторінці; вона називається покажчик заслання (anchor). Друга частина, що дає інструкцію браузеру, називається адресною частиною заслання (Url-адреса). Коли ви клацаєте мишею по покажчику заслання, браузер завантажує документ, адреса якого дається url-адресою. Покажчики бувають два тіпав - текстові і графічні.
Правила запису заслань
Для організації заслання необхідно повідомити браузеру, що є покажчиком заслання, а також вказати адресу документа, на який ви посилаєтеся. Обидві дії виконуються за допомогою тега <A>.
Тег <A>.
Тег <A> має єдиний параметр HREF, і значенням якого є url-адреса. Покажчик може бути як відносним, так і абсолютним. Цей тег є контейнером, тому необхідно поставити закриваючий тег </А>:
<A Href= url-адреса > Текстовий покажчик заслання </А>
Для забезпечення роботи з відносними покажчиками заслань введений тег <BASE>. Він розташовується на початку документа в розділі <HEAD> і містить url-адресу, відносно якої в документі побудована вся адресація. Ця вказівка впливає на будь-який тег документа, в якому використовується відносна адресація. Якщо тег <BASE> відсутній, то адресація будується відносно адреси поточного документа.
Внутрішні посилання
Окрім заслань на інші документи, часто буває корисно включити заслання на різні частини поточного документа. Для побудови внутрішнього заслання спочатку потрібно створити покажчик, що визначає місце призначення. Наприклад, якщо ви хочете зробити заслання на текст певної глави документа, потрібно розмістити там покажчик і дати йому ім'я за допомогою параметра NAME тега <A>. При цьому параметр HREF не використовується, а браузер не виділяє вміст тега <A>. Наприклад:
<A Name= chapter_5> </А>
Після того, як місце призначення визначене, можна приступити до створення заслання на нього. Для цього, замість вказівки в параметрі HREF адреси документа, помістимо туди ім'я заслання з префіксом #, що говорить про те, що це внутрішнє заслання:
<A Href=”# chapter_5”>глава 5 </А>
Тепер, якщо користувач клацне кнопкою миші на словах “розділ 5”, браузер виведе відповідну частину документа у вікні перегляду.
Посилання на інші ресурси Інтернету.
Web- простір є лише частиною мережі Інтернет. Інші ресурси почали своє існування задовго до народження WWW, тому накопили вже багато гідною уваги інформації і мають чималу аудиторію. Тому, розробляючи свою персональну сторінку або документ, ви, можливо, захочете включити заслання на інші ресурси. Схема доступу до ресурсу в загальному вигляді має наступний синтаксис:
Href= Протокол: // Адреса заслання
Правила запису приведені в таблиці 5
Ресурси Інтернету |
Формат силкі |
Приклад запису заслання |
|
Web-сторінки |
http://sitename |
http://www.mysite.com/ |
|
|
mailto:address |
mailto:me@mysite.com/ |
|
FTP |
ftp://sitename |
ftp://ftp.mysite.com/ |
|
Newsgroup |
news:newsgroupname |
news:news.newusers.guest |
|
Gopher |
gopher://sitename |
gopher://gopher.mysite.com/ |
|
WAIS |
wais://sitename |
wais://wais.mysite.com/ |
|
TelNet |
telnet://sitename |
telnet://bbs.mysite.com/ |
|
NNTP |
nntp://newsgroup |
nntp://news.newsgroup |
|
File |
file://диск:/ |
file:///c:/mydir/my.txt |
Списки
Язик HTML містить декілька механізмів створення списків інформації. У кожному списку має бути один або декілька елементів списків. Списки можуть містити:
1)Неупорядковану інформацію.
2)Упорядковану інформацію.
3)Визначення.
Маркіровані списки. Теги <UL> і <LI>
Для створення маркірованого списку необхідно використовувати тег контейнер <UL> </ul>, усередині якого розташовуються всі елементи списку. Кожен елемент списку повинен починатися тегом <LI> (List Item, елемент списку). Тег <LI> не потребує відповідного закриваючого тега, хоча допускається його наявність. Браузери при відображенні документа починають кожен новий елемент списку з нового рядка. Окрім елементів списку, що відзначаються тегом <LI>, можуть бути присутніми і бути присутнім і інші HTML- елементи. Наприклад, заголовки списку.
У тегу <UL> може бути вказаний параметр TYPE, який визначає конкретний вигляд маркера. Це параметр може приймати три значення:
Type= disc-- маркери відображуються у вигляді
Type= circle-- маркери відображуються у вигляді
Type= square-- маркери відображуються у вигляді
За умовчанням використовується значення disc. Фрагмент html-документа, що використовує маркірований список.
<UL TYPE= circle>
<B> Знаки зодіаку:</B>
<LI>Овен
<LI>Телець
<LI> Близнюки
</UL>
Як маркери списку можна використовувати графічні зображення. При цьому перед кожним елементом списку вставляють бажане зображення. Для відділення елементів списку один від одного використовують теги абзацу <P> або примусового переведення рядка <BR>. Тег <LI> при цьому відсутній. Фрагмент html-документа що використовує графічні маркери в списку.
<UL>
<B> Знаки зодіаку:</B><BR>
<IMG SRC = "help.gif"> Овен<BR>
<IMG SRC = "help.gif"> Телець<BR>
<IMG SRC = "help.gif"> Близнюки <BR>
</UL>
Нумеровані списки. Теги <OL> і <LI>
Для створення нумерованого списку необхідно використовувати тег контейнер <OL> </ol>, усередині якого розташовуються всі елементи списку. Відкриваючий і закриваючий теги списку забезпечують переведення рядка до і після списку, відокремлюючи список від основного вмісту документа. Кожен елемент списку повинен починатися тегом <LI>. У тегу <UL> може бути вказаний параметр TYPE, який визначає вигляд нумерації списку. Це параметр може приймати наступні значення:
Тype= А-- маркери у вигляді прописних латинських букв;
Type= a-- маркери у вигляді рядкових латинських букв;
Type= I-- маркери у вигляді великих римських цифр;
Type= i-- маркери у вигляді маленьких римських цифр;
Type= 1-- маркерів у вигляді арабських цифр.
За умовчанням передбачається Type= 1.
Параметр TYPE з тими ж значеннями можна використовувати для вказівки вигляду окремих елементів списку. Для цього параметр TYPE з відповідним значенням вказують в тегу елементу списку <LI>. Наприклад:<LI Type= A>.
Параметр START тега <OL> дозволяє почати нумерацію списку не з одиниці. Як значення параметра START завжди повинне вказуватися натуральне число, незалежно від вигляду нумерації списку. Наприклад:<OL TYPE = A Start=5>.
Параметр VALUE тега <LI> дозволяє змінити номер даного елементу списку. При цьому змінюється нумерація і всіх подальших елементів. Типовим вживання є списки з пропуском деяких елементів.
Подобные документы
Налаштування інтернет-з’єднання за допомогою мобільного телефону. Проєктування і налаштування провідної мережі, бездротової мережі WiFi. Робота з BT. З’єднання пристроїв, сервіс, безпека. Робота з електронною поштою. Огляд технології 3G, 2.75G, 2.5G.
контрольная работа [29,2 K], добавлен 08.02.2011Локальні мережні ресурси. Класифікація супутників зв'язку за висотою орбіти. Максимальна швидкість роботи, яка забезпечується технологією Інтернет. Загальний доступ до принтера користувачам ЛОМ. Обмін інформацією між користувачами комп'ютерної мережі.
контрольная работа [29,2 K], добавлен 19.07.2011Поняття та завдання комп'ютерних мереж. Розгляд проекту реалізації корпоративної мережі Ethernet шляхом створення моделі бездротового зв’язку головного офісу, бухгалтерії, філій підприємства. Налаштування доступу інтернет та перевірка працездатності.
курсовая работа [2,2 M], добавлен 20.03.2014Історія створення комп’ютерних комунікацій та принципи їх побудови. Характеристика устаткування для створення комп’ютерних мереж. Поняття адресації, види протоколів, їх розвиток, комбінування та особливості використання. Стандарти бездротових мереж.
курс лекций [1,3 M], добавлен 04.06.2011Сутність інформаційних технологій та їх основні компоненти. Роль глобальної мережі Інтернет у функціонуванні підприємства туристичної галузі, значення інформаційно-пошукових систем. Основні принципи та етапи роботи програми Microsoft Office PowerPoint.
курсовая работа [1,7 M], добавлен 09.12.2011Захист електронних платежів у мережі Іntегnеt. Побудова захисту електронних банківських документів. Криптографічний захист інформації. Захист інформації та вирішення питань безпеки у СЕП. Роботи програмно-технічних комплексів в інформаційній мережі.
контрольная работа [293,9 K], добавлен 26.07.2009Принципи створення WEB-сторінок. Правила і програми для створення електронних публікацій. Гіперпосилання. Використання JAVA-скриптів при створенні HTML документу. Графіка у HTML-документах. Утворення та відправлення повідомлень електронної пошти.
реферат [177,1 K], добавлен 19.10.2007Загальна характеристика мережі та мережевого обладнання, а також програмного забезпечення підприємства. Обґрунтування необхідності створення та налаштування комп’ютерної мережі, зміст відповідних заходів. Розрахунок затрат на матеріали і комплектуючі.
дипломная работа [2,4 M], добавлен 21.06.2014Принципи та особливості роботи пошукових роботів. Аналіз відмінностей каталогів від пошукових систем. Шляхи та параметри оцінювання обсягів індексації сучасних пошукових систем. Загальні рекомендації щодо додавання сайту до пошукової системи чи каталогу.
реферат [101,3 K], добавлен 18.11.2010Онлайн-страхування в мережі Інтернет, його правовий аспект. Програмне забезпечення для організації веб-сайтів в мережі Інтернет: CMS. Система керування вмістом для публікації інформації в Інтернеті: Joomla. Описання процесу створення й реалізації програми
курсовая работа [4,3 M], добавлен 30.09.2014