Skapa en me-sida till webgl-kursen (v2)

By . Latest revision .

Du skall bygga en me-sida där du samlar redovisningar och exempel som du gör i kursen webgl.

#Förkunskaper

Du har laddat ned kursrepot för kursen webgl och du har jobbat igenom övningen “Kom i gång med HTML, CSS, JavaScript och Canvas”.

#Introduktion

I din me-sida skall du samla redovisningstexter och du länka till de uppgifter du löst. Det ger dig en samlad plats att utgå ifrån när du vill visa upp vad du gjort i kursen.

Du kan testa hur me-sidan bör fungera, genom att öppna din exempel-katalog i kursrepot under example/redovisa.

#Krav

I din kurskatalog (repot) för kursen, skall du ta en kopia av exempelkatalogen example/redovisa och lägga i din me-katalog under me/redovisa.

# Gå till kurskatalogen
cp -ri example/redovisa me
  1. Du har nu en grund för din me-sida i kursen. Modifiera den så den blir “din egen”.

  2. Uppdatera sidan me.html så att den innehåller en kort presentation av dig själv tillsammans med en bild som får representera dig.

  3. I sidan redovisning.html skall du skriva dina redovisningstexter. Du kan förbereda redovisningstexten för det första kursmomentet.

  4. I sidan om.html lägger du till en godtycklig bild som du finner representativ för kursen.

  5. Leta reda på kursrepot på GitHub och länka till det från din om.html.

  6. Du kan uppdatera stylesheet och eventuellt JavaScript i katalogerna me/style och me/js. Det är inte nödvändigt, gör det om du vill och känner att du har tid.

  7. Gör en dbwebb publish för att kolla att allt validerar och fungerar.

dbwebb publish redovisa

#Extrauppgift

Om du har tid och kraft.

  1. Lägg extra kraft på style.

  2. Lägg till något enkelt JavaScript som snurrar på din bild på me-sidan, när man klickar på den.

#Tips från coachen

Validera och publicera ofta. Så slipper du en massa validerings- och publiceringsfel i slutet av övningen.

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2015-10-08: (A, mos) Första utgåvan i samband med kursen webgl.

Document source.

Category: webbprogrammering, javascript, kurs webgl.