Handleiding bij de onderhoudsmodule van de Hermes CMS ... - Viva

Handleiding bij de onderhoudsmodule van de
Hermes CMS website.
Voor wie
U wilt uw bedrijf professioneel voor stellen U wenst uw website graag
zelf te onderhouden U wenst het budget laag te houden
Wat
De Site Light is een website die u zelf, zo vaak als u het wenst, kan beheren en
updaten.
U hoeft hiervoor over geen enkele technische kennis te beschikken, elke Wordgebruiker
kan het! Er worden geen installaties op uw pc uitgevoerd.
Gewoon inloggen in onze online Word-based onderhoudsmodule en u kan aan de
slag.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 1

Inhoudstabel
I.Toegang tot de onderhoudsmodule 3
II. Aanmaken van de lay-out 3-4
1. Achtergrond kiezen 4
2. Fonts kiezen 4
3. Win/pop-ups 4
4. Tekstbreedte in bx 4
III. De structuur van de website aanmaken 5-7
1. Een map van naam veranderen 5
2. Een map verwijderen 5
3. Een map van plaats veranderen 5
4. Een map invoegen 6
5. Een pagina van naam veranderen 6
6. Een pagina verwijderen 6
7. Een pagina van plaats veranderen 7
8. Een nieuwe pagina invoegen 7
IV. Pagina’s opbouwen en onderhouden 8-16
1. Starten vanuit de source code 8
A. Invoeren van tekst 9
B. Invoeren van afbeeldingen 9
C. Tekst laten inspringen 9
D. Opmerkingen 10
2. Starten vanuit de editor 10
A. Invoegen van foto’s 11
B. Teksten van kleur veranderen 11
C. Kiezen van lettertypen 11
D. Invoegen van tabellen 11
E. Invoegen van hyperlinks 11
F.Teksten voorzien van nummering of opsommingsteken 12
G. Teksten laten uitlijnen 12
H. Teksten laten inspringen 12
I. Invoegen van pdf-files 13
3. Pagina’s actief zetten op de website 14
A. Een pagina actief zetten 14
B. Het promovenster activeren 14
C. Het invulformulier activeren 14
D. Opmerking 13
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 2

I. Toegang tot de onderhoudsmodule
Rechts onderaan de website klikt u op ‘maintenance’. U krijgt dan een pagina waar u
het paswoord en UserID dient in te vullen.
Vervolgens krijgt u een pagina met de root-map. (verschijnt deze pagina niet
onmiddellijk, klik dan eerst op de taal van uw keuze.)
!! Voor elke handeling die u wenst uit te voeren, start u vanuit deze maintenance
pagina!
II. Aanmaken van de lay-out
!! Voor u start met het aanmaken van pagina’s, maakt u het best eerst de lay-out
aan: Deze wordt dan automatisch op elke pagina overgenomen. Ook wanneer u
veranderingen wenst aan te brengen aan de lay-out doet u dat het best eerst,
wanneer u wenst dat deze veranderingen op elke pagina worden overgenomen. U
moet de pagina’s dan wel opnieuw saven in de broncode. (zie pagina’s aanmaken in
de broncode)
Open de onderhoudsmodule.
Klik bovenaan in de menu op ‘extra’ .
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 3

U kan nu kiezen tussen:
• Achtergrondkleuren
• Fonts
• Win/Popup
• Width txt bx
1. Achtergrondkleuren kiezen
- Selecteer de gewenste kleur in het keuzevakje.
- Klik op save.
2. Fonts kiezen
- Kies de gewenste lettergrootte, kleur, en het gewenste lettertype.
- Klik op save.
3. Win/Popup
Om bijvoorbeeld promotie in extra’s daglicht te stellen door popups te plaatsen op de
website.
4. Width txt bx
Om het instellen van de breedte van de tekstbox in de “editor”.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 4

III. Beheer van de website
1. Een map van naam veranderen
• Open de onderhoudsmodule.
• Selecteer de map ‘directory” die u wenst te veranderen.
• Type in het venster “Rename directory” de nieuwe naam in.
• Klik op de knop Rename directory.
Opmerking: Vergeet niet om de status van de directory op ‘live” te zetten, indien in
de wijziging meteen op de website wil zien!
2. Een bestaande map verwijderen
• Open de onderhoudsmodule.
• Selecteer de map ‘directory” die u wenst te verwijderen.
• Klik op de knop Delete directory.
3. Een map van plaats veranderen
Open de onderhoudsmodule.
Klik bovenaan ,in de banner , op ‘Change sequence’ .
Naast de mappen verschijnen er dan pijltjes, waarbij u kan kiezen of u de map
naar boven of naar onderen wil plaatsen.
Klik op de pijltjes tot de map op de gewenste plaats staat.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 5

