Adobe Photoshop kunt u ontwerpen van een dynamische lay-out, terwijl Dreamweaver het tot leven in de HTML-codering brengt. De exporteur / proces is niet moeilijk kan, maar het een beetje methodische, daar het vereist dat gedetailleerde voorbereiding vóór het exporteren. PhotoShop documenten, meestal aangeduid als PSD-bestanden, moeten worden bewerkt en opgezet als web apparaten en gesneden beelden voor overdracht naar DreamWeaver. Vervolgens moet het bestand worden geïmporteerd in DreamWeaver voor HTML-codering. Over het algemeen duurt het proces, ongeveer 10 tot 15 minuten in beslag afhankelijk van uw bekendheid met PhotoShop hulpprogramma's, functies en onderdelen.
Wat die u nodig hebt
- Adobe PhotoShop PSD-bestand
- Adobe DreamWeaver
PhotoShop PSD snijden en Prep
De Adobe PhotoShop-toepassing openen door op het bureaubladpictogram te klikken.
Klik op het tabblad "Bestand" menu aan de bovenkant van het scherm en selecteer de actie "Open" te laden het PhotoShop PSD-bestand in de toepassing.
Selecteer de werkbalk knop, waarin een afbeelding van een Vleesmes snijden. (Dit is het gereedschap Segment, zoals de lay-out moet worden gesneden voor HTML codering doeleinden.)
Traceren via de secties van de lay-outs te scheiden van de elementen en individuele stukken van de lay-out maken.
Klik nogmaals op het tabblad "Bestand" en selecteer de "Opslaan voor Web en apparaten" actie in de drop-down lijst.
Klik op de knop 'Opslaan' in het venster "Web en apparaten" maken van een bijgewerkte versie van het PSD-document dat zal worden gebruikt voor HTML coderen in Dreamweaver.
Importeren naar Dreamweaver
Open de Adobe Dreamweaver-toepassing van het bureaublad van de computer.
Klik op de optie "HTML" onder de "Nieuw" sectie die wordt weergegeven in het venster "Nieuw Document Setup".
Zoek het tabblad 'Files' in de rechter benedenhoek van het scherm en klik op het tabblad "Desktop Items" map als haar ineenstorting menu- en submapfilters opties wilt weergeven.
Klik op de map "Images" die wordt vermeld onder de bureaubladitems, aangezien dit de bestandslocatie van de map die is gemaakt toen u de Photoshop PSD-bestand hebt opgeslagen met de gesneden updates. Deze actie zal het gesneden Photoshop-document importeren in het Dreamweaver-ontwerpplatform.
- Niet het Photoshop-document exporteren zonder snijden. Moten van het Photoshop PSD-bestand is uiterst belangrijk. Het snijden hulpprogramma breekt de lay-out dus niet als slechts één grote afbeelding lijkt. Een lay-out is zoals een grote puzzel die is al samengesteld, zodat u het tegenovergestelde doen. U wilt het breken zodat het volledig functionele en toegankelijk kan zijn. Elk ontwerp lagen en elementen vertegenwoordigt van de knoppen, links, dozen, afbeelding secties en andere items die moeten worden gescheiden moeten worden gesneden in individuele stukjes. Dit zijn uw web-apparaten, zoals ze de website een website maken. Zonder deze apparaten, alleen hebt u een stilstaand beeld dat eruit als een lay-out ziet, maar niets zal werken.