Vlad Merževitš

Ujuvateks elementideks nimetame neid elemente, mis lennatakse ümber muude veebilehe objektide, näiteks tekstiks. Õigem oleks öelda "voolujoonelised elemendid", kuid teisest küljest on mõiste "ujuv element" juba ammu kasutusele võetud, nii et kasutan seda edaspidi.

Ujuvaid elemente kasutatakse veebilehtede paigutuses üsna aktiivselt ja need aitavad täita neid ja muid ülesandeid:

• teksti mähkimine piltide ümber;
• külgribade loomine;
• horisontaalsed menüüd;
• veerud.

Mähkimine toimub float style atribuudi abil, mille väärtus on vasak või parem . Vaikimisi ei ole elementide mähistamist määratud, kuid kui see tuleb mingil põhjusel selgesõnaliselt määrata, tuleks väärtuseks määrata none . Joonisel fig. Joonis 3.32 näitab teksti kõrval pildile erinevate väärtuste rakendamise tulemust.

Riis. 3.32. Teksti mähimine pildi ümber

HTML-kood ise jääb praktiliselt muutumatuks ja seda on näidatud näites 3.21.

Näide 3.21. Ujukite kasutamine

Lorem ipsum dolor sit amet, consectetuer adipiscing eliit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

See näide näitab, kuidas lisada hõljukatribuuti, mille väärtus jääb märgendile . See väärtus joondab elemendi vanema või muu hõljuva elemendi vasaku servaga ja kõik muud elemendid, näiteks tekst, hõljuvad paremale küljele. Väärtus paremal seevastu joondab elemendi vanema või muu hõljuva elemendi parema servaga ja kõik muud elemendid, näiteks tekst, külgnevad sellega vasakule.

Niisiis, oleme terminoloogia välja selgitanud. Täiendame näite 3.21, et joonis oleks tekstiga paremini kooskõlas. Kõige tähtsam on seada taane pildist paremale ja igaks juhuks alla. Selleks minge sildi juurde lisatakse klass nimega fig, mille veerise omadus on määratud samaaegselt pildi mõlemal küljel (näide 3.22).

Näide 3.22. Keerake pildi ümber

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Karupoeg Puhh ei tõrjunud alati väikest kosutust, eriti kell üksteist hommikul, sest selleks ajaks oli hommikusöök juba ammu lõppenud ja lõuna polnud veel alanud.

Ja muidugi oli tal kohutavalt hea meel näha, et Jänes tasse ja taldrikuid välja võttis.

Näite tulemus on näidatud joonisel fig. 3.33.

Riis. 3.33. Vasakule joondatud, paremale murtud pilt

Raamide loomine

Külgriba on piltide ja tekstiga plokk, mis on põhiteksti manustatud. Külgriba asub tavaliselt tekstiploki vasakus või paremas servas ning põhitekst voolab selle ümber teistel külgedel (joonis 3.34).

Riis. 3.34. Inset tüüpi

Külgriba tekstis esiletõstmiseks seatakse see tavaliselt taustavärvile ja lisatakse ääris. Oma välimuselt meenutavad raamid ülaltoodud teksti ümber pildi mähkimise meetodit, seega on raamide loomise kood peaaegu identne eelmisega (näide 3.23).

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Selle tegevus sarnaneb tööriistaga Magic Wand, kuid erinevalt sellest ei vali see ala, vaid kustutab selle.

Magic Erase tööriist kustutab sarnase värviga pikslid. Kui töötame taustakihiga või kihiga, mille läbipaistvus on lukustatud, asendatakse pikslid taustavärviga. Kõigil muudel juhtudel saame läbipaistva ala.

Magic Erase tööriistaga töötamise põhimõte sarnaneb Magic Wand tööriistaga töötamise põhimõte. Nimelt määrame esmalt sobiva Tolerantsi väärtuse, lubame siledate ääriste loomiseks märkeruudu Anti-aliased, eemaldame linnukese Contiguous valikust, et samaaegselt eemaldada kogu taust ja seejärel klikime taevaalal fotol. Kui taustakiht oli varem ümber nimetatud, saame läbipaistvad alad õigetesse kohtadesse.

