Handleiding CMS Wordt Geregeld

Handleiding CMS Wordt Geregeld


©2010 LinkmasterMonkey.com

pagina


Inhoudsopgave Disclaimer��4 Werkwijze handleiding��5 Inleiding��6 Inloggen��7 Hoe in te loggen op het CMS�� 7 Startpagina CMS��8

Webpagina’s Webpagina’s��9 Overzicht webpagina’s�� 9 Nieuwe webpagina toevoegen�� 9 Bestaande webpagina bewerken�� 10 Bestaande webpagina verwijderen�� 11

Nieuwsberichten Nieuwsberichten��12 Nieuw bericht toevoegen�� 12 Bestaand bericht bewerken�� 13 Bestaand bericht verwijderen�� 14

Portfolio Portfolio��15 Nieuwe portfolio toevoegen�� 15 Bestaande portfolio bewerken�� 15 Bestaande portfolio verwijderen�� 16

Klantenlogo’s Klantenlogo’s��17 Nieuw logo toevoegen�� 17 Bestaand logo bewerken�� 17 Bestaand logo verwijderen�� 18 Adresgegevens��19 Adresgegevens bewerken�� 19 Bestandsbeheer��20 Overzicht bestanden�� 20 Afbeelding uploaden�� 20 Animated GIF uploaden�� 21 Uitleg HTML-editor��22 Witregel invoegen�� 22 Een tabel invoegen�� 23 Eigenschappen van een tabel wijzigen�� 23 Formaat van een tabel wijzigen�� 24 Eigenschappen van een cel wijzigen�� 24


pagina


Cellen en rijen toevoegen, verwijderen, samenvoegen of splitsen�� 25 Een afbeelding toevoegen�� 25 Een link toevoegen�� 26 Een link naar afbeelding (over gehele website) toevoegen�� 26 Een interne link in de pagina toevoegen�� 26 Een e-maillink toevoegen�� 27 Een link bewerken�� 27 Een link verwijderen�� 27 De HTML-code bewerken�� 27 Meta tags��28 Over LinkmasterMonkey.com��29 Notities��30


pagina


Disclaimer LinkmasterMonkey.com werkt volgens vaste procedures om ervoor te zorgen dat de informatie in deze handleiding correct en up-to-date is. LinkmasterMonkey.com kan echter niet aansprakelijk worden gesteld voor mogelijk onvolkomenheden in deze handleiding of voor ongewenste resultaten of schade die voorkomt uit het gebruik van de informatie in deze handleiding. LinkmasterMonkey.com, februari 2010 Niets uit deze uitgave mag worden verveelvoudigd en/of openbaar worden gemaakt via internet of door middel van druk, fotokopie, microfilm, of op enige andere wijze, zonder voorafgaande schriftelijke toestemming van LinkmasterMonkey.com.


pagina


Werkwijze handleiding Deze handleiding werkt met de onderstaande symbolen en aanduidingen.

Vestigt uw aandacht op een belangrijk aspect van het CMS bij het betreffende onderdeel.

Geeft een tip of handigheidje weer.

Vet en hoofdletters

Wanneer een woord vetgedrukt is geeft dit een menu-optie of knop aan.

Vet en hoofdletters met ‘groter dan’ teken (>)

Dit geeft een reeks handelingen aan die u in het CMS dient uit te voeren. Voorbeeld van zo’n reeks handelingen: Ga naar Intranet > Nieuwsoverzicht > Bericht toevoegen

Vet met [ ]

Dit geeft aan dat u een toets of toetscombinatie moet gebruiken. [Shift + Enter] betekent bijvoorbeeld dat u de Shift-toets en de Enter-toets tegelijk moet indrukken.

Tekst in Courier New

Geeft o.a. bestandsnamen en urls weer.

Muisinstructies Popup-blocker

De instructie ’Klik’ wordt gebruikt om aan te geven dat u op de linkermuisknop moet klikken. ‘Dubbelklik’ geeft aan dat u twee keer snel achter elkaar op de linkermuisknop moet klikken. De instructie ‘Klik op rechtermuisknop’ geeft aan dat u op de rechtermuisknop dient te klikken. Op een Macintosh is dit de muisknop samen met CTRL-toets tegelijk indrukken.


Het CMS maakt gebruik van popups. Omdat de browsers vaak een popup-blocker geïnstalleerd hebben kan het voorkomen dat bepaalde CMS-menu’s worden geblokkeerd. Uw browser zal een melding geven wanneer dit het geval is. Aangeraden wordt daarom om uw website uit te sluiten in de popup-blocker zodat elke popup in het CMS netjes geopend kan worden. Internet Explorer Wanneer u gebruik maakt van Internet Explorer is het zeer waarschijnlijk dat er een popup-blocker is geïnstalleerd. Wanneer een popup wordt geblokkeerd, wordt dit gemeld in de informatiebalk die onder de adresbalk verschijnt. Klik op die informatiebalk en kies voor de optie Deze website toestaan. Dit laatste kan anders wordt genoemd in uw browser.

pagina


Inleiding Deze handleiding geeft u alle benodigde informatie om te kunnen werken met het CMS van LinkmasterMonkey.com. Het CMS is opgebouwd uit verschillende modules, welke in deze handleiding apart worden beschreven. Let op: De beheerder van het CMS kan bepaalde opties/modules uitgeschakeld hebben of u niet de benodigde rechten hebben toegekend. Hierdoor kan het voorkomen dat bepaalde beschrijvingen in deze handleiding niet voor u bestemd zijn. Bovendien kunnen bepaalde onderdelen aangepast zijn aan speciale wensen, waardoor het gebruik van het CMS kan afwijken van deze handleiding. Het CMS van LinkmasterMonkey.com voldoet aan diverse internetstandaarden waardoor deze via de meest gangbare browsers te beheren is. Het CMS werkt op een PC het beste in Internet Explorer 6.0 en hoger en in FireFox 2.0 en hoger. Op een Macintosh werkt het CMS het beste in FireFox 2.0 en hoger.


