ActiefLeren.be

Sommige oefeningen lijken een beetje rommelig. Je kunt er een meer gestructureerde layout aan geven door een tabel in te voegen. In Hot Potatoes spreekt men van een html-tabel.

Hieronder zal worden uitgelegd hoe je dit moet doen.

Allereerst twee voorbeelden om aan te tonen wat hiermee mogelijk is

• verschil getoond tussen een layout zonder (bovenste gedeelte) en met een html-tabel.
• een voorbeeld van een invuloefening met een html-tabel.

• Stap 1: open in Hot Potatoes ‘JCloze’
• Stap 2: ontwerp de tabel die je wenst in te voegen op papier
• Stap 3: kies bij ‘invoegen’ voor ‘html-tabel’.

Geef het aantal rijen (3) en kolommen (2) op. Geef ook eventueel de breedte op van de tabel (bijvoorbeeld 50%, als de tabel de helft van de paginabreedte mag innemen).

De volgende code verschijnt:

tr geeft het begin aan van een rij, /tr het einde
td geeft het begin aan van een cel binnen de rij, /td het einde

• Stap 4: vul nu de tabel verder aan.

• In de eerste rij van elke kolom geef je een afbeelding in (in het voorbeeld hieronder werd een afbeelding ingevoegd vanaf een webpagina).
• In de tweede geef je telkens het land in.

• Stap 5: eens dit gedaan, ga je gewoon verder met het maken van een invuloefening.

Is alles hierboven te ingewikkeld? Maak dan gebruik van een html-editor of webeditor. Bekende programma’s zijn NVU, Frontpage, OpenOffice.org.

Hoe doe je dat dan?

• Voeg in het programma een tabel in en maak deze op
• Geef de gegevens van de oefening in in de tabel
• Ga dan naar de code
• Selecteer alles tussen en
• Plak dit in Hot Potatoes

De gegevens op deze pagina zijn niet opgenomen in de handleiding. Je kunt deze pagina afprinten door links op ‘printvriendelijke versie’ te klikken of door deze pagina in pdf te downloaden.

Meer informatie kun je op mijn account bij del.icio.us: maken van een website, html.