yhelehelineveeb

Tere tulemast!

Mis on HTML?

HTML ehk HyperText Markup Language on veebilehtede koostamiseks kasutatav märgistuskeel, mis määrab ära lehe põhistruktuuri ja sisu. Seda võib pidada iga veebilehe vundamendiks, sest just HTML-i abil luuakse tekstilõigud, pealkirjad, loendid, lingid, pildid ja muud sisuelemendid. HTML-i eripäraks on see, et ta ei ole programmeerimiskeel, vaid kirjelduskeel – selle ülesanne on anda veebibrauserile juhised, kuidas infot ekraanil esitada. HTML koosneb elementidest, mida tähistatakse nurksulgudes olevate siltidega. Tavaliselt on igal elemendil avasilt ja lõpetussilt, mille vahele asetatakse sisu. Näiteks P tähistab lõiku ja h2 suurimat pealkirja taset. Aastate jooksul on HTML-i edasi arendatud, tänapäeval kasutatakse laialdaselt versiooni HTML5, mis toetab lisaks tekstile ja piltidele ka multimeediat, graafikat ning interaktiivseid elemente. Täieliku veebilehe loomiseks ei piisa siiski ainult HTML-ist – koos temaga kasutatakse kujundamiseks CSS-i ja dünaamiliste funktsioonide lisamiseks JavaScripti. Lihtsalt öeldes: HTML kirjeldab, mis lehel on – pealkirjad, lõigud, pildid, lingid, tabelid, vormid jne.Ilma HTML-ita poleks veebilehti sellisel kujul, nagu me neid näeme.

Mis on CSS?

CSS ehk Cascading Style Sheets on stiililehtede keel, mida kasutatakse HTML-i abil loodud veebilehtede kujundamiseks ja visuaalse ilme määramiseks. Kui HTML annab lehele struktuuri ja sisu, siis CSS vastutab selle eest, kuidas see sisu ekraanil välja näeb – näiteks millised on värvid, fondid, suurused, vahed, paigutus ja animatsioonid. CSS töötab reeglite põhimõttel: igale HTML-i elemendile saab määrata kindlad omadused ja väärtused. Näiteks saab P lõigule määrata sinise teksti värvi või h2 pealkirjale suurema kirjasuuruse. CSS-i tugevuseks on ka eraldatus HTML-ist, mis tähendab, et kujundus ja sisu hoitakse lahus. See muudab veebilehtede arendamise lihtsamaks, sest ühe stiililehe kaudu saab muuta korraga terve saidi välimust. Tänapäeval kasutatakse palju ka paigutussüsteeme nagu Flexbox ja CSS Grid, mis võimaldavad luua keerukamaid, paindlikumaid ja responsiivseid kujundusi, mis kohanduvad erinevate ekraanide ja seadmete jaoks.

Mis on Lorem ja kuidas see töötab?

Lorem ipsum on näidistekst, mida kasutatakse disainis ja küljenduses selleks, et täita ajutiselt teksti jaoks ette nähtud alasid, ilma et peaks kohe pärissisu kasutama. Seda nimetatakse sageli ka "täitetekstiks" või "pimedaks tekstiks". Näidisteksti eesmärk on anda ettekujutus, kuidas lõplik leht, dokument või veebileht hakkab välja nägema, kui tegelik sisu sinna hiljem lisatakse. Kõige tuntum variant algab sõnadega "Lorem ipsum dolor sit amet…", mille juured ulatuvad tagasi antiikaja ladina kirjandusse. Tegemist ei ole tegelikult arusaadava ladina keelega, vaid osaliselt muudetud ja segatud lõiguga, et tekiks loomuliku keele rütm, kuid ilma tähendusrikka sisuta. Praktikas töötab lorem ipsum nii, et arendajad, disainerid või küljendajad lisavad selle oma projektidesse – näiteks veebilehe prototüüpi või trükimaterjali kujundusse. Paljudel tööriistadel ja koodiredaktoritel on sisseehitatud võimalus genereerida suvalise pikkusega lorem ipsum teksti, näiteks käsuga lorem50 saab lisada 50 sõna. See on kasulik, sest tõeline tekst võib olla erineva pikkusega, kuid näidistekst annab hea visuaalse ettekujutuse lõppresultaadist. Kuigi lorem ipsum ei kanna tähendust, aitab see vältida olukorda, kus disainitöös kasutatakse päris teksti, mis võib tähelepanu hajutada. Nii saab keskenduda ainult paigutusele, värvidele ja üldisele kujundusele.