Heb je voor je school of klas een eigen website of weblog dan is het soms nodig om een link aan te brengen naar een andere website. Het is ook mogelijk om die andere site in de vorm van een iFrame te integreren in die van jou. Die andere website wordt dan in embedded vorm opgenomen op jouw site of weblog. Op jouw site is het dan mogelijk om die andere website te zien, maar ook om daarin te navigeren.
Websonic biedt een eenvoudige tool, de Iframe-generator, waarmee het mogelijk is om de html-code van zo'n iFrame te genereren.
Als de gegenereerde code gekopieerd wordt en vervolgens wordt geplakt in het beheergedeelte van je website of weblog waar je html-code kunt invoeren, dan wordt de andere website opgenomen op jouw site of blog.
De procedure is eenvoudig en verloopt als volgt.
- Surf naar http://www.websonic.nl/webtools/webtools_iframegenerator.php
- Voer onder "Kies een naam" een naam in voor het iFrame.
- Voer onder "Welke url/pagina moet er geopend worden" het internetadres in van de pagina die je
wilt opnemen op jouw site.
- Vink onder "Scrollopties" aan of er in het iFrame wel of geen schuifbalken moeten worden
opgenomen of dat het scrollen automatisch moet verlopen.
- Vink onder "Wil je dat je iFrame randen heeft?" aan of het frame wel of niet van randen moet
worden voorzien.
- Geef onder "Afmetingen" aan hoe groot het frame moet worden.
NB. Later zul je de getallen proefondervindelijk moeten aanpassen om het frame de gewenste
grootte te geven.
- Klik nu onder het grote invoervak op de knop "Genereer code".
- Selecteer die code, geef een rechtermuisknop in de geselecteerde code en klik op "Kopiëren .
- Surf nu naar het beheergedeelte van je website of weblog en log in.
- Plak de code op die plaats waar je html-code kunt invoeren en waar je het iFrame wilt plaatsen.
- Sla de wijzigingen op en het iFrame is opgenomen op jouw site.
NB. Is het iFrame te klein wijzig dan in de geplakte html-code de getallen achter "width" en "high" (staan standaard op 300) en bepaal proefondervindelijk de gewenste grootte.
Hieronder een voorbeeld van een iFrame met daarin de website die ik ontwikkelde voor de wijk waarin ik woon.
Geen opmerkingen:
Een reactie posten