HTML. Tabellen. Hans Roeyen V 3.0
|
|
- Gijs van der Pol
- 6 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Tabellen Hans Roeyen V februari 2015
2 Inhoud 1. Tabellen De Tabel tags Het border attribuut De Tabel cellen Alignering en spanning De align attributen De span attributen De padding attributen Nesten van tabellen Tabellen met lege cellen Samenvatting Tabel tags: Hans Roeyen HTML tabellen 2-22
3 1. Tabellen Een tabel kunnen we zien als een schikking van tekst en/of afbeeldingen in verticale kolommen en horizontale rijen. Er zijn verscheidene redenen om te kiezen voor het gebruik van tabellen: Opmerking: In opsommingen, lijsten van namen, getallen, en vergelijkbare zaken die we in een tekstverwerker met behulp van tabulatie zouden verwerken. Tabellen zijn daar, in tekstverwerking, eigenlijk ook voor te gebruiken. Indien je meer wilt dan <img align= left > en <img align= right > in de plaatsing tussen tekst en afbeeldingen. Tabellen kun je gebruiken om kaders en boorden te trekken rond tekst en afbeeldingen. Het aanmaken van subtiele of duidelijke verschillen in achtergrondkleur om bepaalde zaken te accentueren. Gebruik nooit tabellen voor de indeling van je pagina. In de vorige versie (HTML 4.01) werd dat heel veel gedaan maar met HTML5 niet meer. Een onderverdeling van de pagina zoals een navigatiebalk, banner, menu s en dergelijke wordt met CSS gemaakt De Tabel tags Om tabellen aan te maken moeten we beginnen met de <table> tag. Vervolgens maken we gebruik van de tag. Deze tag creëert een rij in de tabel die één of meerdere cellen met informatie zal bevatten. Om die individuele cellen aan te maken gebruiken we de <td> tag. De informatie die in die cel moet komen, plaatsen we na deze tag. We onderscheiden nog een vierde tag, <th>. Deze wordt gebruikt zoals de <td> tag maar de cel maakt deel uit van de hoofding van de tabel. Hans Roeyen HTML tabellen 3-22
4 Een eenvoudige tabel <title>hier komt de titel van de pagina</title> <table style="width:100%"> <td> salon</td> <td>tafel</td> Het border attribuut Een tabel zal standaard geen boord krijgen. Indien we wel een boord willen moeten we gebruik maken van het border attribuut. Let wel: het niet meegeven van het border= 0 attribuut kan wel als gevolg hebben dat de ruimte die normaal gezien ingenomen wordt door de boord wel aanwezig blijft. Indien we dit niet willen moeten we wel degelijk werken met het border= 0 attribuut. Tabellen en boorden kunnen eveneens lastige materie zijn met bepaalde browsers De Tabel cellen We kunnen zoveel cellen maken als we willen maar elke rij in een tabel moet hetzelfde aantal kolommen hebben als andere rijen. In principe kunnen we eender welk HTML element gebruiken binnenin een cel. Wel moeten we rekening houden met het feit dat de tags die we in één cel gebruiken niet overgedragen worden naar de andere cellen, en dat de tags die buiten de tabel gebruikt worden geen invloed zullen hebben op wat binnenin de tabel staat. Merk wel op dat alle opmaak zoals lettertype, letterkleur en grootte met HTML5 volledig met CSS wordt gedaan. Dat kan door een tabel een ID te geven met als voordeel dat je elke tabel een andere opmaak kunt geven. Hans Roeyen HTML tabellen 4-22
5 <table id="t01"> <th>voornaam</th> <th>familienaam</th> <th>punten</th> <td>eva</td> <td>jansen</td> <td>94</td> De opmaak staat dan in een apart CSS bestand. CSS wordt later in de module behandeld. table#t01 { width: 100%; background-color: #f1f1c1; } Het kan natuurlijk nooit kwaad om het even te proberen. Hans Roeyen HTML tabellen 5-22
6 Voorbeeld 1: verschillende tabellen <title>verschillende tabellen</title> <h4>een kolom</h4> <h4>een rij en drie kolommen:</h4> <h4>twee rijen en drie kolommen:</h4> Hans Roeyen HTML tabellen 6-22
7 Voorbeeld 2: tabellen met verschillende boorden <title>tabellen met verschillende boorden</title> <h4>normale boord</h4> <td>eerste</td> <td>tweede</td> <h4>dikke boord</h4> <table border="8" style="width:100%"> <td>eerste</td> <td>tweede</td> <h4>heel dikke boord</h4> <table border="15" style="width:100%"> <td>eerste</td> <td>tweede</td> Hans Roeyen HTML tabellen 7-22
8 1.3. Alignering en spanning Standaard zal alles wat we in een cel plaatsen links uitgelijnd en verticaal gecentreerd worden De align attributen De inhoud van de cellen kunnen we horizontaal en verticaal uitlijnen met behulp van de <align> en <valign> attributen. Deze attributen kunnen we gebruiken op zowel de als op de <td> tag. Uiteraard zullen de attributen die we meegeven met de tag gelden voor alle cellen op die rij De span attributen We kunnen eveneens een cel meerdere kolommen laten overspannen. Dit bekomen we met het colspan=.. attribuut in de <td> tag. Met rowspan=.. krijgen we hetzelfde effect maar dan met rijen. Voorbeeld: <title>overspannen van rijen</title> <table style="width:100%"> <td rowspan="2">hallo</td> <td>hoi</td> <td>dag</td> De padding attributen Met de cellpadding en cellspacing attributen van de <table> tag kunnen we de ruimte rond de boorden van een tabel ingeven. Cellspacing gebuiken we om aan te geven in pixels hoeveel ruimte er moet zijn tussen de boorden van de tabel en de cellen van de tabel. Cellpadding geeft aan in pixels hoeveel ruimte er moet zijn rond de data in de cellen. Hans Roeyen HTML tabellen 8-22
9 1.4. Nesten van tabellen We kunnen zonder problemen tabellen maken binnen tabellen. We krijgen dan constructies in de aard van: <title>nesten van tabellen</title> <td>...</td> <td> <table style="width:100%"> <td>...</td> </td> Hans Roeyen HTML tabellen 9-22
10 1.5. Tabellen met lege cellen Cellen in tabellen waar geen inhoud staat kunnen soms door bepaalde browsers niet correct weegegeven worden. Dit kunnen we oplossen door in de lege cellen een non-breaking space ( ) te plaatsen. <title>tabellen met lege cellen</title> <td>rij 1, cel 1</td> <td>rij 1, cel 2</td> <td>rij 2, cel 1</td> <td> </td> Hans Roeyen HTML tabellen 10-22
11 Voorbeeld 3: <title>tabellen zonder boorden</title> <h4>deze tabel heeft geen boorden:</h4> <table border="0" style="width:100%"> <td>100</td> <td>200</td> <td>300</td> <td>400</td> <td>500</td> <td>600</td> <h4>en deze tabel heeft ook geen boorden:</h4> <table border="0" style="width:100%"> <td>100</td> <td>200</td> <td>300</td> <td>400</td> <td>500</td> <td>600</td> Hans Roeyen HTML tabellen 11-22
12 Voorbeeld 4: tabel hoofdingen <title>tabellen hoofdingen</title> <h4>deze tabel heeft hoofdingen:</h4> <th>name</th> <th>telephone</th> <th>telephone</th> <td>bill Gates</td> <td> </td> <td> </td> <h4>verticale hoofdingen:</h4> <table border="1" style="width:100%""> <th>first name</td> <td>bill Gates</td> <th>telephone</td> <td> </td> <th>telephone</td> <td> </td> Hans Roeyen HTML tabellen 12-22
13 Voorbeeld 5: gebruik van lege cellen <title>cellen zonder inhoud</title> <td></td> <td> </td> Hans Roeyen HTML tabellen 13-22
14 Voorbeeld 6: een tabel met een titel <title>een tabel met een titel</title> <h4>deze tabel heeft een titel en een dikke boord</h4> <table border="6" style="width:100%"> <caption>een titel</caption> <td>100</td> <td>200</td> <td>300</td> <td>400</td> <td>500</td> <td>600</td> Hans Roeyen HTML tabellen 14-22
15 Voorbeeld 7: overspannen van cellen <title>overspannen van cellen</title> <h4>een cel die twee kolommen overspant:</h4> <th>naam</th> <th colspan="2">telefoon</th> <td>bill Gates</td> <td> </td> <td> </td> <h4>een cel die twee rijen overspant:</h4> <th>voornaam</th> <td>bill Gates</td> <th rowspan="2">telephone</th> <td> </td> <td> </td> Hans Roeyen HTML tabellen 15-22
16 Voorbeeld 8: weergeven van elementen binnen elementen <title>elementen binnen elementen</title> <td><p>dit is een alinea.</p> <p>dit is een alinea. </p> </td> <td>deze cel bevat een tabel: </td> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>deze cel bevat een lijst <ul> <li>appels</li> <li>bananen</li> <li>pompelmoes</li> </ul> </td> <td>hallo</td> Hans Roeyen HTML tabellen 16-22
17 Voorbeeld 9: gebruik van cellpadding <title>gebruik van celpadding</title> <h4>zonder cellpadding:</4> <td>eerste</td> <td>tweede</td> <h4>met cellpadding:</4> <table border="1" style="width:100%" cellpadding="10"> <td>eerste</td> <td>tweede</td> Hans Roeyen HTML tabellen 17-22
18 Voorbeeld 10: gebruik van cellspacing <title>gebruik van celspacing</title> <h4>zonder cellspacing:</4> <td>eerste</td> <td>tweede</td> <h4>met cellspacing:</4> <table border="4" style="width:100%" cellspacing="10"> <td>eerste</td> <td>tweede</td> Hans Roeyen HTML tabellen 18-22
19 Voorbeeld 11: een achtergrond in een tabel (wordt niet meer gedaan met HTML5) <title>een achtergrond in een tabel</title> <h4>een achtergrondkleur:</4> <table border="4" style="width:100%" bgcolor="red"> <td>eerste</td> <td>tweede</td> <h4>een achtergrondafbeelding</4> <table border="1" style="width:100%" background="zonsondergang.jpg"> <td>eerste</td> <td>tweede</td> Hans Roeyen HTML tabellen 19-22
20 Voorbeeld 12: een achtergrond in een cel <title>een achtergrond in een cel</title> <h4>achtergronden in cellen:</4> <td bgcolor="red">eerste</td> <td background="winter.jpg">tweede</td> Hans Roeyen HTML tabellen 20-22
21 Voorbeeld 13: uitlijnen in cellen <title>uitlijnen in cellen</title> <th align="left">uitgaven</th> <th align="right">januari</th> <th align="right">februari</th> <th align="left">kleren</th> <th align="right"> 241,10</th> <th align="right"> 50,20</th> <th align="left">make-up</th> <th align="right"> 32,10</th> <th align="right"> 74,20</th> <th align="left">eten</th> <th align="right"> 532,10</th> <th align="right"> 374,20</th> <th align="left">totaal</th> <th align="right"> 1732,10</th> <th align="right"> 2574,20</th> Hans Roeyen HTML tabellen 21-22
22 1.6. Samenvatting Tabel tags: Tag <table> <th> <td> <caption> <colgroup> <col> <thead> <tbody> <tfoot> Functie Definieert een tabel Definieert een tabel hoofding Definieert een rij Definieert een cel Definieert een titel Definieert kolomgroepen Definieert de attribuutwaarde voor kolommen Definieert een tabel head (koptekst) Definieert een tabel body Definieert een tabel footer (voettekst) Hans Roeyen HTML tabellen 22-22
Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af.
Les 7: Tabellen. Tabellen is iets dat veel en graag gebruikt wordt, met tabellen kun je immers een heleboel zaken overzichtelijker weergeven. Een tabel aanmaken in Html vergt wat inspanning omdat je met
Nadere informatieExtra: Hoe u uw website met HTML kunt verbeteren
Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere informatieInternet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
Nadere informatieWat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatiePAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
Nadere informatieHand-out Web Technologies, werkcollege 5 Alex Reuneker 2012
Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het
Nadere informatieSushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.
MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om
Nadere informatieLes 1a: Downloaden en instellen van software Software gebruik
Les 1a: Downloaden en instellen van software Software gebruik Eisen computer Deze e-cursus heb ik geschreven voor gebruikers van een Windows computer. Zelf gebruik ik voor deze cursus Windows 7. Mocht
Nadere informatieWEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren
Nadere informatieHTML BASISCURSUS. ICT HTML basiscursus 1
HTML BASISCURSUS ICT HTML basiscursus 1 inleiding De algemene structuur van een webpagina is als volgt : Mijn
Nadere informatiePagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.
Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:
Nadere informatieHANDLEIDING I-MATE. Inhoud. I-Mate handleiding
HANDLEIDING I-MATE Inhoud I-Mate handleiding 1. Opstarten van I-Mate 2. Opbouw van I-Mate 3. Een pagina in de editor openen 4. Tekst invoeren en aanpassen 5. Tekst opmaken 6. Lijsten aanmaken 7. Een horizontale
Nadere informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
Nadere informatieRob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:
pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1
Nadere informatieInternet en website. Voorwaarden voor een goede website:
Internet en website Inleiding Zoals reeds aangehaald is internet een belangrijk onderdeel geworden ter info en activiteiten van een visclub. Vele visclubs en ook andere verenigingen communiceren met elkaar
Nadere informatieHTML elementen en attributen (volgens de Strict DTD)
HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde
Nadere informatieGVR Soft s HTMLcursus
GVR Soft s HTMLcursus Index en snelzoek pagina Les 1: De basis - De basis tags: , , en tags - Het nesten van tags - Achtergrond- en tekstkleur - De basiskleuren - Kleurenkiezer - Een
Nadere informatieInternet Standaarden HC4
Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor
Nadere informatieDescendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
Nadere informatieEenvoud, kracht en snelheid
OpenIMS Open Informatie Management Server Eenvoud, kracht en snelheid TinyMCE Handleiding Open Informatie Management Server www.openims.com OpenSesame ICT BV www.osict.com INHOUDSOPGAVE 1 WYSIWYG EDITOR...
Nadere informatieHeeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt
Hoofdstuk 1 : HTML 1.1 Structuur van het HTML bestand hier komt de titel van de pagina hier komt alles wat we op de pagina willen zien 1.2 HTML- TAGs De BREAK tag wordt gebruikt om
Nadere informatieCluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieINHOUD: 1. INDEX 2. Tekst opties instellen 3. Andere kleur kiezen dan de getoonde. Cellen bewerken: Foto s en/of afbeeldingen toevoegen:
INHOUD: 1. INDEX 2. Tekst opties instellen. Andere kleur kiezen dan de getoonde. Cellen bewerken: cel noemt men de plaats waarin b.v. deze tekst staat 3 Foto s en/of afbeeldingen toevoegen: 4 Het uiterlijk
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieAgenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
(X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit
Nadere informatieAgenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes
Nadere informatieIntroductie. Wat is HTML?
Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,
Nadere informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieUitleg invoegen en bewerken van tabellen
Uitleg invoegen en bewerken van tabellen De werking van de nieuwe teksteditor is op hoofdlijnen vergelijkbaar met die van de oude teksteditor, maar wat betreft het invoegen en bewerken van tabellen is
Nadere informatieStartpagina. Inloggen
Handleiding gebruik Mira website Startpagina Als je naar de Mira website gaat (http://www.mira.be/) zal je nergens een login-functie zien. Deze is bewust verborgen gehouden om geen inbrekers aan te lokken.
Nadere informatieNaam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen
Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Inleiding: Hoe zit het internet in elkaar? Client is in ons geval is de trage PC hier op school of de
Nadere informatie<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />
Author Description Favicon
Nadere informatieCascading Style Sheets
Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van
Nadere informatieInformatica. 2 e graad 2 e jaar
Informatica 2 e graad 2 e jaar Inhoudstafel Inhoudstafel... 2 1. Wat is XHTML en hoe werkt het?... 3 2. Tags... 6 2.1. Wat zijn Tags?... 6 2.2. Basisstructuur van een webpagina... 7 3. Soorten Tags...
Nadere informatieEen verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatie1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieInhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...
1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building
Nadere informatieHandleiding tabel binnen Tridion
Handleiding tabel binnen Tridion 1. Tabel maken... 2 2. Tabblad Table... 4 3. Tabblad Row... 5 4. Tabblad Column... 5 5. Tabblad Cell... 6 6. Tabel bewerken... 8 7. Achtergrondkleur, tabelrand, header...
Nadere informatieGebruik template. Pagina opbouw. Datum : 15 10 2001 Auteur : ZappWerk
Gebruik template Datum : 15 10 2001 Auteur : ZappWerk In dit document wordt het gebruik van de site template toegelicht. Beschreven wordt hoe de verschillende onderdelen in de in de pagina te plaatsen.
Nadere informatieMin-height en min-width
Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint
Nadere informatieViews, de finesse. Voorbereiding. Inhoudstypes
Les 15 Opdrachten 1. Het bestaande Hoovereffect I-blok verschijnt enkel op de frontpage in de linker zijbalk. 2. Er is een background image aanwezig op de frontpage. Dit is een patroon naar keuze of gebruik
Nadere informatieHTML. Links. Hyperlinks. Hans Roeyen V 3.0
Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief
Nadere informatieWebsite met Wordpress
Website met Wordpress 5. Tabellen Onderwerpen van deze les: Editor Tiny MCE toevoegen Tabellen maken met TinyMCE WP-Table reloaded installeren en gebruiken Excel importeren in WP-Table reloaded Content
Nadere informatieMODULE 4 : WEBSITEX1
MODULE 4 : WEBSITEX1 In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX1. We stellen deze tijdelijk ter beschikking op onze site:
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieEr is nog heel wat voor nodig om van alle losse HTML-code
Boxmodel, weergavemodel en positionering 9 Er is nog heel wat voor nodig om van alle losse HTML-code een toonbare pagina te maken, meer dan u misschien op het eerste gezicht denkt. Als de HTML-code is
Nadere informatieOp heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.
Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje
Nadere informatieHTML BEGINNER Inhoudsopgave
Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het
Nadere informatieFont betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype.
Stijlregels I Nu je de verschillende soorten CSS kent kan je deze ook gaan toepassen. Onthoudt dat alle opmaak in xhtml met CSS gemaakt moet worden. Tegenwoordig zijn er meer dan 200 CSS properties, deze
Nadere informatieLES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.
LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress
Nadere informatieEindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
Nadere informatieDocumentatie Nederlands v1
Documentatie Nederlands v1 Getting started Navigation menu Theme settings General Features Background Typography Banners Contact details Social Unique selling points Image Sizes Frequently asked questions
Nadere informatieGetallen een correcte opmaak geven. Cellen opmaken met voorwaardelijke opmaak. Cellen opmaken door het thema te wijzigen
Studiewijzer 4 Opmaak van een werkblad en cellen Voorkennis Leereenheid 2: Gegevens invoeren Doel Basis Kolombreedte en rijhoogte aanpassen Patronen en lijnen aanbrengen Lettertype wijzigen Tekst in cellen
Nadere informatieINHOUD. Ten geleide 13. 1 Inleiding 15
INHOUD Ten geleide 13 1 Inleiding 15 1.1 Inleiding 15 1.2 Webbased 15 1.3 Alle voordelen op een rij 15 1.4 En nu? 16 1.5 Een Google Apps-account aanmaken 16 1.6 Inloggen 19 1.7 Test jezelf 21 2 Chrome-browser
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatieZelf een webpagina maken met HTML-code
Zelf een webpagina maken met HTML-cde Stappenplan: 1. De brncde maken met Kladblk 2. Het resultaat bekijken met Internet Explrer 3. Een tweede webpagina maken en beide pagina s linken 4. De webpagina s
Nadere informatieWebsitecursus deel 2 CSS
Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website
Nadere informatieOm te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.
1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een
Nadere informatieDe tekstverwerker. Afb. 1 de tekstverwerker
De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de
Nadere informatieHoofdstuk 15: Tabellen
Hoofdstuk 15: Tabellen 15.0 Inleiding Een tabel kan in PowerPoint worden gebruikt om tekst of cijfer informatie weer te geven in rijen en kolommen. 15.1 Een tabel invoegen Tabel invoegen is één van de
Nadere informatieNu maak je een template en exporteert hem later naar de gewenste omgeving.
Gebruik Artisteer Start Artisteer 4 start enigszins anders dan de vorige versies. Vroeger moest je eerst kiezen voor welke omgeving je een template zou maken. Nu maak je een template en exporteert hem
Nadere informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere informatieInformatietechnologie 1. HTML: Tabellen en Formulieren. Kristof Michiels
Informatietechnologie 1 HTML: Tabellen en Formulieren Kristof Michiels In deze presentatie Tabellen Formulieren 2 / 40 Tabellen Tabellen Wanneer/waarom tabellen gebruiken? HTML-structuur van tabellen Cellen
Nadere informatieHet Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
Nadere informatieHTML. Basiscursus HTML. Sima
HTML Basiscursus HTML Sima Inhoud De basis... 2 Benodigdheden... 2 Je eerste pagina... 3 Opslaan... 3 Je eerste pagina ontleed... 4 Elementen en tags... 4 Alinea's... 6 Divisies... 6 Woorddelen, woorden
Nadere informatieNascholingen ICT Nascholingen ICT Nascholingen ICT
Studiewijzer 4 Opmaak van een werkblad en cellen Voorkennis Leereenheid 2: Gegevens invoeren Doel - Basis Kolombreedte en rijhoogte aanpassen Doel - Extra Verwachte leertijd Patronen en lijnen aanbrengen
Nadere informatiefile:///macintosh%20hd/users/--/desktop/kompo... Maak een nieuwe map op het Buroblad. Noem deze map "mijnsite" en plaats Pinguins.
HTML Cursus Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Download Pinguins.jpg van: www.acc.dds.nl/lesonline/kompozer/htmlcursus/pinguins.jpg Download de html bestanden van: www.acc.dds.nl/lesonline/kompozer/htmlcursus/index.html
Nadere informatie5. Inhoud, structuur en opmaak met HTML en CSS
5. Inhoud, structuur en opmaak met HTML en CSS Het oorspronkelijke doel van HTML was tekstinformatie via het "internet" uitwisselbaar maken onafhankelijk van het computersysteem of het besturingssysteem.
Nadere informatieInhalen les 7 (versie B)
Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.
Nadere informatieHighpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3
Uitgave 6 versie 2 Augustus 2010 Highpotech IT Nieuwsbrief Een webpagina maken Eerdere uitgaven Een website wordt weergegeven op een hoek waarvan de verhoudingen dicht in de Werken met Excel beeldscherm
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieExcel Van rookie tot wizard. Willem De Meyer Hans Vanlanduyt. Acco Leuven / Den Haag
Excel 2016 Van rookie tot wizard Willem De Meyer Hans Vanlanduyt Acco Leuven / Den Haag Inhoud Inleiding 11 1 Structuur van een Excelmap 13 2 Navigeren en selecteren in een werkmap 19 2.1 De schuifbalken
Nadere informatieZelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn
Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Versie: december 2009 De OFB Webshop / website kenmerkt zich door de eenvoudige en efficiënte opzet
Nadere informatieHTML krijgt een standaard opmaak van de browser
1 HTML krijgt een standaard opmaak van de browser Een link in HTML In HTML maakt u een link met de HTML-markering (HTML-tag) . Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te
Nadere informatieINHOUDSOPGAVE 2 INSTRUCT
2 INSTRUCT INHOUDSOPGAVE INHOUDSOPGAVE... 2 VOORWOORD... 8 GEBRUIK VAN HET CURSUSBOEK... 8 ONLINE ONDERSTEUNING... 10 INLEIDING: ALGEMENE BASISKENNIS... 10 1 WORD, BASISMOGELIJKHEDEN... 16 Toets vooraf...
Nadere informatieSafira CMS Handleiding
Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...
Nadere informatieHTML. KISS-proof. ( Keep It Simply Stupid)
HTML KISS-proof ( Keep It Simply Stupid) Een stap-voor-stap minicursus basisvaardigheden HTML. Voor diegenen die graag een HTML-homepage willen maken, snel resultaat willen, maar er nog helemaal niets
Nadere informatieLes W-01: HTML. Een website bouwen in HTML. 2006, David Lans
Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald
Nadere informatieInleiding website maken
Inleiding website maken Bert Dingemans DLA Ontwerp & Software http://www.dla-os.nl bert@dla-os.nl DLA Ontwerp & Software, Culemborg 1 Titel Docent Veronderstelde voorkennis Samenvatting Aantal bijeenkomsten
Nadere informatieGildebroeders/ gildezusters. Domeinnaam. Webhosting.
Gildebroeders/ gildezusters Graag willen wij enkele aspecten belichten voor het opzetten van een Website. De volgende aandachtspunten komen ter sprake: - Domeinnaam, moet u een domeinnaam claimen ja of
Nadere informatieMet CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.
CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen
Nadere informatieWerken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatie12.1 Frames als structuur voor je website
BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatie3. Een dia met een tabel
51 3. Een dia met een tabel Wanneer u in uw presentatie bepaalde gegevens met elkaar gaat vergelijken, dan is het een goed idee om een dia met een tabel te maken. Een tabel is een opsomming van gegevens
Nadere informatieTemplates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website
Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis
Nadere informatieINHOUDSOPGAVE Ms Word 2007
INHOUDSOPGAVE Ms Word 2007 Inleiding... 11 Overzicht van de functietoetsen... 12 DEEL 1 Eenvoudige tekstverwerking... 13 1 Ms Word starten... 13 2 De schermonderdelen... 14 3 Opdrachten geven... 16 3.1
Nadere informatieFoutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
Nadere informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatieHTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct
HTML Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML 1 HTML-bestanden maken 1.1 Elementen en tags 1.2 Een simpel HTML-bestand 1.2.1 Hyperlinks 1.2.2 URL Relatieve URL s 1.2.3 Koppen en alinea
Nadere informatieJuni 2013 OKRA HANDLEIDING TREFPUNTSITES. wendy.dekeyzer@okra.be
Juni 2013 OKRA HANDLEIDING TREFPUNTSITES wendy.dekeyzer@okra.be Opbouw trefpuntsite... 3 Startpagina... 3 Over OKRA... 7 Activiteiten... 8 Lid worden... 9 Contact... 10 Foto s... 11 Hoe starten?... 12
Nadere informatie