Hvordan man bygger en HTML5 og CSS3 nettstedplan - dummies

Ofte betyr det første arbeidet på et stort nettsted å lage en plan for HTML5 og CSS3 nettsteddesign. Å gjøre dette trinnet tidlig hjelper deg med å se det virkelige omfanget av prosjektet. En nettstedplan er en oversikt over et nettsted. Normalt er det tegnet som et hierarki diagram.

Tenk deg at du blir bedt om å bidra til å designe et nettsted for en akademisk avdeling ved et stort universitet. Det første spørsmålet er, "Hva vil du ha på nettsiden? "Skriv ned alt.

Spør kunden hva de vil. Etter alle deltakere foreslår alt de tror deres nettsted trenger, shoo dem ut av rommet. Bruk bare papir og blyant, skape en mer organisert skisse basert på hvordan du mener at informasjonen skal organiseres.

Slik oppretter du en oversikt over nettstedet

Husk disse forslagene mens du oppretter et oversiktsdiagram:

• Bruk Seven of Law. Denne loven antyder at folk generelt ikke klarer å håndtere mer enn sju valg om gangen. Prøv å ikke ha mer enn sju store segmenter av informasjon på noe nivå. Hver av disse kan skilles inn i så mange som syv biter, og hver av disse kan ha syv biter.

• Identifiser commonalities. Mens du ser over dataene, kommer generelle grupperinger fram. I universitetseksemplet kan du enkelt se at du hadde mye kursdata, grader informasjon, informasjon om fakultet og forskning.

• Prøv å tilordne hvert emne til en gruppe. Dette er en form for datalormalisering her. Denne datastrukturen er ikke nødvendigvis en formell, men det kan være.

• Ordne et hierarki. Grupper emnene fra mest generelle til mest spesifikke. For eksempel er uttrykket kursinfo svært bredt. N100 er et bestemt kurs, og det kan ha mange seksjoner (spesifikk dato, tid og instruktørkombinasjoner). Derfor er det fornuftig å gruppere deler under N100 og å gruppere N100 under kurs.

• Gi representativ data. Ikke alle opplysninger er nødvendig her. Poenget er å ha nok data slik at du kan se forholdene mellom dataene.

• Husk at dette diagrammet representerer ikke nettsteddesignen. Formålet med denne typen diagram er å se hvordan dataene selv passer sammen. Selvfølgelig har dette diagrammet en tendens til å informere sideoppsettet og menystrukturen, men det trenger ikke.

• Ikke hver boks er en side. Det kan være, men det trenger ikke å være. Senere i prosessen kan du bestemme hvordan du skal organisere delene av nettstedet.

Å bygge denne typen nettsteddiagram er helt avgjørende for større nettsteder, ellers tar du aldri stor vekt på prosjektets omfang.Få de store interessentene til å se på om det gjenspeiler nøyaktig informasjonen du prøver å formidle.

Slik bygger du sidediagrammet

Nettsteddiagrammet er en mer spesifikk versjon av nettstedoversikten. På dette tidspunktet forplikter du deg til de aktuelle sidene du vil ha i systemet og deres organisatoriske forhold.

Nettsteddiagrammet er litt annerledes enn oversikten av disse grunnene:

• Hver boks representerer en side. Nå må du ta noen avgjørelser om hvordan sidene er organisert. Bestem på hvilket nivå av oversikten du har separate sider. For eksempel er alle kursseksjonene på en side, eller alle delene av N100? Har hver del av hvert kurs en annen side? Disse beslutningene vil hjelpe deg med å finne ut hvilke teknologier som skal brukes til å konstruere siden.

• Nettsteddiagrammet trenger fortsatt ikke hver side. Hvis du har 30 klasser, trenger du ikke å regne med hverandre hvis du vet hvor de går, og de har alle samme formål og design.

• Navigeringsstrukturen bør være klar. Hierarkiet bør gi deg en klar navigasjonsstruktur. (Selvfølgelig kan du, og ofte, legge til en sekundær navigasjonsstruktur.)

• Navn på hver boks. Hver side skal ha et navn. Disse boksene oversetter til sidetitler og hjelper deg til å danne et samlet tittelsystem. Dette arrangementet er nyttig for navigasjonsordningen.

• Identifiser overordnet layout for hver boks. Generelt bruker et nettsted bare noen få oppsett. Du har et standardoppsett for de fleste sider. Ofte har forsiden et annet layout (for nyheter og navigasjonsinformasjon). Du kan også ha spesiallayouter. Fakultetets sider har for eksempel alle et spesifikt layout med et fremtredende bilde. Ikke planlegg layoutet her - bare identifiser det.

• Sorter ordren. Hvis rekkefølgen på sidene er viktig, er sidediagrammet stedet for å utarbeide det.

Målet for denne delen av nettstedplanleggingsprosessen er å ha en klar forståelse av hva hver side krever. Denne informasjonen skal gjøre det enkelt for deg å fullføre data og visuelle designstrinn. Nettsteddiagrammet er et absolutt kritisk dokument. Etter at du har godkjent det, skriv det ut og tape det til skjermen. Det er kartet ditt for resten av prosjektet.