Template: UT 2016

Basisopbouw en functionaliteiten in de nieuwe template

De nieuwe template bestaat uit een aantal elementen, die onder het plaatje kort worden uitgelegd: 

Click op het plaatje om het groter weer te geven. 

Toelichting per onderdeel

De links in de tekst brengen je naar een voorbeeld en mogelijk extra toelichting op de testwebsite.

Header

Toelichting header-onderdelen: 

  • (1) Titel van de website, uitsluitend in te stellen door hoofdbeheerder (team Online Media)
  • (2) Header achtergrond: standaard worden hier element uit het huisstijl-universum weergegeven die langzaam bewegen en van van kleur veranderen. Deze zijn optioneel te vervangen door een foto.
  • (3) Header-titel, in te stellen op de eigenschappen van het bestand (teven je Heading 1)
  • (4) Actieknop of tekst
  • (5) Feedback-button: centrale redactie ontvangt deze feedback en stuurt de ontvangen informatie desnoods door naar de beheerder van de pagina

Menu

Het menu aan de linker kant bevat deze elementen: 

  • (6) Zoekfunctie voor utwente.nl
  • (7) Het menu van het niveau waar de gebruiker zich op dit moment bevindt
  • (8) Optie voor taalswitch

Hoofdtekst

Online editor (Rich text document, desnoods vervangen door html file, maar dat maakt het niet mooier), met standaard opties:

  • (9) Zeer korte intro-tekst in hoofdletters
  • (10) Tussenkoppen tussen alina's
  • (11) Standaard tekst, voor de leesbaarheid kort gehouden met mogelijkheid om foto's toe te voegen.
  • (12) Een inhoudsopgave van deze pagina, automatisch gegenereerd op basis van alle tussenkoppen in Heading 2 style (10)
  • (13) Inline elementen in de lopende tekst, zoals quotes, contactpersonen, vidoe's, foto-caroussels, actieknoppen, etc
  • (14) Widgets onderaan de pagina (blokken met aanvullende informatie), waarbij je zelf widgets aan kunt maken of widgets van de UT kunt hergebruiken

Footer

De footer kan per website worden ingesteld:

  • (15) Share knoppen zodat de bezoeken deze pagina op zijn eigen Twitter/Facebook/LinkedIn etc kan delen. 
  • (16) Een campus-plaatje, waarbij het gebouw in de footer op verzoek door de centrale beheerders aan te passen is per website
  • (17) Contactinformatie en route (link naar bijv. Google Maps locatie of een UT-plattegrond), zelf aan te passen door de beheerder van de website
  • (18) Footer-linkjes, zelf aan te passen per website
  • (19) Lijst van social media-kanalen, zelf aan te passen per website
  • (20) Logo's van partners, zelf aan te passen per website

Overige functionaliteiten

Functionaliteiten die niet op deze pagina weergegeven zijn: 

REGELS/AFSPRAKEN VOOR OPTIMALE VINDBAARHEID VAN JE WEBSITE en het voorkomen van fouten

Voor optimaal gebruik en vindbaarheid in zoekmachines zijn er een aantal aandachtspunten:

NAMEN EN TITELS VAN BESTANDEN

Er is een aantal regels voor namen en titels van bestanden en mappen, om, die op de testwebsite uitgelegd worden.

HEADINGS

Zorg ervoor dat de content begint met een hele korte intro-tekst (in te stellen in de editor), en je normale tekst vervolgens uit korte alina's met tussenkoppen bestaat. Deze tussenkoppen zijn heading/kop 2, en indien je verdere subkoppen nodig hebt heading 3, heading 4. Tussenkoppen helpen voor de leesbaarheid, maar zijn ook zoekwoorden voor zoekmachines. Tevens worden alle heading 2 koppen rechts als inhoudsopgave weergegeven.

Links

Gebruik bij het aanmaken van linkjes binnen je eigen WebHare-opgeving zo veel mogelijk interne linkjes. Deze veranderen mee als een map/bestand wordt verplaatst. Wil je naar iets linken buiten je eigen WebHare, dan kan dit niet, en moet je een externe link gebruiken. Een externe link is een URL zoals www.utwente.nl/onderwijs/master en heeft het nadeel dat die niet meer werkt als er ook maar een letter is veranderd in de URL.

Zichtbaarheid bestanden

Wanneer aan een bestand geen titel wordt toegekend, is deze niet zichtbaar op de website. Echter, het bestand zal wel zichtbaar zijn voor zoekmachines zoals Google. Plaats dus geen testbestanden zonder titel online die niet gelezen mogen worden. Verwijder oude bestanden uit het systeem. Testbestanden kun je beter in een mapje met de naam 'intranet' of ' intra' zetten. Informatie in deze mappen is niet toegankelijk buiten de UT. 

Testwebsite 

Bekijk voor alle opties van deze template de testwebsite.