0350 slutuppgift

I korthet går uppgiften ut på att du ska göra en webbplats till en kund. Om inget annat sägs spelar läraren kundens roll. Därtill ska du göra en planerings och redovisningssida. För att få E ställs vissa grundkrav. För högre betyg ställs ytterligare. Mer om det senare.

Webbplatsen kan vara för en idrottsförening, för en e-butik, marknadsföring av dina kompetenser, o.s.v. Diskutera din idé med läraren.

Arbetsgång

1. Bestäm mål

Bestäm mål för hemsidan. Vem är den till för? Vad ska besökarna använda sida till? Hur ska de använda sidan? Diskutera med kunden.

2. Gör skisser

Gör skisser av webbplatsens olika sidor, med hjälp av papper och penna. Visa för kunden. När kunden är nöjd är det dags för nästa steg.

3. Gör wireframe

Gör en wireframe för varje sida på webbplatsen. Wireframen är digital. Måttsätt sidornas olika delar. Visa för kunden.

Dokumentera annat som kan vara av intresse.

För C eller mer även

  • tydliga mål
  • mått
  • typsnitt
  • färg
  • länkträd
  • Berätta om de åtgärder som ska vidtas för att tester ska klaras. T.ex. läsbarhet.

4. Gör planerings- och redovisningssida

Ovanstående redovisas på en egen webbplats. Den har en meny som visas på samtliga sidor. På menyn finns:

  1. Länk till hemsidan.

  2. Mål

  3. Skiss

  4. Wireframe

  5. Redovisning

Ladda upp på webbhotellet. Dela länken med din lärare.

Koden ska validera HTML5 och CSS3.

För C eller mer även

Längst ner på sidan finns länkar för validering. Klick på länkarna ger svar på om sidan validerar.

  1. HTML5 ...

  2. CSS3 ...

  3. i18n ...

  4. Länkar ...

  5. Källkod ...

Följande uppgift löser de fyra första punkterna.

5. Gör hemsidan

Stäm av med kunden under arbetets gång.

Detaljerade instruktioner kommer längre ner.

6. Redovisning

Resultatet ska analyseras och redovisas på planerings och redovinsningssidan. Detaljerade instruktioner finns på denna länk.

Hemsida - för E

Vi tänker oss att det är en webbplats för en idrottsförening. Motsvarande innhåll kan fås på ett annat tema.

Webbplatsen har en meny som är gemensam för alla sidor. Från menyn kan man komma till alla sidor. Mer om de olika sidorna följer.

Koden ska validera enligt HTML5 och CSS. ...

Startsida

Text och bild.

Text om klubben och dess verksamhet visas. En eller flera trevliga bilder som kan representera klubbens verksamhet syns.

Sida med nyheter

På sidan visas ett nyhetsflöde. Varje nyhet har rubrik, text, författare och publiceringsdatum.

Resultat

Tabell

Serietabell visas.

Använder:

<

table>, , , border-spacing eller border-collapse

Inloggning

Formulär för inloggnig.

Gör ett formulär för inloggning. Ni behöver inte ta hand om det som skickas då formuläret postas.

Chat

Formulär med textinmatning.

Tanken är att inloggade medlemmar kan chatta. Gör den grafiska layouten. Använd formulär-element för inmatning. Ge exempel på hur chatten kan se ut.

Använder:

<

form> attribut: action, method