Hur man skapar en dummy-webbsida

Steg för steg

Dummy-webbsidor är ett snabbt sätt för både nybörjare och proffs att visualisera en design innan den blir slutgiltig. Följ nedan guide för att skapa en enkel mall med färger, texter och bilder.

Steg 1: Välj webbhotell med förbyggda mallar

Registrera dig hos ett webbhotell som erbjuder färdiga mallar, t.ex. Wix, Squarespace eller WordPress.com. Välj en grundläggande mall som passar din önskade stil.

Steg 2: Skapa dummy-sidan

Använd mallverktyget för att skapa en ny sida. Spara den som dummy.html eller liknande. De flesta mallar har rubrik, huvudområde och sidfot med upphovsrättsinformation.

Steg 3: Lägg till platshållartext

Klistra in lorem ipsum-text för att fylla ut innehållet. Det finns gratis onlinegeneratorer som loremipsum.io som snabbt skapar stycken.

Steg 4: Anpassa typsnitt och storlek

Experimentera med typsnitt och teckenstorlek för att hitta den perfekta looken. De flesta mallverktyg erbjuder en färdgrupp av typsnitt att välja mellan.

Steg 5: Lägg till platshållarbilder

Infoga generiska bilder där du planerar att placera riktiga bilder i den slutgiltiga versionen. Många mallar låter dig dra och släppa bilder eller lägga till egna via verktygsfältet.

Steg 6: Testa och spara

Spara ändringarna och öppna sidan i olika webbläsare (Firefox, Edge, Chrome, Safari) för att säkerställa att allt fungerar. Klicka på Visa > Sidkälla för att se HTML-koden och spara den för framtida uppdateringar.

Tips

• Program som Dreamweaver erbjuder inbyggda mallar och kan vara ett alternativ om du vill ha mer kontroll.
• Besök andra webbplatser för inspiration – deras layout och struktur kan ge idéer för din egen dummy-sida.

Det du behöver

• Webbhotell och domän med mallfunktioner
• Platshållartext (lorem ipsum)