Workshop Wix

Workshop Wix

Wix

Wat is Wix?

Met Wix kun je gratis en gemakkelijk een eigen website maken. Je kunt hierbij denken aan een persoonlijke website of blog, een website voor je bedrijf of een persoonlijk portfolio. Je bepaald zelf hoe je website eruit komt te zien. In deze workshop leer je de beginselen van het maken van je eigen website en je hoeft hier niets eens verstand van te hebben!
Deze workshop is vooral handig voor studenten die een digitaal portfolio willen aanmaken,  voor verschillende bedrijven en natuurlijk als je het leuk vindt om een blog bij te houden!

Maak je eigen Wix website

Wat ga je leren

Je gaat gedurende deze workshop leren hoe je een Wix website kunt aanmaken en wat je er allemaal mee kunt.

Na afloop van deze workshop kun je het volgende:

- Een Wix account aanmaken en inloggen.
- Een Categorie en Ontwerpt kiezen.
- Een achtergrond van je website veranderen.
- Teksten en afbeeldingen toevoegen en verwijderen.
- Video's en muziek toevoegen en verwijderen.
- Sociale media knoppen toevoegen en verwijderen.
- Sociale media account koppelen aan je website.
- Verschillende pagina's op je website toevoegen en hier tussen navigeren.
- Je website openen, opslaan en publiceren. 

Algemeen

Account aanmaken

Om een website te kunnen maken moet je eerst een account aanmaken. Er zijn verschillende soorten accounts, namelijk:

- Gratis account
- VIP account
- eCommerce account
- Unlimited account
- Combo account
- Connect Domain account

Deze workshop is gebaseerd op het gratis account. Je kan natuurlijk kiezen voor een betaald premium account. Met een premium account krijg je meer opslag vermogen, je kunt je website naam veranderen en nog veel meer andere opties. Maar met een gratis account kun je al een hele mooie website maken.

Je eerste opdracht is... een account aanmaken!
Voer de opdracht uit:

  1. Ga naar https://nl.wix.com/
  2. Klik op: Nu beginnen
  3. Maak een account aan. Dit kun je doen door in te loggen met een E-mail adres en wachtwoord, maar het kan ook met je facebook of google account. Wat je zelf het makkelijkst vindt!

 

Account aanmaken

Inloggen op Wix

Je hebt nu een account aangemaakt voor je website. Nu ga je inloggen of je bent nog ingelogd en gaat meteen door met de volgende opdracht:

  1. Is je account in het Engels?
  2. Zorg ervoor dat je hem in het Nederlands instelt.
  3. Hoe heb je dit gedaan?

Categorie kiezen

Je gaat nu een categorie voor je website kiezen. Wanneer je een website voor je bedrijf wilt maken, kies je bijvoorbeeld: Bedrijf.
Voor het voorbeeld kiezen wij nu voor: Portfolio en CV. Je mag natuurlijk een andere categorie kiezen, de basics van het bewerken van je website blijven hetzelfde.

Opdracht:

  1. Bekijk een aantal categorieën.
  2. Bekijk in de categorie die je hebt gekozen een aantal ontwerpen.

Ontwerp kiezen

Nu je een categorie hebt gekozen ga je een voorbeeld ontwerp uitkiezen. Bekijk een aantal ontwerpen en kies er een uit die jouw aanspreekt voor je website. 

Opdracht:

  1. Kies je definitieve ontwerp voor je website. 

Achtergrond veranderen