Raamide loomisel peate määrama selle laiuse, kasutades atribuuti width. Vastasel juhul on kihi suurus nõutust palju laiem.

Kihi paigutus horisontaalselt

Vaikimisi reastatakse plokielemendid vertikaalselt üksteise alla, kuid funktsiooni float abil saate neid sundida horisontaalselt üksteise kõrvale joondama. Sel juhul peate määrama kihtide laiuse ja seadma neile ujuki. Kui laiust pole määratud, võrdub see kihi sisuga, võttes arvesse veerisid ja ääriseid. Näide 3.24 võtab eelmises jaotises loodud tootekataloogi, kasutades inline-block elemente, ja töötab selle ümber, et kasutada seda float . Plokkide nähtavaks tegemiseks on veebilehe taust seatud halliks.

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Näite tulemus on näidatud joonisel fig. 3.35.

Riis. 3.35. Kihi paigutus ujuki omaduse kasutamisel

Erineva teksti tõttu allkirjas osutub erinevaks ka plokkide kõrgus, mistõttu osad klotsid “kleepuvad” teiste külge ega liigu teisele reale. Siin võib abiks olla kõigi plokkide kõrguse määramine atribuudi kõrguse kaudu, näiteks 100 pikslit, või naasmine kuva : inline-block kasutamisele.

Voolu mõju

Lisaks ujuvate elementide loomise võimalusele on ujukomadusel mitmeid funktsioone, mida peate teadma. Peamine omadus on see, et ujuk mõjutab kõiki lähedalasuvaid elemente, sundides neid voolus osalema. Vaatame seda näites 3.25, mis näitab, kuidas luua ühele reale nooli, kasutades float omaduse vasak- ja parempoolseid väärtusi.

Näide 3.25. Voolu mõju

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Kuigi tekst ja nooled kasutavad erinevaid plokielemente ja need tuleks paigutada erinevatele joontele, tõuseb hõljuki mõjul tekst voolutsooni langedes kõrgemale (joonis 3.36). Samuti ei kuvata noolekihi taustavärvi seetõttu, et ujuvad elemendid ei osale dokumendi voos, sisuliselt on see sama, mis noolekihi tühjaks jätmine.

Riis. 3.36. Mähkimise mõju alustekstile

Ujuvad elemendid ei mõjuta nende ploki kõrgust. Selle tuvastamiseks ümbritsege plokk lihtsalt raamiga ja asetage ujuv element tekstiga (näide 3.26).

Näide 3.26. Ploki kõrgus

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Joonis ei mõjuta kihi kõrgust ja ületab selle piire (joonis 3.37).

Riis. 3.37. Ujuvkihi kõrgus

Kõik need ujuvate elementide funktsioonid võivad avaldada veebilehe paigutusele üsna ebameeldivat mõju, eriti sellistel juhtudel, nagu eespool loetletud. Peamine viis soovitud tulemuse saavutamiseks on mähis õigel hetkel tühistada. Selleks on mitu võimalust.

Tühista mähis

Mähkimine on võimas paigutustööriist, mida kasutatakse elementide joondamiseks ja korraldamiseks. Selle tööriista kontrolli all hoidmiseks on aga vaja vastukaalu, ilma milleta taandub ujuki tohutu potentsiaal paariks kitsaks ülesandeks. Me räägime voo tühistamisest erinevate meetodite abil. Loetleme neli kõige populaarsemat.

Elemendi laius

Kui ujuvelement võtab enda alla kogu saadaoleva laiuse, algavad sellele järgnevad ülejäänud elemendid uuelt realt. Selleks peate lubama laiuse atribuudi väärtusega 100%. Seega saab näite 3.25 stiili täiendada järgmiselt:

Vasak ( ujuv: vasak; laius: 50%; ) .parem ( hõljumine: parem; laius: 50%; teksti joondus: parem; )

Iga noolekihi laius on nüüd 50% ja nende laius on 100%, nii et noolekihile järgnev lõik algab uuelt realt.

Seda meetodit kasutatakse harva, kuna laiust ei saa piltidele rakendada ning see ei lahenda kihi kõrguse ja tausta probleemi.

Ülevoolu kasutamine

