Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina’s bewerkt u met deze editor, maar u vindt ‘m op vele plekken terug. Van het toevoegen van nieuws tot de introductietekst op een contactpagina, overal is de editor terug te vinden. Bovenaan de editor staat de knoppenbalk met de beschikbare functies:
In deze handleiding leggen we u uit waar de verschillende knoppen voor dienen en hoe u optimaal gebruik maakt van de editor. De knoppen behandelen we stuk voor stuk, in de volgorde waarin ze ook hierboven te zien zijn.
HTML code opvragen en bewerken Met een druk op deze knop krijgt u de achterliggende HTML te zien van de pagina die op dat moment in de teksteditor openstaat. Het is een knop die gebruikt wordt door de gevorderde gebruiker. Bewerk zelf geen HTML als u er geen ervaring mee hebt of er geen instructie voor gekregen heeft.
Koppen, alinea en quotes/citaat Binnen Online Onderhoud hoef je geen keuze voor lettertypes en lettergroottes te maken. Dat hebben wij allemaal al voor u ingesteld. U hoeft dus alleen na te denken over de inhoud! Die inhoud kunt u onderverdelen in alinea’s en voorzien van koppen en tussenkoppen. Zo wordt de inhoud leesbaar voor de bezoeker. Het is handig om nu eerst de inhoud in de editor te plaatsen. Als de inhoud erin staat is het makkelijk om koppen aan te wijzen. Zorg dat een kop van de volgende tekst gescheiden is met een <enter>. Selecteer nu de regel die een kop moet worden. In de knoppenbalken klikt u het icoon en uit het menu dat uitrolt kiest u de gewenst kop. De benamingen Kop 1, Kop 2 etc. geven een prioriteit aan van een kop. Een Kop 1 mag 1x voorkomen binnen de site, is de belangrijkste kop van een pagina en is eigenlijk altijd de kop waarmee de pagina begint. Een Kop 2 is een subkop, een Kop 3 is een subsubkop. U ziet dat elke kop een andere opmaak heeft, wanneer u een Kop 1 qua opmaak niet mooi vindt, dan kiest u niet ineens voor een Kop 2 of Kop 3 omdat die mooier zou zijn. Koppen zijn voor zoekmachines gemaakt en geven de belangrijke plekken aan. Wij voorzien een kop van een standaard opmaak die we gekozen hebben voor uw website. Als u deze niet mooi vindt kunnen we ‘m gewoon aanpassen. Het gebruik van de juiste volgorde van koppen is belangrijk. Heeft u een kop gemaakt en verandert er direct meer tekst dan de selectie van opmaak? Dan was de kop niet met een <enter> gescheiden van de volgende tekst. Met
gaat u een stap terug. Zorg nu dat u de kop met een <enter> scheidt van de tekst en probeer het opnieuw.
Dik gedrukt maken of schuinzetten Selecteer een tekst in de editor en kies nu de B om deze dik gedrukt te maken. Klik de i om de tekst schuin te zetten. Dik gedrukte tekst legt extra accent op woorden of zinsdelen. U maakt ze extra opvallend voor de bezoeker en geeft ze daarmee ook meer belang voor de zoekmachine. Het helpt de vindbaarheid van uw website bevorderen.
Doorstrepen Door tekst te selecteren en vervolgens dit icoon te klikken wordt de tekst doorgestreept.
Opsomming maken Hiermee maakt u een opsomming. De linker keuze maakt een opsomming met opsommingstekens, bij de rechter keuze krijgt u een genummerde opsomming. Het gebruiken van opsommingen bevorderd de leesbaarheid en is zeker aan te raden.
Tekst laten in/uit springen Inspringen van tekst is alsof u een ‘tab’ geeft in een tekstverwerker. Het creëert marge aan de linker zijkant.
Handleiding teksteditor Afbeelding invoegen Wanneer u tussen de teksten van uw pagina’s een afbeelding wilt plaatsen doet u dat met deze functionaliteit. Bij een klik op het icoon krijgt u het volgende scherm:
U ziet hier 2 opties. Bij de ene kunt u een nieuwe, eigen afbeelding uploaden. Bij de andere optie selecteert u een afbeelding die al eerder geupload was en al in de media bibliotheek van uw site aanwezig is. Kies of upload uw afbeelding. De afbeelding wordt nu automatisch in de pagina ingevoegd. Klaar? Ja, in beginsel bent u nu klaar, maar er zijn nog een paar opties die u met een afbeelding kunt doen : • u kunt het formaat wijzigen • u kunt een titel geven aan de afbeelding. Deze titel beschrijft de foto, zodat ook een zoekmachine snapt waar de foto over gaat. Een titel mag een zin zijn met spaties en leestekend, maar houdt het beknopt. Een voorbeeld titel bij een foto van ons kantoor ‘Kantoor in Maasdam (Hoeksche Waard) van webdesign bureau Promo Solutions’. • u kunt een link hangen aan de afbeelding. • u kunt de uitlijning van een afbeelding wijzigen zodat deze links, midden of rechts op de pagina staat. Klik 1x op de ingevoegde afbeelding. U ziet nu dit:
Door in de rechteronder hoek op het vierkantje te klikken en de afbeelding kleiner te slepen wijzigt u het formaat. De foto wordt automatisch in de juiste verhouding gehouden.
Handleiding teksteditor Bij een klik op het icoon krijgt u het volgende scherm:
In het veld ‘Titel’ geeft u de naam op, zoals we hiervoor hebben uitgelegd. In het veld ‘Link’ bepaalt u een adres waar de afbeelding naartoe moet linken en eronder kunt u aanvinken dat die link in een nieuw tabblad open moet gaan. Bij ‘Positie’ geeft u aan dat afbeelding links/midden/rechts moet staan. U zult nu zien dat de tekst automatisch om de foto heen gaat lopen. Nu is het een kwestie van ‘opslaan’ en de wijzigingen zijn doorgevoerd.
Tabel invoegen of bewerken Een tabel is een nette en praktische methode om inhoud in kolommen te verdelen. Denk daarbij bijvoorbeeld aan een prijslijst. De eerste kolom met producten/diensten en de tweede kolom met de prijs. Er zijn nog talloze opties! Een tabel maken is simpel. U klikt in de editor het volgende icoon, en kiest ‘Tabel invoegen’.
Het volgende scherm opent:
Het is nu zo eenvoudig als opgeven uit hoeveel kolommen en rijen de tabel moet bestaan. Heeft u later extra rijen of kolommen nodig? Of wilt u rijen of kolommen verwijderen? De breedte van een cel bepalen? Dat kan door nogmaals het icoon te klikken, u vindt er allerhande opties voor aanpassinge
Handleiding teksteditor Link maken U wilt in uw teksten een link maken naar een andere pagina, meestal is dat een link naar een andere pagina binnen uw website. Dat doet u héél eenvoudig. Tik een stukje tekst en selecteer het woord of zinsdeel dat een link moet worden. Kies nu het ‘link’ icoon en uit het menu dat verschijnt kiest u ‘link invoegen’:
Het eerste veld kunt u openvouwen. Hierin bevinden zich allemaal pagina’s van uw website. Kies de pagina waar u naartoe wilt linken en de editor zoekt hier zelf de benodigde URL bij en vult deze voor u in. Wilt u linken naar een pagina buiten uw website, dan kunt u in het ‘URL’ veld de gewenste link opgeven.
Embedden van YouTube/Vimeo/Google Maps en meer Dit is een meer geavanceerde functie die het mogelijk maakt om willekeurige blokken HTML code toe te voegen aan de editor. Veel gebruikte toepassing zijn het plakken van de embed code van Vimeo videoclips, embed code van een Google Maps kaart of van YouTube, al is er voor YouTube nog een makkelijkere methode die aan het einde van deze handleiding wordt beschreven. Met een klik op het icoon verschijnt het volgende venster.
Uitlijnen Door dit icoon in te drukken vouwt er een submenu open. Hier kiest u of de tekst links, gecentreerd of rechts uitvelijnd moet worden. Ook heeft u de keuze om tekst uit te vullen. Met uitvullen worden alle zinnen uitgevuld met ruimte tussen de woorden waardoor alle zinnen even lang zullen zijn.
Handleiding teksteditor Streep Tussen uw inhoud kunt u een streep plaatsen, een horizontale lijn. Dat is precies wat u met dit icoon kunt doen. Met 1 klik voegt u de lijn in.
Tekstkleur en Achtergrondkleur Door tekst te selecteren en één van deze iconen te selecteren kunt u de tekstkleur of achtergrondkleur wijzigen. U ziet hier de kleuren die aansluiten bij de kleuren van uw website. Zo heeft u altijd een kleur die bij uw website past.
Hoe voeg ik snel een YouTube filmpje aan mijn site toe? Dat hebben we echt heel erg makkelijk voor u gemaakt. We leggen het in een paar simpele stappen uit. Ga in uw browser naar YouTube en zoek het filmpje dat u wilt opnemen in uw website.
In de adresbalk ziet u de URL van dit filmpje, selecteer de volledige URL en kopieer deze. Ga nu naar uw pagina in Online Onderhoud en plak de URL in de editor, druk nu <enter> de URL die u plakte wordt automatisch omgezet in een geëmbedde video die direct vanuit uw site te bekijken is door de bezoeker. Tekst kopiëren en plakken Elk programma heeft een eigen opmaak van de tekst. Als u 1 op 1 de inhoud overneemt uit bijvoorbeeld Word wordt uw site een rommeltje en komen er allerlei lettertypes, groottes en kleuren door elkaar. Dat wilt u voorkomen. Dat hebben we geautomatiseerd voor u. Alle tekst die geplakt wordt in de editor, uit ieder willekeurig ander programma, wordt automatisch opgeschoond. Kopieer gewoon de tekst die u wilt gebruiken. Ga naar de tekstpagina, klik op de plek waar je tekst moet komen en plak hier de tekst. Uw tekst is nu conform de opmaak van de website!
