Photoshop is een uitstekend hulpmiddel voor het maken van website mockups . Als het tijd is om uw mockup implementeren , zou het leuk zijn om gewoon op een knop en neem uw prototype wonen . Echter , Photoshop is strikt een grafisch programma zonder HTML -mogelijkheden . Gelukkig , het exporteren van uw mockup in een web - vriendelijke grafische indeling , zoals JPEG of GIF , en het bouwen van een webpagina die deze elementen gebruikt is eenvoudig . Houd in gedachten dat u extra werk moet doen aan de HTML kant aan de interactieve onderdelen zoals links , menu's en pop - ups te maken . De mogelijkheden voor interactiviteit zijn eindeloos , dus opfrissen op uw HTML en CSS . Wat je nodig hebt
Photoshop (alle versies ) op HTML-editor
webbrowser
Toon Meer Aanwijzingen
Basics
1 Open uw mockup in Photoshop en exporteren naar een web - vriendelijke beeldformaat . Kies " Opslaan voor web en apparaten " uit het menu "Bestand " . Selecteer in het dialoogvenster Selecteer een bestandsformaat , zoals JPEG , GIF of PNG en kies een beeldkwaliteit . Kopen van 2 Klik op " Opslaan" en de naam van het bestand ( bijvoorbeeld myMockup.jpg ) op Twitter
3 Open je HTML-editor en maak een nieuw HTML-bestand . HTML editors zoals Dreamweaver zal het skelet webpagina te maken voor u .
4 Voeg een beeld -tag in de element van uw webpagina . Het beeld tag zal er ongeveer zo uitzien : 
5 Sla uw HTML-bestand , dan laad het in elke webbrowser
< br . >
|
