Differences
This shows you the differences between two versions of the page.
|
uso:laboratoare:laborator-00:browser [2020/10/06 12:13] liza_elena.babu [Folosirea barei de adresă] |
— (current) | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Folosirea eficientă a browserului web ====== | ||
| - | |||
| - | În viața de zi cu zi aplicația pe care o folosim probabil cel mai des, indiferent de platformă sau sistem de operare, este **browserul web**. Acesta rulează pe smartphone-uri, laptopuri, tablete și este folosit pentru rularea aplicațiilor web cum ar fi clienți de mesagerie, rularea de jocuri, afișarea de conținut al unei pagini cu știri, sau conținut pe rețelele de socializare. | ||
| - | |||
| - | **Browserul web** este o aplicație pe care o folosim în mod constant și ne dorim să o folosim într-un mod cât mai eficient. Adică să petrecem cât mai puțin timp manevrând aplicația și cat mai mult timp folosind aplicația la capacitate maximă. | ||
| - | |||
| - | Vom folosi [[https://www.mozilla.org/en-US/firefox/new/|Firefox]] în această carte, însă conceptele prezentate sunt similare și în alte browsere ([[https://www.google.com/chrome/|Google Chrome]], [[https://www.chromium.org|Chromium]], [[https://www.apple.com/safari/|Safari]], [[https://www.opera.com|Opera]], [[https://www.microsoft.com/en-us/edge|Edge]], etc). Acesta este browserul default instalat în Ubuntu 18.04. | ||
| - | |||
| - | ===== Pornirea și oprirea browserului ===== | ||
| - | |||
| - | Browserul web este un exemplu de //aplicație software//. Am vorbit despre pornirea și oprirea aplicațiilor în secțiunea ''%%basic_start_stop_apps%%''. | ||
| - | |||
| - | Atunci când browserul este pornit spunem că acesta //rulează//. | ||
| - | |||
| - | ==== Pornirea browserului web ==== | ||
| - | |||
| - | Putem opri browserul Firefox în mai multe moduri (așa cum am menționat în secțiunea ''%%basic_start_stop_apps%%'') | ||
| - | |||
| - | * Folosind iconuri. | ||
| - | * Deschizând un terminal și tasând în terminal comanda de pornire (aici firefox), similar cu folosirea Alt+F2, ca în imaginea de mai jos: | ||
| - | <HTML><ul></HTML> | ||
| - | {{:uso:laboratoare:start-firefox-terminal.gif?500|}} | ||
| - | <HTML></ul></HTML> | ||
| - | |||
| - | ==== Oprirea browserului web ==== | ||
| - | |||
| - | Putem opri browserul Firefox în mai multe moduri, la fel cum am văzut că închidem aplicații în secțiunea ''%%basic_stop_gui_app_icons%%'': | ||
| - | |||
| - | * Folosind butonul de închidere a ferestrei grafice, în forma unui simbol ''%%x%%''. | ||
| - | * Folosind combinația de taste ''%%Alt+F4%%'' care închide fereastra grafică, o scurtătură pentru folosirea butonului de închidere. | ||
| - | |||
| - | După folosirea unei dintre metodele de mai sus, aplicația Firefox este oprită. Adică nu mai putem interacționa cu ea, nu mai folosește resursele sistemului. Pentru a accesa din nou aplicații web va trebui să repornim aplicația Firefox, folosind una dintre motodele din secțiunea ''%%basic_start_browser%%''. | ||
| - | |||
| - | ===== Acțiuni în browserul web ===== | ||
| - | |||
| - | În această subsecțiune vom prezenta cele mai folosite componente ale interfeței grafice a browserului web și cum să le folosim eficient. În general avem cel puțin două variante pentru a face o acțiune: | ||
| - | |||
| - | - Folosind butoane din interfața grafică | ||
| - | - Folosind combinația de taste din tastatură echivalente clickurilor | ||
| - | |||
| - | Vom face o paralelă între cele două în această subsecțiune. | ||
| - | |||
| - | Folosirea combinației de taste este mai rapidă, mai eficientă, dar necesită un efort de memorare din partea utilizatorului. Utilizatorii avansați vor folosi preponderent combinații de taste. | ||
| - | |||
| - | ==== Folosirea barei de adresă ==== | ||
| - | |||
| - | Dacă dorim să accesăm pagina web (//URL-ul//, //site-ul//, //linkul//) **google.com**, trebuie să introducem șirul ''%%www.google.com%%'' în bara de adrese. Putem plasa cursorul în bara de adrese în două moduri: | ||
| - | |||
| - | * Folosind clickuri ca în imaginea de mai jos: | ||
| - | <HTML><UL></HTML> | ||
| - | {{:uso:laboratoare:open-web-page.gif?500|}} | ||
| - | <HTML></ul></HTML> | ||
| - | * Folosind combinația de taste ''%%Ctrl+l%%''. | ||
| - | |||
| - | Odată accesată bara de adrese putem introduce șirul www.google.com | ||
| - | |||
| - | **Exercițiu:** Accesați paginile **curs.upb.ro**, **studenti.pub.ro**, **hotnews.ro**, **facebook.com** folosind ambele metode prezentate mai sus. | ||
| - | |||
| - | |||
| - | ==== Navigarea folosind butoane ==== | ||
| - | |||
| - | Uneori avem nevoie să revenim la pagini accesate anterior. Spre exemplu, navigăm pe o rețea de socializare, am deschis un articol apărut în feed, l-am citit și acum vrem să revenim la feedul de pe rețeaua de socializare. Navigăm la pagina anterioară pentru a reveni pe rețea. | ||
| - | |||
| - | Putem naviga la pagini navigate anterior în două moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind butoanele **săgeată stânga** (//Go back one page//) și **săgeată dreapta** (//Go forward one page//) din interfața grafică a browserului ca în imaginea de mai jos:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:back-forward-web-pages.gif?500|}} | ||
| - | |||
| - | <HTML><p></HTML>Am trecut prin paginile **facebook.com**, **hotnews.ro**, **hotnews.ro** și înapoi la **hotnews.ro**, **facebook.com**.<HTML></p></HTML><HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind combinațiile de taste echivalente cu clickurile pe săgețile stânga/dreapta din browser:<HTML></p></HTML> | ||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML>Navigare înapoi: ''%%Alt+săgeată stânga%%''.<HTML></li></HTML> | ||
| - | <HTML><li></HTML>Navigare înainte: ''%%Alt+săgeată dreapta%%''.<HTML></li></HTML><HTML></ul></HTML> | ||
| - | <HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | === Exerciții === | ||
| - | |||
| - | - Folosind combinația de taste ''%%Ctlr+l%%'', accesați bara de adrese a browserului și deschideți pagina **youtube.com**. | ||
| - | - Navigați **înapoi** folosind butonul //Go back one page// până ajungeți la pagina **hotnews.com**. | ||
| - | - Navigați **înainte** folosind butonul //Go forward one page// până ajungeți la pagina **facebook.com**. | ||
| - | - Navigați **înapoi** folosind combinația de taste ''%%Alt+săgeată stânga%%'' până ajungeți la pagina **google.com**. | ||
| - | |||
| - | ==== Scroll în browser ==== | ||
| - | |||
| - | Principalul motiv pentru care folosim browsere web este ca să vizualizăm content de pagini. Navigarea sus/jos în cadrul unei pagini web se numește **scroll**. | ||
| - | |||
| - | Accesăm pagina **hotnews.ro**. Putem da scroll în pagină în mai multe moduri: | ||
| - | |||
| - | * Folosind mouse-ul prin rotiță / touchpadul. | ||
| - | * Folosind butoanele ''%%PageUp%%'' și ''%%PageDown%%'' de pe tastatură. Așa ne deplasăm câte un "ecran" în jos sau în sus. | ||
| - | |||
| - | În imaginea de mai jos se vede cum dăm scroll sus și jos pe pagina **hotnews.ro**: | ||
| - | |||
| - | {{:uso:laboratoare:firefox-scroll.gif?500|}} | ||
| - | |||
| - | ==== Reîmprospătarea paginii ==== | ||
| - | |||
| - | Avem situații în care trebuie să reîmprospătăm (//refresh//) conținutul unei pagini web. Spre exemplu, am deschis o pagină și imaginile nu au fost încărcate corect (am avut probleme cu conexiunea la Internet în acel moment). Alt caz ar putea fi atunci când așteptăm ca pe o pagină să fie publicate notele noastre la un examen, așa că vrem să reîmpropătăm pagina web să vedem dacă aceasta a fost actualizată. | ||
| - | |||
| - | Intrăm pe pagina **bbc.com**. | ||
| - | |||
| - | Putem reîmprospăta pagina web în mai multe moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind butonul de remîprospătare (//refresh//) din browser ca în imaginea de mai jos:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:firefox-refresh.gif?500|}} | ||
| - | <HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind tasta ''%%F5%%''.<HTML></p></HTML><HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | ==== Lucrul cu taburi ==== | ||
| - | |||
| - | Un caz pe care îl întâlnim des atunci când lucrăm cu un browser web este să avem mai multe pagini web deschise simultan. Spre exemplu, avem nevoie să căutăm o informație pe Google cum ar fi //Cum gătim supă de pui acasă//. Există multe rețete pe Internet, vrem să citim mai multe până să ne hotărăm pe care să o folosim. | ||
| - | |||
| - | Cel mai eficient mod pentru a face acest lucru este să folosim **taburi în browser**. Aplicația Firefox care rulează poate avea unul sau mai multe taburi pornite. | ||
| - | |||
| - | În sub-subsecțiunile următoare vom vorbi despre cum să deschidem, sa navigăm între taburi și să închidem taburi eficient. | ||
| - | |||
| - | === Deschiderea taburilor === | ||
| - | |||
| - | Atunci când deschidem aplicația Firefox, aceasta va avea un singur tab deschis: cel cu pagina principală. Accesăm pagina **google.com**. | ||
| - | |||
| - | Putem deschide un alt tab în browser în două moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind butonul cu simbolul ''%%+%%'' din interfața grafică a browserului:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:firefox-open-tabs.gif?500|}} | ||
| - | <HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind combinația de taste ''%%Ctrl+t%%''.<HTML></p></HTML><HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | **Exerciții** | ||
| - | |||
| - | - Deschideți două taburi noi folosind simbolul ''%%+%%''. | ||
| - | - În primul tab deschis navigați pe pagina **ubuntu.com**, iar în al doilea pe pagina **ocw.cs.pub.ro**. Folosiți combinația de taste ''%%Ctrl+l%%'' și apoi scrieți adresa paginilor. | ||
| - | |||
| - | === Navigarea între taburi === | ||
| - | |||
| - | Avem acum trei taburi deschise: | ||
| - | |||
| - | - Primul pe pagina **google.com**. | ||
| - | - Al doilea pe pagina **ubuntu.com**. | ||
| - | - Al treilea pe pagina **ocw.cs.pub.ro**. | ||
| - | |||
| - | Putem naviga printre cele 3 (la modul general //N//) taburi în mai multe moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind clickuri. Dăm click pe fiecare tab în parte ca în imaginea de mai jos:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:firefox-navigate-tabs.gif?500|}} | ||
| - | <HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind combinația de taste ''%%Alt+<număr>%%''. Spre exemplu, combinația de taste ''%%Alt+2%%'' ne va duce pe al doilea tab, adică pe pagina **ubuntu.com**.<HTML></p></HTML><HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | **Exerciții** | ||
| - | |||
| - | - Deschideți încă două taburi pe lângă cele trei deja deschise. | ||
| - | - Accesați al patrulea tab folosind combinația de taste ''%%Alt+4%%''. | ||
| - | - Accesați primul tab folosind combinația de taste ''%%Alt+1%%''. | ||
| - | - Apăsați combinația de taste ''%%Alt+9%%''. Ce observați? | ||
| - | |||
| - | === Închiderea taburilor === | ||
| - | |||
| - | Fiecare tab deschis consumă resurse ale sistemului, așadar este bine să închidem aplicațiile (sau taburi ale lor) atunci când nu le mai folosim. | ||
| - | |||
| - | Putem închide un tab în browser în mai multe moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind butonul cu simbolul ''%%x%%'' din browser ca în imaginea de mai jos:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:firefox-close-tabs.gif?500|}} | ||
| - | <HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind combinația de taste ''%%Ctrl+w%%''.<HTML></p></HTML><HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | **Exerciții** | ||
| - | |||
| - | - Închideți al cincilea tab folosind combinația de taste ''%%Ctrl+w%%''. | ||
| - | - Închideți al doilea și al treilea tab folosind combinația de taste ''%%Ctrl+w%%''. Navigați între taburi folosind combinația de taste ''%%Alt+<număr>%%''. | ||
| - | - Închideți ultimele 2 taburi folosind combinația de taste ''%%Ctrl+w%%''. | ||
| - | |||
| - | Note | ||
| - | |||
| - | |||
| - | La închiderea ultimului tab din browser se închide aplicația Firefox. | ||
| - | |||
| - | |||
| - | === Deschiderea unui link în alt tab === | ||
| - | |||
| - | Să presupunem că vrem să găsim rețeta perfectă pentru supă de pui gătită în casă și vrem să deschidem mai multe rețete, fiecare într-un tab, pentru a le compara și a alege rețeta cea mai bună. Vom vedea cum să deschidem linkurile de rețete găsite pe Google într-un alt tab. Alternativa la a deschide linkurile într-un alt tab ar fi să le deschidem într-o altă fereastră. Lucrul cu ferestrele aplicației (în cazul nostru //Firefox//) poate deveni greu de gestionat. | ||
| - | |||
| - | Deschidem din nou browserul Firefox. Intrăm pe [[www.google.com|Google]] și căutăm //Homemade chicken soup recipe// ca în imaginea de mai jos: | ||
| - | |||
| - | {{:uso:laboratoare:firefox-search-for-chicken-soup.gif?500|}} | ||
| - | |||
| - | Putem deschide rețete găsite în alte taburi în mai multe moduri: | ||
| - | |||
| - | <HTML><ul></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Folosind clickuri. Folosim //click dreapta// pe link după care alegem opțiunea //Open Link in New Tab// din meniul contextual ca în imaginea de mai jos:<HTML></p></HTML> | ||
| - | {{:uso:laboratoare:firefox-open-link-in-tab.gif?500|}} | ||
| - | <HTML></li></HTML> | ||
| - | <HTML><li></HTML><HTML><p></HTML>Apăsând tasta ''%%Ctrl%%'' și click pe link.<HTML></p></HTML><HTML></li></HTML><HTML></ul></HTML> | ||
| - | |||
| - | **Exerciții** | ||
| - | |||
| - | - Deschideți un tab nou și accesați pagina **google.com**. | ||
| - | - Căutați pe Google întrebarea //Which browser should I use Linux//. | ||
| - | - Deschideți primele 2 linkuri găsite în taburi diferite folosind clickuri. | ||
| - | - Deschideți următoarele 2 linkuri găsite în taburi diferite folosind tasta ''%%Ctrl%%'' urmată de click pe link. | ||
| - | - Navigați printre paginile deschise folosind combinația de taste ''%%Alt+<număr>%%''. | ||
| - | - Închideți browserul folosind combinația de taste ''%%Ctrl+F4%%''. | ||