Ületäitmise atribuut juhib plokielemendi sisu kuvamist, kui kogu sisu ei mahu ja ulatub määratud mõõtmete alast kaugemale. Eelkõige lisab automaatne väärtus vajadusel kerimisribad, peidetud aga kuvab ainult elemendi sees oleva ala ja peidab ülejäänud. Lisaks tühistab ületäitumise kasutamine väärtusega auto , kerimine või varjatud funktsiooni float efekti. Näiteks stiil 3.25 on täidetud vaid ühe reaga:

Nool ( ületäitumine: peidetud; )

Tulemus muutub kohe pärast ülevooluomaduse rakendamist (joonis 3.38).

Riis. 3.38. Ülevoolu omaduse mõju taustale

Näidet 3.26 täiendatakse sarnaselt:

DIV ( ületäitumine: peidetud; )

Tulemus on näidatud joonisel fig. 3.39.

Riis. 3.39. Ülevoolu omaduse mõju piirile

ülevool on üks populaarsemaid omadusi, mis töötab koos ujukiga. Kuid mõnikord tekivad olukorrad, kui selle meetodi kasutamine on vastuvõetamatu. See juhtub juhtudel, kui element ulatub elemendist kaugemale, sel juhul see "lõigatakse ära". Näites 3.27 nihutatakse pilt algsest positsioonist vasakule.

Näide 3.27. Kärbi elemendi ala

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Karupoeg Puhh külastab Jänest

Näite tulemus on näidatud joonisel fig. 3.40.

Riis. 3.40. Pildi kärpimine

IE6-s töötab meetod ainult siis, kui atribuut hasLayout on määratud. Selle lubamiseks saate lisada suumi : 1 koos ülevoolu atribuudiga.

selge vara

Ujuki efekti tühistamiseks kasutage puhast omadust järgmiste väärtustega.

• vasak - tühistab mähkimise elemendi vasakust servast (float : left ). Sel juhul langetatakse kõik muud sellel küljel olevad elemendid alla ja asuvad praeguse elemendi all.
• paremale - tühistab elemendi paremal küljel oleva voo (float : right ).
• mõlemad - katkestab elemendi voolu üheaegselt paremast ja vasakust servast. Soovitatav on see väärtus määrata, kui soovite elemendi mähkimise tühistada, kuid te ei tea täpselt, kummalt poolt.

Mähkimisefekti tühistamiseks tuleb selge omadus lisada elemendile, mis tuleb pärast ujuvat elementi. Tavaliselt tutvustate universaalset klassi, näiteks tühjendage, ja sisestate tühja sildi

selle klassiga (näide 3.28).

Näide 3.28. Kasutades selget

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

←

→

Selles näites on selge klassi selge omadus seatud mõlemale . Kui teil on vaja kasutada erinevaid väärtusi, saate sisestada mitu klassi ja rakendada neid vastavalt vajadusele.

See meetod on oma lihtsuse ja mitmekülgsuse tõttu ka paigutuses üks populaarsemaid. Kuid jällegi on mõnikord kombinatsioone, mille puhul selge kasutamine ebaõnnestub. See juhtub siis, kui kood puutub kokku mitme erineva ujukiga korraga. Näiteks näites 3.29 kasutatakse float kahe veeru loomiseks ja paremas veerus float korraldab fotod.

Näide 3.29. Ujukite kasutamine

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Menüü

Parimad fotod

Kommentaaride järgi

Püha Sofia katedraal

Poola kirik

Uus rida

Kelder

Näite tulemus on näidatud joonisel fig. 3.41. Selge omadus ei mõjuta ainult fotoklassi, vaid ka col1 klassi, st. kõikidel ülaltoodud elementidel, millel on ujuki seadistatud. Seetõttu ei alga “Uus rida” kohe pärast fotosid, vaid pärast vasakpoolse veeru lõppu.

Riis. 3.41. Viga stringi kuvamisel

Sellistes olukordades aitab erinevate meetodite kombinatsioon. Seega saab fotosid lisada konteinerisse, mille ülevool on eemaldatud ja vasakpoolne selge. Veerg on järgmisel kujul.

Püha Sofia katedraal

Poola kirik

