Redacteurenhandleiding Mastersite
1
Index I Inloggen II Bestaande pagina's wijzigen III Nieuwe pagina's maken IV Extra's maken Gebruik van nieuws en extra's Nieuws Extra's 1 Default extra 2 Home slideshow 3 Image only 4 Links 5 Nieuws 6. Pie chart en Bar chart 7 Testimonials (gebruik van en uniformiteit) Testimonals (maken_ 7 Video V Illustraties toevoegen VI Teksten in EE (Textile) Links, opmaak, lijsten, tabellen, grafieken
3 4 5 14 6 7 8 9 10 11 12 13 14 16 18 19 20 21
2
I INLOGGEN Je logt in via http://www.mastersinleiden.nl/admin. Na inloggen kun je verder werken op de front end (alleen wijzigen bestaande pagina’s en extra’s) back end (wijzigen en aanmaken pagina’s en extra’s)
3
II BESTAANDE PAGINA’S WIJZIGEN A. Front end: via het ‘pen‐icoontje’ dat bij verschillende items staat. TIP: Hou control ingedrukt tijdens het klikken en er opent een nieuwe pagina. Zo kun je handig de wijzigingen ‘live’ bekijken tijdens het wijzigen. B. Back‐end: via het tabblad Edit.
De pagina’s worden in een grote lijst getoond. Je kunt de pagina die je wilt wijzigen vinden door te zoeken op trefwoord (keywords). Je kunt eventueel de selectie verkleinen door via de filterfunctie erboven alleen de opleidings/specialistiepagina’s te tonen, de extra’s of het nieuws.
Pagina’s waarvan naam bestaat uit blauwe letters zijn wijzigbaar. Pagina’s waarvan de naam wordt weergegeven met zwarte letters kunnen niet gewijzigd worden onder het account waarin mee ingelogd is in het systeem. Als je de wijzigingen hebt doorgevoerd: Klik op Submit om de pagina op te slaan en af te sluiten of Klik op Quick save om de pagina op te slaan zonder deze af te sluiten
4
III Nieuwe pagina’s maken Om een nieuwe opleiding of specialisatie aan te maken moet eerst door de universitaire hoofdredactie een Programme aangemaakt worden. Hierin staan de opleidingskenmerken (graad, duur, vol‐/deeltijd etc) in de gekleurde vlakken bovenaan een webpagina. Daarna kunnen de facultaire redacteuren en verschillende pagina’s (programme pages) aanhangen. * Opleiding met specialisaties Een opleiding die specialisaties heeft, heeft in principe alleen de programme pages Introduction en Contact. De rest van de inhoudelijke informatie wordt onder de specialisaties getoond. * Specialisatie/Opleiding zonder specialisaties Een specialisatie, of een opleiding die geen specialisaties heeft, heeft de volgende programme pages: - Introduction - Programme - Career - Pre‐master’s - Research/Phd - Organisation - Staff - Contact - Information Day De programme pages worden gemaakt via het tabblad Publish. Daaronder hangen weer 3 tabbladen die relevant zijn bij het maken van de pagina: 1. Publish Form ∗ Vul de titel van de pagina in. Gebruik, om de pagina in de back‐end vindbaar te maken, de standaard schrijfwijze:
Programme Staff etc. ∗ Kies uit de lijst programmes de opleiding of specialisatie(s) waar de pagina onder hoort. Houd de Ctrl‐ toets ingedrukt als je meerdere specialisaties selecteert. ∗ Vul in het kader de tekst in 2. Categories Selecteer twee velden: ‐ de naam van de pagina (Career, Staff etc) ‐ de taal van de pagina 3. Options Selecteer status Open of Closed, afhankelijk van of je de pagina al wilt tonen. Klik op Submit om de pagina op te slaan en af te sluiten Klik op Quick save om de pagina op te slaan zonder deze af te sluiten
5
IV EXTRA’S MAKEN Extra’s en News zijn de items die verschijnen in de linkerkolom op de front end, elk in een apart blokje. Op het tabblad Publish kun je kiezen uit 2 opties: ‐ Extras ‐ Nieuws Verschil tussen News en Extras: ∗ News wordt alleen getoond op de introductiepagina van de opleiding ∗ bij Extras kun je zelf uitkiezen op welke pagina ze getoond moeten worden ∗ News kan alleen in twee talen getoond worden ∗ Extra’s kunnen in twee talen, of alleen in Nederlands of Engels getoond worden Gebruik van extra’s Wees vooral creatief in het plaatsen van de extra’s op verschillende hier vooral creatief mee om, zodat op elke pagina voor de lezer iets anders te ontdekken is, en zorg er bij voorkeur voor dat het item ook relevant is voor de pagina die ze bezoeken. Link de extra’s dus nooit zonder meer aan álle categories binnen een opleiding want dan staat op iedere pagina hetzelfde! Soorten extra’s Er zijn vijf soorten extra’s die de redacteuren aan hun opleidingen/specialisaties toe kunnen voegen: 1. Default 2. Image only 3. Links 4. Pie chart en bar chart 5. Testimonial 6. Video Een voorbeeld van goed gebruik van extra’s is: Categorie extra/nieuws Introduction Latest News Masterdag Links naar related programmes Programme studenttestimonial blog van student link naar E‐studiegids default‐extra naar pagina met scriptieonderwerpen Career testimonial van alumnus (of 2) nieuws over banenmarkt link naar loopbaancentrum Research testimonial van PhD default‐extra naar pagina met onderzoeksonderwerpen link naar research school Staff testimonial van docent Contact testimonial van studieadviseur
6
A News Niet te verwarren met de nieuwsoptie onder Extras.
Kenmerken: - het nieuwsbericht verschijnt aan de front end in de linkerkolom, niet als apart blokje maar als onderdeel in het blokje Laatste nieuws/latest news - de berichten worden geplaatst op volgorde van datum (recentst bovenaan) - het nieuws is alleen zichtbaar op de openingspagina van de opleiding/specialisatie - vanaf Laatste nieuws klik je door naar een aparte pagina in de mastersite waarop het nieuwsbericht staat. Pas vanaf deze pagina kan naar een pagina buiten de site worden gelinkt. (Als je direct naar een pagina buiten de site wilt linken, gebruik dan de Default extra) Invullen onder de tab Publish Form (van boven naar onder) ∗ Title: de titel invullen van de pagina (op front end alleen zichtbaar in de url) ∗ Url title wordt automatisch ingevuld wanneer je de titel invult ∗ Programmes: kies de opleiding/specialisatie waar je het nieuws wilt tonen ∗ Title NL en Title EN: invullen in het Nederlands en Engels– dit wordt de titel die zichtbaar is onder Laatste nieuws én de kop van het nieuwsbericht op de achterliggende pagina ∗ Image is optioneel – wordt op de achterliggende pagina getoond ∗ Intro kan overgeslagen worden ∗ Text NL en Text EN beide invullen (in 2 talen). Als vanaf text EN doorgelinkt wordt naar een Nederlandstalige pagina, altijd ‘(in Dutch)’ achter de link zetten. Tab Date: ∗ Stel de Expiration date in, zodat het nieuws verdwijnt zodra bijv een evenement afgelopen is ∗ Stel evt. bij Entry date een afwijkende datum gekozen worden om daarmee de positie van het bericht in het nieuwsrijtje te manipuleren. Tab Options: Selecteer status Open of Closed, afhankelijk van of je de pagina al wilt tonen. Klik op Submit om de pagina op te slaan en af te sluiten Klik op Quick save om de pagina op te slaan zonder deze af te sluiten
7
B Extra’s Bij de extra’s kun je kiezen tussen verschillende opties (Default, Links, Video etc.). Voor alle opties krijg je hetzelfde scherm te zien(zie hieronder), maar onder de tab Publish Form hoef je niet altijd alle invulvelden te gebruiken, al zijn de invulvelden met een rode asterisk verplicht. Dit wordt per extra besproken op de volgende pagina’s.
Het gebruik van de andere 3 tabs ∗ Date: stel evt een expiration date in zodat het item verdwijnt op een vastgestelde datum ∗ Categories: kies op welke pagina (introductie, programme, career etc) de extra moet verschijnen ∗ Options: kies voor ‐ Closed, als je het item nog niet wilt tonen op de site ‐ NL of EN, als je een item alléén aan de Engelse of alléén aan de Nederlandse kant wil tonen. ‐ Open, als je een item aan beide kanten wilt tonen. Let op: de tekst moet dan wel in twee talen aangeboden worden!
8
1 Default Kenmerken ∗ Vanuit deze extra kun je direct linken naar een pagina binnen of buiten de mastersite. Gebruik deze extra liefst niet op de introductiepagina, aangezien de bezoeker dan al meteen op de eerste pagina uit de site weg kan klikken, zonder verder iets gelezen te hebben. ∗ Een default‐extra kan met en zonder illustratie geplaatst worden. Er is ruimte voor een kop en een korte introtekst. De kop moet niet langer zijn dan 2 regels. ∗ De illustratie verschijnt onder de kop en boven de bodytekst Deze extra is ook zeer geschikt om alleen een kop, illustratie en verwijzende link te tonen. Let er dan op dat je zoveel mogelijk een vierkant blokje overhoudt.
Vul onder Publish Form in: ∗ Title: de titel invullen van de pagina (op front end niet zichtbaar) ∗ Url title wordt automatisch ingevuld wanneer je de titel invult ∗ Type: Default ∗ Programmes: kies de opleiding/specialisatie waar je het nieuws wilt tonen ∗ Title NL en Title EN: invullen in het Nederlands en Engels– dit wordt de kop ∗ Intro NL en Intro EN: Dit is de tekst van de extra en kan ook als onderschrift dienen bij de foto als je géén Image caption invult. ∗ Image: voeg evt. een foto toe (zie pag ) ∗ Image caption NL en Image captionEN: dit onderschrift verschijnt direct onder de foto, in hetzelfde lettertype als Introtekst. Linken Je kunt zoals in bovenstaand linkervoorbeeld, een illustratie maken en de kop óf het onderschrift linken. ∗ Kop of onderschrift linken: kop/onderschift ∗ Links maken in de introtekst gaat op de gebruikelijke manier (zie hoofdstuk V)
9
2 Home slideshow
Met deze extra toon je een van de campagnebeelden op de homepage van de mastersite. Deze optie wordt alleen gebruikt door de universitaire hoofdredacteuren.
10
3 Image Only Kenmerken ∗ Deze extra wordt gebruikt om alleen een illustratie op de pagina te zetten. ∗ De illustratie is niet aanklikbaar en er kan ook geen tekst aan toegevoegd worden. Wil je wel een titel/tekst aan de illustratie toevoegen, kies dan voor de default‐extra (zie nr 1) ∗ Kies bij voorkeur een vierkante of liggende illustratie om een vierkant blokje te houden
Vul onder Publish Form in: ∗ Title: image , bijv: ‘image astronomy sterrewacht’ (niet zichtbaar op frontend) ∗ Url title wordt automatisch ingevuld wanneer je de titel invult ∗ Type: Image Only ∗ Programmes: kies de opleiding/specialisatie waar je de foto wilt tonen ∗ Title NL en Title EN: deze moet je verplicht invullen maar het wordt niet getoond ∗ Image: voeg de foto toe (zie pag ) Aangezien deze foto’s op een zeer opvallende plaats staan, is het extra van belang dat het mooie foto’s zijn en van goede kwaliteit. Daarnaast vult wordt de ruimte rond/naast/onder de foto aangevuld met een kleurvlak als het formaat niet goed is. Stuur daarom de foto die je wilt plaatsen altijd eerst naar Maaike de Jong ([email protected]) zodat zij de foto op maat kan maken en evt. beoordelen op voldoende beeldkwaliteit.
11
4 Links Maak deze linksextra’s altijd relevant voor de pagina waar ze op staan: maak dus niet per opleiding één extra die je aan alle categoriën hangt, maar maak een extra voor elke categorie waarvoor relevante links zijn te bedenken. Houd bij voorkeur de kop op 1 regel.
Kenmerken ∗ Vanuit deze extra kun je direct linken naar een pagina binnen of buiten de mastersite. Gebruik deze extra liefst niet op de introductiepagina, aangezien de bezoeker dan al meteen op de eerste pagina uit de site weg kan klikken, zonder verder iets gelezen te hebben. ∗ De pijltjes in de opmaak worden automatisch gegenereerd als je een asterisk gevolgd door spatie vooraan de regel zet. De regels worden gescheiden door een lijntje (zie links) tenzij je er een nieuwe kop boven zet (zie rechts). Vul onder Publish Form in: ∗ Title: : links <evt pagina>, bijv.: ‘links African Languages and Cultures staff’ (op front end niet zichtbaar) ∗ Url title wordt automatisch ingevuld wanneer je de titel invult ∗ Type: Links ∗ Programmes: kies de opleiding/specialisatie waar je het nieuws wilt tonen ∗ Title NL en Title EN: invullen in het Nederlands en Engels– dit wordt de kop ∗ Intro NL en Intro EN: vul hier de links in. Voor het maken van links, zie hoofdstuk V.
12
5 News Niet te verwarren met de aparte News optie Deze optie is alleen ingesteld om de Newsfunctie goed te laten werken en moet niet gebruikt worden. Voor nieuws graag alleen News gebruiken, niet Extra’s.
13
6 Pie chart en Bar chart Met deze extra’s kunnen taart‐ en staafdiagrammen gemaakt worden. De grafieken kunnen ook gemaakt worden op een gewone programme page, dus niet als extra. Hoe je die maakt, staat beschreven in hoofdstuk V. Kenmerken ∗ Als extra geven de charts de mogelijkheid om een korte tekst te zetten in een extra, met daaronder de knop Toon grafiek/Show graph ∗ De grafiek wordt getoond in een zg modal box (‘bovenop’ de pagina), zonder tekst.
Gebruik Staaf‐ en cirkeldiagrammen worden over het algemeen voor 2 verschillende doelen ingezet: De taartdiagram wordt gebruikt om verhoudingen weer Een staafdiagram gebruik je voor vergelijkingen en ontwikkelingen over tijd aan te geven. Hiermee vergelijk te geven, hoe groot de delen van één geheel zijn. De je absolute aantallen van meerdere eenheden, bijv. de getallen die je hier toont zijn dus percentages. studentenaantallen van verschillende opleidingen of over Voorbeeld van goed gebruik van een pie chart: meerdere jaren. In de y‐as worden altijd de aantallen getoond. Voorbeeld van goed gebruik van een bar chart:
Vul onder Publish Form in:
14
∗ ∗ ∗ ∗ ∗ ∗ ∗ ∗
Title: bar/pie chart <evt pagina>, bijv.: ‘pie chart Archaeology Career’ (op front end niet zichtbaar) Url title wordt automatisch ingevuld wanneer je de titel invult Type: Pie chart of Bar chart Programmes: kies de opleiding/specialisatie waar je het nieuws wilt tonen Title NL en Title EN: invullen in het Nederlands en Engels– dit wordt de kop Intro NL en Intro EN: Dit is de tekst van de extra. Image: er kan evt. een afbeelding toegevoegd worden (zie pag ) Image caption NL en Image captionEN: dit onderschrift verschijnt naast of onder de afbeelding (afhankelijk van de breedte van de ervan), in hetzelfde lettertype als Introtekst.
Het maken van een chart De chart wordt gevormd uit een opsomming, dubbele punt en getal: *[spatie]label: [spatie]getal bijv: * eerstejaarsstudenten: 40 * tweedejaarsstudenten: 37 Je hoeft altijd alleen de absolute getallen in te vullen: ∗ De Pie chart berekent zelf de percentages als je de absolute getallen invoert ∗ De Bar chart gebruik je niet voor percentages, alleen voor absolute getallen. Let er wel op dat mensen die geen Flashplayer hebben, niet de tabel te zien krijgen, maar alleen de opsomming (zie hieronder) dus dat je daarmee rekening houdt in je bewoordingen: als je in de tekst hieronder spreekt over percentages, zal de bezoeker er over vallen dat de getallen niet tot 100 optellen.
15
7 Testimonials Kenmerken ∗ De testimonial‐extra geeft in de linkerkolom op de front end een quote met portretfoto weer. ∗ Er is ruimte voor een quote van ongeveer 100 tekens inc spaties ∗ Voor een langere tekst is een lees verder‐mogelijkheid. De lange tekst wordt dan getoond in een zg modal box (een veld ‘bovenop’ de pagina). Gebruik Voor een goede quote zijn 2 dingen van belang: de tekst en de kwaliteit van de foto. Tekst De tekst testimonials moet liefst niet veel langer zijn dan de foto, evt inclusief onderschrift. Meestal komt dit neer op ongeveer 100 tekens inc spaties (één of twee korte zinnen). Dit is om een mooie verdeling van de blokken te bewaren, maar ook omdat studenten langere teksten vaak niet lezen: wie meer wil weten, klikt door naar de volledige tekst. Houd hiervoor ±200/230 woorden aan. goede lengte Lees verder
Foto Zeer belangrijk zijn de foto’s: hier wordt door studenten streng op geoordeeld. De kwaliteit van de fotografie is bepalend voor de uitstraling van de site. Of een foto goed is, hangt af van scherpte, goed licht, voldoende aantal pixels en of het een echte portretfoto is. Dus geen pasfoto’s, geen actie‐ of vakantiefoto’s, geen zwart‐wit foto’s, geen uitsnedes uit groepsfoto’s of foto’s van facebook of hyves. verkeerd licht en slechte kwaliteit vakantiekiekje ipv portretfoto
16
Titels en onderschriften Om een uniforme uitstraling te houden, worden quotes bij voorkeur op dezelfde manier gepresenteerd: Student Titel Student aan het woord What our students say Onderschrift naam + evt land van herkomst student
Alumnus Titel
Onderschrift
Alumnus aan het woord
What our alumni say
naam + functie. Als functie te lang is, naar read more‐tekst verplaatsen
17
Docent Titel Onderschrift
naam van professor geen
naam van professor
PhD Titel Onderschrift
Uitzonderingen Daarnaast zijn er natuurlijk ook testimonials die niet in een van deze regels passen. Daarvoor geldt vooral: probeer de kop op 1 regel te houden en maak de quote niet te lang maar wel aansprekend.
Promovendus naam + eventueel land
PhD candidate
Vul onder Publish Form in: ∗ Title: quote , bijvoorbeeld : ‘quote Biomedical ten Dijke’ (op front end niet zichtbaar) ∗ Url title wordt automatisch ingevuld wanneer je de titel invult ∗ Type: Testimonial ∗ Programmes: kies de opleiding/specialisatie waar je de testimonial wilt tonen ∗ Title NL en Title EN: invullen in het Nederlands en Engels– dit wordt de kop ∗ Intro NL en Intro EN: Dit is de quote die naast de foto getoond wordt. Om een ‘lees verder’ te maken voeg je een witregel in en daarna de volledige tekst van het testimonial ∗ Image caption invult. ∗ Image: voeg een foto toe (zie pag ) ∗ Image caption NL en Image captionEN: dit onderschrift verschijnt direct onder de foto, in hetzelfde lettertype als Introtekst.
18
8 Video Kenmerken ∗ Met deze extra kun je een video opnemen in de linkerkolom op de front end. ∗ de video kan afspelen in de linkerkolom, maar bij aanklikken opent er een nieuw venster met de pagina op YouTube Handleiding volgt nog
19
Illustraties toevoegen Aan alle extra’s , behalve de Links, kunnen foto’s toegevoegd worden. Dit kan op twee manieren:
Via Browse kun je een illustratie vanaf je eigen computer rechtsreeks opladen. Let er wel op dat de illustratie het goede formaat heeft ∗ Via Use an existing file kun je een illustratie gebruiken die door Maaike de Jong op de EE‐server gezet is. Als je geen fotobewerkingsprogramma hebt, of geen tijd om zelf de foto’s op het goede formaat kunt krijgen, kun je de foto opsturen aan Maaike de Jong, [email protected], onder vermelding van de gewenste naam van de foto (bij portretten de naam van de geportretteerde). De foto is meestal dezelfde dag nog beschikbaar. Let op: bij Extra’s verschijnt de foto altijd tussen de kop (Title NL / EN) en de Introtekst. Het onderschrift komt, afhankeiljk van de breedte van de afbeelding, naast of onder de foto te staan. Uitzondering zijn de testimonials: hier staat het onderschrift altijd onder de foto.
∗
20
VI Teksten in EE Teksten in de mastersite kunnen opgemaakt worden met behulp van Textile. Op http://en.wikipedia.org/wiki/Textile_(markup_language) kun je een handleiding vinden; de meest voorkomende mogelijkhede staan hieronder opgesomd. Link maken: “te linken woord”:http://www.link.nl E‐maillink maken: “te linken woord”:mailto:[email protected] Opmaak Cursief: Een _woord_ schuingedrukt → Een woord schuingedrukt Vet: Een *woord* vetgedrukt → Een woord vetgedrukt Doorstrepen: Een ‐woord‐ doorgestreept → Een woord doorgestreept Superscript: a ^2^ + b ^2^ = c ^2^ → a2 + b2 = c2 Subscript: log ~2~ x → log 2 x Speciale tekens: een(TM), twee(R), drie(C). → een™, twee®, drie©. Lijsten 1. Het eerste item # Het eerste item → 2. Het tweede item # Het tweede item 3. Het derde item # Het derde item # Het eerste item: 1. Het eerste item: ## Voorbeeld 1 1. Voorbeeld 1 ## Voorbeeld 2 2. Voorbeeld 2 → ## Voorbeeld 3 3. Voorbeeld 3 # Het tweede item: 2. Het tweede item: ## Voorbeeld 1 1. Voorbeeld 1 ## Voorbeeld 2 2. Voorbeeld 2 * Het eerste item • Het eerste item → • Het tweede item * Het tweede item * Het derde item • Het derde item * Het eerste item: • Het eerste item: ** Voorbeeld 1 • Voorbeeld 1 ** Voorbeeld 2 → • Voorbeeld 2 ** Voorbeeld 3 • Voorbeeld 3 * Het tweede item: • Het tweede item: ** Voorbeeld 1 • Voorbeeld 1 ** Voorbeeld 2 • Voorbeeld 2
21
Tabellen Let op dat er geen spatie staat ná de laatste | van een regel!, want dan gaat de tabel raar verspringen! |Naam|leeftijd|geslacht| naam leeftijd geslacht |Joan|24|v| Joan 24 v → |Archie|29|m| Archie 29 m |Bella|45|v| Bella 45 v |_. Naam|_. leeftijd|_. geslacht| naam leeftijd geslacht |Joan|24|v| Joan 24 v → |Archie|29|m| Archie 29 m |Bella|45|v| Bella 45 v |\2. gaat over twee kolommen gaat over twee kolommen kolom 1 kolom 2 |kolom 1|kolom 2| → |/3. gaat over drie rijgen|a| a gaat over 3 |b| b → rijen |c| c |<. links uitlijnen | |^. boven uitlijnen | |=. centreren| |>. rechts uitlijnen | |~. beneden uitlijnen| Taart‐ of staafdiagram Een diagram wordt gevormd uit een opsomming, dubbele punt en getal: *[spatie]label: [spatie]getal. In de eerste regel moet, zonder spatie, direct achter de asterisk aangegeven worden om welke diagram het gaat, bijv: *(pie chart ) eerstejaarsstudenten: 40 * tweedejaarsstudenten: 37 * derdejaarsstudenten: 36 Je hoeft altijd alleen de absolute getallen in te vullen: ∗ De Pie chart berekent zelf de percentages als je de absolute getallen invoert ∗ De Bar chart gebruik je niet voor percentages, alleen voor absolute getallen. Op de Y‐as worden de aantallen getoond. Met Flash player Zonder Flash player Let er wel op dat mensen die geen Flashplayer hebben, niet de tabel te zien krijgen, maar alleen de opsomming (zie hieronder) dus dat je daarmee rekening houdt in je bewoordingen: als je in de tekst hieronder spreekt over percentages, zal de bezoeker er over vallen dat de getallen niet tot 100 optellen.
22
