Hvordan lage Wireframes Med Microsoft Word

Du kan bruke tabeller i et Microsoft Word 2010-dokument for å opprette en wire ramme layout for en webside. Denne funksjonen gjør det mulig å skille ulike sideelementer til strukturerte deler som du selv kan redigeres og plassert uten å påvirke utformingen av resten av denne siden. I tillegg kan en trådramme gi publikum med en visuell representasjon av den ferdige websiden uten å kreve noen side koding. Dette vil resultere i en reduksjon av tapt tid i det tilfelle at endringer må gjøres til design.

Bruksanvisning

1 Start Microsoft Word 2010.

2 Klikk på "Sett inn" øverst i vinduet.

3 Klikk på "Table" drop-down menyen i "Tabeller" i båndet, og klikk deretter oppsettet som representerer ønsket navigasjons layout. For eksempel, hvis siden din navigasjonsdelen vil inneholde en rad med seks forskjellige elementer, klikker du på "6x1" alternativet.

4 Klikk inne i hver celle i tabellen, og deretter inn ankertekst som skal vises for hver navigasjons link. For eksempel kan du skrive "Kontakt" i en celle for å representere plasseringen av linken at besøkende vil klikke hvis de ønsker å kontakte deg.

5 Klikk på den tomme plassen under bordet, og trykk deretter på "Enter" -tasten flere ganger til du er fornøyd med plassen mellom navigasjonsdelen og innholdet delen.

6 Klikk på "Table" drop-down menyen igjen, og velg bordet som best representerer utformingen av innholdet delen.

7 Klikk inne i hver celle og legge til innhold som vil bli vist i hver seksjon. Du kan sette inn bilder ved å klikke på "Picture" -knappen i "Illustrasjoner" i båndet, og deretter dobbeltklikke ønsket bildefil.

8 Klikk på den tomme plassen under innholdsdelen, og trykk deretter på "Enter" -knappen til du er fornøyd med hvor mye plass mellom innholdet delen og footer delen.

9 Klikk på "Table" knappen en gang til, og klikk deretter oppsettet som best representerer ønsket bunntekst layout.

10 Klikk i hver celle, og deretter legge til ankertekst som du vil vise for hvert ledd i bunnseksjonen.

11 Klikk på "File" øverst i venstre hjørne av vinduet, og klikk deretter på "Lagre som".

12 Klikk i "File Name" feltet skriver du inn et navn på ramma dokumentet, og klikk deretter på "Lagre" -knappen.

Hint

  • Wire ramme design i Microsoft Word bør bare brukes som en visuell guide til den faktiske websiden design. Mens Microsoft Word kan direkte oversette dokumenter til HTML-sider, de resulterende HTML-filer lider av en mangel på skjerm kontinuitet på tvers av ulike nettlesere.