Programma ir paredzēta tiem, kas vēlas iemācīties HTML un CSS valodas ar mērķi apgūt šo valodu iespējas, uzvedības īpatnības un elementu izkārtošanu web lapā. Programmas apgūšanas rezultātā izglītojamais spēs veidot izkārtojumu tipiskām web-lapām.
Programma sastāv no ievadlekcijām, kā arī lekcijām, kas demonstrē HTML un CSS valodu pēdējo versiju iespējas. Paralēli, izglītojamajam praktiskā darba ietvaros tiek uzdots projekts, kura iesniegšana būs obligāts kritērijs lai pabeigtu programmu. Pie tam, izglītojamais var apmeklēt konsultācijas, kurās pasniedzējs strādā ar katru individuāli un palīdz izkārtot projektu.
Programmas saturs
1. Ātrais starts (4 lekcijas pa 3 ak. stundām + 2 konsultācijas pa 3 ak. stundām)
- Iepazīšanās ar tehnoloģijām:
- Nianses darbā ar pārlūkprogrammām (dzinēji, web-inspektors, paplašinājumi). Darbs ar teksta redaktoru (IDE), ātrie taustiņi, plagini. Web-lapu formātu, stilu un komponentu izzināšana. Mērvienības. Semantikas jēdziens.
- Datorgrafikas pamati (Adobe Photoshop). Grafiskie formāti, krāsu modeļi. Attēlu eksports.
- HTML un CSS pamati:
- HTML tegi un atribūti. Pamata elementu kopums. Teksta uzvedības īpatnības. Linki un darbs ar URL-adresēm. Attēlu ievietošana HTML. HTML mnemonikas.
- CSS sintakses pamati (selektori, īpašības, nozīme). CSS pieslēgšana HTML. Pamatdarbs ar web-inspektoru, kodēšanas stili. Koda validatoru izmantošana (W3C Validator, CSS Lint).
Ņemot vērā turpmākās tēmas, katrai grupai individuāli tiek sastādīts nodarbību grafiks. Tēmas var būt apskatītas arī citā secībā, t. i. atļauts lekciju apmeklējums kopā ar citām grupām.
2. HTML un CSS (12 lekcijas pa 3 ak. stundām + 12 konsultācijas pa 3 ak. stundām)
- Rindas elementi:
- Rindas elementu komplekts.
- Teksta un fonta noformēšana. Web fonts.
- Bloku elementi:
- Bloku elementu un sarakstu komplekts.
- Bloku modelis. Doctype, DTD, quirks/standards mode jēdziens.
- «Plūsmas», «peldošo» elementu (float), plūsmas attīrīšanas (clear) izzināšana.
- Bloka pozicionēšana, plūsmas pārpildīšana/izolēšana (overflow).
- Darbs ar fonu un bloka efektiem. Sarakstu noformēšana.
- Darbs ar tabulām. Kolonnas un flexbox-elementi.
- Formas. Multimedija: video, audio un citu objektu ievietošana.
- Adaptīvais dizains (Responsive design)
- Elementu transformācija un stāvokļu pārejas. Animācija.
- Tehniskie elementi. Pseido-elementi, pseido-klasses. Eksperimentālie UI elementi. Drukāšanas versijas. Izkārtošana cilvēkiem ar speciālām vajadzībām.
Programmas noslēgumā, veiksmīgi iesniegta projekta gadījumā, izglītojamajam būs iegūtas nepieciešamās zināšanas un iemaņas patstāvīgam darbam kā izkārtotājam bāzes līmeņa web-lapām, kā arī Webskolas sertifikāts par šī kursa apguvi.
Sertifikāts
Kursa noslēgumā izglītojamajam tiek piešķirts Webskolas sertifikāts par neformālās izglītības programmas «Web lapu izkārtošana» apguvi.