Øvelser
Inden du går i gang.
- Du kan finde en vejledning til Wix på Vejledninger.
- Wix er et super nemt system, men det er dyrt, hvis du vil have en fornuftig URL. Vi skal senere arbejde med det mest udbredte system til hjemmesider i verden: WordPress. WordPress er noget mere fleksibelt.
1.1 Lav en persona
Gå sammen 2 og 2, evt. 3 sammen. Lav en persona.
1.2 Luxus-katten. Sider og menu
Inden du går i gang: Du skal lave et site individuelt. Snak gerne med sidemanden og hjælp gerne hinanden. 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 “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
- Lav flere sider, som minimum 3 sider
- Indsæt et menu i stedet for at begynde at lave dine egne
1.3 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 nu i princippet alt det nødvendige ift. at 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å brugeren kan tilgå den fra 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 evt. nederst på 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
1.4 Se dit arbejde på nettet
- Publicer din hjemmeside
- Send URL’en til en anden i klassen
- Få vedkommende til at vurdere siden ud fra følgende:
- Er siden nem at overskue?
- Er det nemt at forstå, hvad siden går ud på?
- Virker siden professionel?
- Passer siden til den/de personaer, den skal ramme
- Kom med 3 forslag til forbedringer
Baggrund. Mest for undervisere
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
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 verd