Web Fundamentals (Estonian)

Learn the building blocks of web development with HTML and CSS, and create your own website by the end of the course.
Start

Sissejuhatus HTML-i

HTML-i alused

Sissejuhatus HTML-i

Tee ise oma veebileht

Nüüd, kui sa oskad HTML-i koodi, võid teha päris oma veebilehe. Hakkame peale!

HTML-i struktuur: loendite kasutamine

HTML-i alused II

Nüüd, kui sa oskad veebilehte ehitada, õpime juurde, kuidas seda ilusamaks muuta. Lehele saab lisada loendeid, muuta kirjatüüpi ja teha veel muud huvitavat.

Sotsiaalvõrgustiku profiil

Uskumatu küll, aga nüüd oskad sa juba piisavalt HTML-i, et teha ise oma sotsiaalvõrgustiku profiili! Hakkame peale.

HTML-i struktuur: tabelid, div ja span

HTML-i alused III

Lõigud ja loendid on küll toredad, aga mõnikord võib olla vaja kodulehte natuke keerulisemalt küljendada. Lisada tabeleid, elemente, nagu div ja span!

Interaktiivne pildilehekülg

Kas sa oled kunagi mõelnud, et võiks teha samasuguse pildialbumi, nagu oled näinud Facebookis või Pinterestis? Selleks pole vaja muud kui tabelit.

Sissejuhatus CSS-i

CSS: Ülevaade

CSS (Cascading Style Sheets ehk kaskaadilaadistik) on see, mis annab HTML-lehtedele ilusa väljanägemise. HTML-struktuur on sul kenasti paigas, nüüd on aeg veebilehte kujundama hakata!

Kujunda oma veebilehele üks nupp

Nüüd, kui sa juba natuke CSSi oskad, saad oma veebilehtedele ilusaid nuppe teha.

CSS: klassid ja ID-d

CSS-i selektorid

Oled natuke CSS-ist aimu saanud, nüüd on aeg rääkida täpsemalt selektoritest, nagu hulgiselektoritest (multiple selectors), universaalselektoritest (universal selectors), klassiselektoritest (class selectors) ja ID-selektoritest (ID selectors).

Sõprade sortimine

Küllap sul on sotsiaalvõrgustikes palju sõpru, kes ei ole siiski mitte kõik päris sõbrad: nende hulgas on arvatavasti tuttavaid, pereliikmeid, töökaaslasi, klassikaaslasi ja nii edasi. Sordime need CSS-iga ära!

CSS: elementide paigutus

Huvialade loetelu

Nüüd, kui sa oskad HTML-i elemente täpselt enda soovi kohaselt kujundada, on aeg õppida paigutama neid lehel sinna, kus sa soovid, et need asuksid.

Kirjuta oma resümee

Kas oled valmis (ära pikali kuku)... töökohta vahetama?