IT-OSVITA - Головна сторінка - Розділ 2 …itosvita.ucoz.ua/logo/prof_navch/CH_02_23-40.pdfвеб-сторінка певної пошукової системи

Призначення та функції браузерів 23

Розділ 2Використання веб-браузера

Ви вже ознайомились із глобальною мережею Інтернет та її основними службами. Найвідоміша з них — Все світня павути-на, для роботи з якою призначено програми, що їх називають веб-браузерами або просто браузерами. У цьому розділі описано загальні можливості браузерів, без прив’язки до якогось конкрет-ного, а на компакт-диску, що додається до посібника, містяться вправи і практична робота, для виконання яких використовува-тимуться чотири найпопулярніших сьогодні браузери — Internet Explorer, Opera, Mozilla FireFox і Chrome.

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

Вигляд веб-сторінки (гіпертекстового документа) у вікні браузе-ра залежить, нагадаємо, від використаних у ній тегів — команд мови розмітки HTML. Стиль оформлення сайтів визначає також інформація, записана мовою CSS (Cascade Style Sheets — каскадні таблиці стилів) у HTML-документах чи окремих файлах. Сучасні браузери здатні відображати ілюстрації, відтворювати анімацію, відеоролики і звук.

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

24 Розділ 2. Використання веб-браузера

PGN і GIF, а в разі встановлення відповідних розширень (додат-кових програмних засобів) — анімаційні зображення та фільми, а також подавати звук на колонки чи навушники.

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

Можливості й інтерфейс популярних браузерівУсі сучасні браузери мають приблизно однакові можливості: забез-печують високу швидкість виведення веб-сторінок, підтримують роботу як з багатьма вікнами (кожна веб-сторінка відкривається в окремому вікні браузера), так і в режимі одного вікна (кож-на веб-сторінка відкривається на окремій вкладці одного вікна браузера), дозволяють з допомогою панелі інструментів вводи-ти критерії пошуку і вибирати пошукову систему, пропонують вбудовані завантажувачі файлів і здатні забезпечити високий рівень безпеки під час роботи. Далі ми стило опишемо переваги та недоліки найпопулярніших браузерів. Хоча вікна цих про-грам зовні дещо різняться, вони містять однакові за призначен-ням елементи, такі як панель адреси, панель вкладок, панель навігації та найголовніший елемент — область перегляду, у якій відображаються веб-сторінки.

