Hvordan bygge en web-grensesnitt

Bygge et webgrensesnitt er et viktig første skritt når du oppretter et nytt nettsted. En layout må fungere godt og være enkel å bruke, fordi det er hva den besøkende ser og engasjerer seg i når han besøker nettstedet ditt. Ved hjelp av en grafikk program, for eksempel fyrverkeri, kan du designe et fullt detaljert, grafisk fremstilling av dine ideer før du legger videre arbeidet å kode planene. Lær trinnene som trengs for å lage din egen web-grensesnitt, slik at du har en vellykket tilstedeværelse på Internett.

Bruksanvisning

1 Bruk en notisblokk og fargeblyant til å trekke ut websiden og indikere hva målingene er. Skisser ut områder for hovedkomponentene som navigasjonslinjen og innholdsområdet. Tenk estetikk for å bestemme hvilke farger er brukt i området.

2 Opprett en ny fil i et grafikkprogram, for eksempel fyrverkeri. Bruk "Nytt dokument" vinduet for å skrive inn målene på siden din, så vel som spesifiserer et lerret (bakgrunn) farge, hvis ønskelig. Start "Optimaliser", "Egenskaper" og "Verktøy" vinduene ved å klikke hver tittel fra "Windows" drop-down menyen på fyrverkeri verktøylinjen.

3 Legg en plass for nettstedets tittel, sidekoblinger og / eller logo ved å velge en form som et rektangel fra "Optimaliser" alternativet. Bruk "Properties" verktøylinjen for å tildele farge (r) og angi noen skyggelegging eller preging for ytterligere å skille denne funksjonen. Legg til tekst ved å klikke på "Tekst-verktøyet (T)" knappen på "Tools" -vinduet, og klikk deretter på et område på figuren for å begynne å skrive innhold. Klikk på form og gå til "Optimize" vinduet for å nevne den tilknyttede lag (delen som styrer dette ekstrautstyret) ved å dobbeltklikke på standard "Layer 1" oppføring.

4 Sett inn et nytt lag å representere innholdet på siden ved å legge til en ny form eller ved å klikke på "Ny / Duplicate Layer" -knappen i "Optimaliser" -vinduet, og navngi det deretter. Bruk alternativene i "Properties" vinduet for å velge alle farger og andre forbedringer som gradienter.

5 Generere et lag for nettstedet bunntekst og plassere denne nederst på siden. Denne delen viser vanligvis en opphavsrett, eiernavn og publiseringsdato. Klikk på "Tekst-verktøyet (T)" -knappen i "Tools" vinduet for å legge inn disse dataene.

6 Plasser all grafikk i grensesnittet ved å velge "Import" fra "File" drop-down menyen. Følg dialog instruksjonene for å velge bildet og sette inn på siden.

7 Gå til "Lagre som" under "File" -menyen og lagre arbeidet som en PNG, slik at du kan redigere grensesnittet etter behov. I tillegg lagre filen som en GIF eller JPG, slik at det er synlig på nettet.