Liigu sisu juurde
Juurdepääsetavus
 °C
Otsi informatsiooni, teenuseid jne

Veebilehe arendamine

Veebilehe arendamine

Eesmärgid:

  • Anda osalejatele ülevaade veebilehe loomise protsessist alates kavandist ja prototüübist kuni lõpliku arenduseni.
  • Selgitada HTML-i ja CSS-i põhitõdesid ning nende kasutamist veebilehe struktuuri ja kujunduse loomiseks.
  • Tutvustada JavaScripti põhialuseid ja selle rakendamist interaktiivsete elementide ning dünaamilise sisu lisamisel veebilehtedele.
  • Õpetada Figma tööriista kasutamist veebilehe maketi ja prototüübi loomiseks ning pakkuda vajalikke baasteadmisi.
  • Käsitleda veebilehe avaldamise etappe Githubi Pages'i kaudu, et tagada veebilehe kättesaadavus ja jagamine.
  • Pakkuda praktilisi oskusi veebilehtede loomiseks, mis on optimeeritud nii lauaarvutitele kui ka mobiilseadmetele.

Sisukirjeldus:
Figma tööriistade kasutamine wireframe'ide ja prototüüpide loomiseks;
Mobiiliversiooni maandumislehe disain – wireframe;
Töölauaversiooni maandumislehe disain – wireframe;
Mobiiliversiooni maandumislehe disain – prototüüp;
Töölauaversiooni maandumislehe disain – prototüüp;
HTML-i sissejuhatus – HTML-märgendid ja nende atribuudid;
CSS-i sissejuhatus – HTML-märgendite omadused ja box-model;
HTML-elementide animatsioon CSS-iga;
Paindlik disain CSS-grid abil;
Maandumislehe struktuuri loomine 
CSS-animatsioonide lisamine maandumislehele;
Maandumisleht ja paindlik disain CSS-gridi abil;
JavaScript ja hamburger-menüü lisamine maandumislehele;
JavaScript ja pildikarusselli loomine maandumislehele;
JavaScript ja külastajate tagasiside salvestamine veebilehitseja localstorage’i.

Viimati muudetud 09.09.2024