Menu 

> Begin

> Animaties


 

 Meer 

> Avatars

> Smilies

> M-Cards

> Themes

> GSM wallpapers

> Diddle plaatjes

> Scripts

> Games

> Cursus html

> Contact

 

 

 Advertenties 
 


 

  Animatiegifjes.stophier.nl alles voor de webmaster !!

Werken Met Frames

Frames worden vooral gebruikt om de navigatie binnen een site te verbeteren. Dit onderwerp behoort net als het werken met tabellen tot de moeilijke gebieden van HTML.
Hier zal ik proberen je de basisbeginselen van het werken met frames uit te leggen.

Voordat ik begin, zou ik je willen aanraden frames niet te gebruiken, tenzij het niet anders kan.

Er kleeft namelijk een aantal belangrijke nadelen aan het gebruiken van frames. Zo worden frames niet door oude browsers ondersteund (pas vanaf Netscape 2.0 en IE 3.0), ook hebben zoekmachines vaak moeite met het indexeren van frames- paginas, waardoor je bezoekers kunt mislopen.
Tenslotte kan het bookmarken van een framespagina problemen opleveren.
Veel dingen waarvoor men frames gebruikt, zijn ook te maken met tabellen, waarmee je deze nadelen niet hebt.

Toch zijn frames nu eenmaal onmisbaar wanneer je een pagina wilt maken met verschillende, onafhankelijk van elkaar werkende secties.

Hoe Functioneren Frames?

Zoals al gezegd, dienen frames vooral voor de navigatie op een site.
Dit gebeurt, doordat de frames het scherm splitsen in verschillende secties. Hoe die splitsing plaatsvindt, staat in de hoofdpagina van de website, meestal de index.html file.
Bij de links binnen de frames moet worden aangegeven waar de paginas geladen worden of dat ze zonder de frames weergegeven worden.

De <FRAMESET> tag

Deze tag komt dus op de hoofdpagina van je site (meestal index.html).
De tag vervangt de <BODY> tag van de hoofdpagina.
Met de FRAMESET tag geef je aan hoe, en waar de pagina gesplitst wordt.
Als je de pagina wilt splitsen in kolommen en rijen, heb je twee FRAMESET tags nodig, voor ieder n.

Om de grootte van de frames aan te geven, moet je de volgende attributen gebruiken:

rows: hiermee bepaal je de horizontale splitsing van de pagina.
De waarde die je invult is, of in pixels, of in een percentage. Je kunt het beste percentages gebruiken, dan ben je het minst afhankelijk van de browserinstellingen van je bezoekers.

Een voorbeeld van een pagina die in drie horizontale delen gesplitst is:

<HTML>
<HEAD>
<TITLE>Framesvoorbeeld met rijen</TITLE>
</HEAD>
<FRAMESET rows="30%,50%,20%">
 <FRAME src="document1.html">
 <FRAME src="document2.html">
 <FRAME src="document3.html">
</FRAMESET>
</HTML>

Klik hier om het resultaat te zien!

Je ziet, de pagina is nu horizontaal verdeeld in drie frames d.m.v. het attribuut: rows.

cols: Hetzelfde als bij de rows. Alleen wordt nu de pagina verticaal gesplitst.

Een voorbeeld van een pagina die in drie verticale delen gesplitst is:

<HTML>
<HEAD>
<TITLE>Framesvoorbeeld met kolommen</TITLE>
</HEAD>
<FRAMESET cols="30%,50%,20%">
 <FRAME src="document4.html">
 <FRAME src="document5.html">
 <FRAME src="document6.html">
</FRAMESET>
</HTML>

Klik hier om het resultaat hiervan te zien!

Nu zie je dat de pagina nu verdeeld is in drie verticale frames door het cols attribuut.

De <FRAME> tag

In de bovenstaande voorbeelden zag je deze tag al staan. Deze tag staat in de FRAMESET tag.
De functie van de <FRAME> tag is, aan te geven welke paginas in de verschillende frames moeten worden geladen.

De <FRAME> tag kan de volgende attributen hebben:

src: dit staat voor "source" en dit attribuut geeft het adres aan waar de te laden pagina staat.
Dit is een verplicht attribuut.

name: Als je vanuit het ene frame een pagina in een ander frame wilt laden, moet je de frames een unieke naam geven. Deze naam heeft niets te maken met het adres van het frame.
Deze naam geef je met het attribuut name.

Zo dus:

<FRAME src="hetadres" name="framenaam">

Als je nu een pagina wilt laten verschijnen in het frame, dan moet je in de link (de <A> tag) naar die pagina het attribuut target toevoegen, met daarin als waarde de naam van het frame.

Op deze manier:

<A href="adres" target="framenaam">

marginwidth: bepaalt de dikte van de linker- en rechtermarge in aantallen pixels.

marginheight: bepaalt de hoogte van de "top" en "bottom" marge van het frame in aantallen pixels.

scrolling: hiermee kun je instellen of je scrollen in het frame mogelijk wilt maken.
Mogelijke waarden zijn: yes, no en auto. Standaard is auto (dus als je scrolling niet instelt). Bij auto wordt scrollen automatisch mogelijk als het nodig mocht zijn.

noresize: de grootte van de frame kan nu niet aangepast worden door de bezoeker.
Je hoeft geen waarde in te vullen. Zet gewoon noresize in de FRAME tag.

frameborder: hiermee kun je een rand tussen de frames instellen. Standaard staat hij al op "yes". Mogelijke waarden zijn: yes en no.

framespacing: stelt een ruimte in tussen de verschillende frames in aantallen pixels.

De <NOFRAMES> tag

In deze tag kan je een URL opnemen waar bezoekers, met een browser die geen frames aankunnen, heengestuurd worden.

Een voorbeeld:

<NOFRAMES>http://www.mijnhomepage.nl/index.php</NOFRAMES>

Einde Les Acht en Einde HTML Cursus

In deze les vond je de beginselen van frames. Natuurlijk is het hier, net als bij tabellen, zaak om veel te oefenen en experimenteren.
Kijk ook naar andere sites om te kijken hoe zij met frames werken.

Dit is ook het einde van de HTML cursus.
Ik hoop dat je er wat aan gehad hebt.
Met dat wat je in de voorgaande lessen geleerd hebt, moet je in staat zijn een aardige website te bouwen.
Ik wens je daar veel plezier en succes mee!

 

 

 

 Linkpartners 
Gifs.nl
Animatieplaatjes.nl
Animatiesite.nl
Bewegende Plaatjes

 

 
2007 © copyright stophier.nl en partners


 

 

