Printen annuleren

Het kan je wel eens overkomen dat je perongeluk te snel op die printknop drukt en dat je het afdrukken graag wil annuleren. Of er gaat iets fout tijdens het printen en je wil het absoluut stoppen. In dit artikel leggen we je in een paar heel eenvoudige stappen uit hoe je dit probleem makkelijk kan aanpakken.

Afdruktaken weergeven

Zowel het onderbreken van het printen als het annuleren van het afprinten van een document kan je op dezelfde plaats. Ga om te beginnen via het menu Start naar je Configuratiescherm. Daar kies je voor de optie Hardware en geluiden. Vervolgens ziet u bovenaan Apparaten en Printers. Daar klik je op en onder de tab printers ziet u alle printers die u hebt geïnstalleerd en welke als standaardprinter ingesteld is. Rechtermuisklik op de printer die u gebruikt en kies voor de optie Afdruktaken weergeven in het menu.

Alle documenten annuleren

U krijgt nu een klein nieuw venster met de knop Print. Hier klik je op Afdrukken onderbreken als je het printen wil stopzetten. Als je een document wil annuleren zal je het document in de lijst moeten selecteren en vervolgens kan je simpelweg op de Delete knop drukken. Als je alle documenten wil annuleren kan je via het Print menu de ‘Alle documenten annuleren’ optie selecteren.

Een zeer snelle oplossing dus voor als je weer eens met een frustrerend probleempje zit bij je printer.

Wijzigen wallpaper

Het bureaublad is iets waar we heel vaak op kijken. We sorteren onze iconen er op om onze programma’s op te starten en we kunnen er heel wat snelkoppelingen op kwijt. Het is uiteraard fijn om dit wat te personaliseren en iets naar jouw smaak hier op te plaatsen. In dit artikel word je kort en snel duidelijk gemaakt hoe je, je bureaubladachtergrond (in het engels wallpaper) kan wijzigen. Je vind tevens naast de normale gang van zaken ook het wijzigen van een bureaubladachtergrond in Windows 7 Starter in dit artikel terug.

Normaal

We gaan eerst opzoek naar een achtergrond die we leuk zouden vinden. Dit kan je simpelweg doen door afbeeldingen te zoeken via Google of één van de onderstaande websites te gebruiken.

Free4uWallpapers

Wallpapers.org

HDWallpapers.net

De tweede optie toont je resolutie waarden (hier 1920x1080)

Dit zijn slechts enkele voorbeelden van websites die wallpapers aanbieden en natuurlijk zijn er nog veel meer op het web te vinden! Om een goede achtergrond te zoeken is het ook belangrijke om op je resolutie te letten. Om te weten te komen op welke resolutie je momenteel werkt doe je het volgende. Rechtermuisklik op je Bureaublad -> Schermresolutie (Windows 7). Daar zie je bij resolutie je huidige waarden.

Als bureaubladachtergrond instellen...

Nu kan je op de eerder vernoemde websites op zoek gaan naar een gewenste achtergrond. Als voorbeeld gebruiken we even de Free4uWallpapers site. Als je hier op een afbeelding klikt krijg je eronder de resolutie te zien van deze afbeelding bij Width en Height. Om een goed resultaat te krijgen is het dus belangrijk dat deze waarden overeenstemmen met je huidige schermresolutie. Indien je er eentje hebt gevonden met de correcte afmetingen kan je hierop rechtermuisklikken in je browser en kiezen voor ‘Als bureaubladachtergrond instellen…’

Als alles goed is werd je achtergrond gewijzigd en kan je genieten van je gepersonaliseerde bureaublad!

Windows 7 Starter

Bij Windows 7 Starter is het niet vanzelfsprekend om je bureaubladachtergrond te wijzigen. Dat komt omdat er geen personaliseer menu in deze afgeslankte versie van Windows 7 aanwezig is. Toch is het mogelijk om ook hier het bureaublad te wijzigen naar jouw wensen met een ander programma.

