Mijn eerste Website bouwen

1. Mijn eerste Website bouwen De basis

2. Uw Lesgever : Guido Willekens Animator bij… Mijn eerste website bouwen

3. Inhoud van deze cursus • Module 1: Browsers en Webservers • Hoe gebeurt surfen eigenlijk en wat speelt er zich af achter de schermen? • Module 2: HTML en KompoZer • De codetaal van de webpagina en een tool om er mee te leren werken en te verstaan. • Module 3: Hosting en FTP • Waar staat mijn website en hoe breng ik er mijn pagina’s naartoe? • Module 4 WebSiteX1 • Een website maken met een tool op de PC, gebaseerd op sjablonen (templates). • Module 5: Google Sites • Een alles in één oplossing. Mijn eerste website bouwen…

4. Module 5 Een site bouwen met Google Sites

5. Wat leren we? • Een site bouwen on-line • Gratis en in het Nederlands • Dit gebeurt in 5 stappen: • Een Google-Account aanmaken • De site opzetten • Een paar pagina’s maken (Over ons, adressenlijst, nieuws, kalender, fotoalbum,documenten,contacten) • De Startpagina maken • Eerst tekst alleen • Met prentje • Geavanceerde opmaak (Tabellen, lijsten, schuifbalken, titels) • DeNavigatiestructuur aanpassen • De Layout naar onze hand zetten Mijn eerste website bouwen…

6. Voordelen Met één enkele account kunnen we vele toepassingen gebruiken We krijgen gratis 100 Mbyte webruimte Onze foto’s kunnen we kwijt op Picasa Onze documenten kunnen we maken met Google Docs Intussen kunnen we ook gebruik maken van onze Gmail Alle toepassingen samen beschikken over 7,3 Gbyte opslagruimte Mijn eerste website bouwen…

7. 1. Een Google-account aanmaken • We surfen naar www.google.be en klikken bovenaan op Gmail • We gaan ons aanmelden: • We vullen de gegevens in: • Voornaam • Naam • Gewenste e-mail (voornaam.naam) • Paswoord • Beveiliging… Mijn eerste website bouwen…

8. Een voorbeeld … Mijn eerste website bouwen…

9. 2. De site aanmaken • Opm.: je kan meerdere sites aanmaken en je kan ze ook weer verwijderen via Instellingen  Andere  Verwijderen…. We surfen naar https:sites.google.com Hier moeten we ons eerst aanmelden met onze accountgegevensfdegent@gmail.com snvlvb00 Vervolgens klikken we op site maken Mijn eerste website bouwen…

10. Basisgegevens van onze site Onthou de URL Publiek We vullen eerst de basisgegevens van onze site in Mijn eerste website bouwen…

11. Kies een thema voor de site We kiezen bijvoorbeeld voor tegels (eerst meer…) Mijn eerste website bouwen…

12. Resultaat Mijn eerste website bouwen… We gaan deze als laatste afwerken…

13. 3. Een paar pagina’s • We willen een pagina met: • Over ons • Nieuws • Adressenlijst • Documenten • Foto’s: link naar onze webalbums die we op Picasa hebben geplaatst • Contacten Mijn eerste website bouwen…

14. 3.1 Inhoud voor de “Over ons” We maken een nieuwe pagina van het type pagina. We halen de originele tekst op de site van Seniornet Vlaanderen (www.snvl.be Over ons) We plakken nu de tekst in het vak dat de pagina voorstelt We klikken vervolgens op Opslaan Noteer dat we de “body” niet kunnen aanpassen (Template) Eventueel is opmaak verloren gegaan en kunnen we gebruik maken van de mogelijkheden van de Google Site Editor Mijn eerste website bouwen…

15. We bekijken even de HTML-code Mijn eerste website bouwen…

16. Logo invoegen Ophalen: logo.gif  images We klikken op Invoegen  Afbeelding We moeten de afbeelding van onze PC naar de server overbrengen We kunnen de afbeelding dan nog positioneren (wij kiezen voor centraal), en wensen geen tekstomloop Mijn eerste website bouwen…

17. Resultaat inhoud Over ons Mijn eerste website bouwen…

18. 3.2 Nieuwspagina We klikken op Nieuwe pagina maken en noemen ze Nieuws, een pagina met aankondigingen en onder de Startpagina Mijn eerste website bouwen…

19. Plaats een bericht We klikken op nieuw bericht We kopiëren een tekstbericht van bv. Van de website van Seniornet Vlaanderen, rubriek Nieuws We plakken de tekst in het veld voor het nieuwe bericht We passen de titel aan Mijn eerste website bouwen…

20. Resultaat Mijn eerste website bouwen…

21. 3.3 Een adressenlijst We klikken op Nieuwe pagina maken en noemen ze Adressenlijst, een pagina met een lijst, en onder de Startpagina Mijn eerste website bouwen…

22. Een lijst van adressen We kiezen voor een aangepaste lijst maken Mijn eerste website bouwen…

23. Een lijst met 2 kolommen • We maken 6 kolommen: Naam, E-mail, Taak, Site, Lid sinds, Geslacht Mijn eerste website bouwen…

24. Resultaat Mijn eerste website bouwen…

25. 3.4 Documenten We maken een nieuwe Webpagina met de naam Documenten Kies voor bestanden. Mijn eerste website bouwen…

26. Resultaat Mijn eerste website bouwen…

27. 4. Maak de startpagina • Gewone pagina • Met 2 kolommen • In eerste kolom: • Een tekstvak met verwelkomingstekst • De activiteiten Kalender • In de tweede kolom • Samenvatting van het Nieuws • Diashow Mijn eerste website bouwen…

28. Resultaat startpagina Mijn eerste website bouwen…

29. 5. Pas het navigatiemenu aan Klik op Zijbalk bewerken Kies Navigatie Bewerken Mijn eerste website bouwen…

30. Het navigatiemenu opbouwen Klik op pagina toevoegen Kies Nieuws uit de site-map Doe dit ook voor documenten etc. Zet ze in de gewenste volgorde met de pijltjes Mijn eerste website bouwen…

31. 5. Layout van de Site aanpassen Er zijn heel wat instellingen voor de site in zijn geheel Mijn eerste website bouwen…

32. Een logo bovenaan, op alle pagina’s Ophalen: header.png  images Klik op Logo wijzigen, en laadt het header.png op Klik op Site Layout wijzigen en activeer het logo Mijn eerste website bouwen…

33. Verberg de “Recente Siteactiviteit” Klik op Site Instellingen  Uiterlijk wijzigen Recente Siteactiviteit verwijderen Mijn eerste website bouwen…

34. Het eindresultaat Ga naar https://sites.google.com/site/fdegent Mijn eerste website bouwen…

35. Tools en Documentatie • De Tools: www.snvl.be/resources/website • /KompoZer.zip • /WebSiteX1.zip • /FileZilla.zip • De Documentatie: • /google-sites.pdf • De beelden: www.snvl.be/resources/website/mijnwebsite/images • /marmer.gif • /header.png • /logo.jpg Mijn eerste website bouwen…