Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn eerste Website bouwen De basis

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Voorjaar 2009 Mijn eerste website bouwen 2 Uw Lesgever : Guido Willekens Animator bij… Uw Lesgever : Guido Willekens Animator bij…

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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. Voorjaar 2009 Mijn eerste website bouwen… 3

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Module 5 Een site bouwen met Google Sites

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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)  De Navigatiestructuur aanpassen  De Layout naar onze hand zetten Voorjaar 2009 Mijn eerste website bouwen… 5

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 6

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 1. Een Google-account aanmaken  We surfen naar en klikken bovenaan op Gmailwww.google.be  We gaan ons aanmelden:  We vullen de gegevens in:  Voornaam  Naam  Gewenste (voornaam.naam)  Paswoord  Beveiliging… Voorjaar 2009 Mijn eerste website bouwen… 7

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Een voorbeeld … Voorjaar 2009 Mijn eerste website bouwen… 8

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 2. De site aanmaken  We surfen naar  Hier moeten we ons eerst aanmelden met onze accountgegevens snvlvb00  Vervolgens klikken we op site maken Voorjaar 2009 Mijn eerste website bouwen… 9 Opm.: je kan meerdere sites aanmaken en je kan ze ook weer verwijderen via Instellingen  Andere  Verwijderen….

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Basisgegevens van onze site  We vullen eerst de basisgegevens van onze site in Voorjaar 2009 Mijn eerste website bouwen… 10 Onthou de URL Publiek

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Kies een thema voor de site  We kiezen bijvoorbeeld voor tegels (eerst meer…) Voorjaar 2009 Mijn eerste website bouwen… 11

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat Voorjaar 2009 Mijn eerste website bouwen… 12  We gaan deze als laatste afwerken…

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 13

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 (  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 Voorjaar 2009 Mijn eerste website bouwen… 14

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW We bekijken even de HTML-code Voorjaar 2009 Mijn eerste website bouwen… 15

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 16

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat inhoud Over ons Voorjaar 2009 Mijn eerste website bouwen… 17

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 3.2 Nieuwspagina  We klikken op Nieuwe pagina maken en noemen ze Nieuws, een pagina met aankondigingen en onder de Startpagina Voorjaar 2009 Mijn eerste website bouwen… 18

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 19

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat Voorjaar 2009 Mijn eerste website bouwen… 20

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 3.3 Een adressenlijst  We klikken op Nieuwe pagina maken en noemen ze Adressenlijst, een pagina met een lijst, en onder de Startpagina Voorjaar 2009 Mijn eerste website bouwen… 21

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Een lijst van adressen  We kiezen voor een aangepaste lijst maken Voorjaar 2009 Mijn eerste website bouwen… 22

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Een lijst met 2 kolommen Voorjaar 2009 Mijn eerste website bouwen… 23 • We maken 6 kolommen: Naam, , Taak, Site, Lid sinds, Geslacht

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat Voorjaar 2009 Mijn eerste website bouwen… 24

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 3.4 Documenten  We maken een nieuwe Webpagina met de naam Documenten  Kies voor bestanden. Voorjaar 2009 Mijn eerste website bouwen… 25

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat Voorjaar 2009 Mijn eerste website bouwen… 26

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 27

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat startpagina Voorjaar 2009 Mijn eerste website bouwen… 28

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 5. Pas het navigatiemenu aan  Klik op Zijbalk bewerken  Kies Navigatie Bewerken Voorjaar 2009 Mijn eerste website bouwen… 29

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 30

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 5. Layout van de Site aanpassen  Er zijn heel wat instellingen voor de site in zijn geheel Voorjaar 2009 Mijn eerste website bouwen… 31

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 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 Voorjaar 2009 Mijn eerste website bouwen… 32

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Verberg de “Recente Siteactiviteit”  Klik op Site Instellingen  Uiterlijk wijzigen  Recente Siteactiviteit verwijderen Voorjaar 2009 Mijn eerste website bouwen… 33

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Het eindresultaat  Ga naar Voorjaar 2009 Mijn eerste website bouwen… 34

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Tools en Documentatie  De Tools:  /KompoZer.zip  /WebSiteX1.zip  /FileZilla.zip  De Documentatie:  /google-sites.pdf  De beelden:  /marmer.gif  /header.png  /logo.jpg Voorjaar 2009 Mijn eerste website bouwen… 35