Hvordan lage en HTML Storyboard

En HTML storyboard er egentlig en skisse eller en måte å planlegge et nettsted design før arbeidet med aktive nettstedet. Dette veikart slags kan gjøres på et stykke papir, i en foret notisbok eller i et bilderedigeringsprogram på en datamaskin. Formålet med å opprette en HTML eller nettside storyboard er å se hvordan området kan se ut, og om utformingen må endres før du implementerer den. Før du kan lage din HTML dreieboken, velger et tema du er opptatt av og skrive ned hva du vet om dette emnet.

Bruksanvisning

1 Døyt ned noen notater om emnet du ønsker å basere nettstedet ditt på. Bestem hvilke biter av informasjon du vil bruke, og hvilke deler du ønsker å ignorere.

2 Bruk disse opplysningene til å opprette kategorier for nettstedet. For eksempel, hvis du gjør en HTML dreiebok for et nettsted som fokuserer på eget forlag, noen av kategoriene du implementerer kan inkludere cover design, interiør layout, redigering og markedsføring.

3 Tegn ditt nettsted layout på et stykke papir og omfatter områder som topp- eller banner på nettstedet ditt, en navigasjonsmeny, hovedinnholdet område eller områder, sidebars, hvis du bruker dem, og bunntekst. Ha navigasjonsmenyen vises under banneret av nettstedet ditt eller i en sidebar, og listen din kategoriene inni den.

4 Lag en flyt chat for å holde oversikt over nettstedets navigasjon. For eksempel, hvis dine viktigste sider har lenker til en side om blomster, og deretter på blomster siden du lenker til spesifikke blomster, vil flytskjemaet har tre nivåer, og ser noe sånt som det som er vist her:

Hovedside

blomster

Roser Syriner Daffodils

5 Tegn linjer mellom hver side som linker til en annen. Til slutt, kan dette ende opp som ser ut som et edderkoppnett, men vil også gi deg en idé om hvilke sider du har koblet til og hvilke du kanskje har glemt.

6 Bruk design du har gjort for hovedsiden til nettstedet ditt for å opprette andre sider. Hold hver side av nettstedet ditt i samsvar med de andre. Unngå å endre den generelle utformingen eller flytte navigeringsmenyen rundt. Dette vil gjøre det lettere for besøkende å bla gjennom nettstedet.

Hint

• Skriv ned skrifttyper og farger du vil bruke i overskrifter, navigasjon og hovedinnhold område for fremtidig referanse når du begynner å bygge koden for nettstedet.