0330 hemsida

Uppgiften i korta drag följer. Du ska göra en hemsida. Den ska innehålla minst två olika sidor och en meny där man kan växla mellan sidorna. Därtill måste det finnas minst en bild. Du väljer själv vad din sida ska handla om. Förslag följer nedan. Du planerar hur sidan ska se ut och lämnar in planeringen i itslearning. När din lärare godkänt din planering gör du sidan och ser till att HTML- och CSS-kod validerar. Slutligen laddar du upp till webbhotellet och lämnar in en kort redovisning på itslearning.

Ramar

En halv lektion för planering.

Två lektioner för genomförande och redovisning.

Välj typ av sida

Förlag på sidor:

  • blogg
  • föreningssida (fotboll, segling, bilar, ridning, ...)
  • recept för den som vill laga mat
  • om något du gillar
  • recension av filmer
  • en sida med roliga Youtube-klipp
  • annat …

Tänk på att i kursen ingår det bara att göra sidan inte att producera material till sidan.

Planera

Planeringen ska innehålla mål, wireframe

Mål

Berätta kort om målsättningen med sidan.

Vilken är målgruppen. Ska vara ganska smal.

Wireframe

Gör en lista över innehållet på sidan.

Vik ett A4 så att 8 rutor bildas. Gör fyra förslag på hur hemsidans ena sida kan se ut och lika många förslag för den andra sidan.

Den första filmen beskriver processen. De övriga är vinklingar på samma tema.

Inlämning av plan

Fotografera dina wireframes och lämna in fotot tillsammans med målbeskrivningen på itslearning.

Diskutera mål och wireframes med din lärare.

Genomför

Gör hemsidan enligt plan. Använd kod från tidigare uppgifter.

Du får bara använda material (text och bild) som du får använda. Tänk på copyright.

Om att hitta fri text och bild.

Se till att HTML- och CSS-koden validerar. Använd följande validatorer:

Ladda upp allt material till webbhotellet.

Redovisning

Lämna in följande på itslearning.

Länk till din sida på webbhotellet

Lämna en länk till din sida så att din lärare kan titta på sidan. Lämna inte länk till din administrationssida på webbhotellet. Din lärare har inte lösenord och kan inte komma in där.

Redovisningstext

Besvara följande frågor.

  1. Blev sidan som du planerat. Berätta om eventuella avvikelser. Varför gjordes de?

  2. Stötte du på några problem? Hur löste du dessa? Vad lärde du dig? Välj ut de problem som du tycker är viktigast att berätta om.

  3. Validerar din HTML-kod? Om den inte gör det berättar du varför.

  4. Validerar din CSS-kod? Om den inte gör det berättar du varför.