Met het programma StarterBackgroundChanger wordt dit dus mogelijk gemaakt. Wanneer je deze geïnstalleerd hebt op je Windows 7 Starter computer kan je simpelweg rechterklikken op je bureaublad en je zal merken dat er ook een optie ‘Personalize…’ in het optie menu verschijnt. Daarnaast kan je ook bijvoorbeeld rechterklikken op een opgeslagen afbeelding en vervolgens ‘To choose like wallpaper’ aanklikken. Indien je aan deze uitleg niet genoeg hebt kan je nog even snel de uitgebreider handleiding doornemen.

Alternatieven Windows Live Messenger

MSN of Windows Live Messenger is alom vertegenwoordigd als we het over een goed programma hebben om te chatten. Goed kan je natuurlijk in vraag stellen want de laatste versies zijn bijvoorbeeld vrij zwaar of soms kan het programma bij een nieuwere versie wel een crashen of dergelijke. Het kan dus misschien interessant zijn om alternatieven te zoeken als WLM niet volledig naar jouw wensen is. We moeten dan ook wel meteen zeggen dat bij de meeste alternatieven niet alle functies terug te vinden zijn die we in het originele programma hebben.

WebMessenger of eBuddy

Eén van de bekendste alternatieven voor WLM is eBuddy. Dit is een messenger op het web die er voor zorgt dat je al je contacten uit MSN kan bereiken zonder dat het programma op een computer is geïnstalleerd. Zeker handig dus als je, je op iemands computer bevindt waar geen voorgeïnstalleerd programma is.

Officiële website

aMSN en emesene

aMSN en emesene zijn vooral alternatieven die bekend zijn voor het open source platform Linux Ubuntu. Het zijn twee sterk alternatieven die de functionaliteit van WLM sterk benaderen. Een nadeel dat je kan ondervinden is dat webcam niet meer mogelijk is omdat Microsoft deze alternatieven op dat vlak mogelijk blokkeert. Tevens kan je met emesene ook connectie leggen met GTalk, Jabber en Facebook.

Website aMSN

Website emesene

DMSN

Dit is een bijzonder alternatief. De gebruikersinterface is gelijkaardig maar wat aan dit alternatief zo speciaal is, is dat je onder andere kan zien wie een chatvenster heeft gesloten, wie je verwijderd heeft of wanneer iemand jou geblokkeerd heeft. Je vrienden hebben met dit programma dus geen geheimen meer voor jou op dat vlak!

Website DMSN

Pidgin en Trillian

Dit is veel meer dan slechts een WLM alternatief. Pidgin noemt zichzelf de universele chat client. Het is dan ook mogelijk om over heel wat chat netwerken te converseren. Hieronder zie je een lijstje welke zoal ondersteund worden.

• AIM
• Bonjour
• Gadu-Gadu
• Google Talk
• Groupwise
• ICQ
• IRC
• MSN
• MXit
• MySpaceIM
• SILC
• SIMPLE
• Sametime
• XMPP
• Yahoo!
• Zephyr

Trillian is een gelijkaardig iets. Je beschikt over heel wat mogelijke netwerken en er wordt ook een mooie gebruikersinterface voorzien. Je kan zelfs skins toepassen die je zelf graag hebt.

Website Pidgin

Website Trillian

Miranda IM

Als je opzoek bent naar een gestripte versie van WLM is Miranda IM zeker interessant. Hun motto is “Kleiner, eenvoudiger en sneller!”. Wie van een fancy uiterlijk houdt bij zijn chat programma heeft hier dus niet veel aan maar voor wie het graag basic houdt is dit gewoon geweldig!

Officiële Website

Sneltoetsen

Eén van de dingen die je het meeste gebruikt op je computer is het toetsenbord. Behalve om tekst te typen, kan je het toetsenbord ook gebruiken om snel bepaalde handelingen uit te voeren. Deze handelingen of acties kunnen uitgevoerd worden door gebruik van toetsencombinaties. Er bestaan echt duizenden toetsencombinaties die mogelijk zelfs per programma een andere betekenis hebben. Een toetsencombinatie bestaat uit verschillende toetsen die je gelijktijdig ingedrukt moet houden. We overlopen eens een aantal interessante combinaties voor het dagelijks gebruik.

