TDP001 Handhavande av datormiljö

Webintroduktion

Målet med denna uppgift är att producera en hemsida där du senare kan publicera lösningar på uppgifterna i momentet UPG1

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(css)
• 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-h6
• img
• dl,dt,dd
• li + ol/ul

Följande HTML5-specifika element kan vara bra:

• main
• 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

Er webplats ska publiceras på IDAs undervisningswebserver. Detta gör du genom att lägga upp filerna i din wwwpub-katalog på servern remote-und.ida.liu.se. Allt material i denna kurs ska ligga i en undermapp med namn TDP001.

Om vi antar att ditt LiU-id är xxxyy123 ska du alltså lägga dina filer i mappen /wwwpub/xxxyy123/TDP001 och dessa kan sedan nås utifrån via adressen www-und.ida.liu.se/~xxxyy123/TDP001
Se till att förstasidan uppdateras vid en ändring, om du inte ändrar på den kommer jag troligen inte se dina ändringar.

Tips för uppladdning

Observera att alla förekomster av "<liuid>" ska ersättas med ditt LiU-id

1. Logga in till servern: ssh <liuid>@remote-und.ida.liu.se
2. Skapa katalogen /wwwpub/<liuid>/TDP001 (mkdir -p /wwwpub/<liuid>/TDP001)
3. Gå tillbaka till er dator (avsluta ssh): exit
4. Kopiera över filerna med scp:
   scp [-r] filer... <liuid>@remote-und.ida.liu.se:/wwwpub/<liuid>/TDP001

Länkar

• HTML Dog - en bra tutorial
• w3schools HTML reference
• w3schools CSS property reference
• W3C validator - alla era sidor ska validera
• W3C CSS-validator

Sidansvarig: Pontus Haglund
Senast uppdaterad: 2019-05-29