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
webbutv_12 [2013-01-28 13:04]
Joakim Forsgren [Formattera sidan med css]
webbutv_12 [2013-01-29 18:11]
Daniel Viström
Line 2: Line 2:
  
 I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera innehållsförteckningen som scriptet genererar. Menyn innehåller ankarlänkar till de olika avsnitten i texten. \\ \\ I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera innehållsförteckningen som scriptet genererar. Menyn innehåller ankarlänkar till de olika avsnitten i texten. \\ \\
-Här hittar du filerna. +{{:script2.zip|Här hittar du filerna}}.
  
 ===== Förändra HTML-koden ===== ===== Förändra HTML-koden =====
  
-  * Använd en link-tagg för att länka in JavaScriptfilen //script2.js//. Försök själv lista ut hur man gör detta.+  * Använd en //script//-tagg för att länka in JavaScriptfilen //script2.js//. Försök själv lista ut hur man gör detta.
   * Länka även in en css-fil med namnet //script2.css//. Denna fil ska du skapa själv.   * Länka även in en css-fil med namnet //script2.css//. Denna fil ska du skapa själv.
   * I övrigt får du inte göra några förändringar i HTML-koden.   * I övrigt får du inte göra några förändringar i HTML-koden.
  
-===== Formattera sidan med css =====+===== Formatera sidan med css =====
  
-Följande ska formatteringar ska göras i //script2.css//:+Följande ska formateringar ska göras i //script2.css//:
  
   * Varje val i menyn ska ha olika //bakgrundsfärg// och en //ram//.   * Varje val i menyn ska ha olika //bakgrundsfärg// och en //ram//.
   * Rubrikerna i texten skall ha samma //textfärg// som motsvarande bakgrundsfärg i menyn.   * Rubrikerna i texten skall ha samma //textfärg// som motsvarande bakgrundsfärg i menyn.
-  * Gör formatteringar så att sidan ser bra ut i övrigt, t.ex. //margin// och //padding//.+  * Gör formateringar så att sidan ser bra ut i övrigt, t.ex. //margin// och //padding//.
   * **För högre betyg:** Menyn skall formatteras så att den blir liggande.   * **För högre betyg:** Menyn skall formatteras så att den blir liggande.
 ===== Tips ===== ===== Tips =====