Difference between revisions of "Courses/Interactief Visueel Vertellen"

From Publication Station
(Created page with "1: Schrijf tekst, save as html en bekijk in browser. 2: Maak een basis html opmaak <nowiki> <html> <head></head> <body></body </html> </nowiki> 3: Zet hier tekst in met wa...")
 
Line 18: Line 18:
4: Plaats een afbeelding:
4: Plaats een afbeelding:
  <nowiki>
  <nowiki>
<img src=”afbeelding.jpg” width="145" height="126">
<img src="afbeelding.jpg" width="145" height="126">
</nowiki>
</nowiki>
5: Geef de afbeelding de naam van je map:
5: Geef de afbeelding de naam van je map:
  <nowiki>
  <nowiki>
<img src=”afbeelding.jpg” width="145" height="126" usemap="#planetmap">
<img src="afbeelding.jpg" width="145" height="126" usemap="#planetmap">
</nowiki>
</nowiki>
6: Voeg de map toe:
6: Voeg de map toe:

Revision as of 08:50, 12 February 2015

1: Schrijf tekst, save as html en bekijk in browser.

2: Maak een basis html opmaak

<html>
<head></head>
<body></body
</html>

3: Zet hier tekst in met wat opmaak:

<h1>dit is grote tekst</h1>
<p>dit is een paragraaf</p>
<p>en dit is er nog een.</p>

4: Plaats een afbeelding:

<img src="afbeelding.jpg" width="145" height="126">

5: Geef de afbeelding de naam van je map:

<img src="afbeelding.jpg" width="145" height="126" usemap="#planetmap">

6: Voeg de map toe:

<map name="planetmap">
</map>

7: Geef aan welke gebieden van je afbeelding klikbaar moeten worden:

<area shape="rect" coords="0,0,82,126">
<area shape="circle" coords="90,58,3">

8: Geef aan waar deze gebieden heen moeten linken:

<area shape="rect" coords="0,0,82,126" href="sun.html">