Photoshop er et fremragende værktøj til at skabe hjemmesiden mockups . Når det er tid til at implementere din mockup , ville det være rart at blot klikke på en knap og tage din prototype bor. Men Photoshop er strengt et grafikprogram uden HTML kapaciteter. Heldigvis eksporterer din mockup i et web- venligt grafik format som JPEG eller GIF, og opbygge en webside, der bruger disse elementer er ligetil. Husk, at du skal gøre ekstra arbejde på HTML side at skabe de interaktive komponenter som links, menuer og pop-ups. Mulighederne for interaktivitet er uendelige, så børste op på din HTML og CSS . Ting du skal
Photoshop ( enhver version )
HTML editor
webbrowser
Vis Flere Instruktioner
Grundlæggende
1
Åbn din mockup i Photoshop og eksporterer det til en web- venlig billedformat. Vælg "Gem til web og enheder " fra menuen "Filer" . I dialogboksen vælg et filformat , såsom JPEG, GIF eller PNG , og vælg en billedkvalitet.
2
klikke på "Gem " og navngive din fil (for eksempel myMockup.jpg )
3
Åbn din HTML-editor og oprette en ny HTML-fil. HTML-editorer som Dreamweaver vil skabe skelettet websiden for dig .
4
Tilføj et billede tag inde
element i din webside. Billedet tag vil se nogenlunde sådan ud:
5
Gem din HTML-fil , så indlæse den i enhver webbrowser
< br . >