1
Structura folderului site-ului
Structura folderului site-ului
Toate fisierele site-ului trebuie sa fie in acelasi folder pentru a functiona corect link-urile.
📁 site-personal/
📄 index.html (pagina principala)
📄 despre.html (despre mine)
📄 proiecte.html (portofoliu)
📄 contact.html (contact)
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">
<title>Despre mine</title>
</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