Beknopte gebruikershandleiding Editor

Transcriptie

1 Beknopte gebruikershandleiding Editor Deze handleiding beschrijft de mogelijkheden van de teksteditor. Let op! Niet iedere website heeft echter alle opties beschikbaar. Mocht u toch nog problemen ervaren, neem dan contact met met op: info@fj-design.nl De uitleg is opgedeeld in 5 onderdelen: Algemene functies Kopiëren/Plakken Opmaak teksten Afbeelding / Link / Bestand invoegen Link invoegen / verwijderen Link invoegen Link aanpassen Link verwijderen Bestand invoegen / uploaden / verwijderen / hernoemen Bestand invoegen Bestand uploaden Bestand verwijderen Bestand hernoemen Afbeelding invoegen / uploaden / bewerken Afbeelding invoegen / opmaken Afbeelding uploaden Afbeelding opmaak aanpassen Afbeelding verwijderen Afbeelding bewerken Watermerk toevoegen Afbeelding bijsnijden Afbeelding verkleinen Afbeelding roteren Afbeelding meten Afbeelding opslaan Tabel invoegen / aanpassen / verwijderen Tabel invoegen Tabel aanpassen Tabel verwijderen Rij of kolom toevoegen / verwijderen Eigenschappen cellen p. 1 p. 1 p. 2 p. 3 p. 4 p. 4 p. 4 p. 4 p. 5 p. 5 p. 7 p. 8 p. 8 p. 9 p. 9 p. 10 p. 10 p. 10 p. 10 p. 11 p. 12 p. 13 p. 14 p. 14 p. 15 p. 16 p. 16 p. 16 p. 16 p. 17 p. 17

2 Algemene Functies: Kopieren / Plakken Knippen Hiermee kunt u geselecteerde tekst knippen en elders plakken. De geselecteerde tekst wordt dan als het ware verplaatst. Kopiëren Hiermee knop kunt u geselecteerde tekst kopiëren en elders plakken. De geselecteerde tekst wordt dan vermenigvuldigd. Plakken Hiermee kunt u de gekopieerde of geknipte tekst invoegen. Plakken als platte tekst Hiermee kunt u de geselecteerde tekst invoegen zonder opmaakelementen (bijv. vergedrukt, schuingedrukt etc.) Deze manier van plakken geniet de voorkeur, aangezien dan de opmaak van de teksten op de website hetzelfde blijft. Plakken als Word-gegevens Mocht u teksten vanuit Microsoft Word documenten willen invoegen, dan kunt u ook van deze functie gebruik maken. Indien de tekst in het document met een ander lettertype is opgemaakt dan het lettertype op de website, zal er dus een verschil ontstaan bij de teksten op de website. Vandaar dat Plakken als platte tekst de voorkeur geniet. De opmaak blijft dan gewaarborgd. Voorbeeld Hiermee verkrijgt u een voorbeeld van de getypte tekst in de editor. Ongedaan maken Hiermee kunt u uw laatste handelingen in de editor ongedaan maken. Opnieuw uitvoeren Hiermee kunt u een actie die u ongedaan gemaakt heeft weer opnieuw toepassen. Opmaak van teksten Vetgedrukte tekst Hiermee kunt u teksten vetgedrukt maken. Schuingedrukte tekst Hiermee kunt u teksten schuingedrukt maken. Tekst onderstrepen Hiermee kunt u teksten onderstrepen Tekst doorstrepen Hiermee kunt u Tekstkleur Hiermee kunt u de kleur van de tekst veranderen. Opvulling Hiermee kunt u tekst markeren.

3 Subscript Hiermee kunt u subscript in een tekst toevoegen Superscript Hiermee kunt u superscript in een tekst toevoegen. Genummerde lijst Hiermee kunt u een genummerde lijst invoeren, die automatisch doornummert. Opsomming Hiermee kunt u een opsomming invoegen. Inspringen vergroten Hiermee kunt u het inspringen in een tekst vergroten Inspringen verkleinen Hiermee kunt u het inspringen in een tekst verkleinen Links uitlijnen Hiermee kunt u een tekst links laten uitlijnen. Centreren Hiermee kunt u een tekst laten centreren. Rechts uitlijnen Hiermee kunt u een tekst recht laten uitlijnen. Uitvullen Hiermee kunt u een tekst laten uitvullen over de beschikbare tekstruimte. Stijl selecteren Hiermee kunt u een geselecteerde tekst in een vooraf ingestelde stijl opmaken Grootte selecteren Hiermee kunt u een geselecteerde tekst in een vooraf ingestelde grootte opmaken. Afbeeldingen / Links / Tabellen Invoegen Link invoeren Hiermee kunt u een link invoeren. De werkwijze hiervan is verderop in dit document beschreven. Link verwijderen Hiermee kunt u een link verwijderen. De werkwijze hiervan is verderop in dit document beschreven. Afbeelding invoegen Hiermee kunt u een afbeelding invoeren. De werkwijze hiervan is verderop in dit document beschreven.

4 Youtube-filmp invoegen Hiermee kunt u filmpjes toevoegen van o.a. YouTube. U dient hiervoor de embedded code van het betreffende filmp te kopiëren en in het invoerveld te plakken. Deze embedded code staat meestal vermeld bij de filmpjes. Deze code begint meestal met: <object...etc Emoticon invoegen Hiermee kunt u een emoticon invoegen. Door op het gewenste emoticon te klikken, wordt het ingevoegd. Speciaal teken invoegen Hiermee kunt u een speciaal leesteken invoeren. Door op het gewenste speciale leesteken te klikken, wordt het ingevoegd. Tabel invoegen Hiermee kunt u een tabel invoegen. De werkwijze hiervan is verderop in dit document beschreven.

5 Link Invoegen / verwijderen Link toevoegen: Een ingevoegde link kan er op twee manieren uitzien: mijn website Een link kan dus het volledige adres bevatten, maar kan ook een zelf ingevoerde tekst bevatten (in dit geval 'mijn website'). De handelswijze is ook verschillend. Indien u graag de 2e manier wilt gebruiken, dan typt u eerst de tekst in die de link moet bevatten. In dit geval dus 'Mijn website'. Deze tekst selecteert u en vervolgens klikt u op de knop 'link invoeren'. Indien u het volledige adres als link wilt, dan selecteert u niets, maar klikt u direct op de knop om een link in te voeren. De verdere handelswijze is voor beide manieren hetzelfde: Nadat u op de knop geklikt heeft, opent zich een nieuw venster. De optie 'Linktype' staat automatisch op URL, waarmee u een internetadres kunt invoeren in het veld URL. U kunt ook bij 'Linktype' kiezen voor . Dan kunt u bij het invoerveld URL het adres invoeren. Protocol staat standaard op ' en dat is goed. Indien u wilt dat de link, na erop geklikt te hebben, zich automatisch opent op een nieuwe pagina dan klikt op het Afbeelding 1: Het geopende venster tabblad 'Doel'. Dit tabblad opent zich dan. En u selecteert dan bij 'Doel' de optie: 'Nieuw venster (_blank)'. Daarna kunt u op 'OK' klikken en dan wordt de link ingevoegd in het tekstvenster. Indien u een link wilt invoegen naar een bestand op uw website, lees dan het onderdeel Bestand invoegen / uploaden verderop in dit document. Link aanpassen: Indien u een link wilt aanpassen, dan kan dit door met de rechtermuisknop te klikken op de betreffende link. Er verschijnt dan een menu waaruit u op 'link wijzigen' klikt. U komt dat automatisch weer in het venster 'Link', waarin u alles kunt aanpassen. Link verwijderen: Indien u een link ongedaan wilt maken, dan kan dit op 3 manieren. U verwijdert de link in de editor. Of u gaat met de cursor op de link staan, u klikt vervolgens op de rechtermuisknop en klikt op: 'link verwijderen'. Of u gaat met de cursor op de link staan die u wilt verwijderen. En klikt vervolgens op de knop 'link verwijderen'.

6 Bestand Invoegen / Uploaden / Verwijderen / Hernoemen Bestand Invoegen: Indien u een bestand wilt invoegen dan kan dan ook op 2 manieren. Precies hetzelfde als bij het invoegen van de link. U kunt kiezen voor de weergave van het volledige internetadres naar dit bestand als link, of u kunt kiezen voor een eigen tekst als link naar dit bestand. De werkwijze hiervan staat beschreven bij Link Invoegen. Nadat u op de knop geklikt heeft, opent zich een nieuw venster (zie afbeelding 1). Vervolgens klikt u op de knop 'bladeren op server' Er opent zich dan onderstaand venster Korte uitleg van de 7 omcircelde onderdelen. 1: Dit geeft aan in welke map u zich bevindt. In dit geval de hoofdmap. U kunt op deze naam klikken en gaat dan automatisch naar deze map toe 2: U kunt kiezen voor 2 weergaven. Standaard staat de weergave modus op Details. 3: In dit veld vindt u de informatie over de map of indien u een bestand geselecteerd heeft, vindt u hier de informatie over het geselecteerde bestand. 4: In dit veld kunt u zoeken naar bepaalde bestanden. Die zich in de map of onderliggende mappen bevinden. 5: De meeste functies mogen voor zichzelf spreken. Ververs: het verversen van het venster Selecteer Alles: Alle bestanden in dit venster selecteren