Uus rida

Pseudoelement: pärast

Tühja sildi sagedane lisamine

selge atribuudiga ajab koodi segamini, eriti kui kasutate float atribuuti aktiivselt. Loogiline on teisaldada kõik stiilidesse, vabanedes tarbetutest siltidest. Selleks kasutame pseudoelementi :after, mis koos atribuudiga sisu lisab elemendi järele teksti. Sellisele tekstile saate rakendada stiili atribuute, eriti selget . Jääb vaid kuvatav tekst brauserist peita.

Clearleft:after ( sisu: "."; /* Kuvab teksti pärast elemendi (punkt) */ Clear: left; /* Tühista mähis */ nähtavus: peidetud; /* Peida tekst */ kuva: plokk; / * Ploki element * / kõrgus: 0 /* Kõrgus */ )

Pole tähtis, millist märki kuvada, see on nähtavuse kaudu kasutaja eest igal juhul peidetud, kuid isegi peidetuna võtab tekst teatud kõrguse ja mõjutab läheduses asuvaid elemente. Seetõttu tuleb väljundtekst ikkagi muuta plokielemendiks ja seada null kõrgusele.

Kuna pseudoelemendi :after genereeritud tekst tuleb pärast elementi, asendab see konstruktsiooni kergesti

. Kui see on nõutav, peate lihtsalt lisama klassi clearleft, nagu on näidatud näites 3.30.

Näide 3.30. Pseudoelement: pärast

XHTML 1.0 CSS 2.1 IE 7 IE 8+ Cr Op Sa Fx

Karupoeg Puhh külastab Jänest

IE brauser ei toeta :pärast versiooni 7.0, seega ülaltoodud näide nendes versioonides ei tööta. Suumi : 1 lisamine ujuvale elemendile tühistab IE-s mähkimise.

Ülaltoodud meetodi mugavus seisneb klassi clearleft kasutamises, mida saab vajadusel lisada mis tahes märgisele. Samuti saate tutvustada lisaklasse, mille stiil erineb teiste selgete väärtustega.

Üsna sageli antakse küljendajale teatud mittestandardsed ülesanded. Meie eesmärk on pakkuda kõige ratsionaalsemat ja õigemat lahendust. Täna räägime pildi ümber teksti mähkimise funktsioonidest.

Probleemi avaldus

Oma teabeallika või ajaveebi jaoks artikli kirjutamisega kaasneb sageli piltide lisamine. Kuna otsingurobot on alati austanud piltide olemasolu saidil, rõõmustab kasutaja rohkem eredate piltidega teksti. Seetõttu on vaja installida spetsiaalne vormindusmeetod, mis tagab teksti ja piltide kauni koostoime.

Vaatleme juhtumit, kui teksti murdmine pole vajalik. Lisaks pakun välja universaalse võimaluse - pildi puudumisel venitatakse tekst kogu ploki laiusele (kõikidele teie artiklitele ei kaasne illustratsioone). Tekstiploki laius ei ole rangelt fikseeritud. Allpool on näha, milline peaks meie plokk välja nägema.

Õige otsus

Ülesande elluviimiseks loome kaks plokki: ühe pildi, teise teksti jaoks. Arvestades asjaolu, et pildi all võib olla muid elemente, loome pildi jaoks eraldi konteineri, vastasel juhul pole see vajalik, saate lihtsalt määrata pildisildile vajaliku klassi.

HTML

< div class = "image" > < img src= "img.png" width= "100px" height= "100px" alt= "" /> < div class = "text" >Tekstiplokk

Ekraan: tekstisisene;

)

Üsna loogiline oleks soovitada tekstile määrata ujuva objekti omadused. Kui objekti laiused pole määratud, saame järgmise pildi:

Selle efekti vältimiseks peate lihtsalt määrama tekstiploki laiuse, kuid see ei vasta meie ülesande tingimustele.

Järgmine hea võimalus oleks kasutada margin-left atribuuti. Kuna ajaveebi jaoks on suure tõenäosusega kõik selles plokis olevad pildid suuruselt ühtsed, pole lahendus põhimõtteliselt halb ja tõhus. See on aga vaid erijuhtum, sest kui artiklis pilti pole, jääb vasakule lihtsalt tühi riba. See meile ei sobi. Otsime universaalset lahendust!

