Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Vormingplus Limburg, L. Frederix

Weebly Inhoud 1

2

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

Website opbouwen: basis ............................................................................................................... 6 2.1

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 3

Elementen op een pagina........................................................................................................ 6

Website publiceren ............................................................................................................... 14

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

Starten met Weebly Aanmelden / Inloggen

1

Vormingplus Limburg, L. Frederix 3.1.8

4

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

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


2


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


3

Vormingplus Limburg, L. Frederix Webadres Er zijn 3 opties:

gratis

betalend

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:

Starten met Weebly Website aanmaken

4

Vormingplus Limburg, L. Frederix 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.

Starten met Weebly Website aanmaken

5


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. Website opbouwen Elementen op een pagina

6


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.

Website opbouwen Elementen op een pagina

7

Vormingplus Limburg, L. Frederix 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:

1

2

3

4

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.


8

Vormingplus Limburg, L. Frederix 2.1.3

Foto opmaken

a Klik op de foto

foto bewerken via de volgende opties:


9

Vormingplus Limburg, L. Frederix 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.


10


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

B D C

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.

Website opbouwen Meerdere pagina’s

11


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

12

Vormingplus Limburg, L. Frederix 2.3.2 Lettertype aanpassen Als je een design gekozen hebt, kan je het bijhorende lettertype aanpassen via Designopties.

2.3.3

Hoofdfoto aanpassen

C B D A

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.

Website opbouwen Design

13


2.4 Website publiceren Klik rechtsbovenaan op de knop:

Dan verschijnt het volgende bericht:

B

A 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

Website opbouwen Website publiceren

14

Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Recommend Documents