pagina


Inloggen Het beheerdersgedeelte van het CMS is alleen toegankelijk met een inlognaam en wachtwoord. Dit om te voorkomen dat de inhoud van de website door onbevoegden kan worden aangepast.

Hoe in te loggen op het CMS U open de internetbrowser (bijvoorbeeld Internet Explorer of FireFox) en tikt de onderstaande url in de browser: http://www.wordtgeregeld.nu/beheer Vul uw logingegevens in. Na het inloggen bevindt u zich op de startpagina van het CMS. Wanneer u wilt dat de inloggegevens op uw computer bewaard blijven zodat u deze de volgende keer niet meer hoeft in te vullen, vinkt u de optie Gegevens onthouden aan.


pagina


Startpagina CMS Op de startpagina bevinden zich alle modules die u kunt bewerken. De hoeveelheid beschikbare modules kan per gebruiker verschillen, dit i.v.m. de toegekende rechten door de beheerder. Bovenin vindt u een uitklapmenu waarmee u ook bij elke module kunt komen. Dit uitklapmenu bevindt zich op elke pagina van het CMS. Het CMS is in een aantal onderdelen verdeeld: • • • • • • •

Webpagina’s; Het beheren van de pagina’s op de website. Nieuws; Het beheren van nieuwsberichten op de website. Portfolio; Het beheren van de portfolio op de website. Klantenlogo’s; Het beheren van de klantenlogo’s op de homepage. Adresgegevens; Het beheren van het adresblok op de website. Bestandsbeheer; Hier kunt u afbeeldingen en overige bestanden uploaden. Help; uitleg van het CMS.


pagina


Webpagina’s Overzicht webpagina’s Wanneer u klikt op Webpagina’s > Overzicht pagina’s krijgt u een overzicht van alle pagina’s van de website. Elke pagina staat in een gekleurde rij. Wanneer een rij lichter is dan degene daarboven dan betekent dit dat dit een submenu van de bovenstaande is. Pagina’s kunnen als hoofdmenu, submenu of subsubmenu worden ingedeeld. De eerste kolom kan de onderstaande iconen bevatten: Deze pagina is zichtbaar op de website Deze pagina is niet zichtbaar Deze pagina bewerken Deze pagina verwijderen Sommige pagina’s missen het verwijderen-symbool. Deze pagina’s kunnen niet verwijderd worden omdat dit zogenaamde vaste pagina’s zijn. Dit zijn pagina’s met een speciaal ingebouwde module of hebben een speciale functie binnen de website. De tweede kolom bevat de namen van de pagina’s. Deze naam is ook zichtbaar in het menu op de website. De derde kolom bevat de volgorde van deze pagina in het menu. Hoe lager het getal hoe hoger in het menu (of submenu en subsubmenu). De vierde kolom geeft het soort pagina aan. Wanneer een pagina gekenmerkt is als Tekstpagina dan betekent dit dat deze pagina op de website een normale pagina is met tekst. Wanneer een pagina gekenmerkt is als Snelkoppeling dan betekent het dat dit een link is naar een bestand/pagina of naar een andere website. Wanneer een pagina gekenmerkt is als Geen pagina dan betekent dit dat deze pagina wordt gebruikt als Verdeler in het menu en geen pagina met tekst of link naar een andere pagina is. De vijfde kolom toont de tijd waarop deze pagina voor ’t laatst is aangepast.

Nieuwe webpagina toevoegen Om een nieuwe pagina aan de website toe te voegen gaat u als volgt te werk. • Klik op Webpagina’s > Webpagina toevoegen • In het overzicht verschijnt nu bovenaan een nieuwe pagina welke u kunt bewerken (zie Bestaande webpagina bewerken).


pagina


Bestaande webpagina bewerken Om een bestaande pagina te bewerken gaat u als volgt te werk. • Klik op Webpagina’s > Overzicht webpagina’s. • Klik op naast de titel van de betreffende pagina. U komt nu op de pagina waar u alles kunt aanpassen. • Titel; Dit is de titel van de pagina en zal zichtbaar zijn in het menu. • Pagina komt onder menu-item; Geef hier aan of deze pagina een subpagina van een andere pagina is (hoofd-, sub- of subsubmenu). • Pagina zichtbaar voor bezoekers; Vink deze optie aan wanneer u wilt dat deze pagina zichtbaar is op de website. • Volgorde in menu; Geef hier de volgorde in het menu aan. Hoe lager het getal hoe hoger in het menu. U kunt via het pulldown-menu Pagina komt onder menu-item zien aan het getal achter de paginanaam wat de volgorde van deze pagina is. • Sfeerbeeld bovenkant pagina; Kies hier de visual die zichtbaar zal zijn aan de bovenkant van de pagina. Deze dient u eerst te uploaden via de link ‘Afbeelding uploaden’. De hoogte en de breedte van het beeld moet bij voorkeur zijn 925 x 312 pixels. LET OP: eerst deze pagina opslaan! • Soort pagina; Geef hier aan wat voor soort pagina dit moet zijn. • Tekst pagina; Hier kunt u de inhoud van de pagina invullen. Een uitleg over alle symbooltjes in deze editor kunt u vinden onder het hoofdstuk Uitleg HTML-editor verderop in deze handleiding. Via de knop kunt u snel en gemakkelijk een tabel met plaatje toevoegen. • Formulier invoegen; Hier kunt u er voor kiezen om 1 van de standaard invulformulieren toe te voegen aan de tekst van deze pagina. Dit gaat als volgt. - Ga in het tekstvlak erboven op de positie staan waar u het formulier wilt hebben. - Kies vervolgens via het pulldown-menu Formulier invoegen het gewenste formulier. • In het tekstvlak erboven verschijnt nu op die positie een code met de naam van het formulier, bijvoorbeeld ###form_contact###. Na het opslaan van uw wijzigingen zal op de website deze code automatisch worden vervangen door het juiste formulier. Belangrijk is dus dat u deze code niet aanpast! Verwijderen is wel toegestaan. • Meta-titel van de pagina; Vul hier de titel in die de bezoekers bovenin hun browser krijgen te zien. Deze titel is ook erg belangrijk voor de zoekmachines. Het invullen hiervan is niet verplicht. Wanneer u deze leeg laat krijgen de bezoekers een standaard titel te zien. Zie hoofdstuk Meta tags voor meer informatie. • Meta-omschrijving van de pagina; Geef hier een korte omschrijving waar de tekst van deze pagina over gaat. Deze informatie is niet zichtbaar voor de bezoekers, maar wordt gebruikt voor de ranking in de zoekmachines. Zie hoofdstuk Meta tags voor meer informatie. • Klik op de knop Wijzigingen opslaan om uw wijzigingen op te slaan.