Ctrl + C of Ctrl + Insert
Met deze toestencombinatie kopieer je de geselecteerde tekst om ze dan later ergens te kunnen gaan plakken.

Ctrl + V of Shift + Insert
Deze toetsencombinatie plakt de tekst, die je ooit hebt gekopieerd, op de plek waar je cursor staat.

Ctrl + Z en Ctrl + Y
Bijna elk programma houdt een geschiedenis bij van alle acties die je hebt gedaan. Bijvoorbeeld Word houdt bij hoe je tekstdocument eruit zag vlak voor je bijvoorbeeld een bepaald woord in een andere kleur zette. Door de toestencombinatie Ctrl + Z te gebruiken, kan je de laatste actie ongedaan maken. Je keert dus als het ware terug in de tijd om zo foute acties ongedaan te maken.

Stel dat je een actie ongedaan maakt met Ctrl + Z, dan kan je de actie van het ongedaan te maken terugzetten met de combinatie Ctrl + Y. Met andere woorden: in plaats van terug in de tijd te reizen, ga je vooruit in de tijd. Let op: in sommige programma’s is deze toetsencombinatie Ctrl + Shift + Z.

Ctrl + F
Door Ctrl + F te drukken, zal je huidig programma een zoekvenstertje geven. Hiermee kan je dan op de geopende website of het geopende tekstdocument of iets dergelijks gaan zoeken naar bepaalde tekst. In het geval van de Windows Verkenner kan je dan zoeken naar bepaalde bestanden.

Alt + Tab or Alt + Esc
Maakt het makkelijk om tussen de programma’s die op je computer actief zijn te switchen. Je zal zien dat de actieve taken in een voorwaartse bewegen zullen worden doorlopen. Alt in combinatie met Esc zal je venster minimaliseren.

Alt + Shift + Tab of Ctrl + Tab
Wanneer je de Shift knop toevoegt aan de Alt + Tab combinatie verkrijgen we hetzeldfe resultaat als bij Alt + Tab maar nu worden de actieve programma’s achterwaarts doorlopen in plaats van voorwaarts.

Windows Vista en 7 gebruikers kunnen ook gebruik maken van de Windows knop + Tab. Je krijgt dan de zogenaamde ‘Areo’ weergave van Windows (enkel wanneer je computer krachtig genoeg is hiervoor) waar je ook tussen je programma’s kan switchen.

Ctrl + Back space
Ctrl + Backspace zal je toelaten om een volledig woord met een druk op de knop te verwijderen (tot de eerstvolgende spatie).

Ctrl + Pijltje links / Pijltje rechts

Verplaats de indicatie van je locatie in een tekst met een volledig woord in plaats van een letter door Ctrl + linker pijltje of rechter pijltje in te drukken. Move the cursor one word at a time instead of one character at a time. Om een woord te selecteren kan je Ctrl + Shift + linker of rechter pijltje drukken.

Ctrl + Home / End
Beweeg de aanwijzer in je document naar het begin of het einde door Ctrl + Home of End te drukken.

Ctrl + P
Print de pagina die wordt weergegeven af. Dit kan bijvoorbeeld in een Word document of op de pagina die wordt weergegeven in je internet browser.

Page Up / Spatiebalk en Page Down
Wanneer je op de Page Up of Page Down knop drukt zal je bijvoorbeeld in een document naar de pagina er boven of er onder springen. Dat zelfde kan in je internet browser via de spatiebalk (naar beneden) en wanneer je de spatiebalk combineert met de Shift knop zal je een pagina naar boven gaan.

DNS servers zorgen voor de verbinding met alle websites online

