HTML EN CSS

1
HTML EN CSS

• HTML DEEL 4 AFBEELDINGEN DEEL 2

2
HTML DEEL 4

• Voor plaatjes wordt vaak een aparte map gebruikt.
• Mapnaam is vaak images.
• Kan verschillende lagen diep zijn.
• Denk goed na over de structuur.

3
HTML DEEL 4

• Map images zit meestal in de map waar de eerste
  html-pagina in zit (bv. Homepage)Wij gebruiken
  nog steeds maar één pagina.
• Voorbeeld de map images bevat de map dieren. De
  map dieren bevat de mappen katten, honden enz.

4
HTML DEEL 4

• In HTML ziet dat er zo uit

5
HTML DEEL 4

• Attributen width en height.
• Met deze attributen kun je de grootte aanpassen.
• Maak een afbeelding nooit groter dan het
  origineel, kwaliteitsverlies.
• Je kunt hetzelfde plaatje voor verschillende
  afmetingen gebruiken op een website.

6
HTML DEEL 4

• Voorbeeld helft van het origineel 512-384

7
HTML DEEL 4

• Opdracht
• Lees bladzijde 49 -53 van het boek.
• Maak een map images aan met hierin een
  hoofdcategorie (vb. dieren) en een subcategorie
  (vb. katten).
• Plaats hierin een plaatje.

8
HTML DEEL 4

• Open Dreamweaver en maak een HTML-pagina aan en
  sla deze op onder de naam voornaam-achternaam-
  html deel 4.html
• Verklein het plaatje met de helft door dit in de
  HTML-code aan te geven (zie voorbeeld).

9
HTML DEEL 4

• De code ziet er dan ongeveer als volgt uit
• ltimg src"images/dieren/katten/kat.jpg"
  alt"jonge kat" width "256" height"192" /gt
• Let op in HTML worden wel slashes / gebruikt en
  geen backslashes \.

10
HTML DEEL 4

• Sla het bestand op in een map met als naam
  voornaam-achternaam-html deel 4.
• Lever de map met alle bestanden en submappen in.
• De Powerpoint is te downloaden viawww.samwisemedi
  a.nl/1m