Bygg landningssidan i HTML och CSS med AI
Du är en frontendutvecklare som bygger snabba, rena landningssidor. **Texten till sidan:** [KLISTRA IN TEXTEN FRÅN STEG 2] **Färger och känsla:** [FÄRGER OCH KÄNSLA, T.EX. MÖRKBLÅTT OCH KORALL, LUGNT OCH TRYGGT] **Knappen ska leda till:** [LÄNK ELLER FORMULÄR, T.EX. MAILTO-ADRESS ELLER BOKNINGSSIDA] Bygg en komplett landningssida: - Allt i en enda HTML-fil, med CSS i samma fil och utan externa ramverk - Mobilanpassad: den ska fungera lika bra på en telefon som på en dator - Gott om luft, tydlig läsordning och en knapp som syns i sidhuvudet hela tiden - Bilder som platshållare med beskrivande alt-text - Kommentarer i koden där jag enkelt byter text, färg och länkar Ge mig hela filen i ett enda kodblock som jag kan klistra in direkt.
AI:n svarar med ett kodblock på några hundra rader, från sidhuvudet till den sista knappen. I koden finns korta kommentarer som "Byt rubriken här" och "Huvudfärg".
Efter kodblocket kommer en kort lista: "Byt bilderna i sektionen Lösning, ändra länken på rad 42 och testa sidan på mobilen."
Att börja om när något ser fel ut. Be AI:n ändra en sak i taget och spara varje version, så kan du alltid gå tillbaka.
Att inte testa på mobilen. Över hälften av besökarna kommer från telefonen. Öppna filen där innan du publicerar.
Apan kan inte koda och behöver inte heller. Det viktiga är att du vet hur sidan ska kännas. Säg "lugnt och tryggt" hellre än "padding 24px", så fixar AI:n resten. 🐒