In tijden waar men websites begint te blokkeren in zowel België als Nederland, begint het interessanter te worden om met andere DNS-servers te werken. Een DNS-server is een speciale server op het internet die ervoor zorgt dat je computer weet waar hij de nodige data kan vinden om een website te tonen. Als je een adres in je browser intikt zoals “hoedoejedat.be”, dan vertaalt een DNS-server dat naar allerlei computerinformatie. Nu is het zo dat je provider (Belgacom, Telenet, …) zelf hun eigen DNS-servers hebben. Helaas beginnen ze blokkades op bepaalde sites zoals thepiratebay.org door te voeren. Maar wat als je die sites toch wil bereiken?

Veel van deze blokkades gebeuren op DNS-niveau. Dit wil zeggen dat de blokkade enkel bestaat op de DNS-server van je provider. Niemand houd je echter tegen om een andere DNS-server te gebruiken, dit kan je eenvoudig instellen op je eigen Windows. Door het instellen van een andere DNS-server, word de opgelegde blokkade van sites zoals thepiratebay.org ontweken.

Eigenschappen van een netwerk verbinding

Wat we moeten doen, is andere DNS-servers instellen in Windows. Hiervoor gaat u naar het configuratiescherm via Start en dan te klikken op Configuratiescherm. In het Configuratiescherm kiest u vervolgens voor Netwerk En Internet. U gaat nu naar het Netwerkcentrum waar u een overzicht krijgt van alle verbindingen die zijn gemaakt met jouw computer. In het Netwerkcentrum ziet u bij Actieve Netwerken een link naar ofwel een LAN-verbinding (voor als u verbonden bent met een kabel) ofwel een draadloze verbinding (veelal als u werkt met een laptop gebruikt u dit).

Eens u weet wat uw verbinding is, klikt u erop. In het nieuwe venster klik je onderaan op de knop “Eigenschappen”. U zal nu een nieuw venster krijgen waarin de eigenschappen van die verbinding staan. In dit venster staat een lijst, zoek naar het item “Internet Protocol Versie 4 (TCP/IP4)” en klik hier eenmalig op. Daarna klikt u op de knop “Eigenschappen” die onder de lijst staat.

In dit venster kan u het IP-adres en de DNS-servers wijzigen

In dit nieuwste venster, vult u nu onderaan nieuwe DNS-servers in. Dit invullen kan u doen door eerst “De volgende DNS-serveradressen gebruiken” aan te klikken en dan in de 2 lijntjes eronder de volgende informatie in te vullen:

8.8.8.8
8.8.4.4

Hierna klikt u op “Ok” en sluit u alle vensters. Mogelijk moet u uw verbinding eens uit- en terug aanzetten, eventueel zelfs de computer herstarten vooraleer deze nieuwe DNS-servers actief worden. Vanaf nu zal elke verbinding via andere DNS-servers gaan. Mogelijke blokkades op DNS-niveau worden hierdoor ontweken zodat u toch vrij kan surfen op het net.

De 2 adressen die wij hierboven geven, zijn deze van Google hun DNS-servers. Een alternatief is om de DNS-servers van OpenDNS te gebruiken:

208.67.222.222
208.67.220.220

Je kan GIT in combinatie met Dropbox gebruiken

Programmeurs zullen vast al wel voer GIT gehoord hebben, Linus Torvalds zijn eigen version control system. GIT heeft serieus aan populariteit gewonnen dankzij websites zoals Github. Websites zoals Github staan je toe om online een kopie van je repositories bij te houden. Nu is het zo dat je op Github veel gratis repositories kan aanmaken maar deze zijn allemaal publiekelijk beschikbaar. Soms wil je dat ze privé zijn maar vind je de tarieven van Github veel te duur. Tijd dan om Dropbox als je eigen Github te gebruiken.

Het idee is simpel: maak een repository aan op Dropbox en voeg dit dan toe als “origin” voor je repository die je lokaal gebruikt. Ik zal nu de uitleg geven hoe je het doet via een terminal in Ubuntu.

Ik ga er van uit dat je reeds een werkende lokale repository hebt. Als je reeds een origin hebt toegevoegd, kan je deze verwijderen door gebruik van het commando:

git remote rm naam origin