pagina 10


Bestaande webpagina verwijderen Om een bestaande pagina te verwijderen gaat u als volgt te werk. • Klik op Webpagina’s > Overzicht webpagina’s. • Klik op naast de titel van de betreffende pagina. U krijgt nu een kort overzicht van deze pagina. • Klik rechtsonder op de knop Pagina verwijderen om de pagina definitief te verwijderen.

Wanneer de pagina die u wilt verwijderen subpagina’s bevat zullen deze na het verwijderen van de betreffende pagina terug te vinden zijn in het Overzicht webpagina’s. Deze staan in een rode tabel en dat betekent dat de subpagina’s op dat moment niet zichtbaar zijn op de website. U kunt deze pagina’s vervolgens weer toekennen aan een andere pagina door de subpagina te bewerken en op te slaan.


pagina 11


Nieuwsberichten

Overzicht nieuwsberichten Wanneer u klikt op Nieuws > Overzicht nieuwsberichten krijgt u een overzicht van alle nieuwsberichten op de website. De eerste kolom kan de onderstaande iconen bevatten: Dit bericht is zichtbaar op de website Dit bericht is niet zichtbaar Bericht bewerken Bericht verwijderen De tweede kolom bevat de titels van de berichten. De derde kolom bevat de begindatum van het bericht. Als deze datum in de toekomst ligt is het bericht niet zichtbaar op de website. De vierde kolom bevat de einddatum van het bericht. Als deze datum in het verleden ligt is het bericht niet zichtbaar op de website. De vijfde kolom toont de tijd waarop deze pagina voor ’t laatst is aangepast.

Nieuw bericht toevoegen Om een nieuw bericht toe te voegen gaat u als volgt te werk. • Klik op Nieuws > Nieuwsbericht toevoegen. • Foto bij intro; Selecteer hier een foto welke zichtbaar zal zijn bij de intro van het bericht. U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Titel; Dit is de titel van het bericht en zal zichtbaar zijn op de website. • Kort intro; Geef hier een korte omschrijving van het nieuwsbericht. Dit intro zal o.a. zichtbaar zijn in het nieuwsoverzicht. • Bericht zichtbaar voor bezoekers; Vink aan wanneer u wilt dat dit bericht zichtbaar is op de website. Voorwaarde is wel dat de data van plaatsing correct is ingesteld. • Startdatum; Geef hier de begindatum van het bericht aan. Vanaf deze datum zal het bericht zichtbaar zijn. Kies via de gewenste datum. • Einddatum; Geef hier de einddatum van het bericht aan. Vanaf deze datum zal het bericht niet meer zichtbaar zijn. Kies via de gewenste datum. Laat de einddatum leeg wanneer het bericht altijd zichtbaar moet blijven. • Tekst pagina; Hier kunt u de inhoud van het bericht invullen. Een uitleg over alle symbooltjes in deze editor kunt u vinden in het hoofdstuk Uitleg HTML-editor verderop in deze handleiding. • Formulier invoegen; Hier kunt u er voor kiezen om 1 van de standaard invulformulieren toe te voegen aan de tekst van deze pagina. Dit gaat als volgt. - Ga in het tekstvlak erboven op de positie staan waar u het formulier wilt hebben.


pagina 12


- Kies vervolgens via het pulldown-menu Formulier invoegen het gewenste formulier. • In het tekstvlak daarboven verschijnt nu op die positie een code met de naam van het formulier, bijvoorbeeld ###form_contact###. Na het opslaan van uw wijzigingen zal op de website deze code automatisch worden vervangen door het juiste formulier. Belangrijk is dus dat u deze code niet aanpast! Verwijderen is wel toegestaan. • Foto’s bij bericht; Hier kunt u maximaal 10 foto’s uploaden welke zichtbaar zullen zijn bij dit bericht op de website. �� U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Klik op de knop Bericht opslaan om het bericht toe te voegen aan het CMS.