4. Een nieuwe map aanmaken
• Open de onderhoudsmodule.
• Hier kan u dan de eerste ‘child”directory’ aanmaken.
• In het vakje schrijft u de naam van die map.
• klik op ‘Add child dir’. De nieuwe map verschijnt nu onder de rootmap.
5. Een bestaande pagina van naam veranderen
Open de onderhoudsmodule.
Klik eerst in de juiste map op de pagina die u van naam wenst te veranderen.
Vul in het invulvenstertje de nieuwe naam van de pagina in.
Klik op ‘Rename page’.
6. Een bestaande pagina verwijderen
Open de onderhoudsmodule.
Klik in de directory op de pagina die u wenst te verwijderen.
Klik op ‘Delete page’.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 6

7. Een bestaande pagina van plaats veranderen
Open de onderhoudsmodule.
Klik bovenaan ,in de banner , op ‘Change sequence’.
Klik op de map waarin de pagina staat die u wilt verplaatsen.
Naast de pagina’s verschijnen er dan pijltjes, waarbij u kan kiezen of u de
pagina naar boven of naar onderen wil plaatsen.
Klik op de pijltjes tot de map op de gewenste plaats staat.
8. Een nieuwe pagina invoegen
Open de onderhoudsmodule.
Klik op de map waar u de nieuwe pagina in wilt onderbrengen.
Dan verschijnt er een invulformulier waar u een pagina kan in aanmaken.
Vul de paginanaam in.
Klik op ‘Add ’.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 7

IV. Opbouwen en onderhouden van pagina’s
Open “maintenance”.
In de directory klikt u op de pagina die u wenst op te bouwen.
Klik hier op ‘edit source’ of ‘edit page’.
Opgelet! Wanneer u een pagina voor het eerst aanmaakt of wanneer u veel
aanpassingen dient uit te voeren, start u het beste vanuit de “edit source”.
Hierdoor wordt de structuur van uw website immers automatisch bepaald.
1. Starten vanuit de “source code”
.
Klik op de knop “edit source”
Er verschijnt nu een invulformulier waarin u titels, tekst en foto’s kunt
invoeren.
A. Invoeren van tekst
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 8

