Invatare Atomica

Planificarea site-ului

Progres lectie:
0%
🎯

Obiectivul lectiei

Inainte sa scriem cod, trebuie sa stim CE vrem sa construim. Un plan bun = un proiect de succes!

Dupa aceasta lectie vei putea:

  • Sa explici de ce planificam inainte
  • Sa utilizezi ce pune pe fiecare pagina
  • Sa aplici ✅ checklist pentru planificare

Incearca singur!

🎯 INCEARCA

Gandeste-te la site-ul tau!

Provocarea ta (5 minute):

1. Ia o foaie de hartie sau deschide Notepad

2. Scrie raspunsul la aceste intrebari:

  • Despre ce va fi site-ul tau?
  • Cate pagini va avea?
  • Ce vei pune pe fiecare pagina?
  • Ce culori iti plac?
💡 Ai nevoie de inspiratie? Click aici

Idei pentru site personal:

  • Prezentare personala (hobby-uri, interese)
  • Portfolio cu proiecte de scoala
  • Blog despre un subiect care te pasioneaza
  • Pagina de prezentare a echipei tale de gaming
1

De ce planificam inainte?

De ce planificam inainte?
Construiesti o casa fara un plan? Evident ca nu! La fel si cu site-ul - daca stim exact ce vrem, scriem codul mult mai usor si nu ne trezim la final ca am uitat ceva important.
Regula de aur: 1 ora de planificare poate economisi 10 ore de munca!
2

Ce pune pe fiecare pagina?

Ce pune pe fiecare pagina?

🏠 Pagina principala (index.html):

  • Titlu mare de intampinare (Hero section)
  • Scurta descriere - cine esti
  • Link-uri catre celelalte pagini

👤 Despre mine:

  • Poza ta (optional)
  • Hobby-uri si interese
  • Ce-ti place la informatica

💻 Proiecte:

  • Lista cu ce ai facut la TIC
  • Capturi de ecran
  • Descrieri scurte

📧 Contact:

  • Adresa de email (a scolii)
  • Link-uri sociale (optional)
3

✅ Checklist pentru planificare

✅ Checklist pentru planificare
  • Am decis tema site-ului
  • Stiu cate pagini voi avea
  • Am notat ce continut pun pe fiecare
  • Mi-am ales culorile preferate
  • Am desenat o schita simpla (optional)

Exercitii practice

Exercitiul 1 (Nivel minim) - Proiect web: Planificarea site-ului

Creeaza o pagina web pentru Planificarea site-ului

Cerinte obligatorii:

⭐ Bonus (pentru nota maxima):

  • Adauga interactivitate JavaScript simpla

Exercitiul 2 (Nivel standard) - Planificare site

Planifica un site pentru Planificarea site-ului:

  1. Ce pagini va avea?
  2. Ce culori si fonturi alegi?
  3. Ce continut include fiecare pagina?

Raspunde numerotat: 1. ... 2. ... 3. ...

Exercitiul 3 (Nivel performanta) - Compunere

Cerinta: Descrie structura site-ului tau Planificarea site-ului.

Indicii:

  • Mentioneaza paginile
  • Descrie navigarea
  • Explica alegerea design-ului

Cuvinte cheie de folosit: site, pagina, navigare, HTML, CSS, design

Ce ai invatat astazi

  • Ai invatat de ce planificam inainte
  • Acum stii ce pune pe fiecare pagina
  • Ai descoperit ✅ checklist pentru planificare

Urmatoarea lectie

Continua cu lectia urmatoare pentru a aprofunda cunostintele.

Continua →