Bestaand bericht bewerken Om een bestaand nieuwsbericht te bewerken gaat u als volgt te werk. • Klik op Nieuws > Overzicht nieuwsberichten. • Klik op naast de titel van het betreffende bericht. U komt nu op de pagina waar u alles kunt aanpassen. • Foto bij intro; Selecteer hier een foto welke zichtbaar zal zijn bij de intro van het bericht. U kunt GIF/JPG/BMP of PNG-bestanden uploaden.�� Om een bestaande foto te verwijderen vinkt u het verwijderen-vinkje aan en bij het opslaan van de wijzigingen zal het bestaande beeld worden verwijderd. • Titel; Dit is de titel van het bericht en zal zichtbaar zijn op de website. • Kort intro; Geef hier een korte omschrijving van het nieuwsbericht. Dit intro zal o.a. zichtbaar zijn in het nieuwsoverzich. • Bericht zichtbaar voor bezoekers; Vink deze optie aan wanneer u wilt dat dit bericht zichtbaar is op de website. Voorwaarde is wel dat de data van plaatsing correct is ingesteld. • Startdatum; Geef hier de begindatum van het bericht aan. Vanaf deze datum zal het bericht zichtbaar zijn. Kies via de gewenste datum. • Einddatum; Geef hier de einddatum van het bericht aan. Vanaf deze datum zal het bericht niet meer zichtbaar zijn. Kies via de gewenste datum. Laat de einddatum leeg wanneer het bericht altijd zichtbaar moet blijven. • Tekst pagina; Hier kunt u de inhoud van het bericht invullen. Een uitleg over alle symbooltjes in deze editor kunt u vinden in het hoofdstuk Uitleg HTML-editor verderop in deze handleiding. • Formulier invoegen; Hier kunt u er voor kiezen om 1 van de standaard invulformulieren toe te voegen aan de tekst van deze pagina. Dit gaat als volgt. - Ga in het tekstvlak erboven op de positie staan waar u het formulier wilt hebben. - Kies vervolgens via het pulldown-menu Formulier invoegen het gewenste formulier. • In het tekstvlak daarboven verschijnt nu op die positie een code met de naam van het formulier, bijvoorbeeld ###form_contact###. Na het opslaan van uw wijzigingen zal op de website deze code automatisch worden vervangen door het juiste formulier. Belangrijk is dus dat u deze code niet aanpast! Verwijderen is wel toegestaan. • Foto’s bij bericht; Hier kunt u maximaal 10 foto’s uploaden welke zichtbaar zullen zijn bij dit bericht op de website. �� U kunt GIF/JPG/BMP of PNG-bestanden uploaden. Om een bestaande foto te verwijderen vinkt u het verwijderen-vinkje aan en bij het opslaan van de wijzigingen zal het bestaande beeld worden verwijderd. • Klik op de knop Wijzigingen opslaan om uw wijzigingen op te slaan.


pagina 13


Bestaand bericht verwijderen Om een bestaand bericht te verwijderen gaat u als volgt te werk. • Klik op Nieuws > Overzicht nieuwsberichten. • Klik op naast de titel van het betreffende bericht. U krijgt nu het intro en de bijbehorende foto’s van dit bericht te zien. • Klik rechtsonder op de knop Bericht verwijderen om het bericht en de bijbehorende foto’s definitief te verwijderen.


pagina 14


Portfolio

Overzicht portfolio Wanneer u klikt op Portfolio > Overzicht portfolio krijgt u een overzicht van alle portfolio op de website. De eerste kolom kan de onderstaande iconen bevatten: Deze portfolio is zichtbaar op de website Deze portfolio is niet zichtbaar Portfolio bewerken Portfolio verwijderen De tweede kolom bevat de titels van de portfolio. De derde kolom toont de tijd waarop deze pagina voor ’t laatst is aangepast.

Nieuwe portfolio toevoegen Om een nieuwe portfolio toe te voegen gaat u als volgt te werk. • Klik op Portfolio > Portfolio toevoegen. • Foto bij intro; Selecteer hier een foto welke zichtbaar zal zijn op de overzichtspagina. U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Titel; Dit is de titel van de portfolio en zal zichtbaar zijn op de website. • Portfolio zichtbaar voor bezoekers; Vink aan wanneer u wilt dat deze portfolio zichtbaar is op de website. • Foto’s bij portfolio; Hier kunt u maximaal 10 foto’s uploaden welke zichtbaar zullen zijn op de website. �� U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Klik op de knop Portfolio opslaan om deze toe te voegen aan het CMS.

Bestaande portfolio bewerken Om een bestaande portfolio te bewerken gaat u als volgt te werk. • Klik op Portfolio > Overzicht portfolio. • Klik op naast de titel van de betreffende portfolio. U komt nu op de pagina waar u alles kunt aanpassen. • Foto bij intro; Selecteer hier een foto welke zichtbaar zal zijn op de overzichtspagina. U kunt GIF/JPG/BMP of PNG-bestanden uploaden.�� Om een bestaande foto te verwijderen vinkt u het verwijderen-vinkje aan en bij het opslaan van de wijzigingen zal het bestaande beeld worden verwijderd. • Titel; Dit is de titel van de portfolio en zal zichtbaar zijn op de website. • Portfolio zichtbaar voor bezoekers; Vink aan wanneer u wilt dat deze portfolio zichtbaar is op de website. • Foto’s bij portfolio; Hier kunt u maximaal 10 foto’s uploaden welke zichtbaar zullen


pagina 15


zijn op de website. �� U kunt GIF/JPG/BMP of PNG-bestanden uploaden.. Om een bestaande foto te verwijderen vinkt u het verwijderen-vinkje aan en bij het opslaan van de wijzigingen zal het bestaande beeld worden verwijderd. • Klik op de knop Wijzigingen opslaan om uw wijzigingen op te slaan.

Bestaande portfolio verwijderen Om een bestaande portfolio te verwijderen gaat u als volgt te werk. • Klik op Portfolio > Overzicht portfolio. • Klik op naast de titel van de betreffende portfolio. U krijgt nu het intro en de bijbehorende foto’s van deze portfolio te zien. • Klik rechtsonder op de knop Portfolio verwijderen om deze en de bijbehorende foto’s definitief te verwijderen. •


pagina 16


Klantenlogo’s

Overzicht klantenlogo’s Wanneer u klikt op Klantenlogo\s > Overzicht logo’s krijgt u een overzicht van alle logo’s. De eerste kolom kan de onderstaande iconen bevatten: Dit logo is zichtbaar op de website Dit logo is niet zichtbaar Logo bewerken Logo verwijderen De tweede kolom bevat de naam van de klant. De derde kolom bevat de url naar de website. De vierde kolom geeft een weergave van het logo.

Nieuw logo toevoegen Om een nieuw logo toe te voegen gaat u als volgt te werk. • • • •

