Acesta e pasul in care se intampla magia. Dai AI-ului informatiile adunate la Pasul 1, si el iti genereaza un site web complet. Tu directionezi, el construieste.
Ai nevoie de un asistent AI care stie sa scrie cod. Alege unul din cele de mai jos — ambele sunt gratuite si functioneaza foarte bine:
Oricare alegi, rezultatul va fi acelasi: un site web complet generat din descrierea ta.
Primul pas: Du-te pe site, creeaza cont (dureaza 1 minut), si deschide un chat nou. Gata, esti pregatit.
Acesta e secretul intregului proiect. Copiezi textul de mai jos, inlocuiesti partile dintre [PARANTEZE] cu informatiile tale de la Pasul 1, si il lipesti in chat-ul AI.
Construieste un site web complet intr-un singur fisier HTML
pentru afacerea mea. Include CSS-ul direct in fisierul HTML
(in tag-ul <style>).
DETALII AFACERE:
- Nume: [NUMELE AFACERII]
- Domeniu: [ce face - ex: brutarie artizanala, service auto]
- Slogan: [SLOGANUL TAU]
- Descriere: [DESCRIEREA din 3-5 randuri]
SERVICII/PRODUSE:
[lista ta cu servicii si preturi daca ai]
CONTACT:
- Adresa: [ADRESA]
- Telefon: [TELEFON]
- Email: [EMAIL]
- Program: [PROGRAMUL]
DESPRE NOI:
[povestea afacerii tale]
CERINTE DESIGN:
- Design modern, profesional, responsive (sa arate bine
si pe telefon)
- Culori potrivite pentru domeniul afacerii
- Sectiuni: Hero (prima impresie), Servicii, Despre Noi,
Contact
- Font-uri de pe Google Fonts
- Animatii subtile la scroll
- Buton "Suna acum" vizibil
- Footer cu toate informatiile de contact
- Totul in limba romana
Pune placeholder-uri [POZA_1], [POZA_2] etc. unde trebuie
imagini - le inlocuiesc eu dupa.
Copiaza tot
Important: Inlocuieste TOATE partile dintre [PARANTEZE] cu informatiile tale reale. Nu lasa textul cu [NUMELE AFACERII] asa — scrie numele real. Daca nu ai o informatie, sterge acea linie.
Uite cum arata promptul completat cu datele Brutariei Bunicii de la Pasul 1. Al tau va arata similar, dar cu informatiile afacerii tale:
Construieste un site web complet intr-un singur fisier HTML
pentru afacerea mea. Include CSS-ul direct in fisierul HTML
(in tag-ul <style>).
DETALII AFACERE:
- Nume: Brutaria Bunicii
- Domeniu: brutarie artizanala cu produse traditionale
- Slogan: Paine ca pe vremuri, coapta cu suflet
- Descriere: Brutaria Bunicii produce paine artizanala si
produse de patiserie dupa retete traditionale, mostenite
de trei generatii. Folosim doar ingrediente naturale,
fara conservanti sau aditivi.
SERVICII/PRODUSE:
1. Paine integrala cu maia - 8 lei
2. Paine alba de casa - 6 lei
3. Covrigi cu susan - 3 lei/buc
4. Cozonac traditional - 45 lei
5. Placinte cu branza - 5 lei/buc
6. Cornuri cu ciocolata - 4 lei/buc
7. Torturi la comanda - de la 120 lei
8. Prajituri de casa - 15 lei/kg
CONTACT:
- Adresa: Str. Florilor nr. 12, Brasov
- Telefon: 0722 123 456
- Email: contact@brutariabunicii.ro
- Program: Luni-Vineri 06:00-20:00, Sambata 07:00-18:00,
Duminica 08:00-14:00
DESPRE NOI:
Brutaria Bunicii a fost fondata in 2005 de Maria Popescu,
care a mostenit retetele bunicii sale din satul Magura.
Astazi, fiul ei Andrei continua traditia, folosind acelasi
cuptor cu lemne si aceleasi retete care au incantat
generatii intregi.
CERINTE DESIGN:
- Design modern, profesional, responsive (sa arate bine
si pe telefon)
- Culori potrivite pentru domeniul afacerii
- Sectiuni: Hero (prima impresie), Servicii, Despre Noi,
Contact
- Font-uri de pe Google Fonts
- Animatii subtile la scroll
- Buton "Suna acum" vizibil
- Footer cu toate informatiile de contact
- Totul in limba romana
Pune placeholder-uri [POZA_1], [POZA_2] etc. unde trebuie
imagini - le inlocuiesc eu dupa.
AI-ul va genera un bloc MARE de cod. Nu te speria — e normal sa fie lung. Raspunsul va incepe cu ceva de genul:
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<title>Brutaria Bunicii</title>
...
Acesta e codul site-ului tau. In pasul urmator il salvezi ca fisier — dar intai, asigura-te ca esti multumit de rezultat.
AI-ul ti-a dat si explicatii? E normal — AI-ul adesea explica ce a facut. Nu trebuie sa citesti explicatiile acum. Codul e partea importanta (blocul mare care incepe cu <!DOCTYPE html>).
Daca prima varianta nu e exact ce vrei, nu accepta. Scrie in acelasi chat ce vrei sa schimbi, si AI-ul modifica instantaneu. Poti cere oricate schimbari vrei — nu exista limita.
Iata cateva exemple de cereri pe care le poti face:
Nu accepta prima varianta daca nu te reprezinta. Esti directorul artistic — spune-i AI-ului exact ce vrei, iar el face modificarile. Gandeste-te ca ai un constructor care lucreaza instantaneu si gratuit. Profita!
Cate modificari sa ceri? Minimum 1-2, ca sa inveti procesul. Dar poti continua pana cand site-ul arata exact cum vrei. Unii elevi ajung la 10-15 iteratii si obtin rezultate extraordinare.
Cand AI-ul iti genereaza site-ul, el scrie doua tipuri de cod:
HTML = structura paginii. E scheletul: titluri, paragrafe, imagini, butoane. Ca si scheletul unei case — camere, usi, ferestre.
CSS = designul paginii. Sunt "hainele": culori, fonturi, aranjament, spatii. Ca si finisajele casei — parchet, vopsea, decoratiuni.
Impreuna, HTML + CSS = un site web complet. AI-ul le scrie pe amandoua intr-un singur fisier, ca sa fie mai simplu pentru tine.
Nu trebuie sa intelegi codul acum. E ca si cum conduci o masina fara sa stii cum functioneaza motorul — si e perfect normal. Daca te intereseaza sa inveti cum functioneaza, la Pasul 7 gasesti resurse gratuite.