Waarbij je naam origin vervangt met je eigen naam die je gebruikt voor de origin, in vele gevallen is dit simpelweg “origin”. Hierna was het eenvoudig uitvoeren van de volgende commando’s (waarbij ik eerst in de map “git/project” zat in mijn home-folder):

~/git/project $ cd ~/Dropbox/git
~/Dropbox/git $ mkdir project
~/Dropbox/git $ cd project
~/Dropbox/git $ git init –bare
~/Dropbox/git $ cd ~/git/project
~/git/project $ git remote add origin ~/Dropbox/git/project
~/git/project $ git push origin master

Zoals je ziet is het idee eigenlijk heel simpel: maak een repository aan in je Dropbox map en duid deze dan aan als de origin waarna je daar naartoe kan pushen.

XAMPP

Als we client side scripten zoals HTML, CSS en Javascript is het geen enkel probleem om je bestanden lokaal weer te geven. Je kan dus makkelijk bestanden aanpassen en bekijken zonder dat je ze effectief op je webruimte moet plaatsen. Met server side bestanden zoals PHP ligt dat anders en deze kunnen we standaard dus niet vanuit Windows openen. Daar zijn natuurlijk wel oplossingen voor!

XAMPP services installatie

Eentje daarvan is bijvoorbeeld het programma XAMPP. De download hiervan kan je op de volgende link terugvinden. Het programma kan je overigens niet enkel downloaden voor Windows maar ook Linux, MAC OS X- en Solaris versies zijn beschikbaar. Nadat je het gedownload hebt kan je het programma installeren maar vergeet niet zowel Apache, MySQL als FileZilla aan te vinken om als service te installeren.

Links: Filezilla client Rechts: XAMPP Control Panel

Als dit gelukt is en je start het programma op krijg je het Control Panel te zien. Hier krijg je een overzicht van de services die runnen. Als alles goed is hebben op dit moment Apache, MySQL en FileZilla op dit moment de status ‘Running’. Vervolgens kan je je browser openen en als adres ‘localhost’ intikken. Als alles goed is kom je nu op de standaard pagina van XAMPP terecht. Om wijzigen door te voeren op je localhost kan je een FTP client downloaden, bv. FileZilla (Client) . Hierin kan je verbinden naar je host, localhost, met de username ‘newuser’ en wachtwoord ‘wampp’.

Je kan nu bijvoorbeeld je eigen php-bestanden uploaden naar deze locatie of ook iets zoals wordpress. Praktisch is om hier een nieuw mapje voor aan te maken. Op de screenshot zie je bijvoorbeeld dat bij ons wordpress aanwezig is en je kan dan simpelweg deze map bereiken door in je browser bv. localhost/wordpress in te tikken. Je kan dus nu volledig aan de slag met je server side bestanden zonder hier een webruimte voor aan te schaffen.

File Zilla Server met users

Indien je iets aan de instellingen van je server (localhost) wil aanpassen kan je dit door je te begeven naar de map waar XAMPP is geïnstalleerd. Daar vind je een sub directory met de naam FileZillaFTP. Klik hier op de execute FileZilla Server Interface en gebruik als wachtwoord opnieuw ‘wampp’. FileZilla connecteer nu naar je server en in dit nieuwe scherm kan je klikken op Edit -> Users. In dit nieuwe scherm kan je nu de gebruikers aanpassen en je ziet onder andere dat newuser en anonymous reeds aanwezig zijn.

Dit is normaal alle nodige informatie die je nodig hebt. Indien je problemen zou ondervinden aarzel dan niet om op dit artikel te reageren. Het kan tevens ook handig zijn om eerst een keer onder Gereedschappen te kijken die je terugvindt op de pagina via localhost/xampp. Hier staat reeds een kort en bondige uitleg hoe je dingen kan oplossen.

Youtube insluiten

Beelden kunnen zoveel meer zeggen dan 1000 woorden. Daarom is het ook leuk om filmpjes op een website te plaatsen. In dit korte artikel word je al heel snel duidelijk dat het erg makkelijk is gemaakt om een filmpje van Youtube op jouw website weer te geven.

