Adobe Photoshop kunt u een dynamische lay-out te ontwerpen , terwijl Dreamweaver brengt het tot leven in HTML-codering . De exporterende proces is niet moeilijk , maar het kan een beetje methodische , zoals het vóór de uitvoer een grondige voorbereiding vereist . PhotoShop documenten , meestal aangeduid als PSD-bestanden , moet worden bewerkt en opgezet als web- apparaten en gesneden beelden voor overdracht naar DreamWeaver . Dan is het bestand voor HTML-codering in Dreamweaver worden ingevoerd . Algemeen het proces , duurt ongeveer 10 tot 15 minuten in beslag , afhankelijk van uw bekendheid met PhotoShop gereedschappen , functies en componenten . Wat je nodig hebt
Adobe PhotoShop PSD
Adobe DreamWeaver
Toon Meer Aanwijzingen
PhotoShop PSD Slicing en Prep
1 Access de PhotoShop van Adobe door klikken op het pictogram op het bureaublad . kopen van 2 Klik op de " file " tab menu aan de bovenkant van het scherm en selecteer de " Open" actie om de Photoshop PSD- bestand te laden in de applicatie .
3 Selecteer de werkbalk snijden knop, die een beeld van een vleesmes weergeeft . ( Dit is het stukje gereedschap als de lay-out moet worden gesneden voor de HTML-codering doeleinden . ) Op Twitter Trace 4 over het delen van de lay-outs om de elementen te scheiden en maak individuele stukken van de lay-out .
Goedkope 5 Klik op het tabblad " File " opnieuw , en selecteer de " Opslaan voor web en apparaten " actie in de keuzelijst .
6 Klik op de " Opslaan " knop in de " Web and Devices venster " om een bijgewerkte versie van de PSD-document dat zal worden gebruikt voor de HTML- codering in Dreamweaver maken .
importeren naar Dreamweaver
7 Open de Dreamweaver van Adobe uit bureaublad van uw computer .
8 Klik op de " HTML " optie onder het hoofdstuk "Nieuwe " dat wordt weergegeven in de " New Document Setup " venster .
9 Zoek het tabblad " Bestanden " in de rechterbenedenhoek van het scherm en klik op het tabblad ' Bureaublad Items " map om de ineenstorting menu en submap opties te bekijken .
< br > 10 Klik op de map " Afbeeldingen " , dat zal worden vermeld onder het bureaublad items , want dit is de map locatie die is gemaakt toen u het Photoshop PSD -bestand opgeslagen met de gesneden updates . Deze actie zal het gesneden Photoshop-document importeren in het Dreamweaver design platform .
|
