Differences

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

Link to this comparison view

Next revision 		Previous revision
Next revision Both sides next revision
css_vg_uppgift [2012-04-03 12:53]
Joakim Forsgren created 		css_vg_uppgift [2012-04-03 13:13]
Joakim Forsgren
Line 25: Line 25:
   * ett div-element med id ‘searchbar’ som innehåller ett enkelt webbformulär (form).   * ett div-element med id ‘searchbar’ som innehåller ett enkelt webbformulär (form).
     * ett div-element med id ‘aboutme’ som innehåller en kort beskrivning av bloggar samt en bild/ikon av denna.     * ett div-element med id ‘aboutme’ som innehåller en kort beskrivning av bloggar samt en bild/ikon av denna.
-ett div-element med id ‘menu’ som innehåller några allmäna länkar för bloggsystemet i form av en +    * ett div-element med id ‘menu’ som innehåller några allmäna länkar för bloggsystemet i form av en osorterad lista (ul). 
-osorterad lista (ul). +    * ett div-element med id ‘bymonth’ för att hitta inlägg efter år och månad. Denna länkstruktur utgörs av en två-nivåers länkmenu i form av en yttre osorterade lista som har två inre osorterade listor som deldelistor. 
-ett div-element med id ‘bymonth’ för att hitta inlägg efter år och månad. Denna länkstruktur utgörs +    * ett div-element med id ‘rss’ som innehåller en länk till ett RSS-flöde. 
-av en två-nivåers länkmenu i form av en yttre osorterade lista som har två inre osorterade listor som +    * ett div-element med id ‘calendar’ som innehåller en kalender för maj månad i form av en tabell. 
-deldelistor. +    * ett div-element med id ‘articles’ som innehåller tre stycken blogginlägg. Varje blogginlägg är strukturerat som dett div element av klassen ’article’. En sådan div innehåller en rubrik, ett datum och tid för inlägget samt själva inläggets text i form av en eller flera p-element. Ett av inläggen har också två kommentarer som utgörs av div-element av klassen ‘comment’ som i sig innehåller en rubrik, datum och tid samt kommentarstexten i form av ett p-element. 
-ett div-element med id ‘rss’ som innehåller en länk till ett RSS-flöde. +    * ett div-element med id ‘footer’ som utgör sidans sidfot som innehåller ett p-element. 
-ett div-element med id ‘calendar’ som innehåller en kalender för maj månad i form av en tabell. +
-ett div-element med id ‘articles’ som innehåller tre stycken blogginlägg. Varje blogginlägg är strukturerat +
-som dett div element av klassen ’article’. En sådan div innehåller en rubrik, ett datum och tid för inlägget +
-samt själva inläggets text i form av en eller flera p-element. Ett av inläggen har också två kommentarer +
-som utgörs av div-element av klassen ‘comment’ som i sig innehåller en rubrik, datum och tid samt +
-kommentarstexten i form av ett p-element. +
-ett div-element med id ‘footer’ som utgör sidans sidfot som innehåller ett p-element.+
 Det är viktigt att du studerar xhtml-dokumentets uppbyggnad och vilka olika id och klasser som används. Det är viktigt att du studerar xhtml-dokumentets uppbyggnad och vilka olika id och klasser som används.
-Inlämning+==== Resurser ==== 
 +{{::blogg.zip|}} och ett {{::blogg.png?linkonly|ex}} på vad som minst krävs för godkänd uppgift. 
 + 
 +==== Inlämning ====
 Du skall lämna in ditt css-dokument style.css. Du skall lämna in ditt css-dokument style.css.
-Om du vill använda bilder utöver det som är givet, som bakgrunder för olika element måste dessa bilder länkas in 
-ifrån CSS-dokumentet. Du måste då också packa ihop CSS-filen samt dessa bilder i en zip-fil. Här är kravet att 
-dessa bilder skall placeraras i style-mappen, d.v.s. samma mapp som css-filen ligger i. 
  
 +Om du vill använda bilder utöver det som är givet, som bakgrunder för olika element måste dessa bilder länkas in ifrån CSS-dokumentet. Du måste då också packa ihop CSS-filen samt dessa bilder i en zip-fil. Här är kravet att dessa bilder skall placeraras i style-mappen, d.v.s. samma mapp som css-filen ligger i.