Dette er et simpelt trick til Photoshop, og du kan bare omsættes i praksis i dag. Konvertering din PSD til XHTML er simpelthen et spørgsmål om at generere en CSS og tilføje en HTML-fil til det eller bare generere det direkte som xhtml. Lad os tage et kig i en trin-for-trin tilgang.
Tricket er enkel og det er ideelt til at understøtte en designer ligesom mange af os, der ikke ekspert programmører. For at konvertere et layout til en CSS er måske den nemmeste måde for et websted med mange sider. xhtml er også en farbar vej. Begge er lige så let at gøre.
Hvad du har brug for først at gøre, er ikke at bruge tabeller, der er ofte vanskelig, og hvis koden er meget større. Være enkel, vil din bruger værdsætter. Det er simpelthen et højere standarder for web-design og bruger mindre kode
Trin 1:. Åbn dit design i Photoshop. Det bør arbejde for ældre versioner
Trin 2:. Definer de nedskæringer (skiver). Her er det vigtigt at skære de elementer til at bruge i din web ved hjælp af "skiver" (genvej K) Med de nedskæringer, vi ønsker at tegne, hvad photoshop gør
Trin 3:. Klik på tag af hvert snit og sætte et meningsfuldt navn.
Dette vil hjælpe dig til bedre at forstå koden engang forvandlet til CSS. Prøv at huske at sætte navne på alle elementer af design
Trin 4:. Gentag operationen med alle nedskæringer. På den måde sikrer vi, at koden kan få en bedre forståelse. Hvis du er en udvikler være mere fortrolig med programmeringssprog. Men hvis du er en designer som mig, er lettere, hvis vi bruger en tidlig måde at forstå koden lettere. Efter alle en webdesigner færdig lære lidt af alle de koder og sprog, der anvendes i hele verden
Trin 5:. Gem til web og enheder.
Nu har du alt klar, skal du klikke på "File og Gem til web og enheder" og vælg alle pålægsmaskine her eller klippe og klik på GEM
Trin 6:. Indstillinger: Brugerdefineret. Dette åbner en skærm, hvor den beder dig, hvor du ønsker at gemme dit arbejde. Inden du trykker på knappen Gem, klik på nederst i dialogboksen Indstillinger, og vælg CUSTOM
Trin 7:. Vælg "Generer CSS". Navigere gennem skærmene vælger 2 ting: Eksport som (X) HTML og CSS Generer afhængigt af, hvad du har brug for.
Dette i stedet for at generere en kode med en kode til at generere HTML-tabeller ved hjælp af CSS
Trin 8:.. Åbn siden, og se koden