Photoshop er et utmerket verktøy for å lage nettside mockups . Når det er på tide å distribuere mockup , ville det være fint å bare klikke på en knapp og ta prototype leve . Imidlertid er Photoshop strengt tatt et grafikk program uten HTML evner. Heldigvis eksportere mockup til en Web - vennlig grafikk format som JPEG eller GIF , og bygge en webside som bruker disse elementene er grei. Husk at du må gjøre ekstra arbeid på HTML side for å lage interaktive komponenter som lenker, menyer og pop-ups . Mulighetene for interaktivitet er uendelige , så penselen på HTML og CSS. Du trenger
Photoshop (alle versjoner )
HTML editor
nettleser
Vis flere instruksjoner
Grunnleggende
en

Åpne din mockup i Photoshop og eksporterer det til en web- vennlig bildeformat. Velg " Lagre for Web og enheter " fra " File "-menyen . I dialogboksen velger du et filformat som JPEG, GIF eller PNG og velger et bilde kvalitet.
2

Klikk på "Lagre" og navnet til filen ( for eksempel myMockup.jpg )

3

Åpne HTML editor og opprette en ny HTML -fil . HTML redaktører som Dreamweaver vil skape skjelettet websiden for deg.
4

Legg et bilde tag inne i element av websiden. Bildet tag vil se omtrent slik ut :
5

Lagre HTML-filen , og deretter laste det inn hvilken som helst nettleser