Webpagina ’ s maken ITV 10 maart 2007

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

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

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

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

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

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

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.

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

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

HTML: tags (3) Nog veel meer tags en attributen – Plaatjes, achterronden, etc. Meer info over websites bouwen via teksteditor: – overzicht.php overzicht.php –

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

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

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

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

Wizard Webpagina (1)

Wizard Webpagina (2)

Wizard Webpagina (3)

Wizard Webpagina (4)

Wizard Webpagina (5)

Wizard Webpagina (6)

Wizard Webpagina (7)

Wizard Webpagina (8)

Hyperlinks Op zelfde webpagina Binnen website Naar externe website Naar

Scherm hyperlink invoegen

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

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

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

Oefenen