Servicebureau ICT leren – Website maken met Weebly

1

EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5

hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina’s maken en 5.

Extra mogelijkheden. Succes met deze leuke en handige manier om een site te leren bouwen!

1. Aanmelden

Ga naar Weebly: http://www.weebly.com/

Zodra je je hebt aangemeld bij Weebly kan je meteen beginnen met het maken van één of meerdere

websites. Als je inlogt met de door jezelf gekozen gebruikersnaam en wachtwoord wordt er aan je

gevraagd om een titel en onderwerp te kiezen voor de website. De titel kan je later altijd nog

veranderen. Vervolgens kan je een domeinnaam kiezen. Je krijgt drie keuzes:

1.Een subdomein van weebly.com. Je website eindigt dan op 'weebly.com'.

Dit is volledig gratis.

2.Een nieuwe domeinnaam registreren. Tegen betaling kan je een website aanmaken die eindigt op

.com , .net of .org.

3.Een domeinnaam die je al bezit. Dit brengt geen extra kosten met zich mee. Ook het domein kan

je later nog veranderen.

2.Het Weebly werkblad

Als je een website hebt aangemaakt klik dat op ‘Edit site’ en je komt op het werkblad:

Servicebureau ICT leren – Website maken met Weebly

2

Een design kiezen en aanpassen

Als je eerst een ontwerp wilt maken dan biedt Weebly verschillende designs aan, onderverdeeld in

de volgende categorieën:

Klik in boven in op het tabblad ‘Design’

Je krijgt dit overzicht:

Uitleg: Een design bestaat uit een standaard kopfoto (header image in het Engels), een bepaald type

navigatieknop en een website-indeling. De kopfoto kan verwijderd worden en vervangen worden

door foto's op flickr, het internet en door foto's die je zelf gaat uploaden. Elke foto kan voorzien

worden van een onderschrift. Bovendien kunnen de foto's zelf nog bewerkt worden: je kan ze

bijsnijden, roteren, ondoorzichtig maken, vervagen en effecten toevoegen.

Als je een design hebt uitgekozen/gemaakt dan kan je via de ‘Design options’ ook de lettertypen

aanpassen die je wilt gebruiken voor de titel, tekst, links. Zie onderstaand voorbeeld:

Servicebureau ICT leren – Website maken met Weebly

3

Eigen plaatje als ontwerp

Je kunt makkelijk een eigen plaatje gebruiken voor ontwerp.

Dit ontwerp heb je gekozen:

Plaats je muis op de afbeelding en de knop ‘Edit images’ komt tevoorschijn, klik daar op:

De afbeelding kan nu van effecten worden voorzien maar je kunt het nu ook verwijderen.

Links boven zie je de afmeting van deze afbeelding (is voor ieder ontwerp weer anders):

Hier is de afmeting: Header size 960x270px Dit betekent dat je vervangende afbeelding dezelfde

maat moet krijgen! Maak dus eerst een afbeelding klaar in de juiste maat klaar met een

fotoprogramma. Voorbeeld:

Sla deze foto op als webfoto, dus niet zwaarder dan bijvoorbeeld 150 kilobytes. Laad je gemaakte

afbeelding op en je site ziet er weer heel anders uit:

Servicebureau ICT leren – Website maken met Weebly

4

3.Draggen en Droppen

Als je tevreden bent met het design kan je gebruik maken van de vele mogelijkheden die Weebly

biedt om pagina elementen in te voegen en te bewerken. Weebly maakt gebruik van een 'drag and

drop interface'. Dit houdt in dat je onderdelen in de werkbalk naar het werkblad kunt slepen en

daarna bewerken. Zie voorbeeld:

Deze manier van werken is eenvoudig en praktisch, gewoon uitproberen en dan vind je vanzelf alle

mogelijkheden. Zo kun je heel snel een fotootje uit je PC op de pagina krijgen door op het blauwe vak

met de tekst ‘Click Here to Edit’ klikken, je ziet dan:

Servicebureau ICT leren – Website maken met Weebly

5

Foto invoeg venster, resultaat van foto en tekst invoer:

Drag en Drop elementen

De onderdelen die je op je website kan zetten zijn onderverdeeld in vier hoofdonderdelen:

Basic:

hiertoe behoren o.a. de paragrafen, foto's en titels, contact formulieren etc.

Multimedia:

hiertoe behoren o.a. een fotogalerij, YouTube-video's en google maps.

Revenue:

dit is met name geschikt voor professionele doeleinden. Zo kan je bijvoorbeeld een online winkel

beginnen als je een 'google Checkout merchant account' of een 'PayPal Business/Premier account'

hebt.

More:

hiertoe behoren o.a. een contactformulier, een feed reader en spelletjes.