Eerst en vooral dien je je op de Youtube website te bevinden. Zoek naar het filmpje dat jij op je website wil plaatsen en localiseer de knop ‘Delen’. Vervolgens klik je op de knop Insluiten en je zal merken dat er een code verschijnt.

Het enige wat je nog te doen staat is de code naar jouw project te kopiëren (Dus bijvoorbeeld naar je HTML-bestand). Je plaatst deze best in een van je paragrafen.

Eindresultaat lijsten en menu's

In dit artikel nemen we een kijkje hoe we lijsten en menu’s moeten maken met HTML. Aan de hand van een lijst kunnen we een mooi menutje samenstellen zoals dat hoort op een website.

Er zijn twee type lijsten

<ol> , Ordered list

<ul>, Unordered list

Elementen van een lijst worden toegevoegd met de <li> tag. Een Oredered List zal je lijst teruggeven met nummers voor je elementen.

<ol>
<li>Marge</li>
<li>Albert</li>
<li>Frederico</li>
<li>Bart</li>
<li>Homer</li>

</ol>

Bovenstaande code geeft dus het volgende resultaat.

1. Marge
2. Albert
3. Frederico
4. Bart
5. Homer

Een Unordered List (vervang <ol> door <ul>) zal je elementen teruggeven met bijvoorbeeld bolletjes er voor (of een ander symbool).

• Marge
• Albert
• Frederico
• Bart
• Homer

Definition lists

Met de tag <dl> kan je een definitie lijst starten. Elementen voeg je hier toe aan de hand van de <dt> tag. Bijvoorbeeld:

<dl>

<dt>Drunk</dt>

<dd>When someone had too much alcohol</dd>

</dl>

Als we dit verwerken in ons project kan je een mooi menu creëren voor je webpagina. Wanneer je links koppelt aan de elementen van je menu kan je als href waard “#” meegeven. Zo wordt de functionaliteit van een effectief link mogelijk maar je blijft steeds op dezelfde pagina. Het gebruik hiervan zie je ook in onze uiteindelijke code. Het eindresultaat kan je bewonderen aan het begin van dit artikel.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<title>
My first webpage
</title>
</head>
<body>
<table width=”500px” border=”1″>
<tr>
<td bgcolor=”FAEDA8″>
<ul>
<li>
<a href=”index.htm”>Home</a>
</li>
<li>
<a href=”#”>Who?</a>
</li>
<li>
<a href=”#”>What?</a>
</li>
<li>
<a href=”#”>Music</a>
</li>
<li>
<a href=”#”>Links</a>
</li>
</ul>
</td>
<td bgcolor=”FAEDA8″ rowspan=”2″>
<h1>Flat Eric!</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique, justo non dictum viverra,
dolor tortor volutpat ipsum, vel lacinia elit risus in quam. Proin ut arcu id enim consequat suscipit
sed vel ligula. In mollis consequat tincidunt. Donec ac purus accumsan purus tristique viverra a venenatis
magna.
</p>
</td>
</tr>
<tr>
<td bgcolor=”FAEDA8″>
<img src=”images/flateric2.jpg” height=”150px” width=”150px” alt=”flateric2″/>
</td>
</tr>
</table>
</body>
</html>

Eindresultaat met gebruik rowspan

Deze methode is in principe een beetje ouderwets maar aangezien we momenteel enkel werken met HTML gaan we je het toch aanleren. Later zullen onze tabellen worden vervangen door een Cascading Style Sheet (CSS) bestand die de opmaak voor onze website voorziet. Dat is echter nu nog niet van toepassing. De tabellen zullen ons helpen om een beter evenwicht te creëren tussen de elementen op onze webpagina.

De tags die we zullen gebruiken:

<table> initialiseren van een tabel

<tr> een rij creëren

<td> een cel creëren

We zullen starten met het initialiseren van een tabel voor het begin van onze eerste titel en we beëindigen de tabel na de laatste paragraaf. Om het overzicht even duidelijk te houden over de tags hebben we de tekst uit ons voorbeeld weggelaten.