Nu je een ontwerp hebt uitgekozen kun je de achtergrond van je pagina veranderen. Dit hoeft natuurlijk niet, maar wil je dit wel dan kun je dit op de volgende manier doen.

  1. Klik op het vierkantje boven het + icoontje links in beeld.
  2. Kies een achtergrond uit de verschillende voorbeelden.
  3. Vind je de achtergrond toch niet mooi, je kan hem zo weer op dezelfde manier veranderen.
  4. Dit kun je straks op elke pagina van je website doen (zie voor meer uitleg andere pagina's onder het kopje 'Navigeren tussen pagina's vinnen je website'.

Teksten en afbeeldingen bewerken

Teksten aanpassen

De eerste stap die we gaan doen is het aanpassen van de titel van de site. 

Opdracht:

  1. Klik op de titel.
  2. Klik op: Tekst bewerken
  3. Verander je titel in de gewenste tekst.


Zo kun je alle tekst op de voorbeeld website aanpassen en/of verwijderen (zie kopje tekst verwijderen).

Je kunt ook op deze manier de tekst een kleur geven, grootte aanpassen en/of de lettertype veranderen etc.
Dit zie je allemaal in de bewerkbalk 'Instellingen' (zie afbeelding) staan.

 

Tekst verwijderen

Sommige voorbeeld teksten vind je niet mooi of wil je verwijderen. Het aanpassen van de tekst weet je nu al. Nu leren we je hoe je een tekstvak kunt verwijderen.

Opdracht 1:

  1. Verwijder een tekstvak.

 

Tekst toevoegen

Nu weet je hoe je bestaande voorbeeld tekst kunt aanpassen, maar ook verwijderen. Nu wil je extra tekst op je website, buiten de bestaande tekst om. Hoe doe je dit?

Opdracht:

  1. Klik op het + icoontje links in beeld.
  2. Je krijgt de volgende werkbalk te zien:
  3. Links bovenin zie je tekst staan. Deze is al geselecteerd. Kies nu een kop/lettertype die je wilt toevoegen.
  4. Voeg de tekst toe door erop te klikken.

Nu weet hoe je een tekst kan aanpassen, verwijderen en toevoegen. Nu ga je alle tekst op je website aanpassen zoals je dat zelf wilt. de titels, onderschriften etc. Succes!!

Afbeeldingen toevoegen

Nu heb je alle tekst op je pagina aangepast. Dit kun je natuurlijk later ook nog weer opnieuw aanpassen. Nu willen we een afbeelding toevoegen aan je website.
Een afbeelding toevoegen doe je eigenlijk op dezelfde manier als een tekst toevoegen. Dus probeer dit maar eens te doen!

Opdracht:

  1. Voeg een afbeelding vanuit je computer toe aan je website, gebruik bijvoorbeeld het document/afbeelding hieronder om toe te kunnen voegen.

 

 

 

Open bestand Afbeelding om toe te voegen.

Afbeelding verwijderen

Je vindt een afbeelding niet zo mooi en wilt hem van je website af halen.
Ook een afbeelding verwijderen gaat op dezelfde manier als een tekst verwijderen.

Opdracht:

  1. Klik op de afbeelding die je wilt verwijderen.
  2. Klik vervolgens op het prullenbak icoontje in de witte werkbalk.
  3. Je afbeelding is verwijderd!

Video's en muziek bewerken

Video toevoegen

Een video toevoegen kun je op verschillende manieren. Je kunt een link vanuit youtube toevoegen, maar ook vanuit een bestand van je computer. Volg het volgende filmpje om een video vanuit youtube te kunnen toevoegen.                                                                       

Nu weet je hoe je een video vanuit youtube kunt toevoegen aan je pagina.

Opdracht:

  1. Voeg de volgende youtube link toe aan je pagina: https://www.youtube.com/watch?v=qPTfXwPf_HM

 

Je kunt ook een video bestand toevoegen vanaf je computer. Hiervoor heb je alleen wel een premium/betaald account voor nodig.

Met Wix video kunnen je website bezoekers je video's streamen en kopen.
Aangezien dit niet met de gratis versie kan, gaan we hier niet verder op in.

 

Video verwijderen

Je wilt een voorbeeld video verwijderen of je video is toch niet goed genoeg. Je video kun je op dezelfde manier verwijderen als het verwijderen van een tekst of afbeelding.

Je weet hoe dat moet, dus je volgende opdracht is dan ook:

  1. Verwijder je video van je website!


Niet gelukt? kijk dan nog eens naar de uitleg van het verwijderen van een tekst of afbeelding.

Muziek bestand toevoegen

Vanuit je computer bestanden kun je een muziek nummer toevoegen aan je pagina. Dit kun je op de volgende manier doen:

  1. Klik op het + icoontje links in beeld.
  2. Ga naar muziek.
  3. Klik een voorbeeld aan bij mijn spelers of spelers uit het thema.
  4. Klik op het oranje icoontje rechtboven in met Nummers uploaden.
  5. Zoek een nummer op je computer op die je wilt toevoegen en selecteer deze of kies het bestand/nummer hieronder als je geen muziek op je computer hebt.
  6. Klik vervolgens op Gereed.
  7. Selecteer het nummer en klik op Toevoegen aan pagina.
  8. Nu is het nummer toegevoegd aan je website.

Open bestand Muziek bestand om toe te voegen.

Wix muziek toevoegen

Wix muziek is een betaalde versie waar website bezoekers jouw muziek kunnen beluisteren, delen, downloaden en kopen, zonder afhoudingen.

Aangezien dit niet met de gratis versie kan, gaan we hier niet verder op in.

SoundCloud muziek toevoegen

Als je veel gebruik maakt van SoundCloud, kun je ook deze muziek toevoegen aan je pagina. Hiervoor heb je wel de Insluitcode van het nummer voor nodig.

Dit kun je op de volgende manier doen:

  1. Klik op het + icoontje links in beeld.
  2. Ga naar muziek.
  3. Klik het voorbeeld aan onder het kopje SoundCloud-speler.
  4. Klik vervolgens op Muziek koppelen.
  5. Plak de insluitcode in de invoer balk.
  6. Je kan er nog voor kiezen om de muziek automatisch af te laten spelen als de bezoeker op de pagina komt. Zet dit dan nu aan.
  7. Druk op enter.
  8. Nu is het nummer toegevoegd aan je website.

Hoe vind je de Insluitcode:

  1. Zoek het nummer of de afspeellijst op SoundCloud.
  2. Klik op het pictogram voor delen.
  3. Ga naar het tabblad Embed.
  4. Kopieer de code.

Spotify muziek toevoegen

Luister je veel via Spotify? Ook deze nummers of afspeellijsten kun je toevoegen aan je website. Dit doe je op dezelfde manier als bij SoundCloud maar dan onder het kopje Spotify-speler.

Probeer maar eens!

Opdracht:

  1. Voeg een nummer vanuit Spotify toe aan je website. Succes!
  2. Gebruik bijvoorbeeld de volgende Spotify-URL: spotify:track:31MkGwj0SWgZaTvEt5Hgxv 

Muziek verwijderen

Je wilt een voorbeeld muziekje verwijderen of je muziek is toch niet goed genoeg. Je muziek kun je op dezelfde manier verwijderen als het verwijderen van een tekst of afbeelding.

Je weet hoe dat moet, dus je volgende opdracht is dan ook:

  1. Verwijder je muziek van je website!


Niet gelukt? kijk dan nog eens naar de uitleg van het verwijderen van een tekst of afbeelding.

Sociale media

Sociale media balk

Wil je dat je website bezoekers ook je andere sociale media pagina's kunnen bekijken. Dit kan bijvoorbeeld met de sociale media balk.

Hoe voeg je een sociale media balk toe:

  1. Ga naar het + icoontje links in beeld.
  2. Ga naar Sociale Media.
  3. Kies een voorbeeld uit het kopje Socialemediabalk.
  4. De Sociale media balk is toegevoegd aan je pagina.

 

Hoe koppel je verschillende account?:

  1. Klik op je sociale media balk.
  2. Klik op Socialemediakoppelingen instellen.
  3. Je ziet nu het volgende in beeld:
  4. Klik op bijvoorbeeld het facebook icoon.
  5. Rechts in beeld zie je titel Grey Facebook Icon, deze kun je aanpassen door erop te klikken.
  6. Daaronder zie je een link.
  7. Kopieer de link van je facebookaccount.
  8. Plak deze link in de balk onder de titel.
  9. Klik op gereed.
  10. Je facebook account is gekoppeld!
  11. Dit doe je met alle accounts die je wilt koppelen.

Je kan een pictogram ook verwijderen door erover heen te gaan en op het prullenbak icoontje te klikken. Je kunt er ook een toevoegen, door in het beeld op de afbeelding bij stap 3, bovenin het oranje balkje Pictogrammen toevoegen te klikken.

Opdracht:

  1. Koppel al je sociale media account in je sociale media balk.

Facebook

Wil je dat bezoekers je pagina op facebook gaan liken en/of je wix pagina op facebook delen. Dit kan door hier een button voor toe te voegen. Je kunt voor Facebook twee buttons toevoegen, namelijk:

- Vind ik leuk (bezoekers kunnen meteen de pagina van wix leuk vinden)

- Delen (bezoekers kunnen meteen de website delen)

Vind ik leuk button toevoegen:

  1. Ga naar het + icoontje links in beeld.
  2. Ga naar Sociale Media.
  3. Kies het vind ik leuk voorbeeld uit het kopje Vind ik leuk.
  4. Kies of de tekst op de button 'Vind ik leuk' of 'Aanbevelen' moet zijn.
  5. Kies in welke taal de button moet.
  6. De vind ik leuk button is toegevoegd aan je pagina.

Delen button toevoegen:

  1. Ga naar het + icoontje links in beeld.
  2. Ga naar Sociale Media.
  3. Kies het delen voorbeeld uit het kopje Delen.
  4. Kies of je de startpagina wilt laten delen of de pagina waarom je de button plaatst.
  5. Kies de tekst die op de butten wilt zoals: delen.
  6. De delen button is toegevoegd aan je pagina.

Twitter

Nu je weet hoe alles moet met het delen en liken van facebook en je pagina. Kun je dit ook doen met Twitter. Voor Twitter kun je drie knoppen toevoegen, namelijk:

- Volgen (de bezoekers kunnen je meteen volgen op twitter)

- @wix volgen (de bezoekers kunnen meteen wix volgen op twitter)

- Tweeten (de bezoekers delen je website meteen op twitter)

Opdracht:

  1. Voeg de drie buttons toe aan je pagina. Succes!

Gelukt? als het nog niet helemaal gelukt is kijk dan nog eens bij het kopje van 'Facebook'.

 

Pinterest

Ook voor Pinterest kun je twee buttons toevoegen:

- Pin it button

- Pinterest button


Je weet nu precies hoe dit moet, dus probeer het maar eens. Succes!

Opdracht:

  1. Voeg de twee buttons toe aan je pagina
  2. Koppel je account met de buttons
  3. Klaar!

 

Weet je het even niet meer? Kijk dan onder het kopje 'Facebook'.

Youtube

Voor Youtube kun je ook ook een 'Abonneer' button toevoegen.


Je weet nu precies hoe dit moet, dus probeer het maar eens. Succes!

Opdracht:

  1. Voeg de button toe aan je pagina
  2. Koppel je account met de button
  3. Klaar!


Weet je het even niet meer? Kijk dan onder het kopje 'Facebook'.

Google

Voeg nu de twee buttons voor Google toe aan je pagina.


Je weet precies hoe dit moet, dus probeer het maar eens. Succes!

Opdracht:

  1. Voeg de twee buttons toe aan je pagina
  2. Koppel je account met de buttons
  3. Klaar!

Weet je het even niet meer? Kijk dan onder het kopje 'Facebook'.

Spotify

En als laatst kun je ook een Spotify button toevoegen op je pagina. Ook dit zijn twee verschillende.  


Je weet precies hoe dit moet, dus probeer het maar eens. Succes!

Opdracht:

  1. Voeg de twee buttons toe aan je pagina
  2. Koppel je account met de buttons
  3. Klaar!

 

Weet je het even niet meer? Kijk dan onder het kopje 'Facebook'.

Instagram tijdlijn

Tegenwoordig hebben steeds meer mensen een Instragram account waar ze verschillende foto's en/of video's op delen. Je kunt op je website een tijdlijn van jouw Instragram account toevoegen.

Deze tijdlijn kun je koppelen aan je account en bewerken na jouw eigen smaak.

Hoe je dit doet? Volg de volgende stappen:

  1. Ga naar het + icoontje links in beeld.
  2. Ga naar Sociale Media.
  3. Scroll naar beneden naar het kopje Gerelateerde apps.
  4. Klik op Instagram-tijdlijn.
  5. Je krijgt het volgende te zien:

  6. Klik rechtsboven op Toevoegen.
  7. De Instagram-tijdlijn is toegevoegd aan je pagina.

Het koppelen van je account:

  1. Klik op de Instagram-tijdlijn.
  2. Klik op Instellingen.
  3. Je krijgt het volgende in beeld:












     
  4. Bij algemeen klik je op Instragram koppelen.
  5. Log in bij je Instragram account.
  6. Je account is gekoppeld.
  7. Bij Indeling kun je kiezen hoe het eruit komt te zien bij een destopweergave en/of een mobiele weergave.
  8. Verder kun je nog bij Instellingen een aantal dingen aan of uitzetten.
  9. Als laatste kun je bij Ontwerp de tijdlijn aanpassen naar je eigen smaak.

 

Navigeren tussen pagina's binnen je website

Op je website kun je natuurlijk verschillende pagina's hebben. Tot nu toe zijn we alleen nog maar bezig geweest op de home pagina. Maar wil je nou een extra pagina toevoegen dan kan dit!

Hiervoor ga je naar de Home knop. Die staat links boven in beeld. Als je daar op klikt krijg je het volgende scherm te zien:

 

 

 

 

                                                                                                                                             

 

                                                                                    Hier zie je links de verschillende pagina's. Als je op bijvoorbeeld hier Resume klikt, ga je naar die pagina. Deze pagina kun je weer op dezelfde manier bewerken als wat we eerder in de workshop behandeld hebben. Weet je dit nu niet meer, dan kun je zo terug gaan naar het kopje pagina bewerken. Succes met het bewerken van je andere pagina's op de website!

Opdracht:

  1. Maak een nieuwe pagina aan op je website (zie button 'Pagina toevoegen' in de afbeelding hierboven).
  2. Bewerk deze pagina zoals je dat zelf wilt.

Je website is nu al bijna klaar!!

Maar je kan op je home pagina een menu balk plaatjes zodat je bezoekers makkelijk naar je verschillende pagina's kunnen gaan. Als goed is heb je al een menu balk in je voorbeeld pagina. Deze menu balk kun je zo houden maar je kunt ook een nieuwe toevoegen. Dit doe je als volgt:

  1. Klik op het + icoontje links in beeld.
  2. Ga naar Menu.
  3. Kies een menu uit de voorbeelden en klik erop (je kunt kiezen uit horizonatale en vertivale menu's).
  4. Je menu veranderd meteen in de pagina's die je toegevoegd hebt.
  5. Bezoekers kunnen nu makkelijk van de ene pagina naar de andere!

 

 

 

Opslaan, publiceren en openen

Opslaan

Het is belangrijk om je website natuurlijk op te slaan. De bewerkingen die je doet, worden automatisch al af en toe opgeslagen. Dit doet de site zelf al, handig toch?!

ALs je helemaal klaar bent met je website is het handig om hem nog even voor de zekerheid op te slaan. Dit kun je op doen op de volgende manier:

  1. Boven inbeeld zie je het volgende icoontje:

  2. Klik daarop.
  3. Vervolgens komt er in beeld te staan: Uw wijzigingen zijn opgeslagen
  4. Klik op gereed en je website is opgeslagen.

Ook kun je even kijken hoe je website er voor bezoekers uit ziet. Dit kun je zien door rechts bovenin op Voorbeeld te klikken. Dan zie je je website zoals een bezoeker het zou zien. Klik vervolgens weer op Terug naar bewerken, op dezelfde plek en je kunt weer verder met het bewerken van je website.

Publiceren

Nu je website klaar is, is het tijd om hem te publiceren zodat iedereen hem kan bewonderen!
Het publiceren van je website is heel gemakkelijk:

  1. Rechts boven in beeld zie je in het blauw staan Publiceren.
  2. Klik hierop.
  3. En je website is: GEPUBLICEERD!

Openen

Om je website weer te kunnen openen, als je toch nog wat wilt bewerken of een andere keer verder wilt gaan kun je het volgende doen:

  1. Ga naar https://nl.wix.com/
  2. Log in met je account.
  3. Vervolgens zie je links in beeld je website staan.
  4. Klik op Website beheren.
  5. Daarna staat links in beeld of bovenin bij de titel van je website Bewerken.
  6. Klik hierop.
  7. Je bent nu weer op de bewerk pagina van je website.
  8. Je kunt weer verder gaan met het aanpassen van je website!

Toets

Nu je website klaar is ben je een echte... Webdesigner!!!

We hopen dat je veel aan deze workshop hebt gehad, tijdens het maken van je eigen website. Nu je hier natuurlijk prof in bent geworden, nemen we een kleine toets af om te kijken of je nu alle ins en outs van het maken van een Wix Website onder de knie hebt!

 

Toets: Wix website

Start

  • Het arrangement Workshop Wix is gemaakt met Wikiwijs van Kennisnet. Wikiwijs is hét onderwijsplatform waar je leermiddelen zoekt, maakt en deelt.

    Auteur
    Chantal Huizenga Je moet eerst inloggen om feedback aan de auteur te kunnen geven.
    Laatst gewijzigd
    2017-10-31 13:11:40
    Licentie

    Dit lesmateriaal is gepubliceerd onder de Creative Commons Naamsvermelding 3.0 Nederlands licentie. Dit houdt in dat je onder de voorwaarde van naamsvermelding vrij bent om:

    • het werk te delen - te kopiëren, te verspreiden en door te geven via elk medium of bestandsformaat
    • het werk te bewerken - te remixen, te veranderen en afgeleide werken te maken
    • voor alle doeleinden, inclusief commerciële doeleinden.

    Meer informatie over de CC Naamsvermelding 3.0 Nederland licentie.

    Aanvullende informatie over dit lesmateriaal

    Van dit lesmateriaal is de volgende aanvullende informatie beschikbaar:

    Toelichting
    Gratis en gemakkelijk een eigen website maken met Wix. Een website voor je bedrijf of een online portfolio, het kan allemaal met Wix. In deze workshop leer je de beginselen van het maken van een eigen website/portfolio.
    Eindgebruiker
    leerling/student
    Moeilijkheidsgraad
    gemiddeld
    Trefwoorden
    digitaal portfolio, portfolio, website maken, wikiwijs, wix, wix.com, workshop

    Bronnen

    Bron Type
    Maak je eigen Wix website
    https://www.youtube.com/watch?v=jhXlnvYZZQs
    Video
    Account aanmaken
    https://www.youtube.com/watch?v=GiRIs5i1Bkk
    Video