1
Structura folderului site-ului
Structura folderului site-ului
Fisierele unui site cu mai multe pagini se organizeaza intr-o structura de foldere: fisierele HTML stau in folderul radacina, iar resursele (CSS, imagini) in subfoldere separate. Organizarea clara face proiectul usor de gestionat si extins.
site-personal/
index.html (pagina principala)
despre.html (despre mine)
proiecte.html (portofoliu)
contact.html (contact)
css/
style.css (stilizarea site-ului)
images/
poza-profil.jpg (imaginile tale)
2
Exemplu complet: despre.html
Exemplu complet: despre.html
Iata cum arata o pagina completa cu meniu de navigare:
despre.html
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Despre mine</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- MENIU - la fel pe toate paginile! -->
<nav>
<a href="index.html">Acasa</a> |
<a href="despre.html">Despre mine</a> |
<a href="proiecte.html">Proiecte</a> |
<a href="contact.html">Contact</a>
</nav>
<main>
<h1>Despre mine</h1>
<h2>Cine sunt?</h2>
<p>Ma numesc [Numele tau] si sunt elev in clasa a 7-a.</p>
<h2>Hobby-urile mele</h2>
<ul>
<li>Programare</li>
<li>Jocuri video</li>
<li>Citit</li>
</ul>
<h2>Ce imi place la informatica?</h2>
<p>Imi place sa creez lucruri noi si sa rezolv probleme.</p>
</main>
<footer>
<p>© 2026 [Numele tau]</p>
</footer>
</body>
</html>
3
💡 Sfaturi importante
💡 Sfaturi importante
- Meniul identic - Copiaza exact acelasi meniu pe toate paginile
- Numele fisierelor - Foloseste litere mici, fara spatii (ex: despre.html, nu Despre Mine.html)
- Verifica link-urile - Testeaza fiecare link sa te asiguri ca functioneaza
- Inapoi la Acasa - Mereu include link catre index.html
4
✅ Checklist pentru aceasta lectie
✅ Checklist pentru aceasta lectie
- ☐ Am creat despre.html
- ☐ Am creat proiecte.html
- ☐ Am creat contact.html
- ☐ Am adaugat meniul de navigare pe toate paginile
- ☐ Toate link-urile functioneaza