Weeblyweeblyvormingplus.weebly.com/uploads/1/3/9/7/13978160/... · 2019-09-02 · Vormingplus...

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



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



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

http://www.weebly.com/


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


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.


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.



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.



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



2.1.3 Foto opmaken

a

Klik op de foto

foto bewerken via de volgende opties:



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.


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


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.


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


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

Weeblyweeblyvormingplus.weebly.com/uploads/1/3/9/7/13978160/... · 2019-09-02 · Vormingplus...

Documents

Transcript of Weeblyweeblyvormingplus.weebly.com/uploads/1/3/9/7/13978160/... · 2019-09-02 · Vormingplus...