🚀

Publicarea site-ului

Site-ul tau e gata! E timpul sa-l punem pe internet ca toata lumea sa-l poata vedea!

🎯 INCEARCA

Creeaza un cont GitHub!

Provocarea ta (10 minute):

1. Du-te la github.com

2. Apasa "Sign up" si creeaza un cont gratuit

3. Foloseste email-ul scolii sau personal

4. Alege un username simplu (va aparea in URL-ul site-ului!)

🔗 Creeaza cont GitHub
💡 De ce GitHub? Click aici

GitHub este platforma nr. 1 pentru programatori din toata lumea. Ofera:

  • Gazduire GRATUITA pentru site-uri statice
  • URL personalizat (username.github.io)
  • Folosit de milioane de developeri
  • Arata profesional pe CV!
📚 INVATA

Optiuni de publicare (hosting)

Ce inseamna "hosting"?
Hosting (gazduire) inseamna sa pui fisierele site-ului pe un server conectat la internet, 24/7, astfel incat oricine sa poata accesa site-ul tau.
Analogie: Hosting = un apartament pentru site-ul tau pe internet

🏠 Optiuni gratuite de hosting

GitHub Pages
https://username.github.io
  • 100% gratuit
  • Usor de folosit
  • URL profesional
  • Perfect pentru portofolii
Netlify
https://site-name.netlify.app
  • Gratuit pentru proiecte mici
  • Drag & drop upload
  • HTTPS automat
Vercel
https://site-name.vercel.app
  • Gratuit pentru uz personal
  • Foarte rapid
  • Integrare GitHub

💻 Publicare pe GitHub Pages - Pas cu pas

Procesul de publicare:

👤
Cont GitHub
→
📁
Repository nou
→
📤
Upload fisiere
→
🌐
Site LIVE!
  • Logheaza-te pe GitHub
    Du-te la github.com si intra in cont
  • Creeaza un repository nou
    Click pe "+" (colt dreapta sus) → "New repository"
    IMPORTANT: Numeste-l exact: username.github.io
    (inlocuieste "username" cu username-ul tau)
  • Upload fisierele
    Click "uploading an existing file" → trage toate fisierele HTML si CSS
  • Commit changes
    Scrie un mesaj (ex: "First version") → Click "Commit changes"
  • Activeaza GitHub Pages
    Settings → Pages → Source: "Deploy from a branch" → Branch: main → Save
  • Asteapta 1-2 minute
    Site-ul tau va fi disponibil la: https://username.github.io

URL-ul tau va arata asa:

🔒 https:// username .github.io
💡 Sfaturi importante
  • index.html OBLIGATORIU - Pagina principala trebuie sa se numeasca exact "index.html"
  • Litere mici - Foloseste doar litere mici in numele fisierelor
  • Fara spatii - Inlocuieste spatiile cu "-" (despre-mine.html)
  • Testeaza local inainte - Verifica ca totul functioneaza pe calculator
✅ Checklist inainte de publicare
  • ☐ Toate link-urile functioneaza
  • ☐ Imaginile se incarca corect
  • ☐ Textul e verificat (fara greseli)
  • ☐ Site-ul arata bine pe mobil
  • ☐ index.html exista in folder
✅ VERIFICA

Hai sa vedem ce ai retinut!

1. Ce este "hosting"?
Un program de editare
Gazduirea fisierelor site-ului pe un server conectat la internet
Un limbaj de programare
2. Cum trebuie numit repository-ul pentru GitHub Pages?
site-personal
my-website
username.github.io
3. Ce fisier trebuie sa existe obligatoriu pentru pagina principala?
index.html
main.html
home.html
4. Cat costa GitHub Pages?
5 euro pe luna
Este gratuit
10 euro pe an
🎉

Incredibil!

Ai terminat Lectia 5: Publicarea site-ului

+100 XP

Site-ul tau e acum LIVE pe internet! Mai ramane doar lectia finala - prezentarea proiectului!

Continua la Lectia finala →