Handleiding teksteditor



Vergelijkbare documenten
Uw TEKSTEDITOR - alle iconen op een rij

Safira CMS Handleiding

Handleiding om uw website/webshop aan te passen

PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!

Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).

Een pagina toevoegen en/of bewerken.

Handleiding Website beheersysteem

De tekstverwerker. Afb. 1 de tekstverwerker

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Handleiding Wordpress

Gebruikershandleiding Edit

Vragen opmaken in de editor

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Handleiding Content Management Systeem

SWIS Handleiding Webbeheer

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Handleiding wordpress

HTML-EDITOR GEBRUIKEN


Luna 3.0 Basishandleiding

Vragen opmaken in de editor

Handleiding. Beheeromgeving

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Snel aan de slag met BasisOnline en InstapInternet

HANDLEIDING WEBSITE BEHEER

Een checklist invoegen in je pagina

Wordpress handleiding LOA Lak B.V.

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Hoe moet je een prachtige presentatie maken?

Handleiding Wordpress CMS

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

Handleiding Joomla CMS

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ

Central Station. CS website

!!!!!!!!!!!! Handleiding website! VV Den Ham

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken.

Globale kennismaking

Ga naar en log in met de gebruikersnaam en wachtwoord verkregen via mail.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

SPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht

IQ LEADS Adres: Curieweg 8E Postcode: 2408 BZ Plaats: ALPHEN AAN DEN RIJN Telefoon: (0172)

Handleiding 2designers Content Management Systeem

Inhoud van de website invoeren met de ContentPublisher

CMS HANDLEIDING

All rights reserved, HKBO Basishandleiding WordPress

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Handleiding MOBICROSS actie banners

Handleiding Wordpress

De Teksteditor Hoe werkt het?

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Handleiding website FMS-spaarnwoude.nl

SAN v3. Update document uitgebracht door OCEN

Inloggen. In samenwerking met Stijn Berben.

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor

Handleiding internet Het maken van pagina s

De Kleine WordPress Handleiding

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handleiding Website Laatste update: april 2014

De WordPress 3.5 Beginners Handleiding

Handleiding Word de graad

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Gebruikershandleiding online vacaturebanken vrijwilligerswerk

Handleiding Websitebeheer

Gebruikershandleiding Typo3

Leerlingdossier & handelingsplannen

HANDLEIDING BEHEER WEBSITE. Vrouwen van Nu

I) Wat? II) Google documenten. Deel 2 documenten

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

CMS made simple Handleiding CMS: deel 1. Tekst en Links. drs. Erik van der Pol. Januari 2014, Versie 1.1

In dit document worden de stappen behandeld, die gemaakt moeten worden om de basis voor de webkrant op te zetten.

Gebruikershandleiding

handleiding teamleiders

Algemene basis instructies

Content tips & tricks

WordPress Handleiding

HANDLEIDING CMS. Blackbrick.nl. Datum Oktober Versie Online-Marketingmachine, Marco Bouman en Maico de Jong

Handleiding CMS VOORKANT

CMS Instructiegids Copyright Endless webdesign v.o.f

Introductiehandleiding Website Dussense Boys

Handleiding. HetSchoolvoorbeeld.nl. Versie juni Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Gebruikershandleiding Website RKVVO

- Registeren - Inloggen - Profiel aanmaken - Artikel plaatsen

Portfolio s in Google Sites

HANDLEIDING DOIT BEHEER SYSTEEM

Toelichting upgrade naar DNN 6.2.2

Werken met de editor in het beheerpaneel

Web Presence Builder. Inhoud

Transcriptie:

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 <ctrl + z> 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.

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.

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

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.

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 fi lmpje dat u wilt opnemen in uw website. In de adresbalk ziet u de URL van dit fi lmpje, 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!