Hvordan lage en webside Layout Flow Chart

Hvordan lage en webside Layout Flow Chart


Noen ganger er den beste måten for å formidle informasjon er grafisk. Du kan ha seere følge stier websidene dine ved å tilby et diagram består av retningspiler som strømmer fra diagram til diagram. Samtidig kan du også ha hvert diagram, som representerer en side på nettstedet ditt, gi lenker til de respektive nettadresser. Tenk på nettsiden layout flytdiagram som en "site map" som gjør akkurat det: lede betrakteren rundt området mens viser en global bilde av hvor alt ligger og hvor det fører. Som en analogi, tenker på New York City Transit System som viser ganske mye det samme med et "You Are Here" referansepunkt.

Bruksanvisning

1 Åpne flyt kartlegging programmet og opprette et nytt dokument. Du vil være å skape en serie av kvadrater og rektangler. Som et enkelt eksempel webside, forestille seg en liten ingeniørfirma som spesialiserer seg på tre forskjellige kategorier: Mekaniske deler, elektriske deler hydraulikkomponenter. Hver avdeling har en enhet divisjon og en Skjema divisjon.

2 Lag en bred, smal rektangel øverst på siden og skriv inn navnet på nettstedet. Dette kan være "index.html". Dette vil være utgangspunktet.

3 Opprett et mindre firkantet, stor nok til å inneholde hovedsiden beskrivelse. Skriv "Mekanisk Hovedside" i midten. Denne plassen skal være på venstre side av siden og den større "index.html" rektangel vil ha en retningsbestemt pil som peker direkte til den.

4 Opprett ytterligere to firkanter under "Mekanisk Hovedside" firkant. Disse bør være litt tynnere enn, men like bred som den ene ovenfor. Skriv inn navnet "Device" i den første plassen område. I den andre plassen skriver ordet "Skjematisk".

5 Fest retningspiler hver strømmer fra "Mekanisk Hovedside" du opprettet i trinn 3 til hver av de nedenfor den.

6 Gjenta trinn 3 til trinn 5 og erstatte ordet "Elektrisk" for "Mekanisk". Diagrammet vil nå ha "Mekanisk Hovedside" og "Elektrisk hovedside», begge med underordnede diagrammer.

7 Gjenta trinn tre til fem igjen, og denne gangen erstatte ordene "Mekaniske" for "Hydraulic". Du vil nå ha "index.htm" som den øverste rektangelet og like under vil være "Mekanisk", "Elektro" og "Hydraulic" hver tilkoblet. I sin tur vil hver av disse har "Device" og "Skjematisk" som underordnede firkanter. Prøven webside layout er fullført.