Forberedelse
- Gå ind på wix.com: Opret en bruger og skift sproget fra engelsk til dansk. Følg vejledningen her afsnit 1 og 2: Informatik C > Vejledninger > Vejledning 01. Hjemmeside hos Wix. Ellers brug linket her: https://bliv-klogere.ibc.dk/index.php/vejledning-11-hjemmeside-med-wix/
- I samme vejledning: Skim afsnit 3, 4 og 5. Du må gerne læse dybt og se videoerne, men det er ikke noget krav. Bare du er orienteret i stoffet, så er det fint
Formål
- Arbejde ud fra en skabelon
- Lave en rigtigt hjemmeside, der ligger på nettet
Fælles gennemgang
Fra sidst
- Iterativ udvikling
- Skitse/skabelon
- Persona
Lektien til denne gang
- Wix er et nemt værktøj til at lave hjemmesider i, og det findes online. Det er fuldt professionelt, men det koster så også noget, hvis du vil gøre det “professionelt”
- Min hjemmeside i Wix: https://larsljungqvist.wixsite.com/lars01
- … og se Jonas GF5 2021’s noget flottere hjemmeside også på Wix: https://jonasfugmann123.wixsite.com/radtek-infinity/projects
- Eller min egen Luxus-kat https://larsljungqvist.wixsite.com/luxus-katten
- Du skal lære
- At oprette et site
- At lave og redigere en side
- Forstå, hvad en stribe er
- Lave flere sider og binde dem sammen vha. et menu
Har du arbejdet med lignende systemer før
Du må gerne arbejde i andre systemer. Jeg anbefaler kraftigt WordPress, som er verdens mest brugte system til små og mellemstore hjemmesider samt blogs. WordPress er gratis.
Øvelser
Inden du går i gang.
- Du kan finde en vejledning til Wix på Vejledninger > Vejledning 1. Hjemmeside med Wix, og tag og brug den slavisk! Der er videoer der, hvor det er sværest
2.1 Luxus-katten. Sider og menu
Inden du går i gang: Du skal lave en side individuelt. Snak gerne med sidemanden, men du må ikke “kikke over skulderen”. Du lærer det her ved at prøve, lave fejl og lære af dine fejl.
- Først skal du oprette en bruger hos wix.com
- Start med at oprette et nyt site, kald det “luxus-kat” og publicer det
- Så skal du lave en forside. Husk at bruge en tom skabelon, som vist i vejledningen og i videoen. Hvis det skrider, så få fat i mig
- Når du laver siden: Brug en tom skabelon, det giver dig flere muligheder. Når du kender Wix bedre, kan du bruge de skabeloner, som du vil
- Prøv at følge din skitse fra sidst
- Prøv “striber” af, dvs. sæt gerne et par stykker ind på forsiden. En stribe er en vandret kasse, som indgår som et element på siden
- Når din første side er færdig publicer den og se den på nettet
- Indsæt et menu i stedet for at begynde at lave dine egne
2.2 Mere Luxus-kat
Inden du går i gang: Når du først kan oprette et site, lave sider og indsætte en menu samt publicere, så kan du basis. Dvs. du kan i princippet lave og redigere din egen hjemmeside.
Når basis er i orden, så skal du udfordre Wix. Lav så mange af opgaverne, som du kan nå. Du kan få inspiration her: https://larsljungqvist.wixsite.com/luxus-katten og https://jonasfugmann123.wixsite.com/radtek-infinity/projects.
Prøv hele tiden at få din Wix-side til at passe til din persona. Hvis din persona er rig og gerne viser det, så skal siden se eksklusiv ud. Hvis din persona er “helt almindelig”, så lav en side, der er “helt almindelig” (men også brugervenlig). Er din persona ældre, så sørg for, at vedkommende kan læse alt på siden dvs. brug store bogstaver.
Selve opgaven:
- Opret en kontaktside, så den popper op i menuen
- Forsøg dig gerne med en kontaktformular: https://bliv-klogere.ibc.dk/index.php/vejledning-11-hjemmeside-med-wix/#10_Kontaktformular_og_Google_Maps
- Brug Google Maps, gerne med adressen Stadion Alle 70, 8000 Aarhus C, som er adressen på AGf’s hjemmebane :-).
- Publicer og se, at din side er tilføjet, og at den virker virker
- Skift sidebaggrund
- Lav evt. en film som baggrund, se https://jonasfugmann123.wixsite.com/radtek-infinity/projects
- Lav en sidefod med kontaktoplysninger, der går igen på alle sider. Se https://larsljungqvist.wixsite.com/luxus-katten
- Når du når til at lave en produktside, så kik i vejledningen under https://bliv-klogere.ibc.dk/index.php/vejledning-11-hjemmeside-med-wix/#16_Webshop
- Lav en side “Om os”, hvor du fortæller om dig og dine medarbejdere
- Sørg for, at der er overskrift på alle sider, og at skrifttyperne og placeringen af overskrifterne er den samme. Se evt. https://larsljungqvist.wixsite.com/luxus-katten
- Lav flere striber på din forside
- På https://larsljungqvist.wixsite.com/luxus-katten er der et link, “Vi sælger …”, som skroller ned ad forsiden. Prøv, om du kan gøre det samme. Se evt. https://bliv-klogere.ibc.dk/index.php/vejledning-11-hjemmeside-med-wix/#13_Sej_grafik_og_fede_animationer i det sidste afsnit
- Prøv gerne andre former for animationer af
2.3 Se dit arbejde på nettet
- Publicer din hjemmeside
- Send URL’en til en anden i klassen og tjek, at der virker