Portfolio Personal Online
Construiesti un site real cu lucrarile, performantele si povestea ta artistica. Pleci cu un link live pe care il pui pe CV.
🎯 Obiectivul misiunii
La finalul celor 2 ore, fiecare elev are un site-portfolio personal publicat online, cu URL propriu, pe care il poate trimite oricui. Nu e un exercitiu — e un instrument profesional real.
✓ Rezultat: un-nume.netlify.app — live pe internet🎨 Alege-ti template-ul
Primesti un starter kit HTML gata facut. Tu il personalizezi cu datele, culorile si lucrarile tale. Trei stiluri, acelasi rezultat profesional.
1 Pregateste materialele (10 min)
Ce ai nevoie inainte sa incepi
Aduna aceste materiale pe desktop, intr-un folder cu numele tau:
- 3-5 fotografii cu lucrarile tale (picturi, partituri, momente de concert, instrumente)
- O poza de profil (sau avatar)
- Un text scurt (3-5 randuri) despre tine: cine esti, ce faci, ce instrument cantezi
- Titluri pentru fiecare lucrare/performanta
- Optional: link YouTube/SoundCloud cu o inregistrare
Tip muzicieni: Daca ai inregistrari audio/video, le poti include in portfolio. Un link YouTube sau SoundCloud e suficient — nu trebuie sa incarci fisierele.
2 Deschide template-ul (5 min)
Descarca si deschide in editor
Profesorul iti da un fisier ZIP cu template-ul ales. Il dezarhivezi si deschizi index.html in editorul de text (Notepad++ sau VS Code).
Structura folderului:
portfolio-NumeleTau/
index.html <-- pagina principala
style.css <-- stiluri (culori, fonturi)
images/ <-- folder pentru pozele tale
profil.jpg
lucrare1.jpg
lucrare2.jpg
3 Personalizeaza continutul (30 min)
Inlocuieste textul si imaginile
In index.html, cauta textele marcate cu SCHIMBA_AICI si inlocuieste-le cu datele tale:
<h1>SCHIMBA_AICI_Numele_Tau</h1>
<p>SCHIMBA_AICI_Descriere_scurta</p>
<!-- Devine: -->
<h1>Maria Ionescu</h1>
<p>Pianista. Absolvent Liceul de Arte Victor Brauner, 2026.</p>
Pentru imagini, copiaza pozele in folderul images/ si actualizeaza numele in HTML:
<img src="images/lucrare1.jpg" alt="Recital pian - Sala de Concert">
Tip: Pentru muzicieni — adauga un link YouTube sau SoundCloud in sectiunea "Performante":
<!-- Video YouTube -->
<iframe width="100%" height="315"
src="https://www.youtube.com/embed/ID_VIDEO"
allowfullscreen></iframe>
<!-- Audio SoundCloud -->
<iframe width="100%" height="166"
src="https://w.soundcloud.com/player/?url=LINK">
</iframe>
4 Personalizeaza culorile (10 min)
Fa-l al tau
In style.css, gaseste sectiunea :root si schimba culorile:
:root {
--primary: #ec4899; /* culoarea ta principala */
--bg: #0a0a12; /* fundal */
--text: #f1f5f9; /* text */
--accent: #8b5cf6; /* accent */
}
Idei de palete pentru muzicieni:
- Clasic elegant: auriu (#D4AF37) + negru (#111) + alb (#F5F5F5)
- Jazz cool: albastru (#1E40AF) + gri (#374151) + portocaliu (#F97316)
- Rock bold: rosu (#DC2626) + negru (#0A0A0A) + alb (#FFF)
- Pop fresh: roz (#EC4899) + violet (#8B5CF6) + alb (#FFF)
5 Publica online (15 min)
Site-ul tau, live pe internet
Pasii pentru publicare pe Netlify (gratuit, fara card):
- Intra pe app.netlify.com (cont cu Google/email)
- Click "Add new site" > "Deploy manually"
- Trage folderul
portfolio-NumeleTauin zona de upload - Asteapta 30 secunde — primesti un link
ceva-random.netlify.app - Click "Domain settings" > schimba in
numele-tau.netlify.app
Gata! Site-ul tau e acum live. Trimite link-ul pe WhatsApp, pune-l pe Instagram bio, adauga-l pe CV. E al tau pentru totdeauna.
6 Verifica si impartaseste (10 min)
Deschide pe telefon si arata-l colegilor
Deschide link-ul pe telefonul mobil. Arata bine? Imaginile se vad? Textul e lizibil?
Trimite link-ul unui coleg si cere feedback. Ce i-a placut? Ce ar schimba?