Deze presentatie mag noch geheel noch gedeeltelijk worden

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

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

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 Kompo. Zer Ø 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 Web. Site. X 1 Ø Een website maken met een tool op de PC, gebaseerd op sjablonen (templates). Module 5: Google Sites Voorjaar 2009 Ø Een alles in één oplossing. 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

Wat leren we? Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Een site bouwen on-line Ø Gratis en in het Nederlands Dit gebeurt in 5 stappen: Voorjaar 2009 Ø 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 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 www. google. be en klikken bovenaan op Gmail We gaan ons aanmelden: We vullen de gegevens in: Voorjaar 2009 Voornaam Naam Gewenste e-mail (voornaam) Paswoord Beveiliging… 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 https: sites. google. com Hier moeten we ons eerst aanmelden met onze accountgegevens fdegent@gmail. com snvlvb 00 Vervolgens klikken we op site maken Opm. : je kan meerdere sites aanmaken en je kan ze ook weer verwijderen via Instellingen Andere Verwijderen…. Voorjaar 2009 Mijn eerste website bouwen… 9

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 Onthou de URL Publiek Mijn eerste website bouwen… 10

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 We gaan deze als laatste afwerken… Voorjaar 2009 Mijn eerste website bouwen… 12

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: Voorjaar 2009 Ø Over ons Ø Nieuws Ø Adressenlijst Ø Documenten Ø Foto’s: link naar onze webalbums die we op Picasa hebben geplaatst Ø Contacten 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 (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 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 HTMLcode 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 • We maken 6 kolommen: Naam, E-mail, Taak, Site, Lid sinds, Geslacht Voorjaar 2009 Mijn eerste website bouwen… 23

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 Voorjaar 2009 Ø Samenvatting van het Nieuws Ø Diashow 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 sitemap 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 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 https: //sites. google. com/site/fdegent 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: www. snvl. be/resources/website Ø /Kompo. Zer. zip Ø /Web. Site. X 1. zip Ø /File. Zilla. zip De Documentatie: Ø /google-sites. pdf De beelden: www. snvl. be/resources/website/mijnwebsite/images Voorjaar 2009 Ø /marmer. gif Ø /header. png Ø /logo. jpg Mijn eerste website bouwen… 35