- Wat is de nieuwe huisstijl?
- Is het verstandig stylesheets, javascripts, plaatjes en dergelijke via de centrale server aan te roepen?
- Waarom worden mijn blokjes in de linker navigatiebalk niet wit "on mouse-over"?
- Hoe krijg ik de juiste HTML code in mijn editor?
- Hoe komt het dat de banner (kop) helemaal naar rechts staat in mijn editor?
Wat is de nieuwe huisstijl?
Van het ontwerp van de huisstijl zijn templates (basisvormen)
ontwikkeld waarin de componenten van de pagina zijn verwerkt.
Deze bestaan uit:
- het zegel van de universiteit met daaronder een link naar www.leidenuniv.nl en een tekstweergave "Terug naar de homepage van Universiteit Leiden"
- een banner waaraan de afzender van de pagina te herkennen is
(faculteit of centrale eenheid)
Deze banner bestaat uit een plaatje (.gif) met een vastgestelde omvang, lettertype en grafisch element.
Voor het maken van de gifjes kunt u contact opnemen met de webafdeling van ICS, klik@ics.leidenuniv.nl. Aan het ontwerpen van de gifjes zijn geen kosten verbonden. - net onder de kop een aantal links naar "home" "zoeken" "contact" en evt. naar doelgroepen van de site
- een navigatiekolom aan de linkerzijde van de pagina, met eigen "bullits"
- een, met de papieren huisstijl overeenkomende, kleur blauw waaraan de bezoeker kan zien dat deze zich binnen het domein van de universiteit bevindt
Er zijn verschillende ontwerpen gemaakt voor verschillende
toepassingen. Zo is er één voor toepassing in frames en één
voor platte HTML pagina's. Daarnaast is een aangepast ontwerp
gemaakt voor toepassing in het content management systeem QCMS
3.0.
De templates van de eerste twee ontwerpen zijn te vinden op http://www.leidenuniv.nl/huisstijl/ulw
voor de platte HTML pagina's en op http://www.leidenuniv.nl/huisstijl/ulw_frames
voor de frameversie
| top pagina |
Ja, het kan in de praktijk voorkomen dat een kleine aanpassing aan scripts of plaatjes noodzakelijk is voor een juiste weergave van de huisstijlelementen. Als u in de HTML code verwijst naar de centraal aangeboden scripts en plaatjes, door het opnemen van de volledige URL, zullen deze correcties "automatisch" doorgevoerd worden op uw site.
| top pagina |
Vaak wordt de linker navigatie uitgebreid door middel van kopiëren en plakken van de HTML code. Bij het kopiëren, kopieert u ook de naam van dit menu/navigatie item. Elk item heeft echter een eigen, unieke naam.
Bijvoorbeeld
-
Eerste menu item:
<tr>
<td valign="top"><img src="http://www.leidenuniv.nl/huisstijl/ulw/images/bullitdonker.gif" name="bullit1" width="20" height="22"></td>
<td valign="top"><a href="instructies.doc" target="_blank" onMouseover="swapImage('http://www.leidenuniv.nl/huisstijl/ulw/images/bullitlicht1.gif', 'bullit1');" onMouseout="swapImage('http://www.leidenuniv.nl/huisstijl/ulw/images/bullitdonker.gif', 'bullit1')" class="vertnavSub">eerste menu item)</a></td>
</tr> - Tweede menu item
<tr>
<td valign="top"><img src="http://www.leidenuniv.nl/huisstijl/ulw/images/bullitdonker.gif" name="bullit2" width="20" height="22"></td>
<td valign="top"><a href="instructies.doc" target="_blank" onMouseover="swapImage('http://www.leidenuniv.nl/huisstijl/ulw/images/bullitlicht1.gif', 'bullit2');" onMouseout="swapImage('http://www.leidenuniv.nl/huisstijl/ulw/images/bullitdonker.gif', 'bullit2')" class="vertnavSub">tweede menu item</a></td>
</tr>
| top pagina |
Dit kunt u doen door in uw browserscherm de broncode van de betreffende HTML pagina’s te kopiëren. Hiervoor klikt u met de rechter muisknop in het browserscherm. Selecteer dan "bron bekijken" of "bron weergeven". U kunt ook via het browsermenu "beeld" en "(pagina)bron" bij de broncode komen.
Selecteer deze HTML code in zijn geheel (dus inclusief de <HTML> en </HTML> tags) en kopieer (CTRL- C). Plak (CTRL- V) dit vervolgens op een lege pagina van de HTML editor.
- Voor de broncode van de pagina zonder frame dient u naar de pagina http://www.leidenuniv.nl/huisstijl/ulw/index.html te gaan.
- De framepagina is een beetje complexer, omdat deze in principe
uit vier pagina's bestaat. Het betreft hier de pagina's:
http://www.leidenuniv.nl/huisstijl/ulw_frames/index.html, http://www.leidenuniv.nl/huisstijl/ulw_frames/menu.html, http://www.leidenuniv.nl/huisstijl/ulw_frames/header.html en http://www.leidenuniv.nl/huisstijl/ulw_frames/content.html
Let op: dat u in de gekopieerde indexpagina http://www.leidenuniv.nl/huisstijl/ulw_frames/index.html de verwijzingen naar het menu, de header en de content aanpast en deze laat verwijzen naar de eigen pagina’s en niet naar de centrale pagina's die op de server staan.
| top pagina |
Hoe komt het dat de banner (kop)
helemaal naar rechts staat in mijn editor?
Om de pagina's geschikt te maken voor weergave met verschillende
browsers en op een Windows en Mac computer, moeten er een aantal
eigenschappen (HTML codes) aan de pagina's meegegeven worden die dit
verzorgen. Deze ingebakken eigenschappen kunnen de weergave in een
HTML-editor beïnvloeden. Het resultaat wordt echter wel goed
weergegeven en daar gaat het tenslotte om. Het is dus aan te raden om
niet te proberen, door b.v. een cel uit de tabel te knippen, het plaatje
naar links te krijgen. De weergave van de pagina wordt daarmee
verminkt.
| top pagina |
Zie voor meer tips ook de instructie voor het gebruik van de template (http://www.leidenuniv.nl/huisstijl/oversite/instructieshuisstijl.pdf)
Vragen over het gebruik van de templates kunt u richten aan klik@ics.leidenuniv.nl
Veelgestelde vragen worden op deze pagina beantwoord.
| vorige pagina | top pagina |



