11. Запустіть броузер Internet.
Це може бути MS Internet Explorer або Netscape Navigator.
12. Відкрийте Web-сторінку Верховної Ради.
Для цього введіть адресу: http://www.rada.kiev.com.
13. Розгляньте тут українсько-англійську транслітераційну
таблицю.
Клацніть один раз на відповідному гіперпосиланні. Перепишіть у звіт шість прикладів транслітерації українських слів.
14. Поверніться на титульну сторінку.
Натисніть на кнопку Back.
15. Розгляньте четвертий розділ Конституції України.
Клацніть на гіперпосиланні Конституція України (1251). а коли
сторінка відкриється — клацніть на Розділ 4. Розгляньте статтю
85 "Повноваження Верховної Ради". Перепишіть у звіт текст
пункту, що відповідає номеру вашого варіанта.
16. Увійдіть в пошукову систему Yahoo.
Уведіть адресу: http://www.yahoo.com або коротко www.yahoo.com.
17. Ознайомтеся з правилами вступу у вищі навчальні заклади
м. Львова (або іншого міста, якщо це можна зробити).
Клацніть на гіперпосиланні Education. Введіть ключове слово Iviv
і натисніть на кнопку Search. Розгляньте Web-сторінку деякого
навчального закладу, клацнувши на відповідному гіперпосиланні.
Чию Web-сторінку ви розглянули? Хто ректор вузу?
18. Ознайомтеся зі списком 25 найновіших світових бестселе
рів з комп'ютерної тематики.
Поверніться на першу сторінку Yahoo або відкрийте новий файл і ще раз запустіть Yahoo (див. п. 16).
Відшукайте кнопку News and Media і натисніть на неї. Далі: Books <=> Bestseller Lists >=> Computer Literacy Bestsellers. Занотуйте у звіт назву книжки, номер якої у списку відповідає вашому варіанту.
19. Ознайомтеся з прогнозом погоди у вашому регіоні на завтра.
Поверніться на першу сторінку Yahoo.
Відшукайте гіперпосилання Weather і активізуйте його. Уведіть ключове слово Iviv тощо і натисніть на кнопку Search. Яка температура буде завтра?
20. Розгляньте поточну таблицю чемпіонату України з футболу.
Уведіть адресу: www. litech.lviv.ua і коли відкриється сторінка,
клацніть на index. Скористайтесь смугами прокручування, щоб
відшукати Ukrainian football, і відкрийте його, клацнувши на
ньому. У розділі Current season клацніть на гіперпосиланні з
номером (найвищим) чемпіонату. Хто посідає сьогодні перше
місце? Яке місце посідають "Карпати"?
21. Закрийте всі відкриті файли (Close).
22. Виконайте додаткове завдання за вказівкою викладача.
23. Закінчіть роботу. Здайте звіти.
Контрольні запитання
1. Що таке Internet?
2. Які інформаційні технології є в Internet?
3. Що таке електронна пошта?
4. Які є програми підтримки електронної пошти?
5. Чому вхід у поштові системи захищають паролем?
6. Що таке електронна адреса?
7. Які основні функції програми підтримки електронної пошти?
8. Як відправити електронного листа?
9. Як долучити файл до електронного листа?
10. Що таке телеконференція?
11. Як відшукати потрібну групу новин?
12. Як прочитати статтю у деякій групі новин?
13. З чого складається назва групи новин (конференції)?
14. Які дії визначені над статтею групи новин?
15. Як послати відповідь особисто авторові статті?
16. Як виступити в конференції зі своїм повідомленням?
17. Що таке група новин?
18. Якою командою відсилають електронний лист?
19. Що таке FTP-технологія?
20. Як розшифровуються FTP, HTTP і WWW?
21. Яка структура повної адреси файлу?
22. Як отримати файл з FTP-сервера?
23. Яка різниця між FTP- і Web-серверами?
24. Як записати свій файл на FTP-сервер?
25. Які є типи інформаційних просторів?
26. Що таке WWW?
27. Які можливості WWW-простору?
28. Що таке гіпертекстове посилання?
29. Що таке URL-адреса?
30. Яке призначення броузерів?
31. Які є програми для пошуку інформації в WWW?
32. Як користуватися броузером?
33. Що таке Yahoo і яка його адреса?
34. Як користуватися Yahoo?
35. Яка адреса Web-сервера Верховної Ради?
Практична робота № 31
Тема
Internet. Створення Web-сторінки, застосування мови HTML.
Мета
Уміти створити нескладні Web-сторінки засобами мови HTML, а також за допомогою програм FronPage або Word.
План
1. Створити особисту Web-сторінку засобами мови HTML. І 2. Створити Web-сторінку за допомогою Web-комповзера.
^Теоретичні відомості....
ІР "І. Гіпертекст. Гіпертекст — це електронний документ, який містить гіперпосилання на інші документи. Гіперпосилання може мати вигляд підкресленого виокремленого кольором тексту, рисунка або деякого значка. Воно містить невидиму для користувача частину — адресу файлу чи адресу місця у документі, до якого потрібно перейти. Гіперпосилання реагує на вказівник і клацання миші. Якщо вказівник миші навести на гіперпосилання, то він набуде вигляду долоні. Якщо тепер клацнути лівою клавішею миші, то виконається перехід на інше місце в тексті або активізується новий файл. Такий файл може містити текст, звук чи відеозображення. Гіпертекстову технологію застосовують для подання інформації у WWW-просторі, зокрема, для роботи з Web-документами.
Web-документ зберігається і пересилається як файл з розширенням htm чи html. Це звичайні текстові файли — програми,
написані мовою HTML. Відображаються такі файли на екрані зовсім інакше, ніж вони виглядають у html-файлі. Для відображення html-файлів використовують броузери.
Web-документ інакше називають Web-сторінкою. Броузер дає змогу легко переходити від одної сторінки до іншої за допомогою команд Вперед і Назад чи кнопок зі стрілками на панелі інструментів.
Декілька Web-документів на одну тему, що є на деякому комп'ютері чи належать одному власнику, утворюють Web-вузол (інший термін Web-сайт).
2. Структура Web-документа. Типовий простий Web-доку
мент складається з текстових блоків, двох-трьох рисунків невели
ких розмірів, горизонтальних ліній та гіперпосилань. Більш склад
ні Web-документи містять фрейми (вкладені Web-сторінки),
елементи керування (кнопки, перемикачі, поля діалогу), динамічні
ефекти та графічні об'єкти ActiveX (рис. 59, 60).
Є три типи текстових блоків: короткі (по два-три речення) текстові абзаци, списки, таблиці.
Згідно з прийнятим стандартом абзаци на Web-сторінці розмежовуються порожнім рядком і не мають відступів у першому рядку. Абзац може бути вирівняний до одного з країв або до центру екрана. Особлива зручність перегляду інформації зумовлена тим, що в нормальному режимі на Web-сторінці немає горизонтальної смуги прокручування (а вертикальна є). Броузер автоматично масштабує горизонтальне зображення різних елементів сторінки, враховуючи характеристики монітора комп'ютера клієнта і розміри Windows-вікна, в якому демонструється документ.
Інформація на сторінці традиційно подається на сірому чи білому фоні, але її можна розмістити і на кольоровому фоні чи на фоні картинки з деякого графічного файлу.
3. Мова HTML. Для створення Web-сторінок Web-дизайнери
використовують гіпертекстові Web-редактори, наприклад, HotMetal
PRO, Hot Dog Professional, Netscape Editor тощо, де використо
вується мова HTML — Hyper Text Markup Language (мова для
розмічування гіпертекстових документів). Сучасні редактори
FrontPage і MS Word дають змогу створювати Web-сторінки мето
дом конструювання без застосування кодів мови HTML, оскільки
коди вони генерують автоматично.
,..-•-''' Для підготовки html-файлу можна використати текстовий
\ редактор NotePad. Після написання програми файл потрібно
•.зберегти на диску з деякою назвою з розширенням htm чи html.
Програма мовою HTML (html-файл) має таку загальну структуру:
<HTML> <HEAD> <TITLE> Назва вікна Web-сторінки </TITLE>
</HEAD>
<BODY параметри>
Мене звати Світлана. Мені 17 років. { Я хочу стати Web-дизайнером.
Це моя перша Web-сторінка. Тут я можу писати будь-який текст, наприклад, про себе і мої інтереси. Пізніше я навчуся вставляти фотографії, картинки, звук, відеозображення шляхом посилання на відповідні графічні, звукові чи відеофайли. Я збережу цей файл на диску і відкрию його у броузері. Моя сторінка ще не красива і не цікава. Але скоро я навчуся робити прикольні
Web-сторінки.
Я розташую файл на сервері і мою сторінку зможуть побачити
в різних кінцях світу. </BODY> </HTML>
Команди мови HTML називаються тегами. Теги бувають''-/ одинарними і парними. Більшість тегів є парними, як наприклад,/ тег означення HTML-файлу: <HTML>... </HTML>. Парні теги позначають початок і кінець області дії відповідної команди. Теги записують у кутових дужках. Тег, що закриває область дії, має косу риску. Не забувайте її писати, інакше тег працюватиме неправильно. Тег може містити параметри, які користувач записує у першому тезіЦерез пропуск, наприклад, <BODY TEXT="red">.
Між тегами <TITLE>...</TITLE> пишуть заголовок Windows-вікна, а між <BODY napaMeTpn>...</BODY> — основний текст, до якого застосовують теги форматування.
Розглянемо основні параметри тега BODY: BACKGROUND = "шлях до графічгого файлу"— задає картинку для фону; BGCOLOR = "white" —'задає білий колір фону, якщо не використовується фон-картинка; TEXT = "black" — задає колір тексту (тут чорний) на сторінці.
