boxlayout, css

Det blir mycket på en gång här nu, men idén är att skapa en bild av ett arbetsförlopp från photoshop till en färdig layout…fast förenklat. Vi skapar en webbsida kopplad till en css-fil som beskriver innehållets färg och form. En container-div håller ett antal boxar. Containern har relativ position och innehålls-divvarna har absolut positionering i förhållande till containern. Ja, ungefär så.

Uppdraget idag är alltså att göra en enkel boxlayout i photoshop och ”översätta” den till en html-fil med koppling till css-filen. När du är klar, lägg den i din public-mapp i dropbox och klistra in den publika länken i en kommentar till detta inlägg. Spara även ner och lägg in en länk till en gif/jpg-bild av din photoshop-fil.

Del 1:

Del2:

Blir du riktigt hooked på css och vill fördjupa dig finns det ett par ställen jag vill rekommendera.

Har du några egna favoritsidor som hjälper dig, lämna en kommentar =)

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s





%d bloggare gillar detta: