U heeft geen toegang tot deze pagina.
Home » Handleiding editor
De editor is het programma waarmee je pagina’s op de website kunt aanpassen. Deze editor krijg je te zien als je teksten voor de website gaat aanpassen.
Als je tekst plaatst let er dan op dat je tussen alinea’s harde returns (oftewel: ‘enters’ en geen ‘shift-enters’) geeft. Uiteraard kun je tussenkoppen maken en hyperlinks toevoegen. Hieronder wordt uitgelegd hoe dat gaat.
Behalve bij het eerste tekstblok op een pagina worden worden alle tekstblokken voorzien van een ‘Tussenkop’. Dit is de kopregel van de alinea (1). Voor deze tussenkop gebruiken we ‘Koptekst 2’. Voor de gewone tekst wordt ‘Paragraaf’ gebruikt.
Het komt ongetwijfeld voor dat je een hyperlink wilt maken naar een website. Zet nooit de url van de website in de tekst, maar selecteer een woord waar de hyperlink onder moet komen. Concreet:
Niet:
Voor meer informatie kijk je op deze website: www.santiago.nl
Maar wel:
Voor meer informatie kijk je op de website van het Nederlands Genootschap van Sint Jacob.
Een hyperlink plaats je als volgt
Als je een link naar een pagina uit onze eigen website wil invoegen (b.v. naar een FAQ), dan kun je in het veld ‘Zoeken’ (7) de titel van de FAQ ingeven (b.v. “Wat is Cruz de Ferro?”). Bij de zoekresultaten kun je dan op de juiste pagina klikken en dan wordt de link en de linktekst vanzelf gevuld.
Als je een lange pagina met veel blokken maakt (zoals de Ultreia of deze handleiding) dan is het een goede oplossing om hier een inhoudsopgave boven te plaatsen. Vanuit deze inhoudsopgave kun je dan meteen naar een artikel op dezelfde pagina springen zonder dat je telkens moet scrollen. De functie die dit doet heet ‘een anker’.
Het ‘anker’ plaats je op de plek waar je vanuit de inhoudsopgave naartoe wil springen. Een goede gewoonte is om dat voor een kopregel van een paragraaf te zetten – in dit voorbeeld voor de ‘L’ van Links. Klik eerst op die plek en klik vervolgens op het anker. Je krijgt dan een schermpje om dit anker een naam te geven. Ik noem dit ander in mijn voorbeeld ‘anker’. Een geldige naam voor een anker bestaat uit kleine letter en eventueel een streepje. Een anker moet, binnen een pagina ook uniek zijn.
De laatste stap is dat je in de inhoudsopgave een hyperlink maakt naar het anker. Dat doe je op dezelfde manier als een normale hyperlink (zie Hyperlinks). Het enige is dat je hier bij de URL alleen maar “#naam-van-het-ankertje” hoeft in te vullen. In het voorbeeld dus “#anker”.
Als je het ankertje een naam geeft dan zet je er geen “#” voor. Als je naar een ankertje verwijst, dan zet je er wel een “#” voor
In een blok met tekst kan het voorkomen dat het duidelijker wordt als hier een afbeelding wordt gebruikt. Denk hierbij aan een logo, clipart of iets dergelijks. Een van de uitgangspunten is dat dit kleine afbeeldingen zijn om te zorgen dat het geheel er op een smartphone ook nog goed uitziet. Als richtlijn kunnen we hierbij een maximale grootte van 300 x 300 pixels aanhouden. Een mooie manier om dit te doen is door een afbeelding bovenaan een alinea te laten beginnen en vervolgens te zorgen dat de tekst link of rechts uitlijnt, zoals hierboven met het logo het geval is.
De werkwijze voor het invoegen is als volgt:
Opmerking:
Voor het verwerken van grote foto’s gebruiken we deze werkwijze niet. De reden is dat dan op een telefoon of een tablet de layout van de pagina’s niet meer klopt. Voor het verwerken van foto’s hebben we andere oplossingen zoals een galerij of pagina’s met een sectie voor afbeeldingen.
Binnen een stuk tekst hebben we enkele manieren om een opsomming te maken. Denk aan de ‘opsommingslijst’ en de ‘genummerde lijst’. Deze hebben allemaal de eigenschap dat het steeds maar 1 kolom met tekst is. Maar als het nu 2 kolommen moeten zijn zoals in onderstaand voorbeeld, dan hebben we een andere manier nodig.
Boven | Blauw |
Midden | Geel |
Onder | Rood |
Een dergelijke opsomming maak je met behulp van een tabel en dat doe je als volgt:
Een tabel kun je op diverse manieren afstellen. Als je veel tekst in een cel plaatst, dan krijg je dat de regel aan het einde van de cel automatisch, binnen de cel, een nieuwe regel aanmaakt en dus hoger wordt. De cel die er op dezelfde regel naast zit wordt dan natuurlijk ook hoger en de standaard instelling is dat de tekst dan in het midden van de cel komt te staan. Vind je met mooier dat deze aan de bovenkant uitlijnt, dan ziet dit er zo uit:
Eerste cel links | Blauw |
Tweede cel links, maar nu met veel meer tekst zodat hier ook meerdere regels ontstaan. Dat heeft tot gevolg dat de cel die hier rechts van staat ineens ook veel hoger wordt en het woord dat daar staat ineens halverwege komt te hangen. | Geel |
Deze zogenaamde verticale uitlijning kun je als volgt instellen:
Op deze manier kun je veel meer instellingen van de tabel aanpassen.
Tenslotte is er ook nog de mogelijkheid om een tabel te verwijderen. Omdat een tabel uit veel HTML code bestaat is het niet altijd mogelijk een tabel binnen een stuk tekst met de deleteknop te verwijderen. Een zekere methode is om de tabel via de ‘Verwijder’ optie weg te gooien. Dat doe je als volgt:
Rechtsboven in de werkbalk van de editor staat de keuzemogelijkheid om de editor in de visuele- of de tekstmodus te gebruiken. In de visuele modus (1) wordt een benadering gegeven hoe de opmaak van de tekst er uiteindelijk uit komt te zien. Je ziet dus het verschil tussen de gewone tekst en de koptekst en je ziet de uitlijning van een afbeelding. Voor het normale gebruik heeft dit de voorkeur.
In de tekstmodus (2) zien we de inhoud van de editor in de HTML taal en herkennen we uiterlijk niets meer terug van onze opmaak. Mogelijk zijn er gebruikers die deze instelling nodig hebben om enkele zaken heel specifiek in te stellen. Voor de normale gebruiker die zijn teksten heel mooi wil opmaken, is er wel een handigheidje dat we jullie niet willen onthouden: de vaste spatie. Dit werkt als volgt:
Als je in een stuk tekst wil dat 2 woorden bij elkaar blijven, ook al wordt de regel afgebroken, dan kun je deze woorden voorzien van een vaste spatie. Veel wordt dit bij geldbedragen gebruikt, waarbij een er spatie staat tussen het Euroteken en het bedrag. B.v. € 500,00. HTML heeft hiervoor een aparte code ‘ ’ (non-breakable-space) die we op de plaats van een spatie zetten. Hiervoor open je de tekst editor (2), zoekt de plaatst waar je de spatie wil vervangen, delete de spatie en type (letterlijk, zonder de aanhanglingstekens) “ ” (3).
Als je vervolgens weer normaal verder wil werken, zet je de editor weer op ‘Visueel’
U heeft geen toegang tot deze pagina.
Het Nederlands Genootschap van Sint Jacob
Janskerkhof 28 a
3512 BN Utrecht
KvK nummer: 40447304
BTW nummer: NL 8039.95.635.B01
IBAN: NL41INGB0005151146
IBAN: NL41INGB0005151146