Klik op Klantenlogo’s > Nieuw logo toevoegen. Bedrijfsnaam; Dit is de naam van de klant. Url; Vul hier de url van de website in. Let op: altijd beginnen met http:// Logo zichtbaar voor bezoekers; Vink deze optie aan, wanneer u wilt dat dit logo zichtbaar is op de website. • Afbeelding logo; Selecteer hier het logo welke zichtbaar zal zijn op de startpagina. U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Klik op de knop Logo toevoegen om deze toe te voegen aan het CMS.

Bestaand logo bewerken Om een bestaand logo te bewerken gaat u als volgt te werk. • Klik op Klantenlogo’s > Overzicht logo’s. • Klik op naast de titel van het betreffende logo. U komt nu op de pagina waar u alles kunt aanpassen. • Bedrijfsnaam; Dit is de naam van de klant. • Url; Vul hier de url van de website in. Let op: altijd beginnen met http:// • Logo zichtbaar voor bezoekers; Vink deze optie aan, wanneer u wilt dat dit logo zichtbaar is op de website. • Afbeelding logo; Selecteer hier het logo welke zichtbaar zal zijn op de startpagina. U kunt GIF/JPG/BMP of PNG-bestanden uploaden. • Klik op de knop Wijzigingen opslaan om uw wijzigingen op te slaan.


pagina 17


Bestaand logo verwijderen Om een bestaand logo te verwijderen gaat u als volgt te werk. • Klik op Klantenlogo’s > Overzicht logo’s. • Klik op naast de titel van het betreffende logo. • Klik rechtsonder op de knop Logo verwijderen om het logo definitief te verwijderen.


pagina 18


Adresgegevens Adresgegevens bewerken Links onderaan de website vindt u de adresgegevens. Om deze te bewerken gaat u als volgt te werk. • Klik op Adresgegevens. • Tekst; Hier kunt u de inhoud van de adresgegevens invullen. Een uitleg over alle symbooltjes in deze editor kunt u vinden onder het hoofdstuk Uitleg HTML-editor verderop in deze handleiding. • Klik op de knop Opslaan om uw wijzigingen op te slaan.


pagina 19


Bestandsbeheer In het bestandsbeheer krijgt u een overzicht van alle aanwezige bestanden op de server en kunt u nieuwe bestanden uploaden en verwijderen.

Overzicht bestanden Klik op Overzicht bestanden op te zien welke bestanden zich op de server bevinden die te gebruiken zijn in het CMS. Er verschijnt een nieuw venster met daarin een overzicht van alle bestanden. U kunt een bestand bekijken, hernoemen of verwijderen door er met de rechtermuisknop op te klikken. Op een Macintosh is dit door te klikken met de muis en tegelijkertijd de [Ctrl]-toets in te drukken. U kunt in de 3 standaard-mappen nog meer mappen aanmaken. Dit doet u door op 1 van de 3 mappen te klikken met de rechtermuisknop en dan New Subfolder te kiezen en de naam van de nieuwe map in te vullen. Wanneer u een bestand verwijdert of hiervan de naam wijzigt is het belangrijk dat u ook de pagina’s aanpast waar dit bestand in voorkomt. De wijzigingen in het bestandsbeheer worden namelijk niet doorgevoerd in de rest van het CMS. De aanpassing op de pagina’s dient u handmatig te doen.

Afbeelding uploaden Wanneer u een afbeelding wilt gebruiken in het CMS dient u deze eerst te uploaden (tenzij deze al is geupload). Dit doet u door te klikken op Bestandsbeheer > Afbeelding uploaden of via Overzicht bestanden > Upload > Afbeelding uploaden. Er springt een nieuw venster open waarin u een aantal zaken kunt kiezen. • Formaat afbeelding; Kies hier het formaat wat past bij de pagina waar u deze afbeelding wilt gebruiken. De eerste 4 opties zijn standaardformaten, bij de laatste 3 opties kunt u zelf het formaat van uw afbeelding kiezen. • Afbeelding verscherpen; Kies voor deze optie wanneer u uw afbeelding iets scherper wilt hebben. Wanneer u een grote afbeelding sterk gaat verkleinen kan deze wazig worden en dan is het aan te raden om deze te verscherpen. • Afbeelding zwart-wit maken; Kies voor deze optie wanneer u wilt dat de uiteindelijke foto zwart-wit moet worden. • Afbeelding kantelen; Hier kunt u ervoor kiezen om uw afbeelding linksom of rechtsom te kantelen. • Selecteer de afbeelding; Via de knop Bladeren kunt u op uw computer de afbeelding selecteren. • Bewaren in map; Kies hier de map waarin u uw afbeelding wilt bewaren. Via Overzicht bestanden kunt u eventueel een nieuwe map aanmaken. Belangrijk is dat uw afbeelding een JPG, GIF, PNG of TIF is en niet groter dan 6 MB is. Na het uploaden van uw afbeelding kunt u deze terugvinden in Bestandsbeheer > Overzicht bestanden. Wanneer dit niet het geval is klikt u op Refresh in het overzicht.


pagina 20


Animated GIF uploaden Wanneer u een animated GIF (bijvoorbeeld een bewegende banner) wilt uploaden dan dient u dat hier te doen en niet via Afbeelding uploaden. Deze laatste verwijderd de aniamtie na het uploaden en u houdt dus een statische afbeelding over. Tijdens het uploaden van de animated GIF kunt u geen wijzigingen in het formaat aanbrengen. Het uploaden doet u door te klikken op Bestandsbeheer > Animated GIF uploaden of via Overzicht bestanden > Upload > Animated GIF uploaden. Er springt vervolgens een nieuw venster open waarin u uw bestand kunt kiezen. • Bewaren in map; Kies hier de map waarin u uw bestand wilt bewaren. Via Overzicht bestanden kunt u een nieuwe map aanmaken. Belangrijk is dat uw bestand niet groter mag zijn dan 6 MB. Na het uploaden van uw bestand kunt u deze terugvinden in Bestandsbeheer > Overzicht bestanden. Wanneer dit niet het geval is klikt u op Refresh in het overzicht.

