|
|
|
| |||||
| Startpagina >> Tutorials | ||||||||
|
Tutorials en artikels: Links, prentjes en geluid toevoegen
Je leest momenteel tutorial/artikel: Links, prentjes en geluid toevoegen. 
Links, prentjes en geluid toevoegenMultimedia toevoegen aan je site kan een belangrijke meerwaarde bieden voor je bezoeker. Hou er echter altijd rekening mee dat deze elementen dienen om de inhoud te ondersteunen. Zorg er dus voor dat prentjes en geluid niet té talrijk aanwezig zijn, om de aandacht van de bezoeker niet af te leiden.Er bestaan een aantal aparte tags om deze elementen aan je pagina toe te voegen. Verander de code van index.htm in volgend bestand Een prentje toevoegen, de tag <img>Om een prentje in te voegen, gebruik je de <img> tag. Deze tag wordt altijd vergezeld van het attribuut src, dat het pad (de locatie) naar het weer te geven prentje bevat.Een voorbeeld, stel dat je een prentje tevoorschijn wilt toveren dat in de map prentjes zit en afbeelding.gif heet, dan zal de code er zo uit zien: <img src="prentjes/afbeelding.gif"> Buiten het attribuut src kunnen nog andere attributen aan de tag <img> worden toegevoegd. Een overzicht
 Belangrijk!Wanneer je de afmetingen in de <img> tag kleiner zet dan de werkelijke afmetingen van het prentje, verkleint de bestandsgrootte hiermee niet. Het is dus aan te raden om het prentje eerst te verkleinen in photoshop of een ander beeldbewerkingsprogramma. Links invoegen, de tag <a>Links binnen dezelfde site is het perfecte middel om de inhoud gestructureerd over te brengen. Deze links worden interne links genoemd.Ook kan je vanop jouw site verwijzen naar een compleet andere site ergens op het WWW, deze links heten externe links. De tag die gebruikt wordt om links weer te geven is de <a> tag. De tag <a> is bijna altijd vergezeld van het href attribuut. De waarde van dit attribuut duidt aan naar welk document de browser zal moeten verspringen. Een ander veel gebruikt attribuut bij deze tag is target. De waarde van dit attribuut laat aan de browser weten in welk venster hij de link moet openen. De mogelijke waarden van het target attribuut
<a href="http://www.wacf.nl" target="_BLANK">Ga naar de wacf website</a> Wanneer er op de tekst Ga naar de wacf website geklikt wordt, zal er een nieuw browservenster openen die naar www.wacf.nl gaat. In dit voorbeeld gebruikten we een absolute link. Geluid toevoegen, de tag <bgsound>Op onze site hebben we een liedje als achtergrond gezet. Het valt op dat de gebruiker niet de mogelijkheid heeft om dat muziekje af te zetten. Dit kan een heel frustrerend effect hebben op de bezoeker.De volgende code gebruik je dus best enkel wanneer je zeker weet dat jouw doelgroep de door jou gekozen muziek op prijs stelt. De tag <bgsound> zet men meestal meteen na de <body> tag, maar in realiteit heeft het geen belang waar je deze tag plaatst. <bgsound> Maakt net zoals <img> gebruik van het src attribuut om het bestand dat gebruikt moet worden aan te duiden. Wil je de bezoekers wel de mogelijkheid geven om het muziekje af te zetten, dan kan je altijd in onze uitgebreide website geluiden sectie gaan kijken welke code je daar precies voor nodig hebt. Samenvatting, een combinatieStel dat je wilt dat wanneer een bezoeker op een prentje klikt, hij of zij naar een andere site gestuurd wordt. Normaal zou je in staat moeten zijn dit nu op eigen houtje te doen, maar ik help je graag even vooruit.Het is duidelijk dat we hier met het nesten van tags te maken hebben. In dit geval wordt een <img> tag genest binnen de <a> tags. Stel dat je een prentje wacf.jpg wilt laten linken naar www.wacf.nl in een nieuw venster, dan zal de code er als volgt uit zien: <a href="http://www.wacf.nl" target="_blank"><img src="wacf.jpg" border="0"></a> En dit zou het resultaat moeten zijn: 
Je kent nu al een groot deel van de belangrijkste elementen van HTML. Als laatste hebben we echter het belangrijkste element van HTML te behandelen, namelijk tabellen. Tabellen zijn onmisbaar wanneer je een site wilt maken met een professioneel uiterlijk. Ga daarom verder naar de volgende en laatste les HTML. Ga naar "Tabellen in HTML" >> |
| Advertenties |
Op dit werk is een Creative Commons Licentie van toepassing.
webtoolsnation.be | funnynation.be | messengernation.be |