Wijzigingen voorbehouden, Weebly is voortdurend bezig het product te verbeteren, veranderingen

kunnen dus optreden. Er zijn meer elementen die je in kunt voegen, die worden besproken bij extra

informatie.

Servicebureau ICT leren – Website maken met Weebly

6

4.Nieuwe pagina’s aanmaken

Kies in de menubalk het tabblad ‘Pages’

Je komt op dit venster:

De Homepage staat er al. Je kunt de titel van de homepage aanpassen in het Edit Page vakje.

Klik op ‘New Page’ voor de volgende pagina en geef deze een naam. Maak zoveel pagina’s als op het

menu van het ontwerp van je site passen. Je kunt de volgorde van alle nieuwe pagina’s later weer

veranderen. Gewoon schuiven. Bekijk ook het voorbeeld hier onder:

Servicebureau ICT leren – Website maken met Weebly

7

5.Extra mogelijkheden

Een aantal andere interessante mogelijkheden zullen nu nader besproken worden.

Drag en drop elementen

Html

Vanwege het drag and drop-systeem is het niet nodig om enige kennis te hebben van html. Toch kan

je html gebruiken om elementen toe te voegen aan uw website die niet standaard worden

aangeboden door Weebly.

Onder de knop 'Basic' staat het onderdeel 'Custom html'. Als je dit onderdeel versleept naar de

plaats waar je het wil hebben kan je html codes toevoegen. Hierdoor is het bijvoorbeeld mogelijk om

een lichtkrant te plaatsen op de gratis website.

Google Adsense

Eén van de voordelen van Weebly is dat ze geen advertenties plaatsen op uw website. Je kunt er

echter wel voor kiezen om advertenties te plaatsen als je een account hebt bij Google Adsense.

Nadat je je accountcode hebt ingevuld bij Weebly kan je zelf beslissen hoeveel advertenties je wil

hebben en waar ze komen te staan. Het is dus mogelijk om geld te verdienen met de gratis website.

De voorwaarde is wel dat 50% van je inkomsten naar Weebly gaan.

Blog

Een ander groot voordeel is dat je een blog kan toevoegen aan de website. Ook dit is helemaal gratis.

Je blog is automatisch voorzien van een RSS Feed. Je kunt er ook allerlei onderdelen aan toevoegen

zoals een poll, een Twitter Badge en een LinkedIn Button. Al de berichten die je plaatst worden

opgeslagen op basis van publicatiedatum en eventueel ook op basis van categorie.

Forum

Indien je met de bezoekers wilt discussiëren is het handig om een forum toe te voegen. In

samenwerking met Tal.ki maakt Weebly het mogelijk om een forum toe te voegen aan de website.

Zodra je een forum hebt toegevoegd staan er automatisch twee subfora, namelijk 'News' en 'Off-

topic'. Je kunt dit uiteraard aanpassen en eventueel nieuwe subfora toevoegen. Je krijgt ook

automatisch een avatar toegewezen die je ook weer kunt veranderen.

Hoe krijg je je website goed vindbaar bij Google?

Google zal na enige tijd je website vinden. Dit proces kan je versnellen door een 'site description' en

'meta Keywords' toe te voegen. Dit doet je door in het hoofdmenu bovenaan te klikken op 'settings'.

Vervolgens kan je klikken op 'Search Engine Optimalization (SEO)'. Indien je dit gedaan hebt, heb je

de mogelijkheid om de websitegegevens in te vullen.

Of niet vindbaar bij Google?

Je hebt ook de mogelijkheid om ervoor te kiezen om je website te verbergen voor zoekmachine's. In

dat geval zal Google niet je website opnemen in haar bestand. Voor elke pagina van de website kan

je deze gegevens invullen.

Hoe publiceer ik mijn website?

Als je tevreden bent met je website kan je klikken op de oranje knop 'Publish' dat zich rechts

Servicebureau ICT leren – Website maken met Weebly

8

bovenaan het scherm bevindt. Naderhand is het nog altijd mogelijk om de website aan te passen. Als

je de veranderingen op de website online wil hebben moet je nogmaals klikken op 'Publish'.

Hoe kan ik zien of mijn site bezocht wordt?

Op je startpagina staat naast de knop ‘Edit’ de knop ‘Stats’

Daarna kun je precies zien hoeveel bezoekers je hebt gehad.

Op deze pagina kun je ook een site verwijderen en weer een nieuwe site starten.

Wat is het voordeel van een betaalde website (Weebly Pro Account)

Weebly biedt meer mogelijkheden tegen betaling.

Zie onderstaand screenshot:

Je kunt dus later in je beroepssituatie van je opdracht website later een professionele website

maken. Dat is makkelijk want je hebt geleerd hoe je de site moet onderhouden!