Hvis vi skulle lave en hjemmeside for en kunde, m\u00e5ske bare for et \u00e5r siden. s\u00e5 ville vi have tilbudt en en leveringstid p\u00e5 to-tre uger og en pris p\u00e5 et flere tusinde kroner \u2013 selv hvis der bare var tale om en simpel hjemmeside. I tirsdags sidder vi hen over en frokost p\u00e5 vores konto i Odense, og bygger og lancerede en hjemmeside for en kunde p\u00e5 bare 30 minutter.<\/p>\n\n\n\n
Spol l\u00e6ngere frem til 2027, og hele arbejdsgangen vil v\u00e6re forandret. Specielt her i Danmark, hvor vi er hurtige til at optage ny teknologi, oplever vi, at flere og flere ejere af sm\u00e5 virksomheder, freelancere og bureauteams indser, at de ikke l\u00e6ngere beh\u00f8ver et stort budget eller en datalog-uddannelse for at f\u00e5 en hjemmeside eller webshop online.<\/p>\n\n\n\n
I denne artikel vil vi dele vores erfaringer med dig i forhold til, hvordan man faktisk bygger hjemmesider i dag, hvilke v\u00e6rkt\u00f8jer der er v\u00e6rd at bruge tid p\u00e5, og hvordan du kan f\u00e5 mest muligt gavn af dem.<\/p>\n\n\n\n
For at v\u00e6re helt \u00e6rlig var den kode, AI leverede i begyndelsen, alts\u00e5 m\u00e5ske tilbage slut 2024, ikke s\u00e6rlig god. Den var ofte rodet og un\u00f8digt omfangsrig, og f.eks. ChatGPT glemte nogle gange helt dele af koden, n\u00e5r skulle levere den tilbage med rettelser i.<\/p>\n\n\n\n
I dag kan avancerede samtalebaserede AI-modeller som ChatGPT (inkl. Codex), Claude<\/a> og Google Gemini generere fuldt funktionsdygtige hjemmesider med \u00e9n side, responsive gitterlayouts og flotte typografiark direkte ud fra en beskrivende tekstinstruktion.<\/p>\n\n\n\n Tricket til at f\u00e5 et godt resultat er ikke teknisk kunnen, men ganske enkelt at v\u00e6re pr\u00e6cis om, hvad du har brug for.<\/p>\n\n\n\n N\u00e5r du arbejder med samtalebaserede modeller, giver pr\u00e6cise beskrivelser dig et forspring med det samme. Her er to praktiske prompts, du kan skrive i din AI-assistent:<\/p>\n\n\n\n P\u00e5 f\u00e5 sekunder leverer AI\u2019en ren, struktureret kode. For udviklere og engagerede skabere tager v\u00e6rkt\u00f8jer med Codex<\/strong> og en todelt sk\u00e6rm dette et skridt videre. Her f\u00e5r du en livevisning side om side: Du skriver din prompt i venstre panel, mens hjemmesiden vises i realtid til h\u00f8jre. Hvis du vil \u00e6ndre farven p\u00e5 en knap til dyb skovgr\u00f8n eller \u00e6ndre et gitterlayout fra to kolonner til tre, skriver du blot \u00e6ndringen, og visningen opdateres med det samme.<\/p>\n\n\n\n At bygge hjemmesiden er kun en del af arbejdet. Det er ogs\u00e5 vigtigt at v\u00e6lge en hostingl\u00f8sning, der passer til virksomhedens krav til databeskyttelse. Som dansk virksomhed skal du have overblik over, hvor personoplysninger opbevares og behandles, og hvem der har adgang til dem.<\/p>\n\n\n\nPraktiske eksempler p\u00e5 prompts<\/strong><\/h3>\n\n\n\n
\n
<\/strong>\u00bbLav en enkel hjemmeside til et lille arkitektfirma Aarhus. Den skal fungere godt p\u00e5 b\u00e5de mobil og computer. \u00d8verst skal der v\u00e6re et stort billede og en kort tekst om firmaet. Vis derefter tre tidligere projekter med billeder, et par kundeanmeldelser og en formular, hvor bes\u00f8gende kan bede om et m\u00f8de. Brug rolige, lysegr\u00e5 farver.\u00ab<\/em><\/li>\n\n\n\n
<\/strong>\u00bbLav en landingsside i HTML\/CSS\/JavaScript til et SaaS-produkt. Brug et stilrent m\u00f8rkt tema med klare smaragdgr\u00f8nne detaljer. Jeg har brug for et markant overskriftsfelt, en liste over funktioner med SVG-ikoner, en prisoversigt og et enkelt felt med en tydelig opfordring at kontakte os.\u00ab<\/em><\/li>\n<\/ul>\n\n\n\nDatabeskyttelse og GDPR stiller krav til din hosting<\/h2>\n\n\n\n