7 Verwijderen: De geselecteerde bestanden verwijderen Knip: De geselecteerde bestanden knippen Plakken: De gekopieerde bestanden invoegen Nieuwe map: Een nieuwe map aanmaken in de huidige map. Uploaden: Het uploaden van bestanden. Dit wordt verderop beschreven. 6: In dit voorbeeld: 1/11: U ziet bestand 1 t/m 11. Er zijn in totaal (11): In deze map bevinden zich in totaal 11 bestanden. De rode 1: U bevindt zich op pagina 1. Er worden 80 bestanden weergegeven per pagina. Met kunt u een map terug gaan. 7: Dit gedeelte geeft de bestanden weer. Vooraan bevindt zich een selectiebox waarmee u het desbetreffende bestand kunt selecteren. Tevens ziet u ook de grootte van het bestand en de datum van aanpassing. Om een bestand in te voegen selecteert u dit bestand, door het een vinkje te zetten voor het betreffende bestand. Vervolgens verschijnt er in het vak: Bestand Informatie (linksbovenaan) de knop 'Selecteer'. Als u hierop klikt, keert u terug naar het venster 'Link'. Tevens is automatisch de link naar het bestand ingevoerd bij het invoerveld URL (zie rechter afbeelding). Vervolgens klikt u op 'Ok' en u heeft de link naar het betreffende bestand ingevoegd.