Bestand uploaden Wanneer u een link naar een bestand (bijvoorbeeld PDF of ZIP) wilt maken dient u het bestand eerst te uploaden (tenzij deze al is geupload). Dit doet u door te klikken op Bestandsbeheer > Bestand uploaden of via Overzicht bestanden > Upload > Bestanden uploaden. Er springt een nieuw venster open waarin u een aantal zaken kunt kiezen. • Soort bestand; Geef hier aan om wat voor soort bestand het gaat. • Bewaren in map; Kies hier de map waarin u uw bestand wilt bewaren. Via Overzicht bestanden kunt u een nieuwe map aanmaken. Belangrijk is dat uw bestand niet groter mag zijn dan 6 MB. Na het uploaden van uw bestand kunt u deze terugvinden in Bestandsbeheer > Overzicht bestanden. Wanneer dit niet het geval is klikt u op Refresh in het overzicht.


pagina 21


Uitleg HTML-editor Tijdens het bewerken van de diverse onderdelen in het CMS kunt u de HTML-editor tegenkomen. Met deze editor kunt u, op een vergelijkbare wijze als een tekstverwerkingsprogramma als Microsoft Word, eenvoudige bewerkingen uitvoeren. U kunt op eenvoudige wijze teksten aanpassen, afbeeldingen en tabellen invoegen, links opnemen, opsommingen maken en symbolen invoegen. Sommige bewerkingen die in een Microsoft Word-document wel mogelijk zijn, zijn niet mogelijk op het internet, of hebben een ander resultaat. Zo zijn bijvoorbeeld tabs op het internet niet zichtbaar. In de HTML-editor vindt u de volgende menu-opties: Tekst vet maken

Overschakelen naar html-code

Tekst cursief maken

Plak vanaf klembord als pure tekst

Tekst onderstrepen

Laatste handeling ongedaan maken

Tekst doorstrepen

Toegevoegde formats verwijderen

Tekst subscript maken

Speciale karakters

Tekst superscript maken

Horizontale lijn invoegen

Opsomming ongenummerd

Interne link invoegen

Opsomming genummerd

Link aanbrengen

Kleur van de tekst kiezen

Link verwijderen

Tekst links uitlijnen

Plaatje invoegen

Tekst rechts uitlijnen

Flash-bestand invoegen

Tekst centreren

Tabel invoegen/wijzigen

Tekst uitvullen

Toon blokken (stijlen)

[Opmaak] Tekst-stijl kiezen

HTML-editor vergroten

Witregel invoegen Het invoegen van witregels in de tekst kan op 2 manieren: met [Enter] en [Shift + Enter]. Er zit echter een groot verschil tussen de 2 manieren. • [Shift + Enter] kunt u het beste gebruiken wanneer u naar de volgende regel wilt zonder een regel wit ertussen. Wanneer u een kopje wilt aanmaken of gebruik wilt maken van of dan moet u de andere methode kiezen. • [Enter] gebruikt in principe wanneer u een andere stijl gaat gebruiken zoals bijvoorbeeld een kopje of opsomming. Wanneer u bijvoorbeeld een kopje of opsomming gaat gebruiken dient u voor- en achteraf een [Enter] te gebruiken.


pagina 22


Een tabel invoegen Om een tabel te plaatsen gaat u als volgt te werk. • • • • • • • • •

Plaats uw cursor in het werkveld van de HTML-editor en klik op de plaats waar de tabel moet komen te staan. Klik op in de HTML-editor. Er verschijnt een venster met de invulvelden Rijen en Kolommen om het aantal rijen en kolommen aan te kunnen geven. In het invulveld achter Breedte rand kunt u de dikte van de kaderrand bepalen. Via het pulldown-menu Uitlijning kunt u bepalen op welke wijze de tekst in de tabel wordt uitgelijnd. Bij Breedte en Hoogte bepaalt u de breedte en hoogte van de tabel, naar keuze in pixels of procenten. In de invulvelden Afstand tussen cellen en Afstand van rand cel bepaalt u hoeveel ruimte er boven en naast de tekst komt. Klik op Ok om de tabel toe te voegen. Het is niet mogelijk om tabellen uit een Microsoft Word-document één op één over te nemen in de HTML-editor. U dient de inhoud van de cellen te kopiëren in een nieuwe tabel die u aanmaakt in de HTML-editor. U kunt tabellen gebruiken om opsommingen uit te lijnen. Omdat tabs niet zichtbaar worden op internetpagina’s, gebruikt u tabellen om opsommingen netjes op de gewenste afstand naast elkaar te zetten. U kunt natuurlijk voor opsommingen ook gebruiken.

Eigenschappen van een tabel wijzigen Om de eigenschappen van een geplaatste tabel te wijzigen gaat u als volgt te werk. • Selecteer de tabel die u wilt wijzigen door 1x op een kaderrand te klikken. U ziet rondom de tabel witte vierkantjes aan de hoekpunten verschijnen. • Klik met de rechtermuisknop op een kaderrand van de tabel. Er verschijnt een menu met de opties Knip, Kopieer, Plak waarmee u de tabel kunt knippen, kopiëren of plakken. U ziet verders de menu-opties Tabel verwijderen en Eigenschappen tabel. • Klik op Eigenschappen Tabel. • Er verschijnt een venster met de invulvelden Rijen en Kolommen om het aantal rijen en kolommen aan te kunnen geven. • In het invulveld achter Breedte rand kunt u de dikte van de kaderrand bepalen. • Via het pulldown-menu Uitlijning kunt u bepalen op welke wijze de tekst in de tabel wordt uitgelijnd. • Bij Breedte en Hoogte bepaalt u de breedte en hoogte van de tabel, naar keuze in pixels of procenten. • In de invulvelden Afstand tussen cellen en Afstand van rand cel bepaalt u hoeveel ruimte er boven en naast de tekst komt. • Klik op Ok om de wijzigingen door te voeren.