<table>

<h1></h1>

<p></p>

<h1></h1>

<p></p>

</table>

We willen graag dat onze twee paragrafen elk apart in een rij terechtkomen. Dus we creëren twee rijen met elk één cel. Dat doen we zoals in onderstaande code.

<table>

<tr>

<td>

<h1>/h1>

<p></p>

</td>

</tr>

<tr>

<td>

<h1></h1>

<p></p>

</td>

</tr>

</table>

2 rijen, 1 cel

Het is ook mogelijk om bij de table tag de attributen height en width te gebruiken om de hoogte en breedte in te stellen. Dit zal ons voormalige voorbeeld er reeds heel wat beter doen uitzien zoals je op de screenshot hier rechts kan bewonderen.

Je kan ook wat kleur geven aan je cellen zodat het allemaal iets beter wordt. Hiervoor gebruiken we bij onze <td> tag het attribuut bgcolor. De kleur moet je meegeven aan de hand van een kleurcode en die kan je uitkiezen via bijvoorbeeld HTML Color Picker . Om een rand aan je tabel toe te voegen kan je het attribuut border gebruiken.

tabellen met kleuren

<table width=”500px” border=”1″>
<tr>
<td bgcolor=”FAEDA8″>
<h1>Title</h1>
<p>
</p>
</td>
</tr>
<tr>
<td bgcolor=”AFAA91″>
<h1>Title</h1>
<p>
</p>
</td>
</tr>
</table>

tabel met paragrafen en afbeeldingen

Goed, tijd om het niveau een beetje op te krikken. Zoek twee andere afbeeldingen en pas je tabel zodanig aan zodat links de twee afbeeldingen verschijnen en rechts de twee paragrafen. Dit kan je oplossen aan de hand van extra <td> tags.

Mooi. Nu mag je de tweede paragraaf verwijderen. Nu hebben we een lege cel in onze tweede rij. Je wil uiteraard graag het vlak erboven met deze cel samenvoegen maar dat kan niet door simpelweg de <td> tag van deze lege cel te verwijderen. Hiervoor moeten we de attributen rowspan en colspan gebruiken. Deze zullen cellen of rijen samenvoegen. Geef in de td tag van je eerste paragraaf het attribuut rowspan mee met waarde 2 (rowspan = “2″) . Op die manier voegen we twee verticale cellen (rijen) samen, colspan gebruiken we voor een horizontale werking.

<table width=”500px” border=”1″>
<tr>
<td bgcolor=”FAEDA8″>
<img src=”images/flateric1.jpg” height=”150px” width=”150px” alt=”flateric1″/>
</td>
<td bgcolor=”FAEDA8″ rowspan=”2″>
<h1>Title</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique, justo non dictum viverra,
dolor tortor volutpat ipsum, vel lacinia elit risus in quam. Proin ut arcu id enim consequat suscipit
sed vel ligula. In mollis consequat tincidunt. Donec ac purus accumsan purus tristique viverra a venenatis
magna.
</p>
</td>
</tr>
<tr>
<td bgcolor=”FAEDA8″>
<img src=”images/flateric2.jpg” height=”150px” width=”150px” alt=”flateric2″/>
</td>
</tr>
</table>

Nog enkele attributen die je kan uitproberen:

cellspacing: de ruimte tussen cellen (getal)

frame: de look van de randen (void, above, below, hsides, vsides, lhs, rhs, box, border)

cellpadding: ruimte tussen tekst en rand (getal)

rules lijntjes tussen de cellen van de tabel (none, groups, rows, cols)

Interessante attributen voor TR:

align: horzontaal aligneren van content (left, justify, center, char)

valign: verticaal aligneren van content (top, middle, bottom)

Het eindresultaat waarbij we het samenvoegen aan de hand van rowspan hebben gedaan kan je bekijken op de screenshot aan het begin van dit artikel. In principe kan je met wat knutselen nu al een hele website opzetten!