Ja kõige õigem lahendus, nagu sageli juhtub, on kõige lihtsam. Tekstiploki soovitud vormingu saavutamiseks peate väärtusega juurde pääsema ületäitumise atribuudile peidetud. Ärge unustage ainulaadset Internet Explorerit. Nagu tavaliselt, näitab ta end ja nõuab lisatähelepanu! Selleks, et meie vanamees normaalselt töötaks, lisame tekstiplokki float atribuudi (peale ülevoolu omadusele juurdepääsu pole kindlat laiust vaja määratleda).

Seega oleme jõudnud õige lahenduseni, mis toob kaasa meie ülesande tingimusi kirjeldavas alapeatükis pildil näidatud efekti.

Pilt ( hõljumine: vasakule; /*wrap */ veeris: 10px; /*väline polster ilu jaoks */ ekraan: inline; /* IE6 jaoks, et vasak veeris ei kahekordistuks */) . text( ületäitumine: peidetud; hõljumine: vasakule; )

Meetodi ja alternatiivi puudused

Vaatamata meetodi lihtsusele ja mitmekülgsusele, mis seisneb kasutamises ületäitumine:peidetud, on üks puudus. Atribuut ei täida enam oma funktsioone, kui tekstiosas kasutatakse rippmenüü elemente.

Sel juhul vajate soovitud vormingu konfigureerimiseks alternatiivi. See tehnika põhineb kombinatsiooni funktsionaalsusel ekraan:tabel-lahter;. See lahendus on sama tõhus, kuid lihtsuse poolest pisut halvem kui esimene meetod. Selle meetodi välja kutsumisel tuleb määrata ka paigutus Internet Exploreri keskkonnas töötama

Img ( float: vasakule; /* määrake mähis */ veeris: 10 pikslit; /* taane ilu jaoks */ ekraan: inline; /* IE6 jaoks, et vasak veeris ei kahekordistuks */) . text( display: table-cell; zoom: 1 ; /* Ettevaatust! String on kehtetu */ }

Ja sellel lahendusel on oma omadused, mida tuleb küljendamisel arvestada. Kui tekstiosa on piisavalt lühike, kuvatakse järgmine plokk tekstiklassiga plokist paremal. Selle vältimiseks tuleb tekstiplokk ja pilt panna eraldi konteinerisse.

Millistes brauserites see töötab?

6.0+	5.0+	9.5+	4.0+	3.0+	-	-

Selles artiklis vaatleme võimalusi teksti ümber mähimiseks. On mitmeid viise. Vaatame igaüht neist. Alustuseks soovitan lugeda artiklit html-märgend algteadmised html-lehtedel olevate piltide kohta.

1. Mähkimine sildistiilidega

Pilti saab joondada ainult CSS-i siltide stiilidega töötades . Nagu teate, võimaldab sildi süntaks määrata atribuutides pildi joonduse:

kus VALUE võib võtta väärtusi

• vasak - vasak joondus
• parem - parem joondus
• alumine – joondus teksti esimese rea järgi (see on vaikimisi)
• ülemine – joondus teksti ülemisele reale
• keskmine – joondus teksti põhireale

Näiteks

Tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst

Pilt näib olevat tekstiga kokku jäänud, nii et teeme mõned taanded. Lisaks on kaks võimalust, kuidas seda teha.

Valik 1.1. CSS-i atribuudi kaudu - hspace ja vspace
Selleks märgendi atribuutides lisage kaks väärtust:

See näeb lehel välja selline:

Atribuut hspace määrab horisontaalse täidise pikslites, vspace – vastavalt vertikaalse polsterduse.

Valik 1.2. CSS-i atribuudi kaudu - polster ja veeris
Selleks märgendi atribuutides lisage kaks väärtust:

See näeb lehel välja selline:

See näeb parem välja tänu sellele, et me ei teinud vasakpoolset taanet. Veerise asemel võite kasutada polsterdust, efekt on sarnane.

Joondamise asemel ujukomaduse kasutamine