8 Bestand uploaden: Klik op het pictogram 'Uploaden' (rechtsbovenaan). Vervolgens ziet u onderstaand venster: Vervolgens klikt u op 'bladeren', waarmee u het bestand dat u wilt uploaden kunt selecteren. Daarna klikt u op 'upload'. Vervolgens ziet u dat de upload bezig is. U ziet dan: Zodra het uploaden verdwijnt dit. U kunt dan op Sluiten klikken. Het geuploade bestand zal dan tussen de andere bestanden staan. Bestand verwijderen: Dit kan op 2 manieren: Manier 1: Klik met uw rechtermuisknop op het bestand dat u wilt verwijderen. Er verschijnt dan een menu. Klik vervolgens op verwijderen. Manier 2: Selecteer het betreffende bestand Klik bovenaan op de knop verwijderen. Bestand hernoemen: Klik met uw rechtermuisknop op het bestand dat u wilt verwijderen. Er verschijnt dan een menu. Klik dan vervolgens op hernoemen. Hernoem het bestand naar uw gewenste naam. Vergeet wel niet de extensie toe te voegen aan de naam. (bijvoorbeeld: U wilt de naam van het bestand 'oud_naam.txt' veranderen in 'nieuwe_naam'. U dient dan ook de extensie '.txt' toe te voegen.

9 Afbeelding invoegen / uploaden / bewerken Afbeelding invoegen: Klik op en onderstaand venster opent zich: Door op een afbeelding te klikken, selecteert u deze. Vervolgens zal ook de bestandsnaam verschijnen in het veld 'Afbeelding'. Bij het veld 'Alt' kunt u een tekst invullen, die wordt weergegeven indien een bezoeker met zijn muiscursor op de afbeelding staat. U kunt vervolgens de breedte en hoogte van een afbeelding wijzigen. Dit kan 'met het behoudt van verhoudingen' (standaard) of zonder het behoudt van verhoudingen. 'V afstand' staat voor de verticale afstand. ' H afstand' staat voor de horizontale afstand. Tevens kunt u ook de uitlijning van de afbeelding in te tekst invullen. U kunt een rand toevoegen om een afbeelding door bij het invoerveld 'rand' het getal '1' in te vullen. Door vervolgens op 'OK' te klikken wordt de afbeelding ingevoegd.

10 Afbeelding uploaden: Klik op Klik op de knop 'bladeren' bij het veld 'Upload' Vervolgens klikt u op de knop 'upload'. Tijdens het uploaden verschijnt de tekst 'uploading'. Deze verdwijnt automatisch weer indien het uploaden voltooid is. De afbeelding wordt automatisch verkleind tot een bepaalde resolutie. Meestal maximaal 500 pixels in breedte of hoogte. Vervolgens kunt u uw geuploade afbeelding selecteren om eventueel in te voegen. zodat het Afbeeldingen Venster zich opent. Afbeelding verwijderen: Onder elke afbeelding bevindt zich een kleine prullenbak. Door hier op te klikken wordt de desbetreffende afbeelding verwijderd. Afbeelding opmaak aanpassen: Indien u de opmaak van een afbeelding wilt aanpassen, dan kan dit door met de rechtermuisknop te klikken op de betreffende afbeelding. Er verschijnt dan een menu waaruit u op 'afbeelding eigenschappen' klikt. U komt dat automatisch weer in het venster 'Afbeelding Invoegen', waarin u alles kunt aanpassen. Afbeelding bewerken: Helaas is het momenteel met de internetbrowser van Google (Chrome) nog niet mogelijk om afbeeldingen volledig te bewerken zoals hieronder wordt uitgelegd. U kunt ook uw afbeeldingen bewerken. U kunt o.a.: de afbeelding verkleinen de afbeelding voorzien van een watermerk de afbeelding roteren de afbeelding bijsnijden U bereikt deze afbeelding editor als volgt: Klik op zodat het Afbeeldingen Venster zich opent. Vervolgens klikt u op 'Edit'. Vervolgens verschijnt het volgende venster met de bewuste afbeelding:

11 Aan de linkerkant bevinden zich de manieren van bewerken: watermerk, bijsnijden, verander grootte, roteren, meten (opmeten van de afbeelding) en tot slot opslaan. Watermerk toevoegen: Klik op de knop 'Watermerk'. U ziet nu onderstaand venster: Indien het toevoegen van watermerken geactiveerd is op uw website dan kunt u bovenaan bij 'Watermerk' het gewenste watermerk selecteren. (In dit geval 'watermark.png'). U ziet het watermerk meteen in de afbeelding. (In dit geval de tekst: 'Watermerk'). Door op het watermerk te gaan staan met de cursor kunt u het watermerk verplaatsen over de afbeelding. Helaas kunt u het watermerk niet verkleinen of vergroten. Bij 'opacity' kunt u de doorzichtigheid van het watermerk instellen. De standaardinstelling is 100, dit staat gelijk aan een ondoorzichtig watermerk. Daarnaast ziet u 9 grijze blokjes. Door op deze blokjes te klikken kunt u het watermerk naar een bepaalde vaste positie in de afbeelding verplaatsen. Indien u op klikt, dan wordt het watermerk toegepast op de afbeelding. Opgelet: ongedaan maken gaat niet. U zult dan de afbeelding opnieuw moeten laden in de editor. (opnieuw de handelingen uitvoeren vanaf Afbeelding bewerken)

12 Afbeelding Bijsnijden: Klik op de knop 'bijsnijden'. U ziet nu onderstaand venster: Door de linkermuisknop in te houden, kunt u zelf een selectie maken in de afbeelding. U selecteert dan het gedeelte van de afbeelding dat u wilt behouden. U kunt ook de X- en Y-coördinaten invoeren bovenaan in het venster. Ook is het mogelijk om de breedte en hoogte van de selectie in te voeren. Wilt u een selectie ongedaan maken? Klik dan op Indien u op klikt, dan wordt de afbeelding bijgesneden tot het de selectie. Opgelet: ongedaan maken gaat niet. U zult dan de afbeelding opnieuw moeten laden in de editor. (opnieuw de handelingen uitvoeren vanaf Afbeelding bewerken)

13 Afbeelding verkleinen: Klik op de knop 'Verander grootte'. U ziet nu onderstaand venster: U kunt de bovenaan de nieuwe breedte en hoogte van de afbeelding invoeren. Indien u voor het behoudt van verhouding heeft gekozen, wordt automatisch de breedte of hoogte berekent. Wilt u de oude breedte en hoogte terug? Klik dan op Indien u op klikt, dan wordt de afbeelding verkleind tot het de nieuwe afmetingen. Opgelet: ongedaan maken gaat niet. U zult dan de afbeelding opnieuw moeten laden in de editor. (opnieuw de handelingen uitvoeren vanaf Afbeelding bewerken)

14 Afbeelding roteren: Klik op de knop 'Roteer'. U ziet nu onderstaand venster: U kunt bovenaan in het venster kiezen uit spiegelen of roteren. Bij het roteren kunt u zelf een hoek invullen (0 tot 360). Na elke rotatie dient u op te klikken om deze rotatie toe te passen. Opgelet: ongedaan maken gaat niet. U zult dan de afbeelding opnieuw moeten laden in de editor. (opnieuw de handelingen uitvoeren vanaf Afbeelding bewerken) Afbeelding meten: Met deze optie kunt u in de afbeelding afstanden meten. De afstand wordt gemeten in pixels.

15 Afbeelding opslaan: Klik op de knop 'Opslaan'. U ziet nu onderstaand venster: Bovenaan in het venster staat automatisch de bestandsnaam van de (bewerkte) afbeelding. In dit geval 'borat_still.jpg'. Er wordt automatisch gezorgd dat u (per ongeluk) geen afbeelding kunt overschrijven. Er wordt dan automatisch '_1' aan de bestandsnaam toegevoegd. Mocht u desondanks de oude afbeelding willen verwijderen, dan dient u de stappen bij Afbeelding verwijderen uit te voeren. Naast 'bestandsnaam' kunt u ook kiezen voor het afbeeldingsformaat. Indien u hier niets selecteert dan wordt de afbeelding opgeslagen in het formaat van de originele afbeelding. Daarnaast kunt u de kwaliteit van de afbeelding aangeven. 85 is de standaardinstelling en deze is voldoende. Hogere waarden zorgen voor een grotere afbeelding en vaak een verwaarloosbare kwaliteitsverbetering. Door op te klikken wordt de afbeelding opgeslagen.

16 Tabel invoegen / aanpassen Met deze editor is het ook mogelijk om een tabel in te voegen. Dit gaat als volgt: Tabel invoegen: Klik op de knop venster: U kunt aangeven hoeveel rijen en kolommen de nieuwe tabel dient te bevatten. Verder kunt u de totale hoogte en breedte van de tabel aangeven. Bij hoogte kunt u ook kiezen voor 'pixels'. Laat deze instelling echter altijd op 'procent' staan en nooit meer dan 100. Anders kan de opmaak van de website verkeerd weergegeven worden! Indien u de lijnen van de tabel zichtbaar wilt hebben, dient u bij 'Breedte rand' de waarde '1' in te vullen. Bij 'uitlijning' kunt u de gewenste uitlijning van de tabel selecteren. Standaard staat deze op 'links'. Verder kunt u nog de afstand tussen de cellen en de afstand vanaf de rand van de cel instellen. Standaard staan deze op '1' Indien u een titel bovenaan de tabel wilt hebben, dan voert u deze bij het veld 'naam' in. 'Tabel invoegen'. Vervolgens verschijnt er onderstaand Tabel aanpassen: Indien u de tabel wilt aanpassen, dan kunt u dit doen door in de tabel te gaan staan met uw cursor, rechtermuisklik en vervolgens 'tabeleigenschappen' te kiezen uit het keuzemenu. U komt dan automatisch in het bovenstaande venster terecht. Rijen en kolommen invoegen of verwijderen gaat hierbij echter niet. Dit wordt hierna uitgelegd. Tabel verwijderen: Indien u de tabel wilt verwijderen, dan kunt u dit doen door in de tabel te gaan staan met uw cursor, rechtermuisklik en vervolgens 'tabel verwijderen' te kiezen uit het keuzemenu.

17 Rij / kolom toevoegen / verwijderen: Indien u de tabel wilt verwijderen, dan kunt u dit doen door in de tabel te gaan staan met uw cursor waar u een rij / kolom wilt toevoegen. Vervolgens rechtermuisklik en u kiest uit het menu 'rij' of 'kolom'. Vervolgens heeft u de keuze uit: Toevoegen achter: U voegt achter de rij / kolom waar de cursor staat een rij / kolom in. Toevoegen voor: U voegt voor de rij / kolom waar de cursor staat een rij / kolom in. Verwijderen: U verwijdert de rij / kolom waarin u zich bevindt. Eigenschappen cellen: Nadat u een tabel heeft toegevoegd, kunt u de cellen hiervan opmaken. Hoe dat kan, leest u hieronder. U gaat met de cursor in de cell die u wilt aanpassen staan. Indien u meerdere cellen tegelijk wilt aanpassen, selecteert u deze cellen. Vervolgens klikt u op de rechtermuisknop en u kiest uit het menu 'cel' en dan vervolgens 'celleigenschappen'. U ziet dan onderstaand venster: Bij 'breedte' en 'hoogte' kunt u de breedte en de hoogte van de desbetreffende cel / cellen invullen. Het veld 'afbreken woorden' staat standaard op 'ja'. Dit zorgt er voor dat te lange woorden worden afgebroken. Verder kunt u de uitlijning in zowel de horizontale als de verticale as invullen. De optie 'Baseline' zorgt ervoor dat woorden met verschillende lettertype-groottes op een lijn worden uitgelijnd. Verder kunt u nog een eventuele achtergrondkleur of kleur van de rand invullen. 'Overkoepeling van rijen/kolommen' zorgt er voor dat cellen worden samengevoegd. Bijvoorbeeld: Bij 'Overkoepeling rijen' wordt 2 ingevoerd: