← Inapoi la Ghid
Pasul 3 din 7 · 15 min

Salveaza si Deschide

Ai primit codul de la AI. Acum il salvezi pe calculatorul tau si il deschizi in browser. In cateva minute vei vedea site-ul tau pentru prima data!

3.1 Copiaza codul de la AI

In fereastra de chat a AI-ului (Claude sau ChatGPT), vei vedea un bloc mare de cod. Acesta este site-ul tau!

  1. Gaseste blocul de cod in raspunsul AI-ului (arata diferit de textul normal, de obicei intr-o caseta gri sau neagra)
  2. Click pe butonul "Copy" (il gasesti de obicei in coltul din dreapta-sus al blocului de cod)
  3. Daca nu gasesti butonul Copy: selecteaza TOT codul cu mouse-ul (de la prima linie pana la ultima) si apasa Ctrl+C

Cum recunosti codul? Codul incepe intotdeauna cu <!DOCTYPE html> si se termina cu </html>. Daca vezi aceste doua elemente, ai tot ce trebuie. Copiaza TOT ce e intre ele (inclusiv cele doua linii).

3.2 Deschide un editor de text

Ai nevoie de un program special pentru a edita codul. Nu e complicat — trebuie doar sa il descarci si sa il deschizi.

Recomandat: Notepad++ (gratuit, simplu, perfect pentru inceput)

  1. Deschide browser-ul si mergi la notepad-plus-plus.org
  2. Click pe "Download" (butonul verde mare)
  3. Deschide fisierul descarcat si instaleaza: click Next → Next → Install → Finish

Alternativa: VS Code (mai avansat, dar excelent daca vrei sa inveti mai mult)

NU folosi Notepad-ul normal din Windows! Cel care vine pre-instalat cu Windows (Notepad simplu, fara ++) nu e potrivit pentru cod — nu coloreaza sintaxa si poate schimba formatul fisierului. Foloseste Notepad++ sau VS Code.

3.3 Salveaza fisierul

Acum lipesti codul copiat si il salvezi ca fisier HTML. Urmeaza pasii exact:

  1. Deschide Notepad++ (sau VS Code)
  2. Apasa Ctrl+V pentru a lipi codul copiat de la AI
  3. Click pe File → Save As (Salveaza ca...)
  4. Navigheaza la folderul site-NUMELE-AFACERII de pe Desktop (cel creat la Pasul 1)
  5. La "File name" (Nume fisier) scrie: index.html
  6. La "Save as type" selecteaza: "All files (*.*)"
  7. Click Save

FOARTE IMPORTANT: Fisierul trebuie sa se numeasca index.html (cu extensia .html, NU .txt!). Daca il salvezi ca index.html.txt nu va functiona. De aceea selectam "All files (*.*)" la pasul 6.

Acum folderul tau de pe Desktop ar trebui sa arate asa:

Structura folderului
Desktop/
  site-brutaria-bunicii/
    index.html        <-- fisierul tau principal
    sediu.jpg          <-- poza cu afacerea
    produs1.jpg        <-- poza cu un produs
    echipa.jpg         <-- poza cu echipa

3.4 Deschide in browser

Momentul adevarului! Acum vezi site-ul pentru prima data:

  1. Deschide File Explorer (tasta Windows + E)
  2. Navigheaza la Desktop → folderul site-NUMELE-AFACERII
  3. Gaseste fisierul index.html
  4. Double-click pe el
  5. Se deschide automat in Chrome, Firefox sau Edge

TADA! Acesta este primul tau site web!

Daca vezi doar text fara design: Verifica ca fisierul se numeste index.html (nu index.html.txt). In Windows, activeaza afisarea extensiilor: deschide File Explorer → click pe View (Vizualizare) din bara de sus → bifeaza "File name extensions" (Extensii nume fisiere). Acum poti vedea extensia reala.

Ce se intampla de fapt? (sectiune optionala, pentru curiosi)

Cand faci double-click pe index.html, browserul (Chrome, Firefox etc.) citeste fisierul HTML si il transforma in pagina vizuala pe care o vezi.

E ca si cum ai deschide o reteta de bucatarie: ingredientele (codul HTML) sunt transformate intr-un preparat vizual (pagina web). Browserul este "bucatarul" care stie sa interpreteze reteta.

Deocamdata site-ul exista doar pe calculatorul tau. Nimeni altcineva nu il poate vedea inca. In Pasul 5 il vom publica pe internet, ca oricine sa il poata accesa.

Checkpoint — verifica ca ai terminat tot:

✓
Am copiat codul de la AI
✓
Am instalat Notepad++ (sau VS Code)
✓
Am salvat fisierul ca index.html (nu .txt!)
✓
Am deschis fisierul in browser si vad site-ul