Yshopnoosa.com

Hur man gör en HTML-Storyboard

En HTML-storyboard är i huvudsak en skiss eller ett sätt att planera en webbdesign innan arbetet på webbplatsen live. Denna färdplan av olika slag kan göras på ett papper, i ett linjerat eller en art program på en dator. Syftet med att skapa en HTML- eller hemsida storyboard är att se hur webbplatsen kan se ut och om designen måste ändras innan du implementerar det. Innan du kan göra din HTML storyboard, välja ett ämne du brinner och skriv ner vad du vet om detta ämne.

Instruktioner

1 Skriv ner några anteckningar på ämnet du vill basera din webbsida på. Bestäm vilka bitar av information du vill använda och vilka delar du vill ignorera.

2 Använd dessa bitar av information för att skapa kategorier för din webbplats. Exempelvis om du gör en HTML-storyboard för en webplats som fokuserar på själv-publicerande, innehålla vissa kategorier du implementera omslagsdesign, invändig layout, redigering och marknadsföring.

3 Rita din hemsidas layout på en bit papper och inkluderar områden som sidhuvudet eller banner av din webbplats en navigeringsmeny, huvudinnehållet eller områden, sidebars, om du använder dem, och en sidfot. Har din navigeringsmenyn visas under bannern på din webbplats eller i en sidebar, och lista dina kategorier inuti den.

4 Skapa ett flöde chatt för att hålla reda på webbplatsens navigering. Till exempel, om din startsida länkar till en sida om blommor, och sedan på blommor sidan du länkar till specifika blommor, kommer ditt flödesschema har tre nivåer och ser ut ungefär som vad visas här:

Main sida

Blommor

Roses syrener påskliljor

5 Rita linjer mellan varje sida som länkar till en annan. I slutändan kan detta sluta se ut som ett spindelnät, men kommer också ge dig en uppfattning om vilka sidor du har länkat till och som de du kan ha glömt.

6 Använda design du gjort för huvudsidan för din webbplats att skapa andra sidor. Håll varje sida på din webbplats överensstämmer med de andra. Undvika att ändra den övergripande utformningen eller flytta navigeringsmenyn. Detta kommer att göra det lättare för besökare till din webbplats.

Tips & varningar

  • Skriv ner teckensnitt och färger du vill använda i dina rubriker, navigering och huvudinnehållet för framtida referens när du börjar bygga koden för din webbplats.