pagina 23


Formaat van een tabel wijzigen U kunt het formaat van een tabel op twee manieren wijzigen. U kunt het formaat aanpassen via de tabeleigenschappen. Zie hoofdstuk Eigenschappen van een tabel wijzigen. Of u kunt het formaat aanpassen in het werkveld van de HTML-editor. Kiest u voor deze methode dan gaat u als volgt te werk. • Selecteer de tabel die u wilt wijzigen door 1x op een kaderrand te klikken. U ziet rondom de tabel witte vierkantjes aan de hoekpunten verschijnen. • Klik op één van die witte vierkantjes en hou de muisknop ingedrukt en sleep de tabel in het juiste formaat en laat de muisknop los.

Eigenschappen van een cel wijzigen Om de eigenschappen van een cel in een tabel te wijzigen gaat u als volgt te werk. • Selecteer de gewenste cel in de tabel die u wilt wijzigen door 1x met de rechtermuisknop in de cel te klikken. Er verschijnt een menu met een aantal opties. Kies voor Cel > Eigenschappen cel. • Bij Breedte en Hoogte bepaalt u de breedte en hoogte van de cel, naar keuze in pixels of procenten. • Via het pulldown-menu Afbreken woorden kunt u bepalen of zinnen afgebroken moeten worden. Kies u voor Nee dan zal alles op 1 regel geplaatst worden tenzij u een nieuwe regel begint [Shift Return]. • Via de pulldown-menu’s Horizontale en verticale uitlijning kunt bepalen op welke wijze de tekst of afbeelding in de cel wordt uitgelijnd. • Bij Overkoelpeling rijen en kolommen kunt u meerdere rijen en kolommen samenvoegen. Het samenvoegen van rijen en kolommen werkt het makkelijkst wanneer u gebruik maakt van de icoontjes in het uitklapmenu. Zie het volgende hoofdstukje voor meer uitleg. • Achtergrondkleur en Randkleur kunt u gebruiken om de cel een kleur mee te geven. • Klik op Ok om de wijzigingen door te voeren.


pagina 24


Cellen en rijen toevoegen, verwijderen, samenvoegen of splitsen U kunt, door 1x met de rechtermuisknop in een cel te klikken, cellen en rijen toevoegen, verwijderen, samenvoegen of splitsen. Hiervoor worden de volgende icoontjes gebruikt. Voeg cel in voor

Voeg rij in voor

Voeg cel in achter

Voeg rij in achter

Cellen verwijderen

Rij verwijderen

Voeg samen naar rechts

Voeg kolom in voor

Voeg samen naar beneden

Voeg kolom in achter

Splits cellen horizontaal

Kolommen verwijderen

Splits cellen verticaal

Een afbeelding toevoegen Het plaatsen van een afbeelding in de tekst gaat als volgt. • Plaats uw cursor in het werkveld van de HTML-editor en klik op de plaats waar de afbeelding moet komen te staan. • Klik op in de HTML-editor. Er verschijnt een menu met een invulveld achter Url en een knop Bladeren op server, waarmee u een eerder geuploade afbeelding kunt selecteren. • Klik op Bladeren op server. Er verschijnt een nieuw venster met een overzicht van alle beschikbare afbeeldingen op de server. Staat uw afbeelding er nog niet bij dan dient u deze eerst te uploaden. Hoe u een afbeelding kunt uploaden staat beschreven in het hoofdstuk Bestandsbeheer. • Wanneer u dubbelklikt op de gewenste afbeelding, keert u terug naar het vorige venster. De bestandsnaam verschijnt nu in invulveld Url. • U kunt in het pulldown-menu Uitlijning aangeven hoe de afbeelding wordt weergegeven ten opzichte van de tekst op de pagina. • U kunt in de invulvelden onder Breedte en Hoogte het formaat van de afbeelding aanpassen. Klik op het Slot-icoontje als u de verhouding van de afbeelding wilt aanpassen. Met het Gedraaide pijl-icoontje kunt u het formaat weer herstellen naar het oorspronkelijke formaat van de afbeelding. • Met Hspace en Vspace bepaalt u hoeveel ruimte u links en rechts, of boven en onder de afbeelding wilt vrijlaten. • In het invulveld achter Rand bepaalt u hoe dik de rand rond de afbeelding moet zijn. • Gebruik het veld onder Voorbeeld om een idee te krijgen van de gevolgen die de verschillende instellingen hebben voor de weergave van de afbeelding op de pagina. • Klik op Ok om de afbeelding toe te voegen.. U kunt te allen tijde de eigenschappen van de afbeelding aanpassen door 1x op de afbeelding te klikken met de rechtermuisknop en voor Eigenschappen afbeelding te kiezen. Ook kunt u de eigenschappen aanpassen door 1x op de afbeelding te klikken en vervolgens te klikken op .


pagina 25


Een link toevoegen Het toevoegen van een link (hyperlink) op de pagina gaat als volgt. • Selecteer in het werkveld van de HTML-editor een afbeelding, een woord of een stuk tekst waarbij u een link wilt maken. • Klik op in de HTML-editor. Er verschijnt een nieuw venster, u bevindt zich nu in het tabblad Linkomschrijving. • Wanneer u in het pulldown-menu Linktype kiest voor Url dan kunt u via het pulldown-menu Selecteer een pagina een pagina van uw website kiezen. Wanneer u een link naar een andere website wilt maken dan kunt u de url van die website in het invulveld Url invoeren. • Wilt u een link maken naar een bestand op de server (bijvoorbeeld PDF of ZIP) dan kunt u via de knop Bladeren op server het bestand kiezen. U dient deze dan wel eerst te uploaden, zie hoofdstuk Bestandsbeheer. • Wanneer u wilt dat de nieuwe pagina in een nieuw venster moet openen dan kunt u via het tabblad Doel en vervolgens via het pulldown-menu Doel kiezen voor de optie Nieuw venster. • Klik op Ok om de link toe te voegen.

