Hvordan lage en skisse Into et forslag for Web

Hvordan lage en skisse Into et forslag for Web


Det første trinnet i webdesign er å utvikle et konsept. En skisse kan gi visualisering nødvendig for å slå din konsept til virkelighet. Adobe produserer et program kalt Fyrverkeri som kan hjelpe i å snu din skisse til en fullt fungerende nettside med noen få klikk. Så lenge du har litt kjennskap til designprinsipper og grafikk programvare, kan du raskt sette sammen en CSS og HTML-basert web layout med letthet.

Bruksanvisning

Utvikle din Artwork

1 Begynn Fyrverkeri og åpne et nytt dokument. Størrelse dokumentet på riktig måte. En skjermoppløsning på 1024 x 768 er passende for 2011 standarder.

2 Overføre skisse til fyrverkeri dokumentet. Gjen skisse nøyaktig slik det vises på grov layout, ved hjelp av verktøyene som følger med. Fyrverkeri gir en layout og design verktøysett som er tilstrekkelig for overføring over en håndtegnet konsept.

3 Lagre filen på en meningsfull beliggenhet. Vurdere å spare oppsettet i eller ved siden av filsystemet hvor nettstedet ditt er plassert.

Slice and Export

4 Velg "slice" verktøy fra verktøylinjen når design er fullført, å slå layout i skiver. Det ligger i "Web" delen, og ser ut som en barberhøvel foran en boks. Stykket verktøyet vil bryte dokumentet i håndterbare biter. Med stykket verktøy, lage en boks rundt de ulike designelementer. Plasser en skive rundt header, enkeltbilder, layout gjenstander og tekst.

5 Velg "File" og deretter "Export" etter at alle dine skiver. En dialogboks vil vises. Velg "CSS og bilder" fra rullegardinmenyen. Juster HTML sideegenskapene og velg hvordan du ønsker å vise nettstedets bilder. Klikk "OK" og lagre dokumentet på riktig sted for å fullføre prosesser.

6 Opprett en ny HTML-side og importere CSS-filen du nettopp opprettet, ved hjelp av en HTML-editor som Adobe Dreamweaver for å fullføre ditt nettsted. CSS-filen vil instruere HTML-siden for å vise skiver på riktig sted. Det gjenskaper din Fyrverkeri layout i et web-basert format.

Hint

  • Kutting er en av de viktigste trinnene i prosessen. Sikre du har gjort nødvendige kutt er avgjørende for denne prosessen til å fungere godt. Før du gjør din kutt, skritt tilbake og ta en titt på dokumentet. Sett en plan på plass før du begynner å skjære.
  • Tenk nettleser kompatibilitet når designe din egen side. Test det endelige produktet på flere nettlesere for å sørge for at den viser riktig. Du må kanskje justere CSS og HTML-filer for nettsiden din til å vises slik det gjorde i Fireworks før eksport.