Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

40
Een afdelingswebsite bouwen met Google Sites © KWB vzw – www.kwb.be

Transcript of Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Page 1: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Een afdelingswebsite bouwen met Google Sites

© KWB vzw – www.kwb.be

Page 2: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Inleiding

© KWB vzw – www.kwb.be

Page 3: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

RGB KLEUR

Page 4: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

mengkleuren rood & groen

0 255

0 255

0

255

Page 5: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

RGB KLEUR

R: 187

G: 11

B: 48

Page 6: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

RGB KLEUR

255, 0, 0

0, 0, 255

0, 255, 0

255, 255, 0

255, 0, 255

255, 255, 255

0, 255, 255

Page 7: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

kleuren logo KWB

geel: R:234/G:227/B:77paars: R:157/G:0/B:83

Page 8: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Geindexeerde kleuren

geel: #eae34dpaars: #9d0053

Page 9: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

digitale beelden: resolutie

Page 10: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

pixels resolutie

• Dots per inch (dpi)

• H / dpi en L / dpi = beeldgrootte in inch

• 1 inch = 2,54 cm

1200

1600

Page 11: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Voorbeeld met 72 dpiH = 1200 / 72 = 16.6 inchL = 1600 / 72 = 22.2 inchH = 16.6 x 2,54 = 42,3 cmL = 22.2 x 2,54 = 56,4 cm

Voorbeeld met 300 dpiH = 1200 / 300 = 4 inchL = 1600 / 300 = 5,3 inchH = 8 x 2,54 = 10,1 cmL = 5,3 x 2,54 = 13,5 cm

Page 12: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Beeldformaat en resolutie wijzigen

Microsoft Photo Editor

Page 13: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .
Page 14: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .
Page 15: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .
Page 16: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Beeldformaten voor web

Jpeg: met compressie

Gif: beperkt aantal kleuren

Png: idem gif, transparantie

Page 17: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Site bouwen

WYSIWYG-editor (bv. dreamweaver)

Code schrijven (html, css, php)

Online bouwen (bv. google sites)

Page 18: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

URL

Is adres van je website

www.kwb.be/kwbnaamafdeling

http://sites.google.com/site/kwbafdeling

Page 19: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Stap 1 – een Google account aanmaken

© KWB vzw – www.kwb.be

Page 20: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Surf naar www.google.be en klik in je menu bovenaan op meer>Sites

Page 21: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Heb je al een account bij Google? Meld je dan aan met je wachtwoord. Ga dan naar Stap 2.

Heb je nog geen account bij Google? Klik dan op “Aanmelden voor Sites”

Page 22: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Vul de gevraagde gegevens in en klik onderaan op “maak mijn account”

Page 23: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Je krijgt volgend scherm te zien. Open nu je email.

Page 24: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Je hebt bovenstaand bericht en je mailbox. Klik op de link om je account te activeren. Er opent zich een nieuw scherm.

Page 25: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik op “hier klikken om uw accountprofiel te beheren”

Page 26: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Meld je aan met je e-mail en wachtwoord die je hebt opgegeven.

Page 27: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Stap 2 – Onze Website aanmaken

© KWB vzw – www.kwb.be

Page 28: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Druk in het bovenstaande scherm op “Sites”

Page 29: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Druk op de knop “Site maken”

Page 30: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Vul de gevraagde gegevens in. Kies voor “Naam site” eerst KWB (spatie) en de naam van je afdeling. Je url wordt dan kwbnaamafdeling. Bijvoorbeeld: KWB Evergem Centrum – kwbevergemcentrum

Klik tenslotte op Site maken.

KWB Naam Van De Afdeling

Dit wordt automatisch aangevuld

Beschrijf je site: bv. de website van KWB Evergem Centrum

Zorg dat iedereen aangeduid staat

Page 31: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Proficiat, je site is nu aangemaakt en heeft nu de URL: http://sites.google.com/site/kwbafdeling/

Verander nog niets aan je site, de rest doen we tezamen op de vorming. Breng aub je inloggegevens mee: emailadres en wachtwoord

Page 32: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Stap 3 – Opmaak site wijzigen

© KWB vzw – www.kwb.be

Page 33: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik op Site-instellingen > Uiterlijk wijzigen

Page 34: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik op Sitelay-out wijzigen, neem daarna de parameters van bovenstaand scherm over en druk op “ok”. Daarna rechts bovenaan op “wijzigingen opslaan klikken”.

Page 35: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Druk op “logo wijzigen” en voeg onder “Aangepast logo” het bestand hoofdingwebsitekwb.png in (je kan dit downloaden op www.KWB.be/documents/ hoofdingwebsitekwb.png). Klik tenslotte op “OK” en rechtsbovenaan op “wijzigingen opslaan”

Page 36: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik op “Kleuren en lettertypen”. Klik één voor één alle elementen in de menubalk aan (achtergrondkleur site, achtergrondafbeelding,…). De paramaters staan op volgende pagina.

Page 37: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

achtergrondkleur site: #eae34d

achtergrondafbeelding site: geen

kleur link voor site: #9d0053

kleur link voor site bezocht: #9d0053

achtergrondafbeelding inhoud: van thema

titelkleur koptekst: #9d0053

achtergrondkleur koptekst: #fbfae2

kop achtergrondafbeelding: geen

paginalettertype: verdana

kleur paginatitel: #9d0053

Page 38: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

tekstkleur pagina: #000000

achtergrondkleur pagina: #ffffff

achtergrondafbeelding pagina: geen

lettertype zijbalk: verdana

kleur zijbalktitel: #9d0053

achtergrondkleur zijbalktitel: #eff4f9

achtergrondafbeelding zijbalktitel: geen

tekstkleur zijbalk: #5e6a72

achtergrondkleur zijbalk: #ffffff

Page 39: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik na het invoeren van de parameters rechts bovenaan op “wijzigingen opslaan”

Page 40: Een afdelingswebsite bouwen met Google Sites © KWB vzw – .

Klik op “Thema’s” en zorg dat het standaard thema aangeduid is.

Klik daarna links bovenaan op “Terug naar site” om terug naar je site te keren.