Webpagina ’ s maken ITV 10 maart 2007. Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word.

Presentatie over: "Webpagina ’ s maken ITV 10 maart 2007. Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word."— Transcript van de presentatie:

1 Webpagina ’ s maken ITV 10 maart 2007

2 Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word

3 Ontwerp en inhoud Website – webpagina Structuur Inhoud – Herkenning – Hoeveelheid informatie op pagina – Scannability – Geloofwaardigheid

4 Navigatie (1) “See above for more information about our water filters” “Protecting yourself against insect bites will help to prevent these diseases”

5 Navigatie (2) Naamgeving hyperlinks – Niet te lang – Concrete benaming Is dit een link? Oriëntatie

6 Webpagina ’ s maken Programma’s – Teksteditors – Gespecialiseerde programma’s WYSIWYG: What you see is what you get Visueel ingesteld-> resultaat gelijk te zien

7 Webpagina ’ s maken in teksteditor Hypertext Mark-up Language Opgebouwd uit elementen Elementen via tags – Tag = code tussen haakjes “ ” Element bestaat uit attributen en waarden Via Windows Kladblok – Opslaan als [naam].html – Bij meerdere pagina’s: hoofdpagina moet “index.html” heten

8 HTML: de basis Basisindeling van webpagina – Begintag, inhoud, eindtag – Eindtag niet vergeten! Hier vul je de titel van je pagina in. Hier komt de inhoud van je pagina.

9 HTML: Tags = witregel = paragraaf – Attribuut: align = koppen – 1 = groot, 6 = klein = vet =lettertype – Attributen: size, face, color –

10 HTML: tags (2) Tags Hyperlink tag = – De link-tekst hier! Lijsten, – Ongenummerde lijsten ( ) – Genummerde lijst ( )

11 HTML: tags (3) Nog veel meer tags en attributen – Plaatjes, achterronden, etc. Meer info over websites bouwen via teksteditor: – http://www.mijnhomepage.nl/htmlcursus/lessen overzicht.php http://www.mijnhomepage.nl/htmlcursus/lessen overzicht.php – http://www.devx.com/projectcool/ http://www.devx.com/projectcool/

12 Webpagina ’ s maken in Word Sjabloon Vanuit blanco pagina Wizard Webpagina’s

13 Sjabloon Bestand -> Nieuw ->Algemene sjablonen-> Webpagina’s Diverse sjablonen Naar wens aan te passen

14 Blanco webpagina Bestand -> Nieuw -> Lege webpagina Zelf toevoegen: – Tekst – Hyperlinks – Frames

15 Wizard webpagina Bestand -> Nieuw -> Algemene sjablonen-> Webpagina’s -> Wizard webpagina 1. Titel & locatie 2. Navigatie 3. Aantal & soort pagina’s 4. Pagina-indeling 5. Thema 6. Voltooien

16 Wizard Webpagina (1)

17 Wizard Webpagina (2)

18 Wizard Webpagina (3)

19 Wizard Webpagina (4)

20 Wizard Webpagina (5)

21 Wizard Webpagina (6)

22 Wizard Webpagina (7)

23 Wizard Webpagina (8)

24 Hyperlinks Op zelfde webpagina Binnen website Naar externe website Naar e-mail

25 Scherm hyperlink invoegen

26 Afbeeldingen Afbeeldingen via Menu ‘Invoegen’ Achtergrond via Menu ‘Opmaak’

27 Frames Navigatie Opmaak -> Frames -> Nieuwe framespagina invoegen Werkbalk

28 Een website … en dan? Controleren Provider – Gratis via internet – Bij ADSL-abonnement Uploaden – WS_FTP LE

29 Oefenen