Een afdelingswebsite bouwen met Google Sites

Presentatie over: "Een afdelingswebsite bouwen met Google Sites"— Transcript van de presentatie:

1 Een afdelingswebsite bouwen met Google Sites
© KWB vzw –

2 Inleiding © KWB vzw –

3 RGB KLEUR

4 mengkleuren rood & groen
255 255

5 RGB KLEUR R: 187 G: 11 B: 48

6 RGB KLEUR 0, 255, 0 255, 255, 0 0, 255, 255 255, 0, 0 255, 0, 255 0, 0, 255 255, 255, 255

7 kleuren logo KWB geel: R:234/G:227/B:77 paars: R:157/G:0/B:83

8 Geindexeerde kleuren geel: #eae34d paars: #9d0053

9 digitale beelden: resolutie

10 pixels resolutie Dots per inch (dpi)
1200 1600 Dots per inch (dpi) H / dpi en L / dpi = beeldgrootte in inch 1 inch = 2,54 cm

11 Voorbeeld met 72 dpi H = 1200 / 72 = 16.6 inch L = 1600 / 72 = 22.2 inch H = 16.6 x 2,54 = 42,3 cm L = 22.2 x 2,54 = 56,4 cm Voorbeeld met 300 dpi H = 1200 / 300 = 4 inch L = 1600 / 300 = 5,3 inch H = 8 x 2,54 = 10,1 cm L = 5,3 x 2,54 = 13,5 cm

12 Beeldformaat en resolutie wijzigen
Microsoft Photo Editor

13

14

15

16 Beeldformaten voor web
Jpeg: met compressie Gif: beperkt aantal kleuren Png: idem gif, transparantie

17 Site bouwen WYSIWYG-editor (bv. dreamweaver)
Code schrijven (html, css, php) Online bouwen (bv. google sites)

18 URL Is adres van je website www.kwb.be/kwbnaamafdeling

19 Stap 1 – een Google account aanmaken
© KWB vzw –

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

21 Heb je al een account bij Google. Meld je dan aan met je wachtwoord
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”

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

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

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

25 Klik op “hier klikken om uw accountprofiel te beheren”

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

27 Stap 2 – Onze Website aanmaken
© KWB vzw –

28 Druk in het bovenstaande scherm op “Sites”

29 Druk op de knop “Site maken”

30 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 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.

31 Proficiat, je site is nu aangemaakt en heeft nu de URL: http://sites
Verander nog niets aan je site, de rest doen we tezamen op de vorming. Breng aub je inloggegevens mee: adres en wachtwoord

32 Stap 3 – Opmaak site wijzigen
© KWB vzw –

33 Klik op Site-instellingen > Uiterlijk wijzigen

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

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

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

37 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

38 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

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

40 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.