Uzzini, kā profesionāli izstrādātāji plāno, kodē un publicē tīmekļa lapas.
Tu uzstādīsi VSCode, iemācīsies git un uzbūvēsi savas spēles HTML skeletu.
No izstrādes vides uzstādīšanas līdz spēles projekta dokumentācijai.
Uzstādi VSCode, iepazīsti termināli un izveido pirmo git repozitoriju.
Uzzini par semantiskiem tagiem un uzbūvē spēles lapu no nulles.
Analizē esošās spēles, identificē lietotāju vajadzības un mērķauditoriju.
Izveido spēles dizaina dokumentu ar mērķiem, mehānikām un auditoriju.
Apgūsti lietotājpieredzes principus un izveido spēles ekrānu skices.
Sagatavo tehnisko dokumentāciju un prezentē savu spēles ideju.
Visbiežāk lietotie tagi un HTML5 dokumenta skelets.
| Tags | Nozīme | Piemērs |
|---|---|---|
<h1>–<h6> | Virsraksti (1 = lielākais) | <h1>Spēle</h1> |
<p> | Paragrāfs / rindkopa | <p>Teksts</p> |
<a href> | Saite uz lapu | <a href="/">Mājas</a> |
<img src> | Attēls | <img src="spele.png" alt=""> |
<div> | Bloka konteiners | <div class="spele">...</div> |
<span> | Rindas konteiners | <span>teksts</span> |
<ul><li> | Nenumurēts saraksts | <ul><li>Vienums</li></ul> |
<header> | Lapas galvene | <header>...</header> |
<main> | Galvenais saturs | <main>...</main> |
<footer> | Lapas kājene | <footer>...</footer> |
<section> | Tematiska sadaļa | <section id="spele">...</section> |