Dette er et enkelt triks for photoshop og du kan bare sette ut i praksis i dag. Konvertere PSD til XHTML er bare et spørsmål om å generere en CSS og legge en HTML-fil til det eller rett og slett å generere det direkte som xHTML. La oss ta en titt i en steg-for-steg tilnærming.
Trikset er enkelt og det er ideelt å støtte en designer som mange av oss som ikke er dyktige programmerere. Å konvertere en layout til en CSS er kanskje den enkleste måten for et område med mange sider. xHTML er også et levedyktig alternativ. Begge er like lett å gjøre.
Det du først må gjøre er å ikke bruke tabeller som er ofte vanskelig og hvis kode er mye større. Være enkelt, vil din bruker setter pris på. Dette er rett og slett en høyere standarder for web design og bruke mindre kode
Trinn 1:. Åpne din design i Photoshop. Det skal fungere for eldre versjoner
Trinn 2:. Definer kuttene (skiver). Her er det viktig å kutte elementene for å bruke i nett bruke "skiver" (snarvei K) Med de kuttene vi ønsker å tegne det photoshop gjør
Trinn 3:. Klikk på tag av hvert klipp og sette et meningsfullt navn.
Dette vil hjelpe deg å bedre forstå koden en gang omgjort til CSS. Prøv å huske å sette navn på alle elementer av design on
Trinn 4:. Gjenta operasjonen med alle kutt. På denne måten sikrer vi at koden kan få en bedre forståelse. Hvis du er en utvikler bli mer kjent med programmeringsspråket. Men hvis du er en designer som meg, er lettere hvis vi bruker en tidlig måte å forstå koden lettere. Tross alt en webdesigner ferdig lære litt av alle koder og språk som brukes rundt om i verden
Trinn 5:. Save for Web & Devices.
Nå har du alt klart, klikk på "File og Save for Web & Devices" og velg alle Slicer her eller klippe og klikk på LAGRE
Trinn 6:. Innstillinger: Custom. Dette åpner et skjermbilde der den ber deg der du ønsker å lagre arbeidet ditt. Før du trykker på Lagre-knappen, klikk på bunnen av dialogboksen Innstillinger og velger CUSTOM
Trinn 7:. Velg "generere CSS". Navigere gjennom skjermbildene velge 2 ting: Eksporter som (X) HTML og CSS generere avhengig av hva du trenger.
Dette i stedet for å generere en kode med en kode for å generere HTML-tabeller ved hjelp av CSS
Trinn 8:.. Åpne siden, og ser koden