Vormingplus Limburg, L. Frederix
Starten met Weebly Aanmelden / Inloggen 1
Weebly
Inhoud 1 Starten met Weebly ........................................................................................................................ 3
1.1 Aanmelden / Inloggen ............................................................................................................. 3
1.2 Website aanmaken .................................................................................................................. 3
1.2.1 Eerste website ................................................................................................................. 3
1.2.2 Tweede website............................................................................................................... 5
2 Website opbouwen: basis ............................................................................................................... 6
2.1 Elementen op een pagina ........................................................................................................ 6
2.1.1 Tekst ................................................................................................................................ 6
2.1.2 Foto toevoegen ............................................................................................................... 8
2.1.3 Foto opmaken.................................................................................................................. 9
2.1.4 Elementen naast elkaar plaatsen .................................................................................. 10
2.2 Meerdere pagina’s ................................................................................................................ 11
2.2.1 Pagina aanmaken .......................................................................................................... 11
2.2.2 Navigatiemenu .............................................................................................................. 11
2.3 Design .................................................................................................................................... 12
2.3.1 Design selecteren .......................................................................................................... 12
2.3.2 Lettertype aanpassen .................................................................................................... 13
2.3.3 Hoofdfoto aanpassen .................................................................................................... 13
2.3.4 Logo ............................................................................................................................... 13
2.4 Website publiceren ............................................................................................................... 14
3 Website opbouwen: vervolg ......................................................................................................... 15
3.1 Elementen ............................................................................................................................. 15
3.1.1 Bestand .......................................................................................................................... 15
3.1.2 Links ............................................................................................................................... 15
3.1.3 Fotogalerie en diapresentatie ....................................................................................... 16
3.1.4 YouTube Video .............................................................................................................. 16
3.1.5 Google-kaart .................................................................................................................. 16
3.1.6 Contactformulier ........................................................................................................... 16
3.1.7 Links naar sociale media ................................................................................................ 18
Vormingplus Limburg, L. Frederix
Starten met Weebly Aanmelden / Inloggen 2
3.1.8 Elementen kopiëren ...................................................................................................... 18
3.2 Webadres (domein) aanpassen ............................................................................................. 19
3.3 Website optimaliseren voor zoekmachines (SEO) ................................................................ 19
3.3.1 Enkele tips ..................................................................................................................... 19
3.3.2 Aantal bezoekers ........................................................................................................... 20
4 Website opbouwen: extra ............................................................................................................. 21
4.1 Blog ........................................................................................................................................ 21
4.1.1 Blogpagina aanmaken ................................................................................................... 21
4.1.2 Bericht toevoegen ......................................................................................................... 21
4.1.3 Zijbalk blog ..................................................................................................................... 22
4.1.4 Bloginstellingen ............................................................................................................. 23
4.1.5 Commentaren ................................................................................................................ 23
4.1.6 Facebook commentaren ................................................................................................ 23
4.2 Toepassingen embedden ...................................................................................................... 24
4.2.1 Andere website ............................................................................................................. 24
4.2.2 Video en audio ............................................................................................................... 24
4.2.3 Activiteitenkalender ...................................................................................................... 24
4.2.4 Google drive .................................................................................................................. 25
4.2.5 Spreekwoord / Citaat van de dag .................................................................................. 26
4.2.6 Puzzel ............................................................................................................................. 26
4.2.7 Tabel .............................................................................................................................. 26
4.3 HTML/CSS aanpassen ............................................................................................................ 28
4.3.1 Voetnoot ........................................................................................................................ 28
4.3.2 Tabel .............................................................................................................................. 29
Vormingplus Limburg, L. Frederix
Starten met Weebly Aanmelden / Inloggen 3
1 Starten met Weebly
1.1 Aanmelden / Inloggen
Ga naar: www.weebly.com
Nog geen account bij Weebly?
- Vul je gebruikersnaam en e-mailadres in.
- Kies een wachtwoord. Dit wachtwoord is enkel voor
Weebly en is dus verschillend van het wachtwoord
van je mailbox!!
- Je kan je ook via Facebook aanmelden.
Wel al een account bij Weebly?
- Klik op ‘log in’ (rechtsboven).
- Vul je e-mailadres en wachtwoord in.
- Je kan ook via Facebook inloggen.
1.2 Website aanmaken
1.2.1 Eerste website
Choose a theme – Dit thema kan je nadien nog gemakkelijk veranderen of aanpassen
Choose your website domain
Vormingplus Limburg, L. Frederix
Starten met Weebly Website aanmaken 4
Webadres
Er zijn 3 opties:
Kies in eerste instantie optie 1 = subdomein van weebly.com = gratis. Vul het webadres aan. Het
webadres kan je achteraf nog wijzigen, zie 3.2.
Je krijgt een website die hierop lijkt:
gratis
betalend
Vormingplus Limburg, L. Frederix
Starten met Weebly Website aanmaken 5
1.2.2 Tweede website
Als je in Weebly al een website hebt aangemaakt, kan je nog een 9 sites aanmaken via de knop ‘site
toevoegen’. Om meer dan 10 websites te kunnen maken, moet je overschakelen op de betalende
Weebly Pro versie.
Vormingplus Limburg, L. Frederix
Website opbouwen Elementen op een pagina 6
2 Website opbouwen
2.1 Elementen op een pagina
2.1.1 Tekst
Om tekst toe te voegen sleep je een van de tekstelementen naar het lege deel van je website.
Sleep bijvoorbeeld het tekstelement ‘text’ naar de lege ruimte rechts . (Klik daarvoor met de
linkermuisknop op het element, houd de linkermuisknop ingedrukt, verplaats de muis en laat de
linkermuisknop los).
Het volgende tekstvak verschijnt:
Wijzig de tekst. Met de knoppen die bovenaan verschijnen kan je de tekst opmaken:
Merk op dat je het lettertype niet kan aanpassen. Dit hoort bij het design, zie 2.3.2.
Vormingplus Limburg, L. Frederix
Website opbouwen Elementen op een pagina 7
Met de knop kan je een link maken met een andere website, een pagina in je eigen website,
een bestand of een e-mailadres. Zie 3.1.1 voor meer informatie.
Vormingplus Limburg, L. Frederix
Website opbouwen Elementen op een pagina 8
2.1.2 Foto toevoegen
Om een foto toe te voegen sleep je een van de foto-elementen naar je website.
Sleep ‘paragraaf met foto’ of ‘foto’ naar je website. Klik op het blauwe vak om een foto toe te
voegen:
Het volgende keuzemenu verschijnt:
Er zijn 4 opties:
1: De afbeelding staat op je computer.
2: Je wil een afbeelding gebruiken uit de Flickr fotodatabank met ‘creative commons licensed
images’. Geef een zoekterm in en selecteer de gratis foto’s. In de voetnoot verschijnt een verwijzing
naar Flickr.
3: De foto’s uit de Flickr fotodatabank kan je aan je favorieten toevoegen.
4: De foto (die al van jou is) staat op een andere website.
1 4 3 2
Vormingplus Limburg, L. Frederix
Website opbouwen Elementen op een pagina 9
2.1.3 Foto opmaken
a
Klik op de foto
foto bewerken via de volgende opties:
Vormingplus Limburg, L. Frederix
Website opbouwen Elementen op een pagina 10
2.1.4 Elementen naast elkaar plaatsen
Standaard komen alle elementen onder elkaar te staan. Om meerdere zaken naast elkaar te
plaatsen, gebruik je ‘multiple columns’:
Je kan 2 of meer kolommen aanmaken.
Sleep de elementen (tekst, foto’s, …) naar de kolommen. Met de blauwe pijltjes tussen de
kolommen, kan je de kolommen groter/kleiner maken.
Vormingplus Limburg, L. Frederix
Website opbouwen Meerdere pagina’s 11
2.2 Meerdere pagina’s
2.2.1 Pagina aanmaken
Ga hiervoor naar het tabblad Pagina’s Een website bestaat uiteraard uit meerdere pagina’s. In
Weebly kan je er zoveel aanmaken als je wil.
A: Nieuwe pagina aanmaken
B: Naam van de pagina wijzigen
C: Lay-out van de pagina kiezen
D: Volgorde van de pagina’s wijzigen (pagina omhoog/omlaag bewegen) of subpagina’s aanmaken
(pagina naar rechts/links bewegen).
2.2.2 Navigatiemenu
Merk op dat de namen van de pagina’s in het navigatiemenu verschijnen. In de Weebly editor kan je
het navigatiemenu gebruiken om van de ene pagina naar de andere pagina te gaan.
De positie en lay-out van het navigatiemenu wordt bepaald door het gekozen design, zie 2.3.1.
Het is mogelijk om een pagina niet in het navigatiemenu op te nemen. In het tabblad Pagina’s vink je
hiervoor de volgende optie aan:
Door in je website een link aan te brengen naar deze pagina, zie 3.1.2, kan je wel naar deze pagina
verwijzen.
A B
C
D
Vormingplus Limburg, L. Frederix
Website opbouwen Design 12
2.3 Design
2.3.1 Design selecteren
Ga naar Design > Alle Thema’s.
Baseer je bij het kiezen van het design op de achtergrond en de positie en lay-out van het
navigatiemenu. De hoofdfoto en de lettertypes kan je nog aanpassen.
Beweeg met de muis over een design dat je aanspreekt. Klik op de knop ‘preview’. Dan zie je je eigen
website in deze lay-out. Je hebt 3 opties:
1 – Use Theme: Het design gebruiken voor je website. Opmerking: je kan het design later nog altijd
aanpassen.
2 – Favorite: Het design toevoegen aan je favorieten.
3 – Cancel: Een ander design zoeken.
Vormingplus Limburg, L. Frederix
Website opbouwen Design 13
2.3.2 Lettertype aanpassen
Als je een design gekozen hebt, kan je het bijhorende lettertype aanpassen via Designopties.
2.3.3 Hoofdfoto aanpassen
A: huidige foto verwijderen
B: nieuwe foto toevoegen (eventueel kan je ook tekst toevoegen)
C: foto bewerken
D: resultaat opslaan, hierbij zijn er 3 opties:
1 – As default header: voor alle pagina’s met dezelfde lay-out
2 – Only to this page
3 – Only to selected pages: keuze uit alle pagina’s met dezelfde lay-out
2.3.4 Logo
Linksbovenaan staat de titel van je website. Je kan die wijzigen of je logo in de plaats zetten.
A
B
C
D
Vormingplus Limburg, L. Frederix
Website opbouwen Website publiceren 14
2.4 Website publiceren Klik rechtsbovenaan op de knop:
Dan verschijnt het volgende bericht:
A: klik op je webadres om de website te bekijken B: sluit het bericht
Door naar Instellingen te gaan, kan je de publicatie van je website teniet doen:
Archiveren: uw site downloaden als een zip-archief
Publiceren ongedaan maken: publiceren van de site ongedaan maken
A
B
Recommended