hier vind je van alles voor je website, animatieplaatjes, winks voor msn, muggins, achtergronden, dynamische achtergronden, dynamische schermafbeeldingen, emoticons, bewegende plaatjes voor msn, foto's, packs,  msn plaatjes, leuke plaatjes, gratis, plaatjes, animatiegifjes, gifplaatjes, cliparts, gifs, gifjes, animatie, animaties, plaatjes, bewegendeplaatjes, afbeeldingen, mini movies, animatiegifs, animated, kerst plaatjes, kerst emoticons, kerst gifjes, kerstplaatjes, emoticons, msn, avatars, knoppen, jpeg, gif, emailgifs, valentijn, photoshop, html hulp, website hulp, games, online games, php, website, frontpage, dhtml, cgi, css, homepage, internet, schnappi wallpapers, schnappi, diddl plaatjes, pokemon plaatjes, money, drop, chips, beroemd, artiesten, babes, regenboog, sesamstraat, winnie the pooh, kauwgom, olifanten, diamanten, gefeliciteerd, mobiel, gsm, cupido, ezels, straaljagers, vliegtuigen, leger, army, uilen, lieveheersbeestje, stophier, grappige plaatjes, emoticons, schnappi, vraagtekens, hartjes, wietblaadje, wiet plaatjes, astma, disney, katten, carnival, paarden, glitter, blade trinity, roller, rollerskates, snow, fantasy, vuurwerk, javascript, download, poll, opa, knoppen, frontpage,  oma, vader, moeder, pimboli, ogen, vingers, oren, haren, kam, borstel, shampoo, douche, poppetjes, artikelen, jpeg, zeehonden, voetbal, klokken, neon, merken, vuur, wiskunde, hulpmiddelen, lijnen, turnen, gymnastiek, strand, zee, palmen, reizen, baby, kinderen, skateboarden, auto, m-cards, wallpapers, themes, rugby, tips, trucs, beltoon, badminton, zeehonden, wapens, waterval, beltonen, mini movies, true tones, wallpapers, screensavers, monofoon, polyfoon, anoniem sms, bijbel, feest, zwanger, hamsters, kappers, vuurwerk, firework, disco, yahoo, free, create avatar, anime, high, neopets, letters, wereldbol, nieuw, new, jarig, pinkpanter, skeletten, doodskop, skelet, poll, international, chat, kerst, love, nl, pagina, romantische plaatjes, hardcore, naam, beren, groeps sms, rozen, ridders, icoontjes, slapen, opstaan, bed, wekker, kaars, koffie, melk, dressuur, downloads, icon, generator, gekke, sneeuw, sint nicolaas, bloemen, tiener, lonsdale, treiter sms, gsm, chipz plaatje, dynamo, id, cu2, webmaster, frontpage, links, tips, truuks, html, popup, frames, comic, mms, outlook, logo, ringtone, polyph, inuyasha, avatarmagic, evil,  avatar maker, contest, gaia, secret, puma, games, pop, up, popup, pop-up, window, java, java script,messenger, javascript, javascripts, html, lessen, tutorials, gratis, PHP, ASP, MSQL, MySQL, SQL, PHP, wallpapers, bewegende msn plaatjes,stophier gifs, movie, kappers, rozen,  film, bioscoop,  avatars, bewegende avatars,  Animaties, bewegende plaatjes, afbeeldingen, fantasy, welkom, humor, msn, vieze, cadeautjes, animatieplaatjes, gifplaatjes,  smilies, smileys, adelaars, animaties, patat, snacks, kroket, limonade, koelkast, pen, monitor, muis, kabels, stoep, straat, stranden, palmen, dobberen, luchtband, brood, champagne, aansteker, sigaretten, pucca, shag, animatieplaatjes, graphics, art, bewegende plaatjes, avatars, bewegende avatars, babyplaatjes, barby, barbie, picture, boten, anne geddes, badminton, baby, badkamer, icon, buddy,  lasergun, millitair, licht, merken, beeldvenster, beren, gitaren, jip en janneke, kabouters, naam animaties, animaties alfabet, zwanger, spel, honden, icoontjes, achtergronden, tekst, aim smileys, ridders, emoticons,  sexy, snoopy, bijen, ballen, bloemen, boerderij, bomen, clowns, dakpannen, computer, hartjes, zonnebloem, zwaailichten, korfbal, manga, winter, wit zwart, sexy, waterval, buro, dc shoes, sports, pic, bureau, aladdin, bier, wijn, animaties polly, dhtml script, dieren, alcohol, drank, drinkbekers, babys, auto, auto's, fietsen, fiets, files, ambulance, diversen, dobbelstenen, draken, editors, email, eten en drinken, adult,  eyoor, favicon, feest, feestdagen, flowerpower, napoleon, girl, kalki, rate, press, doll maker, help,  fruit, vraagtekens,  live, journal, cute, music,  garfield, gastenboek, gereedschap, giraffen, giraf, groot, hotdog, elfjes, engeltjes, info, hello_kitty, honden, hotdog, htlm cursus, html tekens, pirate, car,  ijsje, ijsjes, insecten, insect, junglebook, jungle boek, button, gezichten, mensen, dvd, audio, dvdspeler, radio, tv, boxen, camera, rekenmachine, plakband, batterij, petje, laptop, kinderen, animated, moving, reptielen, pijlen, pizza, regen, wind, tornado, storm, neerslag,  toetsenbord, poster, stopkontakt, scanner, kerstmis, weerplaatje, stoel, sokken, broek, crying, huilen, trui, nagels, printer, rolstoel, rollator, scootmobiel, zaklamp, tent, vakantie, reizen, bungalow, caravan, spaarpot, pop, doll, lamp, bank, vloer, planken, timmerman, beroep, metselaar, verkoper, kantoor, 3d plaatjes, tattoo, stoplicht, bouwvakker, ambtenaar,  nijntje, tijgers, indianen, xxx, liefdes, verjaardag, haaien, harry potter, beweegende, ajax, fijenoord, vitesse, utrecht, amsterdam, katten, kerst, keuken, kinderen, kippen, tennis, kleuren, klokken, knorretje, koeien, koe, koffie en thee, konijnen, kungfu, globes, ijs, liefde, lion king, looney tunes, luchtballonnen, maanden, man en vrouw, mensen, mickey mouse, monster, satelliet, schotel, kom, fyenoord, hamsters, diamanten, daimonds, food, nonfood, geschenken, antennes, gratis sex plaatjes,boerderij, cool, coca cola, monsters, muizen, muziek, dj, natuur, ogen, olifanten, paarden, paard, paddestoel, paddestoelen, partners, pasen, pinguin, duivel, devil, kiss, kus,  planeten, planeet, plant, planten, custom, jabber, pooh, poppetjes, redirect, rozen, schildpadden, metatag creator, hartjes, scrollbar, skateboard, sneeuwman, ferrari,  sneeuwpop, sneeuwpret, spijkerbed, sport, telefoon, telefoons, teller, tijgertje, troep, trouwen, tuinieren, uploaden, vakantie, valentijn, vervoer, vissen, vlaggen, vlinder, vogels, landen, water, strand, weblogo, ijsberen, welkom, werk, wormen, worm, ziekenhuis, zon, plaatjes voor mijn site, plaatjes voor een website, een website opvullen met plaatjes, en veel meer!!!