Kuidas luua oma esimest veebilehte (HTML, CSS, Bootstrap, JS, PHP)?

Koolituse eesmärk: anda teadmised ja oskused, kuidas luua ise täiesti nullist toimivat veebilehte.

Veebilehe loomiseks kasutame järgnevaid tehnoloogiaid ja raamistikke: HTML, CSS, Bootstrap, JavaScript, PHP. E-kursuse käigus valmib toimiv kaasaegne näidisveebileht, mida saab soovi kasutada ka enda ettevõtte jaoks. Lisaks tutvume mitmete kasulike abivahendite/tööriistadega, mis Sind sellel teekonnal aitavad.

Sihtgrupp: koolitus on mõeldud kõigile, kes huvituvad veebisaidi tegemisest alustades täitsa algusest; sobib hästi algajatele.

Koolituse sisu:

• Sissejuhatus
  • Kuidas veebilehed toimivad?
  • Veebileht koodi vaates
  • Tüüpiline veebilehe struktuur
  • Uue veebisaidi loomise protsess
  • Koodikirjutamise tarkvara
• HTML – veebisaidi elemendid
  • Esimene HTML leht
  • HTML: dokumendi struktuur, pealkirjad, tekstilõik
  • HTML: nimekirjad
  • HTML: tekst
  • HTML: kommentaarid
  • HTML: pildid
  • HTML: viited
  • HTML: tabel
  • HTML: vorm, video, muud elemendid
• CSS – veebisaidi kujundus
  • CSS: süntaks, kasutusvõimalused, värvide muutmine
  • CSS: töö tekstiga, kommentaarid
  • CSS: klassid ja ID-d, taustavärvi muutmine
  • CSS: nn kastimudel, polster, ääristus, veeris
  • CSS: erinevate elementide valimine
  • CSS: reavahe, kaldkiri, teksti suurus, kirjatüübi muutmine, Google Fonts
  • CSS: pilt, taustapilt, muster, läbipaistmatus
  • CSS: px, em, rem
  • CSS: muudame Delfi.ee CSS koodi
• Näidisprojekt „Upstarter“ (ettevõtte veebisait)
  • Bootstrap ja selle lisamine
  • Projekti kataloogistruktuur ja vajalikud failid, näidisprojekti tutvustus
  • Soovitud fonti lisamine, teksti ja tausta värv
  • Avaleht, teenused, ikoonide lisamine, hinnakiri, tagasiside, meeskond, bänner, jalus
  • Kontaktivormi HTML ja CSS
  • Scrollspy, tagasi üles nupp
  • Google analüütika lisamine
  • Kontaktivormi PHP, AJAX
  • Erinevatele ekraanisuurustele optimeerimine
  • Paigaldamine ja avaldamine veebimajutuse teenuse abil
  • Laadimiskiirus ja selle optimeerimine
  • Koodi valideerimine ja vigade parandamine
  • Erinevate alalehtede tekitamine PHP abil
  • Kokkuvõte

Koolituse maht: 16 akadeemilist tundi, millest 6 ak. h kulub video vaatamiseks ning ülejäänud aeg ise läbi tegemiseks, harjutamiseks ning testide läbimiseks.

E-koolituse edukal lõpetamisel õppija oskab luua veebilehte (peamiselt kasutades HTML, CSS, Bootstrap, vähesel määral JS, PHP)

Koolituse kirjeldus:

• E-kursuse eesmärk on anda teadmised ja oskused, kuidas luua ise täiesti nullist toimivat veebilehte. Veebilehe loomiseks kasutame järgnevaid tehnoloogiaid ja raamistikke: HTML, CSS, Bootstrap, JavaScript, PHP.
• E-kursuse käigus valmib toimiv kaasaegne näidisveebileht, mida saab soovi kasutada ka enda ettevõtte jaoks. Lisaks tutvume mitmete kasulike abivahendite/tööriistadega, mis Sind sellel teekonnal aitavad.
• E-kursuse läbimine ei tee Sinust programmeerijat/arendajat, küll aga võib anda tõuke edasisteks õpinguteks selles valdkonnas või olla heaks sissejuhatuseks veebiarenduse maailma.
• Kursuse läbimine tuleb kindlasti kasuks ka juhul, kui kasutad igapäevaselt sisuhaldustarkvara (nt WordPress), aga tahaksid osata rohkem koodi tasandil aru saada või muuta.
• Tegemist on videopõhise e-kursusega, mida saad läbida “vaata ja tee kaasa” meetodil endale sobivas tempos meie e-õppe keskkonnas.
• Vajalik on arvuti ja internetiühenduse olemasolu ning elementaarsed arvutikasutamise oskused.
• E-kursuse hinnas sisaldub 6 kuud tasuta veebimajutust.
• E-kursuse hinnas ei sisaldu koolitajapoolne konsultatsioon
• Pärast registreerimisvormi täitmist ja arve tasumist saadame Sulle e-kirja ligipääsuga e-kursusele.