Іnternet ExplorerНайбільшу популярність у користувачів Інтернету традиційно виборює браузер Internet Explorer (рис. 2.1). Він не лише входить до складу кожної нової версії операційної системи Windows, а й є доступним для безкоштовного завантаження з сервера корпорації Micro soft (http://microsoft.com/) і встановлення в операційній систе-мі Windows попередніх версій (наприклад, у Windows XP). Слід визнати, що перші версії браузерів Internet Explorer дуже рідко використовувалися як браузери на «кожний день», хоча й були встановлені на більшості комп’ютерів. Проте в Internet Explorer версії 9 було внесено суттєві зміни, а саме перероблено інтерфейс, збільшено швидкість завантаження сторінок і покращено безпеку програми. Завдяки цьому браузер Internet Explorer 9 має хорошу


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

Рис. 2.1. Вікно браузера Internet Explorer 9

Головною перевагою цього продукту є те, що абсолютна більшість веб-сторінок відображається в ньому саме так, як задумав веб-дизайнер. Браузер має простий інтерфейс, містить засоби керуван-ня пошуком інформації в Інтернеті, надає легкий спосіб настрою-вання параметрів безпеки та інших корисних функцій, зокрема блокування спливаючих вікон, які під час відвідування деяких сайтів відкриваються автоматично і зазвичай містять інфор ма-цію рекламного характеру. Серед недоліків Internet Explo rer слід відзначити неможливість змінювати інтерфейс і від сутність роз-ширень від сторонніх розробників.

Mozіlla FіrefoxГоловна перевага Mozilla Firefox (www.mozilla.com/ru/firefox) — бра-узера, створеного компанією Mozilla (рис. 2.2), полягає у тому,


що кожен користувач може вибрати доповнення (міні-програми), які розширюють вбудовані функціональні можливості браузера, а також дозволяють змінити його вигляд (теми). Велика кількість доповнень міститься на сайті Firefox Add-ons за адресою https://addons.mozilla.org.

Рис. 2.2. Вікно браузера Mozіlla Fіrefox

З допомогою доповнень можна розширити можливості пошуку, додати в браузер ігри, зробити більш зручним керування вкладка-ми, підвищити безпеку браузера, відключити набридливу рекла-му. Кожне доповнення має автора, назву і рейтинг (чим більше жовтих зірочок, тим він вищий). Встановити доповнення дуже просто — достатньо клацнути кнопку Add to Firefox, яка з’яв ляєть-ся після наведення на нього вказівника миші (рис. 2.3). Одним з найпопулярніших вважається доповнення Easy YouTube Vi deo Downloader, яке дозволяє зберігати відеоролики з сайту You Tu be на жорсткий диск.


Рис. 2.3. Сторінка доповнень і кнопка Add to Firefox

Недоліком Mozilla Firefox є те, що цей браузер не вирізняється ви-сокою стабільністю роботи і потребує багато оперативної пам’я ті, що інколи призводить до «гальмування» всієї системи.

OperaІнтегрований пакет програм норвезької компанії Opera Software (http://www.opera.com/) є серйозним конкурентом продуктів Micro-soft і Mozilla. Браузер Opera (рис. 2.4) невимогливий до ресурсів комп’ютера, характеризується високою швидкістю роботи, має зручний інтерфейс, настроювану панель інструментів, а також чудовий засіб для масштабування відображуваних сторінок, що містять не лише текст, а й графіку. Стан браузера Opera може збе рігатися після виходу з його вікна та відновлюватися під час його наступного відкриття. Працюючи в режимі Turbo, можна в де кілька разів пришвидшити завантаження веб-сторінок і зеко-но мити трафік. Така можливість буде доречною насамперед тим користувачам, що мають повільне або дороге інтернет-з’єднання, наприклад мобільний доступ до мережі. Режим Turbo вмикається клацанням кнопки Turbo, що має вигляд спідометра та розташо-вана в лівому нижньому куті вікна.


Рис. 2.4. Вікно браузера Opera

Саме у браузерах Opera були вперше розширені функції миші. На-приклад, для повернення на попередню сторінку достатньо, утри-муючи праву кнопку миші, трохи перемістити курсор ліворуч.

Як і в Mozilla Firefox, в Opera можна встановлювати розширення (міні-програми, що збільшують кількість функціональних мож-ливостей браузера) і теми. Щоб встановити розширення, потрібно знайти його на сайті https://addons.opera.com/ru/addons/extensions/ і клацнути розташовану праворуч кнопку Установить (рис. 2.5).

Мабуть, єдиним недоліком Opera, який іноді дає про себе знати і при зво дить до зависання усієї системи (на щастя, не на всіх комп’ю терах), є раптове збільшення використання ресурсів про-цесора до 100 %.


Рис. 2.5. Сайт з розширеннями для браузера Opera

Google ChromeGoogle Chrome (www.google.com/chrome) — порівняно молодий брау-зер, випущений компанією Google (рис. 2.6). Він позиціонується розробниками як швидкий, надійний та безпечний. І дійсно, стосовно надійності він найкращий. Справа в тому, що у разі збою закривається лише та веб-сторінка, яка стала причиною по-милки, а всі інші веб-сторінки залишаються відкритими. Інші ж браузери в разі збою закривають свої вікна повністю, з усіма відкри тими вкладками, тож їх доводиться завантажувати заново.

Google Chrome також підтримує розширення і теми, доступні за адресою https://chrome.google.com/webstore/category/extensions. Щоб встановити розширення, потрібно клацнути посилання Увiйти в пра вому верхньому куті сайту і ввести дані свого облікового запису Google. Після цього слід знайти потрібне розширення, навести на ньо- го вказівник миші та клацнути кнопку ДОДАТИ В CHROME (рис. 2.7).


Рис. 2.6. Вікно браузера Google Chrome

Рис. 2.7. Сайт з розширеннями для браузера Google Chrome


Домашня сторінка браузераВідразу після запуску браузер завантажує веб-сторінку, що зада-на в його настройках як домашня. Загалом кажучи, домашня сто рінка браузера — це сторінка, яку він відображає за умовчан-ням. Як домашню зазвичай задають сторінку, з якої зручно роз-починати сеанс роботи з Інтернетом; це може бути, наприклад, веб-сторінка певної пошукової системи. (Як установити до-машню сторінку в різних браузерах, ви дізнаєтеся, виконуючи вправу 2.1.)

У деяких браузерах, зокрема в Internet Explorer та Mozilla, пере-йти на домашню сторінку можна будь-коли під час роботи, клац-нувши кнопку Додому (із зображенням будиночка).

Поняття cookіe та кешуПід час відвідування будь-якої веб-сторінки браузер зберігає файли, що її утворюють, на жорсткому диску комп’ютера у спеціальному місці — кеші, щоб у разі повторного відкриття цієї сторінки не завантажувати їх знову з мережі, а використовувати вже наявні. Інші тимчасові файли називаються cookie. Це створені веб-сервером і збережені на комп’ютері текстові файли, в яких містяться індивідуальні настройки якогось сайту або особисті дані користувача.

Вправа 2.1 Вивчення інтерфейсу браузера та встановлення його домашньої сторінки У цій вправі пропонуємо вам на практиці ознайомитися з ін тер -фей сом браузерів Internet Explorer, Opera, Mozilla FireFox і Chro -me, а також встановити в кожному з них домашню сторінку. Для виконання вправи відкрийте папку Роздiл 2\Вправа 2.1 з ком пакт-диску і запустіть файл з розширенням swf. Для роботи з Inter net Explorer використовуйте файл IE.swf, для роботи з Mozil-la — файл Mozilla.swf, для роботи з Chrome — файл Chrome.swf, а для роботи з Opera — файл Opera.swf.


Робота у браузеріВідкриття та збереження веб-сторінок, перехід за веб-по си лан-нями, користування списком вибраних сайтів та завантаження фай лів з Інтернету — це основні операції, які вам як користу-вачу браузера доведеться виконувати найчастіше під час роботи в Інтер не ті. Розглянемо їх більш докладно.

Відкриття веб-сторінок та перехід за посиланнямиЯкщо комп’ютер підключено до Інтернету, відкрити веб-сторінку дуже просто: слід увести її URL в поле адреси (його ще називають рядком адреси) і натиснути клавішу Enter. Перейшовши на веб-сторінку, ознайомтеся з її вмістом. Зверніть увагу на те, що там деякі слова виділено іншим кольором, найчастіше синім. Якщо ви наведете вказівник миші на таке слово, його буде підкреслено суцільною лінією, а сам вказівник набуде форми руки (рис. 2.8). Отже, це — посилання, після клацання якого ви перейдете на іншу веб-сторінку. Таким чином можна швидко переходити від одного сайту до іншого. Скориставшись кнопкою Назад, що міститься на панелі навігації, можна повернутися на попередню сторінку.

Рис. 2.8. Фрагмент веб-сторінки з текстовими посиланнями

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

Робота у браузері 33

(рис. 2.9), відкриєте інший сайт або переглянете графічне зобра-ження, наприклад фотографію, у збільшеному масштабі.

Рис. 2.9. Фрагмент веб-сторінки з графічним посиланням

Завантаження файлівКлацаючи різні веб-посилання, ви не тільки будете переходити на інші веб-сторінки та збільшувати масштаб перегляду зображення, а й завантажувати файли, які з ними пов’язані. На рис. 2.10 пока-зано графічне веб-посилання, після клацання якого розпочнеть-ся завантаження браузера Internet Explorer 9 на жорсткий диск комп’ютера. За умовчанням в операційній системі Windows 7 (ро-сійська версія) всі файли завантажуються з Інтернету в папку Мои документы\Загрузки, а в операційній системі Win dows 7 (українсь-ка версія) — в папку Мої документи\Заванта жен ня. З Інтер нету можна завантажувати не тільки програми, а й му зи ку, фільми, текстові документи та будь-які інші файли.

Рис. 2.10. Сторінка завантаження браузера Internet Explorer 9


Пошук тексту на веб-сторінціЯкщо веб-сторінка містить багато матеріалу, а вам потрібно знай-ти на ній певний термін або фразу, можна скористатися функ цією пошуку браузера. Натисніть клавіші Ctrl+F, і на екрані відобра-зить ся панель пошуку (рис. 2.11), у текстове поле якої потрібно ввести шукану фразу, після чого натиснути клавішу Enter.

Рис. 2.11. Панель пошуку

Збереження веб-сторінок на комп’ютеріЗавантажену з Інтернету веб-сторінку можна зберегти у файлі на своєму комп’ютері. Це дасть змогу переглядати її в той час, коли не буде зв’язку з глобальною мережею. Щоб відкрити вікно для збереження веб-сторінок (рис. 2.12), потрібно у меню браузера клацнути команду Зберегти як.

Рис. 2.12. Збереження веб-сторінки на диску


У цьому вікні для документа, що зберігається, можна задати ім’я та папку, а також вибрати формат у списку Тип файлу:

� Веб-сторiнка, повнiстю — сторінка зберігається цілком, з усіма зображеннями, тлом та іншими об’єктами;

� Веб-сторiнка, тiльки HTML — зберігається форматований текст разом із гіперпосиланнями;

� Веб-архiв, один файл — зберігається архів поточної веб-сторін-ки в одному файлі;

� Текстовий файл — зберігається лише текст HTML-документа, без форматування, зображень і гіперпосилань.

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

Взагалі зображення та фрагменти тексту зі сторінки можна копіюва-ти і вставляти в інші документи через буфер обміну Windows, тоб-то з допомогою команд контекстного меню Копiюва ти та Вставити.

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

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

Щоб надрукувати відображувану на екрані сторінку, потрібно в ме ню браузера вибрати команду Друк, Друкувати або Надрукувати


(яка це буде команда, залежить від встановленого у вас браузера) і, коли відобразиться вкладка Загальнi діалогового вікна Друк (рис. 2.13), клацнути кнопку Друк. Усі елементи цієї вкладки мають той самий зміст, що й у випадку друку з інших програм.

Рис. 2.13. Вкладка Загальнi вікна Друк

Створення списку сайтів для швидкого доступуУ кожного, хто користується Інтернетом, швидко набирається чимало сайтів і веб-сторінок, які він відвідує частіше за інші. Тому всі браузери надають засоби для створення списку вподо-бань і керування ним. Цей список подібний до папки, тож ви можете додавати посилання, видаляти їх і впорядковувати за те-мами, створюючи у списку підпапки. Наприклад, можна створити папки Новини, Iгри, Спорт і додавати в них посилання на сайти відповідної тематики.

Зазначений список міститься на панелі Обране або Закладки (назва панелі, знову-таки, залежить від використовуваного браузера). Для завантаження веб-сторінки, що міститься в такому списку, достатньо клацнути мишею її ім’я (рис. 2.14, 2.15).


Рис. 2.14. Панель Закладки браузера Ope ra

Рис. 2.15. Панель закладок браузера Chrome

Порядок додавання відкритого поточного сайту в список закладок або вибраного є однаковим для пар браузерів Internet Explorer і Ope ra та Mozilla і Chrome. У перших двох браузерах потрібно спочатку клацнути зображення зірочки, а потім кнопку Добавить. У браузері Internet Explorer на екра ні відобразиться діалогове вікно, показане на рис. 2.16, а у браузері Ope ra — вікно, показане на рис. 2.17, де ви зможете задати ім’я по силання та вибрати папку, в якій воно зберігатиметься.


Рис. 2.16. Вікно додавання до обраного

Рис. 2.17. Вікно додавання закладок

У браузерах Mozilla і Chrome для додавання сайту у список за-кладок достатньо клацнути зірочку на панелі адреси і вказати ім’я посилання та вибрати папку, в якій воно зберігатиметься (рис. 2.18).

Ви маєте можливість систематизувати вміст папки Обране або Закладки (саме він і відображається на панелі), тобто створювати в ній і видаляти підпапки, переміщувати адреси сайтів з однієї підпапки в іншу або взагалі видаляти їх. Ви навчитеся викону-вати ці операції в кожному з браузерів, коли працюватимете над практичною роботою 1.

Завдання для самостійної роботи 39

Рис. 2.18. Вікно додавання закладки в браузері Chrome

Практична робота 1 Виконання основних операцій у браузеріМета цієї практичної роботі — навчитися користуватися браузера-ми Internet Explorer, Opera, Mozilla FireFox і Chrome. У кожному з них ви виконаєте операції для відкриття веб-сторінки, перехо-ду за веб-посиланням на іншу сторінку, завантаження файлу з Інтернету, а також додавання посилання на сайт у список обрано-го або закладок. Для виконання вправи відкрийте папку Роздiл 2\ Практична робота 1 з компакт-диску і запустіть файл з розширенням swf. Для роботи з Internet Explorer використовуйте файл IE.swf, для роботи з Mozilla — файл Mozilla.swf, для роботи з Chrome — файл Chrome.swf, а для роботи з Opera — файл Opera.swf.

Завдання для самостійної роботи1. Відкрийте у браузері панель Журнал або Iсторiя і спробуйте з її

допомогою перейти на будь-які відвідувані раніше сторінки. Чи зручний цей засіб?


2. Відвідайте кілька сайтів на свій вибір, зверніть увагу на їх вміст, дизайн і засоби навігації. Які ознаки, на ваш погляд, свідчать про те, що сайт підтримується власником на належно - му рівні?

3.* Створіть список обраного в браузері Internet Explorer, який міститиме щонайменше три папки з трьома посиланнями на сайт у кожній. Потім експортуйте список обраного і збе ре жіть його на робочому столі. Відкрийте браузер Chrome й ім пор-туй те обране з робочого столу.

4.* Відкрийте вікно параметрів браузера і скасуйте відображення графічних зображень та анімацій. Відкрийте та передивіться кілька веб-сторінок. У якому випадку доцільно використову-вати такий режим перегляду? Поверніться до звичайного режи- му перегляду сайтів.

ТестуванняЩоб пройти тестування за темою розділу 2, запустіть файл Test 2.swf, який міститься в папці Роздiл 2 на компакт-диску, що йде у ком плек ті з посібником.

Documents

IT-OSVITA - Головна сторінка - Розділ 2 …itosvita.ucoz.ua/logo/prof_navch/CH_02_23-40.pdfвеб-сторінка певної пошукової системи