Nep-portal
Een portal is een website die eigenlijk alleen maar links bevat. Een bekend voorbeeld is
startpagina.nl.
Aan die site hangen weer andere sites ("dochters") die zelf ook weer portal zijn, maar dan
gespecialiseerd op een bepaald onderwerp.
Deze portals maken gebruik van speciale programmatuur die een pagina aanmaakt op het moment dat deze wordt
opgeroepen. Hiermee is het bijvoorbeeld ook mogelijk om een rubriek "uit" te zetten door op het
kruisje te klikken, zoals in een "echt" window. Hiervoor zijn wat zwaardere middelen nodig dan
alleen HTML en JavaScript.
Het voert te ver om deze techniek hier te gaan beschrijven en beschikbaar te stellen.
Op deze plaats vind je een beschrijving van hoe je iets kunt bouwen wat er toch aardig op lijkt. Er wordt alleen gebruik gemaakt van HTML in combinatie met een stylesheet.
De code van het voorbeeld kun je downloaden voor je eigen gebruik, zie onder aan deze pagina.
- De aanpak is heel eenvoudig:
- Maak een tabel van drie kolommen.
- De cellen van de eerste rij voeg je samen tot één cel (colspan="3"). Hierin kun je een tekst zetten over de links in het portaal.
- De cellen van de tweede rij bevatten elk een tabel die bestaat uit één kolom en twee rijen van elk één cel. De onderste rij/cel bevat de links. De bovenste rij/cel bevat een "rubriek-naam" waaronder de links vallen.
- Dit herhaal je net zo vaak als nodig is.
- Desgewenst voeg je een laatste rij toe waarvan je de cellen weer samenvoegt tot één cel, om bijvoorbeeld je e-mail adres in te zetten, zodat bezoekers kunnen reageren op niet-werkende links, of om nieuwe links voor te stellen.
- Hieronder zie je een voorbeeld van een dergelijke "Portaal-tabel".
|
Voorbeeld van een Nep-Portal Deze pagina is een afgeleide van de beroemde portaalsites van startpagina, startkabel en wat er allemaal niet meer te vinden is. |
||||||||
|
|
|
||||||
|
|
|
||||||
| ||||||||
| Als je een goed idee hebt of een link wilt aanmelden, stuur een e-mailtje naar aa@bb.cc. | ||||||||
- Natuurlijk kun je deze tabel helemaal naar eigen inzicht aanpassen. Het is daarbij handig om te weten dat:
- De achtergrondkleur van de hele tabel wordt overgenomen van de pagina waarin deze zich bevindt.
- De randen van de tabel (kleur, dikte) worden ingesteld met de attributen bordercolor en border in de <table>tag.
- Het uiterlijk van de cellen in de tabel alsmede van de geneste tabellen waarin de links staan wordt geregeld in het style-sheet portaal.css. Daardoor wordt het aanpassen van het uiterlijk van alle rubrieken op één plaats gedaan, wat een stuk eenvoudiger is.
- Als je de achtergrond(-kleur) van je bladzijde hebt ingesteld met behulp van een stylesheet in plaats van in de <BODY>-tag zal de referentie class="Portaal_Binnen" in de verschillende <table>-tags niet werken. Je moet die referentie dan verplaatsen naar de cellen (dus de <td>-tags) die de eigenschappen van de class "Portaal_Binnen" moeten krijgen.
- De breedte van de drie kolommen is resp. 33%, 34% en 33%.
Gebruik:
- De code staat gedeeltelijk in de <HEAD> en gedeeltelijk on de <BODY>.
De code ziet er als volgt uit:
(Zet deze code in de <HEAD>)
<link rel="stylesheet" href="portaal.css">
(Zet deze code in de <BODY>, op de plaats waar de tabel met links moet komen.)
<!-- Begin Portaal Table -->
<table border="1" bordercolor="#c0c0c0" cellspacing="5" cellpadding="2" width="100%">
<tr>
.
.
Zie de inhoud van de downloadfile!.
.
</tr>
</table>
<!-- Einde Portaal Table -->
Downloaden:
Druk op de knop:
File: voorb081.zip, 1275 bytes.
Opmerking:
Het gebruik van stylesheets en het gebruik van tabellen om tekst mee op te maken wordt o.a. beschreven
in diverse items in de rubriek "Tekst Lay-out", elders op deze site.
Een "Nep-portal" met wat meer toeters en bellen vind je in het item "Nep-portal II".
