📝

Planificarea site-ului

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

🎯 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
📚 INVATA

Cum planificam un site web?

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!

📌 Structura tipica a unui site personal

Harta site-ului (Site Map)
🏠 index.html
Pagina principala
👤 despre.html
Despre mine
💻 proiecte.html
Portofoliu
📧 contact.html
Contact
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)

📋 Template de planificare

Numele site-ului:
ex: "Pagina lui Andrei" sau "TechWorld"
Scopul:
ex: "Sa ma prezint colegilor si profesorilor"
Numar pagini:
ex: 4 pagini (Acasa, Despre, Proiecte, Contact)
Culoare principala:
ex: Albastru sau Mov
Stil general:
ex: Modern/Dark mode sau Simplu/Luminos
✅ 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)
✅ VERIFICA

Hai sa vedem ce ai retinut!

1. De ce planificam inainte sa scriem cod?
Pentru ca profesorul ne obliga
Pentru a economisi timp si a nu uita elemente importante
Nu e necesar, putem incepe direct
2. Cum se numeste pagina principala a unui site?
main.html
index.html
home.html
3. Ce este un "Site Map"?
O harta geografica pusa pe site
Un fisier CSS pentru stiluri
O diagrama cu structura paginilor site-ului
4. Ce sectiune apare de obicei prima pe pagina principala?
Hero section - titlu mare de intampinare
Formularul de contact
Lista de proiecte
🎉

Excelent!

Ai terminat Lectia 1: Planificarea site-ului

+50 XP

Acum ai un plan clar pentru site-ul tau personal!

Continua la Lectia 2 →