Differences

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

Link to this comparison view

css_semja [2018-02-08 19:40]
Joakim Forsgren
css_semja [2022-07-18 13:20]
Line 1: Line 1:
-====== Mer på CSS ====== 
-Lite mer CSS, denna uppgift måste ligga på vår utvecklingsserver. 
-Se detta som ett litet test på om ni har koll på hur man jobbar med CSS. 
  
-Er uppgift är att med enbart CSS få till ett önskat utseende. 
- 
-1. Hämta hem följande {{:css_semja.tgz|kod}} och packa upp den.\\ 
-2. OBS! Ni får inte ändra i någon fil!\\ 
-3. Ni får lägga dit filer i katalogen css. Minst en fil behövs men ni kan få lägga dit några bilder som css:en använder om ni vill.\\ 
- 
-Ni skall göra följande nivåer: 
- 
-Nivå 1\\ 
-Gör en css som gör att sidan ser ut som bilden svar.png.\\ 
- 
-Nivå 2\\ 
-Gör en helt egen variant! Lägg den i katalogen my_css. Nu får ni ändra raden 
-  <link rel="stylesheet" type="text/css" href="css/style.css"> 
-i index.php till 
-  <link rel="stylesheet" type="text/css" href="my_css/style.css"> 
-inget annat får ändras. 
- 
-====== Redovisning ====== 
-När ni är klar skickar ni in två filer till mig.  
-  * css.zip och my_css.zip.  
-Filerna skall innehålla det som finns i era kataloger css och my_css.\\ 
-Jag kommer att kolla er CSS på min kod som bör vara identisk med er (ni fick ju inte ändra).\\  
-Jag kommer att använda mig av Chrome när jag kollar.