Taso 1 8 vuodesta

Rakentaja 🧱

Tällä tasolla rakennat koko verkkosivusi käyttäen HTML:ää (sivun runko) ja CSS:ää (sen ulkoasu). Lopussa verkkosivusi on oikeassa internet-osoitteessa.

Et ole vielä valmistellut tietokonetta? Käy ensin läpi Valmistautuminen.

Ladataan edistymistäsi…

  1. Miten verkkosivu toimii ja ensimmäinen sivusi Opi, mitä tapahtuu kun kirjoitat osoitteen selaimeen, ja rakenna verkkosivusi perusta. ⏱ 20 minuuttia
  2. Otsikot, kappaleet ja listat Täytä sivusi oikealla sisällöllä ja opi järjestämään se selkeästi. ⏱ 25 minuuttia
  3. Kuvat Lisää valokuvia ja kuvia verkkosivullesi – ja opi pitämään ne siististi kansiossa. ⏱ 20 minuuttia
  4. Linkit ja toinen sivu Verkkosivusi ei ole enää vain yksi sivu. Rakennat toisen ja yhdistät ne linkeillä. ⏱ 25 minuuttia
  5. Otsikko, valikko ja alatunniste Anna sivullesi oikea rakenne kuten oikeilla verkkosivuilla: yläosassa otsikko valikolla, alhaalla alatunniste. ⏱ 25 minuuttia
  6. Ensimmäinen CSS: sivu saa värit Tutustu CSS-kieleen ja katso verkkosivusi lakkaavan näyttämästä vuodelta 1995. ⏱ 25 minuuttia
  7. Fontit ja luokat Valitse verkkosivullesi kunnon fontti ja opi luokista – hyödyllisimmästä tempusta koko CSS:ssä. ⏱ 25 minuuttia
  8. Laatikot ja välit Löydä CSS:n suurin salaisuus: kaikki sivulla on laatikko. Ja opi siirtämään niitä. ⏱ 30 minuuttia
  9. Flexbox: oikea valikko Opi asettamaan laatikot vierekkäin, ja valikkosi näyttää oikealta verkkosivulta. ⏱ 30 minuuttia
  10. Kortit ja valokuvagalleria Rakenna kaksi suosituimmista osista moderneissa verkkosivuissa: sisältökortit ja kuvien ruudukko. ⏱ 35 minuuttia
  11. Alatunniste ja viimeistely Viimeistele verkkosivusi ulkoasu: alatunniste, pienet yksityiskohdat jotka tekevät suuren vaikutuksen, ja lopputarkistus. ⏱ 25 minuuttia
  12. Julkaise verkkosivusi internetissä Iso finaali: verkkosivusi saa oikean osoitteen jonka voit lähettää kenelle tahansa maailmassa. ⏱ 35 minuuttia