Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
Next revision Both sides next revision
webbutv_gbook [2018-10-11 19:21]
Joakim Forsgren 		webbutv_gbook [2018-10-22 10:10]
Joakim Forsgren
Line 3: Line 3:
  
 ====Syfte==== ====Syfte====
-Uppgiften går ut på att lära sig styla en ”markup” som man inte får ändra. I första uppgiften för ni göra den layout ni själva vill och i den andra ska ni försöka göra så pixelperfekt som möjligt. Ni ska validera er CSS innan ni skickar in att ni är klara.+Uppgiften går ut på att lära sig styla en ”markup” som man inte får ändra. I första uppgiften för ni göra den layout ni själva vill och i den andra ska ni försöka göra så pixel och färg perfekt som möjligt. Ni ska validera er CSS innan ni skickar in att ni är klara.
 Ett annat syfte är att ni ska ha en färdig markup och CSS när ni kommer till denna uppgift i programmering 1 och att ni i den uppgiften bara behöver fokusera på funktion. Ett annat syfte är att ni ska ha en färdig markup och CSS när ni kommer till denna uppgift i programmering 1 och att ni i den uppgiften bara behöver fokusera på funktion.
  
  
 1. Gör en egen CSS till den markup du har fått. Kalla filerna för gbook1.html och CSS:n för gbook1.css\\ 1. Gör en egen CSS till den markup du har fått. Kalla filerna för gbook1.html och CSS:n för gbook1.css\\
-2. Gör en CSS som gör layouten så lik denna {{:gbook.png?linkonly|bild}} ni kan. Kalla filerna för gbook2.html och CSS:n för gbook2.css+2. Gör en CSS som gör layouten så lik denna {{:gbook.png?linkonly|bild}} ni kan. Kalla filerna för gbook2.html och CSS:n för gbook2.css **Tips!** öppna bilden i ett bildbehandlingsprogram och plocka ut breder och färger, tex [[https://www.gimp.org|GIMP]] eller [[https://krita.org|Krita]]. När det gäller fonter så duger det om ni använder er av **sans-serif**.
  
 Nedan finns den markup ni ska utgå ifrån, i den markup:en får ni bara ändra ”gbook1.css” till ”gbook2.css”. Nedan finns den markup ni ska utgå ifrån, i den markup:en får ni bara ändra ”gbook1.css” till ”gbook2.css”.