Teksteditor

De teksteditor

De tekst editor

In de teksteditor zijn de bekende Microsoft-icoontjes gebruikt om de functies zo herkenbaar mogelijk te houden. De eerste zes icoontjes in de bovenste rij gescheiden door een verticaal streepje zijn de standaard icoontjes voor knippen, kopiëren, plakken, plakken uit Word, ongedaan maken en opnieuw uitvoeren. Daarnaast vindt u de knoppen voor vet gedrukt, cursief, onderstreept, tekstkleur en achtergrondkleur. Deze knoppen werken hetzelfde als in Microsoft Word.

De volgende drie icoontjes zijn voor het uitlijnen van tekst: links uitlijnen, centreren en rechts uitlijnen. Dan komen de icoontjes voor de genummerde lijst en de bullet-lijst en de icoontjes voor terugspringen en inspringen.

Dan komen de icoontjes voor een horizontale lijn invoegen, een link aanmaken (extern en intern), een tabel invoegen en een plaatje of bestand invoegen.

Hieronder worden enkele mogelijkheden van de editor beschreven:

Link invoegen

Bij het aanmaken van een link, selecteert u eerst de tekst waar de link op moet komen te staan en
vervolgens klikt u op het icoontje:Link knop

U krijgt dan u de volgende pop-up:

Het venster om een link mee toe te voegen
 

Bij linktype kunt u kiezen uit 3 opties:

  • URL: maak een link naar een andere pagina of website
  • Interne link: maak een link naar een andere positie op deze pagina
  • Mail: maak een link naar een e-mail adres

Als u voor URL kiest kunt u in het veld URL het adres invoeren waarnaar u een link wilt maken. Als u een link wilt maken naar een pagina, nieuwsbericht of iets anders binnen deze website kiest u bij het veld Link naar voor het type wat u toe wilt voegen. Als u bijvoorbeeld een link wilt maken naar een andere pagina binnen deze site selecteert u bij Link naar de optie pagina. In het selectie veld ernaast kunt u dan de betreffende pagina selecteren. Als u deze heeft geselecteerd wordt in het veld URL automatisch de juiste url geplaatst.

Als u een veld wilt maken naar een bestand kunt u de knop Klik hier om een link te maken naar een bestand aanklikken. Er verschijnt dan een nieuw venster om het betreffende bestand mee te selecteren. Als u een bestand heeft geselecteerd kunt wordt het veld URL automatisch gevuld met de juiste URL.

Tabellen invoegen

De HTML-editor biedt u ook de mogelijkheid om tabellen in te voegen: Tabel knop. Als u op deze knop klikt, krijgt u de volgende pop-up:


Het venster om een tabel mee toe te voegen

Hier kunt u alle de eigenschappen van de tabel instellen:

  • Aantal kolommen
  • Aantal rijen
  • De breedte van de tabel
  • De hoogte van de tabel
  • De breedte van de rand van de tabel (border)
  • De tussenruimte (cellspacing)
  • De marges (cellpadding)
  • De uitlijning in de cellen
  • De naam van de tabel
  • De samenvatting van de inhoud van de tabel

Nadat u de eigenschappen heeft ingesteld, klikt u op OK om de tabel in uw pagina in te voegen of op Annuleren om geen tabel toe te voegen.

Afbeelding invoegen

Bijna helemaal rechts op de bovenste balk vindt u de knop om afbeeldingen in te voegen:

Knop om het venster voor het selecteren van afbeeldingen te openen

Ga eerst op de plek in de pagina staan waar u een afbeelding wilt invoegen, en klik dan op deze knop. De volgende pop-up verschijnt:

Venster om een afbeelding mee toe te voegen

Eerst voegt u een bestand toe door op "Bladeren op server" te klikken. U kunt dan een bestand selecteren uit de bestanden die op de server staan. Meer informatie over bestanden vindt u hier.

Daarna kunt u voor de afbeelding nog het volgende instellen:

  • Alternatieve tekst: dit is voor browsers die geen afbeeldingen kunnen tonen. Het wordt aanbevolen dit veld in te vullen.
  • Breedte en hoogte
  • Dikte van de rand
  • De ruimte om de afbeelding heen (HSspace en VSpace)
  • De plaatsing van de afbeelding op de pagina

Klik op OK om de afbeelding in te voegen.

Onderste rij van het menu

In de onderste balk kunt u als eerste de stijl aangegeven. Als stijl kunt u kiezen voor een standaard paragraafstijl, één van de kopteksten H1 t/m H6, "address" of "PRE" (computercode-opmaak). U kunt ook de stijl weer verwijderen.

Daarnaast kunt u het lettertype instellen. U heeft hier de keuze uit de negen standaard lettertypen die door alle browsers worden ondersteund. Daar weer naast kunt u de lettergrootte instellen.

Vervolgens komt de functie "Bewerk HTML"; door deze aan te zetten krijgt u de onderliggende HTML-broncode van uw tekst te zien, en kunt u deze bewerken. Naast deze knop bevindt zich de maximaliseer-functie. Door hier op te klikken krijgt u een groot venster met meer ruimte om in te werken.

Plakken uit Word

Helaas komen de manier waarom Word zijn teksten opmaakt en de manier waarop websites dat doen niet altijd overeen. Hierdoor kan het zijn dat teksten die u uit Word plakt er op de site rommelig uit zien.

Om dit te voorkomen dient u de opmaak vanuit Word te verwijderen, alvorens u de tekst in de site invoegd. Hiervoor heeft u de knop "plakken uit Word":

Knop plakken uit Word

U kopieert de tekst uit Word. Dan, in plaats van de tekst met Ctrl V te plaatsen, klikt u op deze knop. De tekst wordt ook in de editor geplakt, echter is veel van de opmaak verwijderd.

Om er zeker van te zijn dat de opmaak geen problemen veroorzaakt kunt u het beste de teksten direct in het CMS schrijven.