Een link naar afbeelding (over gehele website) toevoegen Het CMS biedt de mogelijkheid om een link (tekst of afbeelding) naar een vergroting van een afbeelding op de server te maken waarbij de vergroting over de gehele website zal verschijnen. Heeft u meerdere van zulke links naar vergrotingen op 1 pagina dan kan de bezoeker automatsch bladeren tussen deze vergrotingen. Het toevoegen van een link (hyperlink) naar een vergroting gaat als volgt. • Selecteer in het werkveld van de HTML-editor een afbeelding, een woord of een stuk tekst waarbij u een link wilt maken. • Klik op in de HTML-editor. Er verschijnt een nieuw venster, u bevindt zich nu in het tabblad Linkomschrijving. • Kies via de knop Bladeren op server in het mapje Image uw vergroting. U dient deze dan wel eerst te uploaden, zie hoofdstuk Bestandsbeheer. • Vervolgens kiest u via het tabblad Doel en dan via het pulldown-menu Doel voor de optie Foto in transparant vlak over website. • Klik op Ok om de link toe te voegen.

Een interne link in de pagina toevoegen Er is sprake van een interne link in de pagina wanneer u bijvoorbeeld bovenaan de pagina een tekstlink heeft gemaakt en wanneer u op die link klikt springt u naar een ander gedeelte op die pagina. Deze methode is erg handig wanneer u veel tekst op een pagina heeft. U kunt dan d.m.v. een interne link een soort submenu maken. Het toevoegen van een interne link op de pagina gaat als volgt. • Als eerste plaatst u op de plek waar de link naar toe moet springen een Anker. Dit doet u door met de cursor op de juiste plek in de tekst te gaan staan en op te


pagina 26


• • • • •

klikken. In het venster wat openspringt vult u een (unieke) naam in voor deze anker en klikt op Ok. Vervolgens selecteert u in het werkveld van de HTML-editor een afbeelding, een woord of een stuk tekst waarbij u de interne link wilt maken. Klik op in de HTML-editor. Kies in het pulldown-menu Linktype voor Interne link in pagina. Kies vervolgens in het pulldown-menu Op naam interne link uw zojuist aangemaakte anker. Klik op Ok om de interne link toe te voegen.

Een e-maillink toevoegen Het toevoegen van een e-maillink gaat als volgt. • Selecteer in het werkveld van de HTML-editor een afbeelding, een woord of een stuk tekst waarbij u de e-maillink wilt maken. • Klik op in de HTML-editor. • Kies in het pulldown-menu Linktype voor E-mail. • Vul vervolgens bij het invulveld E-mailadres in ieder geval het e-mailadres in. Onderwerp bericht en Inhoud bericht zijn optioneel. • Klik op Ok om de e-maillink toe te voegen.

Een link bewerken U kunt te allen tijde de link aanpassen door in de HTML-editor de tekst of afbeelding met de link te selecteren en op te klikken.

Een link verwijderen Het verwijderen van een link gaat als volgt. • Selecteer in de HTML-editor de afbeelding, het hele woord of het stuk tekst waarvan u de link wilt verwijderen. • Klik op in de HTML-editor. De link wordt direct verwijderd.

De HTML-code bewerken Het bewerken van de HTML-code van een pagina gaat als volgt. • Klik op . In het veld verschijnt de HTML-code van de pagina die u bewerkt. • Voer in de HTML-code uw wijzigingen door. • Klik wederom op om de wijzigingen in de HTML-editor te zien.


pagina 27


Meta tags Meta tags zijn een soort verborgen code die de zoekmachines gebruiken om uw site te indexeren en om zo de inhoud van de pagina te begrijpen. Het CMS biedt u de mogelijkheid om de (meta tag) Titel en de meta tag Omschrijving in te vullen. Het is belangrijk dat u belangrijke steekwoorden waar u graag op gevonden wilt worden, verwerkt in de titel en de omschrijving. Hoe vaker een zoekmachine een bepaald steekwoord op uw site aantreft, hoe beter zo’n woord gewaardeerd wordt door de zoekmachine. Uw website zal dan ook eerder en op een hogere positie in de zoekresultaten getoond worden. Probeer iedere pagina van uw website een meta Titel en meta Omschrijving mee te geven die slaan op de inhoud van die pagina. Een bezoeker zal dan bij een zoekopdracht direct vinden wat hij zoekt en komt ook gelijk op de juiste pagina binnen uw website uit.


pagina 28


Over LinkmasterMonkey.com LinkmasterMonkey.com adviseert en biedt oplossingen voor al uw internetvraagstukken; van de meest eenvoudige websites tot uiterst geavanceerde sites waarbij gebruiksgemak, actualiteit en interactiviteit essentieel zijn. Echter, altijd voorzien van een professionele vormgeving, waarbij LinkmasterMonkey.com zoekt naar de optimale combinatie van herkenbaarheid, functionaliteit, doeltreffendheid (doelgroep) en mogelijkheden. Wat uw eisen of wensen ook zijn, LinkmasterMonkey.com denkt voortdurend met u mee en vertaalt uw ideeën naar betaalbare oplossingen. LinkmasterMonkey.com Roosterbos 46 2134 EX Hoofddorp Telefoon: 023 - 557 59 12 Fax: 0847 - 106 575 [email protected] www.linkmastermonkey.com


pagina 29


Notities _____________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ _____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________ ____________________________________________________________________________________________________


pagina 30

Handleiding CMS Wordt Geregeld

Recommend Documents