Differences

This shows you the differences between two versions of the page.

Link to this comparison view

css_zengarden [2015-09-08 10:59]
Daniel Viström
css_zengarden [2017-09-01 14:54]
Line 1: Line 1:
-====== Zen Garden ====== 
-Det har under många år funnits en sida (Zen Garden) som har ett färdigt HTML dokument som man kan göra egna CSS:er till. Sidan är gjord med div:ar och uppmärkta på ett sätt som gör att man kan göra näst intill oändligt med layouter med enbart med CSS. Tanken med sidan var att visa att man med hjälp av DIV:ar kan få en stor frihet när det gäller design. När denna sida gjordes gjorde de flesta sina sidors layout med hjälp av tabeller. Er uppgift är att göra en egen layout till deras HTML. 
  
-Om ni gör en bra layout och själva är nöjda med den kan man skicka in den och om Zen Garden tycker att den är nog bra så kommer ni att hamna på deras sida. Det vore något att ha i sin CV. 
- 
-För mer inspiration  vad man kan göra med enbart CSS besök [[http://www.csszengarden.com/|Zen Garden]]. Det är på denna sida man anmäler att man vill bidra med en CSS. 
- 
-<php> 
-/* 
-Här har ni {{:zengarden.zip|HTML filen och en CSS}} att utgå ifrån, om ni hellre vill starta med en tom CSS så får ni gärna göra det. 
-*/ 
-</php> 
- 
-Ladda ner html och exempel-css på hemsidan. Om du hellre vill starta med en tom CSS så får du gärna göra det. HTML-koden får ej ändras. 
- 
- 
-===== Redovisning ===== 
-När ni tycker att ni är klara skickar ni in er css och tillhörande bilder, alla bilder skall ligga in samma mapp som css-filen. 
- 
-Lycka till!