Webudvikling

I dette forløb skal vi  stifte bekendtskab til de grundlæggende værktøjer i webudvikling.

Vi starter med en introduktion til opmærkningssproget HTML der bruges til at strukturere indholdet på hjemmesider.  Herefter skal vi se på et andet sprog, CSS, der bruges til at bestemme udseendet af hjemmesiden.

Til sidst skal vi så bruge det vi har lært til at udvikle et nyt websted til en fiktiv kunde ud fra en case, og du kommer i denne forbindelse til at arbejde med både kommunikationsplanlægning, grafisk design og praktisk udvikling af website med HTML CSS.

Øvelser i HTML og CSS

Forløbet vil starte med øvelser hvor du skal gøre præcis som jeg gør. Dette er for at sikre at du får lært de vigtigste funktioner i kodningen af hjemmesider. Bare rolig - du skal nok få mulighed for at arbejde kreativt, efterhånden som teknikken/værktøjskassen kommer på plads ;)

Øvelserne er individuelle (så alle lærer værktøjerne). Det betyder ikke at I ikke skal arbejde sammen og hjælpe hinanden! Det er altid en god ide at spørge dine medstuderende til råds når du løber ind i problemer eller udfordringer. 

Imens du laver dine øvelser, er det vigtig at du undervejs tager relevante noter på dit portfolio site. Her skal du nemlig præsentere hvad dine forløb/projekter handler om, dokumentere dine aktiviteter, og reflektere over det lærte.

Caseopgave: Rideskole

Når vi har lært den grundlæggende teknik til realisering af hjemmesider, starter vi en caseopgave op. Her er det muligt at arbejde individuelt, eller parvis. Hvis man vælger at arbejde parvis, oprettes et delt projektsite hvorpå opgaven dokumenteres, og der linkes hertil fra de personlige portforlio sites. 

Opgaverne i case opgaven vil være alt fra kommunikationsplanlægning, over design og komposition, til implementering med HTML og CSS. 

Der er i alt afsat 8 moduler til hele forløbet. Her forventer jeg at vi bruger ca. 3 moduler på øvelser og træning i HTML og CSS, inden vi tager hul på caseopgaven.

Ved forløbets afslutning afleveres:

Eget portfolio:

Underside med titlen 'Webudvikling' hvorpå du har lavet:

1. Præsentation af emnet/opgaven for den uindviede læser

2. Dokumentation af øvelserne i HTML (individuel):

   • Beskriv hvad HTML er, og hvilken funktion det har i tilvirkningen af hjemmesider.

   • Beskriv den grundlæggende opbygning i en HTML fil 

   • Beskriv de vigtigste tags du har benyttet i øvelse 1 og 2.

   • Vis resultatet af øvelse 2 på siden.

3. Dokumentation af øvelserne i CSS (individuel):

   • Forklar hvad CSS går ud på

   • Beskriv hvordan man linker et HTML dokument med et CSS dokument

   • Vis resultatet af øvelse 4 på siden. (Hvis du af den ene eller anden grund ikke har nået alle 4 øvelser, viser du resultatet af den seneste øvelse du har nået).

   • Reflekter kort på skrift over hvad du har fået ud af at arbejde med HTML og CSS. Hvad var det bedste (eller værste) ved at arbejde med dette? Kort sagt - hvad kan du tage med dig herfra?

4. Herefter præsentation af Caseopgaven for den uindviede læser, og dokumentation af aktiviteterne med design og implementering af websitet. Vis/kom herunder ind på:

   • K-plan og målgruppe

   • Arbejdet med design og komposition 

     • vis skitser/wireframes

     • vis og forklar farveskema

     • vis og forklar valgte typografier

   • Gennemfør og dokumenter test af produktet (indsæt video af testen)

   • Vis produktet. Dette kan gøres ved at indsætte screenshots af forside og undersider, eller du/I kan lave en afsluttende screencast hvor du klikker rundt, scroller og præsenterer sitet.

Hvis man vælger at arbejde parvis, laves punkt 4 i stedet på et fælles projektsite, og der linkes til sitet fra eget portfolio.