De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn.

Verwante presentaties


Presentatie over: "Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn."— Transcript van de presentatie:

1 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

2 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…

3 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

4 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Module 2 HTML en KompoZer

5 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Wat leren we? Wat is HTML? De broncode leren bekijken… Een pagina met KompoZer De broncode bekijken en aanpassen Voorjaar 2009 Mijn eerste website bouwen… 5

6 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Wat is HTML? HTML (HyperText Markup Language)  Het is een (programmeer) taal = Language  Voor opmaak (fonts, kleur) en structuur = Markup  Ondersteunt Hyperlinks: de ene pagina verwijst naar de andere… = Hypertext  Verder uitgebreid met beeld, geluid, video (multi- media) Wordt door de Browser (bv. Internet Explorer) geïnterpreteerd en op het scherm gezet Voorjaar 2009 Mijn eerste website bouwen… 6

7 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW HTML4, is de basis Een HTML-pagina bestaat uit:  Gewone tekst  Tags: Dit zijn instructies voor de Browser om iets anders te doen dan gewoon de tekst op het scherm te zetten Notatie: …….. Er zijn tags voor: Opmaak Structuur/opbouw Hyperlinks Multimedia: beelden, geluiden… En veel meer…  Attributen (toevoegsels, eigenschappen) ……. Voorjaar 2009 Mijn eerste website bouwen… 7

8 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Opbouw van elke HTML pagina Voorjaar 2009 Mijn eerste website bouwen… 8 Hoofding Inhoud Document  

9 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 9 Bron bekijken  Activiteiten  SNVL

10 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW De basis TAGS voor Oefening1 1. Opmaak: een kopregel lettergrootte vetjes cursief doorstreept 2. Structuur en indeling: een paragraaf een blanco lijn een horizontale lijn om te centreren opsomminglijst een element van de lijst 3. Inhoud: Tekst, waar men wil voor een beeld Voorjaar 2009 Mijn eerste website bouwen… 10

11 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW HTML en KompoZer We zullen bij wijze van oefening een webpagina maken door rechtstreeks in HTML te schrijven. We doen de oefening opnieuw met KompoZer: met eenvoudige keuzes en selecties bouwen we de pagina op. We kunnen de HTML die KompoZer voor ons genereert achteraf bekijken en eventueel ook aanpassen. Conclusie: KompoZer maakt iets moeilijks (HTML) voor ons gemakkelijk (slepen en neerzetten) Voorjaar 2009 Mijn eerste website bouwen… 11

12 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Voorbereiding van de oefening Maak een map “mijnwebsite” en daarin een submap “images” Tijdelijk kan je terecht op  1. De KompoZer staat in een ZIP-bestand: unzip de map rechtstreeks op de C: en start C:\KompoZer \kompozer.exe./kompozer.zip  2. Plaats in de map images, de marmer.gif en logo.jpg  naartoe surfen en afbeelding opslaan als…./mijnwebsite/images Voorjaar 2009 Mijn eerste website bouwen… 12

13 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Oefening1 Typ eerst de tekst Achtergrond kleuren en tekst kleuren Eerste lijn centreren en vergroten Maak de lijst met 3 items Opslaan als oefening1.htm Voorjaar 2009 Mijn eerste website bouwen… 13

14 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Stap 1: tekst typen Voorjaar 2009 Mijn eerste website bouwen… 14

15 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Stap 2: achtergrondkleur Voorjaar 2009 Een eerste Website bouwen 15

16 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 16Voorjaar 2009Mijn eerste Website bouwen Stap 3: lettertype,vergroten, en lijst

17 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat (Stap1-2-3) Voorjaar 2009 Mijn eerste website bouwen… 17 Lettergrootte Lijst Lettertype

18 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Broncode (Stap1-2-3) Voorjaar 2009 Mijn eerste website bouwen… 18

19 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Oefening 2 Achtergrond prentje Andere tekst kleur, die past bij de nieuwe achtergrond Een logo, gecentreerd na de eerste lijn Opslaan als oefening2.htm Voorjaar 2009 Mijn eerste website bouwen… 19

20 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW 20Voorjaar 2009Mijn eerste Website bouwen… Stappen Achtergrond 2. Tekst kleur 3. Prentje

21 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Resultaat (2) Voorjaar 2009 Mijn eerste website bouwen… 21 Andere tekst kleur Prentje op achtergrond Logo

22 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Broncode (2) Voorjaar 2009 Mijn eerste website bouwen… 22

23 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Oefening3: opgekuist Voorjaar 2009 Mijn eerste website bouwen… 23 Font en kleur voor hele body Een DIV om te centreren Standaard is Links uitlijnen

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

25 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Conclusie: volgorde is belangrijk ! Stel eerst de algemene eigenschappen van de pagina in  Achtergrondprentje  Kleur van de tekst Dan alle tekst typen Dan de teksten  Eventueel vergroten  Centreren  Lijsten maken Prentjes toevoegen Voorjaar 2009 Mijn eerste website bouwen… 25

26 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Oefening 4 : Een tabel als structuur element 1. We plaatsen een titel, en maken er een Kop 1 van 2. We plaatsen er een lijn onder (Invoegen  Horizontale lijn) 3. We voegen een tabel toe met 3 rijen van 2 kolommen In elk van de rijen schrijven we in de eerste kolom een korte tekst. We halen een paar beelden, bv. van de tuin op mijn website (klikken met rechtermuis knop en opslaan als… in images. 4. In de rechterkolom van de tabel : Invoegen  Afbeelding. Eerst bepalen we de locatie van de beelden (map images) 5. Dan vragen we een kleinere versie: 200 pixels breed 6. Tot slot passen we de grootte van de kolommen aan Voorjaar 2009 Mijn eerste website bouwen… 26

27 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Opdrachten 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 Linken maken Om van de ene pagina naar een andere te navigeren gebruik je linken. Je selecteert een stuk tekst of een ander object en kies Geef de URL in Bepaal het doel:  Nieuwe pagina  Zelfde pagina De link krijgt een speciale kleur en wordt zichtbaar met een handje Voorjaar 2009 Mijn eerste website bouwen… 28

29 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… 29

30 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Het belang van Moderne websites maken de structuur niet meer op basis van tabellen, maar wel op basis van de tags. Ze werken met stylesheets die de verschillende een eigen naam, positie, opmaak en structuur geven. Voorjaar 2009 Mijn eerste website bouwen… 30

31 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Kijken is leren… Firefox heeft een handige plug-in om een pagina te bekijken: de HTML-code, de CSS, de java-script, van om het even welke pagina op het internet. Kan je hier halen en installeren: https://addons.mozilla.org/ nl/firefox/addon/1843 https://addons.mozilla.org/ nl/firefox/addon/1843 Voorjaar 2009 Mijn eerste website bouwen… 31 Gebruik gratis templates: vb.

32 Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Herbruiken van anderen In FireFox: Klik op het menu Extra en kies voor pagina-info. Selecteer Media en maak uw keuze en sla op… Voorjaar 2009 Mijn eerste website bouwen… 32


Download ppt "Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn."

Verwante presentaties


Ads door Google