Dit is een demopagina voor het uitproberen en aan collega's tonen van allerlei layout-opties en van de verschillende 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. Voor chemische en wiskundige formules kunnen superscript en subscript ook: H2SO4, of: z = x2 + y2. Verder niets: dus geen doorstreept, geen tekstkleuren, geen achtergrondkleuren, geen andere regelafstanden of witruimtes, geen kadertjes, geen andere groottes, geen 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, worden centraal opgelegd door de website-engine. Wij als lokale auteurs hebben daarin geen keuze, afgezien van een functie wel of niet gebruiken. Alle links in de voorbeelden hieronder 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,... De originele namen van de PDF-files gaan verloren en worden door de web-engine vervangen door een willekeurige tekencombinatie.
• Grote, opvallende banners 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 ze dus bij veel mensen de zogenaamde "selective spam-blindness" triggeren, waardoor men die knoppen 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 banner, 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 het uitzicht en de stijl verschillen per browser, en niet alle browsers ondersteunen alle ikoontjes. Je kan hun unicode nummer 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++ en voeg de unicodes daaraan toe. Bewaar en toon die aparte HTML-pagina in je browser, en importeer de ikoontjes van daaruit met copy & paste naar de UA-webeditor. Hier een paar voorbeelden, met copy & paste overgenomen uit 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 op internet. Van daar 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. Deze regel is gewone bodytext in bold.
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. |
Klein beeld (340px × 293px ):
Groot beeld (1397px × 748px):
Alleen JPG-beelden kunnen getoond worden, geen PNG, GIF, of andere formaten. De originele bestandsnamen gaan verloren en worden vervangen door willekeurige tekencombinaties. Grote beelden worden automatisch verkleind, dus ze zijn niet paginabreedte vullend, en fijne details gaan daardoor mogelijk verloren. Kleine beelden worden wel in hun echte formaat getoond. Onderschriften bij beelden lijken niet te werken (dit is een nieuw paragraaf onder het beeld, geen onderschrift). 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 kan zijn. 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 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.
Echte lijsten:
- Eerste item
- Tweede item
- Derde item
- Eerste item
- Tweede item
- Derde item
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 standaard Unicode ikoontjes nemen, dat valt meer op en is kleuriger, maar het uitzicht is niet gegarandeerd in alle browsers en operating systemen:
♠ ♣ ♥ ♦ ...
🇳🇱 Nederlands
🇳🇱 🇧🇪 Vlaams
🇬🇧 Engels
🇫🇷 Frans
🇩🇪 Duits
🇱🇺 Luxemburgs
✉ Mail
☎ Tel.