Dit is een eenvoudige truc voor photoshop en je kunt gewoon in de praktijk gebracht vandaag. Omzetten van uw PSD naar XHTML is gewoon een kwestie van het genereren van een CSS en het toevoegen van een HTML-bestand te vinden of gewoon direct het genereren van het als XHTML. Laten we eens een kijkje nemen in een stap-voor-stap benadering.
De truc is simpel en het is ideaal om een ontwerper zoals velen van ons die geen expert programmeurs ondersteunen. Om een lay-out te converteren naar een CSS is misschien wel de makkelijkste manier om een site met veel pagina's.
xHTML is ook een haalbare optie. Beide zijn even gemakkelijk te doen. Wat u eerst moet doen is niet om tafels die vaak lastig te gebruiken en waarvan de code is veel groter. Eenvoudig zijn, zal uw gebruikersnaam waarderen. Dit is gewoon een hogere normen van web design en het gebruik van minder code
Stap 1:. Open uw ontwerp in Photoshop. Het zou moeten werken voor oudere versies
Stap 2:. Definieer de bezuinigingen (plakken).
Hier is het belangrijk om de elementen te snijden om te gebruiken in uw web met behulp van de "plakken" (sneltoets K) Met de bezuinigingen die we willen tekenen wat photoshop doet
Stap 3:. Klik op het label van elke snede en zet een betekenisvolle naam. Dit zal u helpen beter te begrijpen van de code een keer omgezet in CSS. Probeer te onthouden namen van alle elementen van het ontwerp te zetten
Stap 4:. Herhaal deze handeling met alle bezuinigingen. Op deze manier zorgen we ervoor dat de code kan een beter begrip te krijgen.
Als je een ontwikkelaar meer vertrouwd zijn met de programmeertaal. Maar als je een ontwerper als ik, is makkelijker als we een vroege manier om de code gemakkelijker te begrijpen. Immers een webdesigner klaar is met het leren van een beetje van alle codes en taal die wordt gebruikt in de hele wereld
Stap 5:. Opslaan voor web en apparaten. Nu heb je alles klaar, klik op "Bestand en Opslaan voor web en apparaten" en selecteer alle SLICER hier of knippen en klik op SAVE
Stap 6:. Instellingen: Aangepast. Dit opent een scherm waarin u wordt gevraagd waar u wilt uw werk op te slaan.
Voordat u op de knop Opslaan, klikt u op de onderkant van het dialoogvenster Instellingen en selecteer CUSTOM
Stap 7:. Selecteer "Generate CSS". Navigeren door de schermen te selecteren 2 dingen: Exporteren als (X) HTML en CSS genereren, afhankelijk van wat je nodig hebt. Dit in plaats van het genereren van een code met een code voor HTML-t