Lisaks märgendi atribuutide joondamise atribuudile stiilidel on CSS-i ujuv omadus, mis vastutab ka joondamise eest. Süntaks on järgmine:

ujuk :parem; //Õige joondus ujuk:vasak;

//

Vasak joondus

Näiteks kui kirjutate pildi väljundi eelmises näites järgmiselt:

Seejärel muundub see järgmiseks:

Tänu ujukile saate piltidele määrata ühe klassi, mis on väga mugav.

2. Pildi läbivoolamine

Kõik pildid saab paigutada plokkidesse

. Ja sildi enda juurde määrake stiil lehe joonduse ja taandega.

MS Wordis töötades võib sageli tekkida vajadus dokumenti piltide abil illustreerida. Oleme juba kirjutanud, kui lihtne on pilti lisada, samuti sellest, kuidas sellele teksti peale panna. Mõnikord võib aga tekkida vajadus lisada lisatud pildi ümber teksti, mis on küll veidi keerulisem, kuid näeb palju kenam välja. Me räägime sellest selles artiklis.

Esiteks peaksite mõistma, et teksti ümber mähimiseks on mitu võimalust. Näiteks võib teksti paigutada pildi taha, ette või piki selle kontuuri. Viimane on ilmselt enamikul juhtudel kõige vastuvõetavam. Sellegipoolest on meetod kõigi eesmärkide jaoks üldine ja me läheme selle juurde.

1. Kui teie tekstidokumendil pole veel pilti, sisestage see meie juhiste järgi.

2. Vajadusel muutke pildi suurust, lohistades kontuuril asuvat markerit või markereid. Samuti saate pilti kärpida, muuta selle asukoha suurust ja piirjooni. Meie õppetund aitab teid selles.

3. Juhtpaneelil vahekaardi kuvamiseks klõpsake lisatud pildil "Formaat", mis asub põhiosas "Joonistega töötamine".

4. Vahekaardil „Format” klõpsake nuppu "Teksti ümberkujundamine" asub rühmas "Korralda".

5. Valige rippmenüüst sobiv teksti murdmise valik.

• "Tekstis"— pilt kaetakse tekstiga kogu ala ulatuses;

• "Kaadri ümber"(“Ruut”) - tekst paikneb ruudukujulise raami ümber, milles pilt asub;

• "Ülal või all"— tekst asub pildi üla- ja/või alaosas, samas kui külgedel olev ala jääb tühjaks;

• "Mööda kontuuri"— tekst paikneb pildi ümber. See valik on eriti hea, kui pilt on ümara või ebakorrapärase kujuga;

• "Läbi"— tekst liigub lisatud pildi ümber kogu perimeetri ulatuses, ka seestpoolt;

• "Teksti taga"— pilt asub teksti taga. Nii saate tekstidokumendile lisada vesimärgi, mis erineb MS Wordis saadaolevatest tavalistest vesimärkidest;

Märkus. Kui valite teksti murdmise võimaluse "Teksti taga", kui olete pildi soovitud asukohta teisaldanud, ei saa te seda enam redigeerida, kui ala, kus pilt asub, ei ulatu tekstist kaugemale.

• "Enne teksti"— pilt paigutatakse teksti peale. Sel juhul võib osutuda vajalikuks muuta kujunduse värvi ja läbipaistvust, et tekst jääks nähtavaks ja loetavaks.

Märkus. Erinevate tekstimurdmisstiilide nimed võivad Microsoft Wordi erinevates versioonides erineda, kuid murrangutüübid on alati samad. Otseselt meie näites kasutatakse Word 2016.

6. Kui teksti pole dokumendile veel lisatud, sisestage see. Kui teie dokument sisaldab juba teksti, mida soovite murda, liigutage pilt teksti kohal ja reguleerige selle asukohta.

Nõuanne: Katsetage erinevat tüüpi teksti murdmist, sest see, mis võib ühel juhul olla ideaalne, ei pruugi olla ideaalne teisel juhul.

Nagu näete, pole Wordis pildi ümber teksti mähkimine sugugi keeruline. Lisaks ei piira Microsofti programm teie tegevust ja pakub mitmeid valikuvõimalusi, millest igaüks saab kasutada erinevates olukordades.