Voer de titel in in de balk “ title” .
Voer de gewenste tekst in in balk “text”.
indien u de tekst wilt laten inspringen, kunt u keuze maken uit verschillende
pixels.
B. Afbeeldingen invoeren
Klik op de knop bladeren.
Blader naar het gewenste bestand (bijv. mijn afbeeldingen).
Dubbelklik vervolgens in de map op de gewenste afbeelding.
Opmerkingen
1. De afbeelding mag niet groter zijn dan 110 k! In de breedte groter is dan 560, dan
wordt deze automatisch aangepast.
2. U kunt ook gratis software downloaden om foto’s te bewerken via onze website
www.viva.be, gratis software zoals de “Download Photo resize magic” ( verkleinen
van foto's met goede kwaliteit)
C. Tekst laten inspringen
Klik op “edit source”.
Klik op het vakje “text border” het gewenste aantal pixels aan.
Klik op “save” onderaan de pagina.
D. Opmerkingen
1. Na het invoegen van de titels, tekst en foto’s vergeet onderaan niet te
klikken op de knop “save source code and go to editor”.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 9

2. Dan komt u in het scherm “editor. Hier ook de wijziging saven via knop
onderaan “save”. Na het saven gelieve het venster te sluiten.
3. Indien u de wijzigingen direct op uw website wilt zien, klik dan bij
”activation status “ op “live” en save status.
4. Indien u dan op uw website kijkt, kunt u na het openen van uw website het
beste op de toets “F5” klikken op het scherm te vernieuwen.
5. U kunt een volledige tekstrubriek verwijderen door op de knop “delete
item” aan te klikken, vervolgens op de knop “save” onderaan.
6. Wanneer u foto’s wenst te verwijderen klik u op de toets “del picture”,
vervolgens klik u op de toets “save” onderaan.
Vergeet niet de aanpassingen op te slaan. Klik steeds op “save”
onderaan de pagina.
2. Starten vanuit de editor.
U kunt hier ook steeds tekst invoegen, tabellen invoegen, hyperlinks leggen,
enz.
De editor werkt gelijkaardig als een wordt editor.
VIVA biedt al haar klanten een gratis cursus. In deze cursus worden 3 delen
uitgelegd.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 10

A. Invoegen van foto’s
U kan hier ook nog altijd foto’s invoeren. De editor is interessant voor het invoeren
van knopjes en kleine afbeeldingen. Grote afbeeldingen voert u beter in via de
source code, omdat ze dan automatisch goed geplaatst worden.
Klik in de menubalk op de toets ,(invoegen van afbeelding). In d het
scherm dat er dan verschijnt, kunt u rechtsonder bladeren naar de map waar
u afbeeldingen staan. In de map klikt u dan de gewenste foto aan.
Nadien kiest u ‘Upload’. U krijgt dan een berichtje of uw afbeelding succesvol is
opgeladen. U kan nu ook nog kiezen of u de afbeelding wilt omkaderen, in welke
kleur enz…Tenslotte klikt u op ‘insert’.
Vergeet niet op te slaan via de “save-toets” onderaan.
B. Teksten van kleur veranderen.
U selecteert de tekst waarvan u de kleur wenst te veranderen en klikt dan op .
Nadien duidt u de gewenste kleur aan.
C. Kiezen van lettertypen.
U selecteert de tekst en kiest vervolgens het gewenste lettertype en lettergrootte. U
kan ook kiezen of u de tekst wilt “bold” zetten, cursief of wilt onderlijnen.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 11

D. Invoegen van tabellen.
U klikt op
. Hier kan u kiezen hoeveel rijen en kolommen u wenst in te voegen.
Nadien kan u nog altijd rijen of kolommen samenvoegen, verwijderen, toevoegen,
enz….
. Het gebruiken van tabellen is zeer handig om uw
pagina een mooie schikking te geven. Lees daarom zeker ook onze folder: tips voor
een geslaagde site.
E. Invoegen van hyperlinks.
U selecteert het woord of afbeelding waarop u een hyperlink wenst te leggen. Nadien
klikt u op . U komt terecht in een invulformulier. Beste klik je eerst op om
alle links te verwijderen.
Hier typt u de volledige URL (webadres) in en kiest vervolgens in welk scherm u de
link wilt laten zien: in hetzelfde venster of in een nieuw venster.
F. Teksten voorzien van opsommingstekens en nummering.
U selecteert de tekst die u wenst te voorzien van een opsommingsteken of
nummering en klikt nadien op .
G. Teksten uitlijnen.
U selecteert de tekst die u wenst uit te lijnen en klikt vervolgens op .
H.Teksten laten inspringen.
U selecteert de tekst die u wenst uit te lijnen en klikt vervolgens op .
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 12

I. Invoegen van PDF-files
Maak eerst eens pdf-file aan. Vervang de spaties door een _ (underscore). Geen
vreemde tekens in de naam zetten.
Klik in de onderhoudsmodule op de
buton
en laad de pdf-file op.
Selecteer het woord waarop u de link
naar de pdf-files wilt plaatsen en klik op
de buton . In het volgende scherm
kunt u via bladeren het document
uploaden. Kies het beste ook voor te
openen in nieuw scherm en geef aan de
link een kleur. Vervolgens klik op de knop
“insert”.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 13

3. Pagina’s actief zetten op de website.
Wanneer u een pagina aanmaakt kan u kiezen of u deze reeds actief zet op de site of
niet.
A. Een pagina actief zetten.
U klikt in de map op de pagina die u actief wenst te zetten.
B. Het promovenster activeren.
Elke website bevat een promovenster. Dit staat standaard op niet-actief. Wanneer u
het promovenster wenst te gebruiken, maakt u gewoon een nieuwe pagina aan (Zie
een pagina invoegen en een pagina aanmaken). Bovenaan de “editor” selecteert u
het keuzevakje promo. De pagina verschijnt dan bij het openen van de site in een
promovenster.
C. Het invulformulier actief zetten op de site.
De website bevat standaard een invulformulier. Om dit invulformulier actief te zetten,
klikt u bovenaan in de onderhoudsmodule. U komt dan terecht in een invulformulier.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 14

U klikt bij “Send this form to next e-mail address”op de knop en vul hier
uw email-adres in.
Bij “discription in outlook” kunt u bijv. zetten info-aanvraag klant.
Bij Description in form reply kunt u na drukken op de knop bijv. Invullen
info-aanvraag.
U kunt ook kiezen om een na de aanvraag een auto-reply te zetten, zodat de
aanvrager meteen een antwoord krijgt. Bijvoorbeeld “Uw aanvraag wordt zo
spoedig mogelijk beantwoord.”
Onderaan kunt u de velden maken die u door de bezoekers wenst ingevuld te
zien, bijv. Naam, adres, vragen, enz…
Klik bijv. op de knop : en vervolgens op . Geef hier het veld een
naam, bijv. Bedrijf, naam, adres, ....
Als u kiest voor breder veld wenst, kiest u eerst en vervolgens de
veldnaam.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 15

Voorbeeld
Door een vinkje te plaatsen achter een veld, kunt u aangeven of de bezoeker
het veld verplicht moet invullen of niet.
D. Opmerking:
Om de velden te kunnen invullen, dient U er voor te zorgen dat bij internetopties in
de map “privacy” de pop-upblokkering niet is aangevinkt.
Wanneer u nog vragen heeft kan u ons steeds contacteren. Elke
woensdagavond kan u, na afspraak, ook altijd langskomen met uw
vragen.
Viva – Hamelstraat 16 – 3800 Sint-Truiden – 011-58.48.94 - sales@viva.be 16