Dit is een testpagina voor het uitproberen en aan collega's tonen van allerlei layout-opties, dus een demo-pagina van de verschillende mogelijke stijlen. De inhoud heeft geen verdere betekenis.
Tekst-opmaak:
Tekst-opmaak is alleen mogelijk in de stijlen bold of vet, of in italics of schuinschrift, of onderlijnd. Plus nog een beetje superscript en subscript voor wetenschappelijke formules. Verder niets, dus geen doorstreept, geen tekstkleuren, geen achtergrondkleuren, geen andere regelafstanden of witruimtes, geen kadertjes, andere groottes, animaties, en zo. Dat is centraal vastgelegd in de huisstijl. De layout-opties die je ziet op deze pagina, zijn zowat de enige mogelijke.
Automatisch geladen inhoud:
Sommige inhoud kan automatisch geladen worden uit centrale databases, zoals uit de Antigoon Research database. Vb.: personeelslijsten van vakgroepen, lopende onderzoeksprojecten van vakgroepen, expertises, lijsten van recente publicaties,...
Voordeel: je moet die lijsten niet manueel onderhouden als lokale web-editor. Bij elke refresh worden ze opnieuw uit de centrale database opgehaald.
Nadeel: je kan niet zelf ingrijpen op de inhoud van zo'n lijst.
Soorten links:
De opties voor links zijn beperkt. Hieronder een paar mogelijkheden. De stijl van de links, dus hun lettertype, tekstgrootte, kleuren, en witruimte, centraal opgelegd worden door de website-engine. Wij als lokale auteurs hebben daarin geen keuzevrijheid, afgezien dan van het ding wel of niet gebruiken. De links in deze voorbeelden openen in een nieuw venster.
• Gewone link midden in een tekst, bijvoorbeeld naar mijn site van de Interuniversitaire Samenwerking Tandheelkunde (www.interthk.be). Zulke link kan alleen naar andere webpagina's, of naar een mail-adres ("mailto:"). Niet naar bestanden.
• Alleen PDF-files kunnen als download aangeboden worden, en alleen in de hieronder getoonde stijl. Geen andere formaten, dus geen DOCX, PPTX, ZIP, 3D-bestanden,...
• Grote, opvallende knoppen zoals hieronder kunnen gebruikt worden voor speciale links. Dit zijn zogenaamde "Call to action" knoppen. Voordeel: zeer opvallend. Nadeel: zo groot en zo opvallend dat ze op spam lijken, en dus bij veel mensen een soort "selective spam-blindness" triggeren, waardoor men ze niet meer kan zien. Selective spam blindness bestaat echt: ik heb zelf eens een half uur gezocht naar een link op een pagina. Maar hij was compleet onvindbaar, want hij stond in een dikke, grote, helrode knop, vol in beeld...
Een optionele subtitel
Een optionele subtitel
Een optionele subtitel
Zoals gezegd, de stijl wordt opgelegd door de engine...
Ikoontjes, Emoji's, inline-beeldjes:
Kleine inline-beeldjes zijn in principe niet mogelijk, dus we kunnen geen custom-ikoontjes maken en invoegen. De enige uitzondering zijn de standaard-ikoontjes reeds aanwezig in de browser, de zogenaamde Unicode Emoji's. Maar deze zijn browser-afhankelijk, dus ze verschillen per browser, en niet alle browsers ondersteunen alle ikoontjes. Je kan hun code niet rechtstreeks intypen tijdens het editeren van een webpagina. Dat kan alleen via een omweg: maak manueel een aparte HTML-pagina aan in Notepad (Kladblok) of Notepad++, voeg de unicodes daaraan toe, bewaar en toon die HTML-pagina in je browser, en importeer ze vanuit die browser met copy & paste naar de UA-webeditor. Hier een paar voorbeelden, overgenomen met copy & paste vanuit mijn testpagina: https://www.interthk.be/testpage.htm.
Cards (encoded as "named HTML-entities"):
♠ ♣ ♥ ♦
Greek (encoded as "named HTML-entities"):
α β γ δ ε θ λ ω π, Α Β Γ Δ Ε Θ Λ Ω Π
Symbols (encoded as "named HTML-entities"):
@ & < > • © ® ¶ € ± ™ · ← ↑ ↓ → ¬ ¯ × ‰ ÷ ∑ ∞ √ ∫ − ≈ ≠ ☎ ♂ ♀
Unicode symbols (hex or dec encoded with unicode-number):
☎ ☏ ✉ ℻ ☎ ✆ ✉ ℻ ✂ ✂ ♀ ♂ ☠ ☢ ☣ ⚠ ☠️ ☢️ ☣️ ⚠️ ⚡ ⚢ ♲ ♺ ♻ ⚓ ⚗ ⚙ ℡ ⚕ 👤 👥 👭 👫 👂 🦻 👃 🧠 🦷 🦴 👀 👁 👅 👄 💋 💥 🖨 📠 📱 📞 🐜 🕷 🕸 🦂 🚦 🚧 🌡 ⌛ ⏳ ⌚ ⏰ ⏱ ⏲ 🕝 🎥 🎞 📽 🎬 📷 📸 📹 🔍 🔎 🔬 🔭 📕 📖 📚 📓 📒 📃 📄 📜 📅 📏 🗝 🔗 🔒 🔓 🔫 🗑 💉 💊 🚬 🚮 🚰 ♿ 🚹 🚺 🚻 🚸 ⛔ 🚫 ⚜ ⭕ ✅ ✔ ✖ ❌ 🅿 🎖 ☯ ✒ ✎ ✍ ➞ ➔ ☞ ← ↑ → ↓ ☺ ☹ 🕯 💡 💎 🍾 🍷 🍸 🥂 🥃 🎉 🌟 🎓 🦀 💩 ⚕ ⚕️ 🇧🇪 🇱🇺 🇫🇷 🇩🇪 🇳🇱 🇬🇧
Voor meer Unicode Emoji's, zoek daarnaar op internet. Vanop internet kan je ze ook met copy & paste overnemen naar je eigen pagina.
Titel in formaat H2
Titel in formaat H3
Subtitel in formaat H4
Subsubtitel in formaat H5
Titels en subtitels kunnen enkel in de hier getoonde formaten. Hun stijl ligt vast, centraal gedefinieerd.
Ter vergelijking: dit is een paragraaf in gewone bodytext. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabel:
Tabel met 3 x 3 cellen in een tekstblok | Lorem ipsum dolor sit amet. | Lorem ipsum dolor sit amet. |
Lorem ipsum dolor sit amet. | Lorem ipsum dolor sit amet. | Lorem ipsum dolor sit amet. |
Lorem ipsum dolor sit amet. | Lorem ipsum dolor sit amet. | Lorem ipsum dolor sit amet. |
Een klein beeld:
En een groot beeld:
Alleen JPG-beelden kunnen getoond worden, geen PNG, GIF, of andere formaten.
Grote beelden worden automatisch verkleind, dus ze zijn niet paginabreedte vullend, en fijne details gaan mogelijk verloren. Kleine beelden worden wel in hun echte formaat getoond.
Onderschriften bij beelden lijken niet te werken (dit zijn nieuwe paragrafen onder het beeld, geen onderschriften). Andere uitlijningen dan de "standaard" uitlijning werken ook niet betrouwbaar.
Uitklapbaar tekstblok
Voordeel: je krijgt een snel overzicht van de secties op een pagina.
Nadeel: je moet elk blok manueel uitklappen voor je de inhoud kan lezen, wat omslachtig en ergerlijk is. De ingeklapte inhoud kan je meestal ook niet printen of niet printen-naar-PDF. Dus je kan niet alle inhoud ineens zien of printen. Ik ben er daarom geen fan van.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lijsten
Er zijn twee soorten lijsten mogelijk: genummerde lijsten, en bullet-lijsten (dus met bolletjes). Het uitzicht is okee, maar ze zijn erg moeilijk en wispelturig tijdens het editeren. Dus ik ben er geen fan van, en ik simuleer lijsten gewoonlijk door zelf bolletjes te zetten in tekstparagrafen.
- Eerste item
- Tweede item
- Derde item
- Eerste item
- Tweede item
- Derde item
Tekst met gesimuleerde lijsten door manueel bolletjes en returns in de tekst te zetten:
• Eerste item
• Tweede item
• Derde item
Inplaats van bolletjes ("bullets") kan je dan ook andere standaard Unicode ikoontjes nemen:
♠ ♣ ♥ ♦ ...
🇳🇱 Nederlands
🇳🇱 🇧🇪 Vlaams
🇬🇧 Engels
🇫🇷 Frans
🇩🇪 Duits
🇱🇺 Luxemburgs
✉ Mail:
☎ Tel.: