Jouwweb Tabellen maken Tabellen maken voor een Jouwweb website Standaard is in Jouwweb versie 2.0 het maken van een tabel niet meer mogelijk. Met behulp van een extern gratis programma op het internet is er toch een tabel te maken via een jouwweb HTML waarvoor geen kennis van HTML nodig is. Peter Franke 31-1-2015

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 2

Jouwweb Eenvoudig Tabellen maken HTML & CSS

• Start het programma http://www.tablesgenerator.com/html_tables • Kies voor : File – New

• Geef het aantal gewenste kolommen en rijen aan.

• Klik op ‘Create’ • Een voorbeeld wordt in het scherm getoond.

• Er zijn nu 2 manieren waarop je de gegevns inde tabel krijgt.

a. Import van een CSV (Comma Separated Value) Welke in Excel e.a. peogramma’s als export bestand kan worden gemaakt. b. Via Plakken uit een Excel bestand.

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 3

Methode kopiëren uit Excel bestand • Ga naar het Excel bald en kopieer de cellen in Excel naar het klembord. • Ga terug naar de tabel generator en kies: Paste tabel data

• Plak de gegevens [Ctrl+V] in het neiwe scherm en klik op LOAD.

• De gegevns staan nu in het voorbeeld.

Opmaak aanpassen • Nu moet de opmaak worden aangepast.

Kies voor : Table – Cellspacing

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 4

• Schuif de horizontale en vertkale ‘spacing’ tot de gewenste grootte. • Selecteer alle gegevens het lettertype en de lettergrootte.

• Je kan eventueel nog cellen samenvoegen of splitsen. • Je kan nog kolommen toevoegen • Je kan nog de tekst uitlijnen

• Ten slotte kan je ook nog kiezen voor een vooringestelde opmaak.

Kies in het menu: Theme. Kies een kleur

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 5

• Kies vervolgens onder deze kleuren voorbeelden voor ‘Border Theme.

• Kies vervolgens, na je gemaakte keuze voor ‘Alternate Rows/Colums Scene’.

• Sluit het venster rechts boven met [Close X] • Kies nu onder de voorbeeld tabel op ‘Generate’

• Kies voor ‘Copy to Clipboard’.

• Ga naar je pagina in Jouwweb waar de tabel moet komen te staan. • Kies links het blokje voor HTML.

• Klik op het blokje en haal de vooringestelde tekst weg en plak de inhoud van het

klembord hierin.

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 6

(Als je boven de tabel een lijn wilt hebben, moet je helemaal boven de code de code <hr> toevoegen.)

• Sla het op en bekijk het resultaat.

Methode Import CSV bestand • Exporteer uit Excel of vergelijkbaar rekenprogrmma de gegevens naar een SCV

formaat. Kies in Excel: Bestand – Opslaan als.

Q:\jouwweb-geavanceerd\Jouwweb Eenvoudig Tabellen maken HTML.docx 7

• Kies voor het formaat CSV • Geef het een naam ( voeg er een datum aan toe zodat je kan zien van wanneer de

gegevens zijn).

• Negeer de 2 eventuele volgende meldingen.

• Ga naar het programma http://www.tablesgenerator.com/html_tables • Kies in het menu: File – Import CSV file

• Kies met de knop ‘Bladeren’ het bestand wat geimporteerd moet worden.

• Klik op ‘Import’. • Pas de opmaak nu aan zoals in het hiervoor beschreven stuk ‘Opmaak’.

Opmaak Als er nog vragen zijn kunt u contact opnemen via het formulier op JOUWWEB.TIPS