Det här är ett enkelt trick för Photoshop och du kan bara sätta i praktiken idag. Konvertera PSD till XHTML är bara en fråga om att generera en CSS och lägga till en HTML-fil till den eller helt enkelt generera den direkt som xhtml. Låt oss ta en titt på en steg-för-steg. Omdömen
Tricket är enkelt och det är perfekt att stödja en designer som många av oss som inte är expert programmerare. Om du vill konvertera en layout till en CSS är kanske det enklaste sättet för en webbplats med många sidor. xHTML är också ett alternativ. Båda är lika lätt att göra.
Vad du måste först göra är att inte använda tabeller som ofta är svårt och vars kod är mycket större. Vara enkla, kommer ditt användarnamn att uppskatta det. Detta är helt enkelt en högre standard för webbdesign och använder mindre kod Omdömen
Steg 1:. Öppna din design i Photoshop. Det bör fungera för äldre versioner Omdömen
Steg 2:. Definiera nedskärningarna (skivor). Här är det viktigt att minska de delar att använda i din webb med hjälp av "skivor" (genväg K) Med de nedskärningar vi vill rita vad photoshop gör Omdömen
Steg 3:.
Klicka på taggen för varje snitt och sätta ett meningsfullt namn. Detta kommer att hjälpa dig att bättre förstå koden en gång förvandlas till CSS. Försök att komma ihåg att sätta namn på alla konstruktionselement Omdömen
Steg 4:. Upprepa drift med alla nedskärningar. På detta sätt säkerställer vi att koden kan få en bättre förståelse. Om du är en utvecklare vara mer bekant med programmeringsspråket. Men om du är en designer som jag, är enklare om vi använder en tidig sätt att förstå koden lättare.
Trots allt en webbdesigner slutar lära sig lite av alla koder och språk som används runt om i världen Omdömen
Steg 5:. Spara för webben och enheter. Nu har du allt klart, klicka på "Arkiv och Spara för webben och enheter" och välj alla SKÄRMASKIN här eller klippa och klicka på Save Omdömen
Steg 6:. Inställningar: Egen. Detta öppnar en skärm där det frågar dig var du vill spara ditt arbete. Innan du trycker på knappen Spara, klicka på botten av dialogrutan Inställningar och väljer CUSTOM Omdömen
Steg 7:. Välj "Skapa CSS".
Navigera genom skärmarna väljer 2 saker: Exportera som (X) HTML och CSS Generera beroende på vad du behöver. Detta istället för att generera en kod med en kod för att generera HTML-tabeller med hjälp av CSS Omdömen
Steg 8:.. Öppna sidan och se koden Omdömen