Differences
This shows you the differences between two versions of the page.
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 {{: | ||
- | 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=" | ||
- | i index.php till | ||
- | <link rel=" | ||
- | 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. |