Göm menyn

TDP001 Handhavande av datormiljö

Webintroduktion


Målet med denna övning är att ni dels får öva på grundläggande HTML och CSS samt ett sätt att redovisa de uppgifter som ges på föreläsning. Dessutom ska webplatsen redovisas via subversion vilket ger en grund i användning av versionshanteringsverktyg.

Innehåll

Följande delar ska er färdiga webplats innehålla:
  • Bra använding av semantiska element
  • Extern stilmall för bestämning av utseende
  • Meny med länkar till de inlägg du vill redovisa (id-länkar eller separata sidor)
  • Sidfot/sidhuvud med lämplig information
  • Sidan måste validera enligt w3c

Genomförande

I denna del av kursen kommer vi fokusera på HTML5 för innehåll och CSS3 för presentation. Det är viktigt att er webplats separerar dessa på ett bra sätt! Se föreläsningsbilder angående HTML/CSS för mer information.

Följande element kan vara bra att ha:

  • DOCTYPE
  • html
  • head
  • meta
  • title
  • body
  • div
  • span
  • p
  • br
  • a
  • h-taggar, h1-h5
  • img
  • dl,dt,dd
  • li + ol/ul
Följande HTML5-specifika element kan vara bra:
  • header/footer
  • nav
  • section
  • article

Följande css-egenskaper kan vara bra:

  • width/height
  • border
  • color
  • background
  • margin/padding
  • float
  • left/right
  • border, border-radius

Det är ett krav att er sida validerar enligt w3c.

Redovisning

Koden redovisas genom att laddas upp på ett givet subversion-arkiv enligt nedanstående tabell. Adressen blir då
https://svn-und.ida.liu.se/courses/TDP001/2013-1-TDP001/alla-<id> där <id> byts ut mot det id som står i tabellen. Ge en bra kommentar vid incheckning!

IDLiU-IDIDLiU-ID
1marsn336 2erisn687
3elili552 4marno756
5tomli914 6maivi782
7marsa970 8eriem419
9marax846 10alesa123
11simgu002 12johgr969
13marmu117 14joaan075
15ollkv086 16bjoki902
17danpe503 18danro824
19chrst469 20davsv541
21freku566 22leogr395
23karkn128 24krijo457
25andan604 26vicel661
27freoh365 28andis989
29jimka206 30vicda164
31arvka568 32isajo054
33harvo506 34thebl297
35haman629 36simah829
37jesba289

Länkar


Sidansvarig: Eric Elfving
Senast uppdaterad: 2013-09-08