Handleiding website beheer voor gebruikers.

1 Uiterlijk van de site

De plaats van de onderdelen kan variëren.
Voor de site van AIenS is onderstaand uiterlijk gekozen.

2 Uiterlijk van website-beheer

Beheerders van een website krijgen een aparte toegangs-url waarmee zij de website kunnen aanpassen, bijvoorbeeld http://beheer.website.nl
Hieronder staat een voorbeeld van de beheerders-website van AIenS.


 

2.1 Het geavanceerde menu

Bovenaan elke pagina op de beheerders site staan deze geavanceerde opties. In dit menu is het mogelijk om:

• De naam van het menu te benoemen.
• De URL een korte logische naam te geven.
• Aan te geven of de pagina moet worden getoond in het menu.
• Een start en/of einddatum op te geven voor de pagina.
  

1. Vul hier de gewenste naam in die bezoekers te zien krijgen in het menu.
    
   
   
    
2. Voer hier het subpad van de URL-naam in, deze wordt gezien in de adresbalk. Maak deze kort en krachtig zodat bezoekers het makkelijk kunnen onthouden en opnieuw kunnen intypen.
   
    
   LET OP: Spaties en vreemde karakters geven moeilijke intikbare url paden. Daarom wordt aangeraden om deze tekens in dit veld niet te gebruiken.
   
   
3. Zet dit vinkje uit als de webpagina zichtbaar moet worden in het menu. Zet dit vinkje pas uit als de pagina helemaal klaar is.
   
4. Hier kan een begin/einddatum worden ingevoerd. (Dit is zeer handig voor bijvoorbeeld het plannen van acties, aanbiedingen en evenementen e.d.)
   - Als de begindatum is ingesteld, wordt de pagina pas zichtbaar voor uw bezoekers na het opgegeven datum en tijdstip.
   - Als de einddatum is ingesteld, wordt de pagina onzichtbaar voor uw bezoekers na het opgegeven datum en tijdstip.

Klik op opslaan om deze wijzigingen vast te leggen.

2.2 Pagina bewerken

Een pagina heeft de volgende bewerkingsopties:

1. Met de "New" knop kan een sub menu of sub-sub menu worden aangemaakt.
2. Met de "next (edit)" knop kan de onderliggende alinea worden bewerkt.
3. Als er meerdere alinea's op de pagina staan, is de alinea met de "Up" en "Down" knop van positie te veranderen.
4. Door op de "Delete" knop te drukken wordt onderliggende de alinea verwijderd.
5. Om een nieuwe alinea toe te voegen kan er op de "Add" knop worden gedrukt.

3 Content bewerken

In het content-bewerk-menu voor de website beheerder wordt gebruik gemaakt van de FCK editor. Deze editor heeft veel functies die Microsoft Word ook heeft en is daardoor zeer gebruikersvriendelijk.

In hoofdstuk 3.1.1 t/m 3.1.7 wordt uitleg gegeven over de beschikbare opties in de FCK editor.

3.1 Het content bewerk menu

Het content-bewerk-menu ziet er als volgt uit:


Het content bewerk menu (incl. FCKeditor).

3.1.1 De edit button

Als er op de "next (edit)" button wordt geklikt, wordt het content-bewerk-menu zichtbaar en is de content van de pagina te bewerken.

3.1.2 Website-beheer onderdelen

Het content-bewerk-menu bestaat uit de volgende onderdelen:

1. Bij "subject" wordt de alinea titel ingevuld, Deze komt als titel boven de alinea te staan. (Dit is geen verplicht veld en als deze wordt weggelaten wordt deze ook niet getoond)
2. Als er op "next (save)" wordt gedrukt, wordt de alinea opgeslagen. 
3. Nr. 3 & 4 zijn onderdelen van de FCKeditor; hier staan alle opties die te gebruiken zijn om de pagina in te vullen en/of te bewerken. 
4. In dit vlak komt de content te staan van de huidige alinea.

3.1.3 HTML Code

Door op de button "Code" te klikken wordt de broncode van de pagina zichtbaar.
In deze code is het mogelijk zelf dingen aanpassen te passen of toe te voegen. Dit is bedoeld voor mensen met HTML ervaring.


Normaal zonder HTML


In HTML code

3.1.4 Tekst opmaak

Tekst kan vet worden gemaakt door op de "B" knop te drukken of met CTRL+B.

Tekst kan Cursief worden gemaakt door op de "I" knop te drukken of met CTRL+I.

Tekst kan worden Onderstreept door op de "U" knop te drukken of met CTRL+U.
Wij raden echter het onderstrepen van tekst af omdat dit teveel lijkt op een hyperlink.

Tekst kan worden Doorgehaald door op de "ABC" knop te drukken.

3.1.5 Opsommingen

Er zijn 2 manieren waarop een opsomming gemaakt kan worden.

Optie 1

• Druk op de button van opsommingen 
• Typ de tekst
• Druk op [Enter] om het volgende volgnummer te krijgen. 

Optie 2

• Typ de tekst met [Enters]
• Selecteer de tekst
• Druk op de button van opsommingen

3.1.6 Hyperlinks

Er zijn twee manieren om een hyperlink aan een pagina toe te voegen:

1. In het tekstvlak een link typen; bijvoorbeeld: " www.aiens.nl ".
De link wordt automatisch aangemaakt als er "www. en .XX" achter staat.
 

2. Het is ook mogelijk een andere tekst als hyperlink te gebruiken zonder www/.XX.

1. Typ de tekst die als hyperlink moet gaan functioneren. (bijvoorbeeld: Atlantica Internetsites en Systeembeheer)
2. Selecteer de tekst.
3. Druk op de wereldbol of CTRL+L
   
    
4. Er opent nu een venster, vul bij "URL" de link in waar de hyperlink naartoe moet gaan verwijzen.
   
     
    
5. Druk op "OK" als de bezoeker de pagina moet zien in het huidige venster.
    
6. Ga naar het tabblad "Doel" als de link in een nieuw venster geopend moet gaan worden.
   
   
    
7. Druk vervolgens op de "drop down box" en selecteer "Nieuw venster (_blank)"
   
   
    
8. Klik op "OK" om de instellingen op te slaan.
   
   Atlantica Internetsites en Systeembeheer
    

Om een hyperlink te verwijderen:
selecteer eerst de link en druk daarna op de wereldbol met de gebroken ketting.
De tekst zal dan blijven staan maar de link is weg.

Afbeeldingsgrootte

Bepaal voordat een afbeelding geupload gaat worden, welk formaat de afbeelding in de webpagina moet krijgen. Het is aan te raden om de nieuwe afbeeldingsmaat zo nauwkeurig mogelijk te bepalen om de volgende redenen:

• Een te grote afbeelding zorgt voor onnodige lange laadtijd van de pagina.
• Een te kleine afbeelding zorgt er voor dat de afbeelding onscherp of blokkerig er uit komt te zien op de webpagina.

Hier onder staan een paar voorbeelden van maten van afbeeldingen die gebruikt kunnen worden als referentie.

Als de afbeelding groter is dan 1024 x 786 pixels, dan moet de afbeelding sowieso worden verkleind.

3.1.7 Afbeeldingen toevoegen

Om een afbeelding toe te voegen op de website moet er als eerste op de gele "Afbeelding invoegen/ wijzigen" knop worden gedrukt.


Er opent nu een nieuw venster

1. Druk op "Bladeren op server"
2. Klik op "Bladeren..."
3. Selecteer een afbeelding en klik op "Openen".
4. Verander de grootte bij het vakje "size" naar de juiste maat [zie Afbeeldingsgrootte]
   (De langste maat van de afbeelding wordt veranderd naar de door u opgegeven pixelmaat. De afbeelding behoud wel zijn verhouding)
5. Druk op "Upload"
6. Druk op "OK".
   
   

De afbeelding staat nu in het tekstvak.


Afbeelding in het tekstvak

- Het is ook mogelijk om een afbeelding direct vanaf het internet op de website te zetten, dit wordt afgeraden omdat afbeeldingen op internet komen en gaan. Het is beter om de afbeelding te downloaden en toe te voegen op de server van de website.

3.1.7.a Mappen aanmaken

Als er veel afbeeldingen op de server van de website staan, is het eenvoudig om alles in mappen op te bergen.
Zo kan de server netjes worden gehouden en is alles snel terug te vinden.

Hieronder wordt uitgelegd hoe een map kan worden gemaakt:

1. Druk op de knop voor afbeeldingen.

2. Druk op "Bladeren op server"
3. Druk op "Create New Folder"

 

4. Het kan zijn dat er een gele balk bovenin het venster komt te staan, klik daarop en klik op "Scriptvensters tijdelijk toestaan" en druk nogmaals op "Create New Folder"



5. Geef nu de map een naam.

6. Klik op "OK". De map is nu toegevoegd op de server.

3.1.7.b Eigenschappen afbeelding

Nu de afbeelding in het tekstvlak staat is het nog mogelijk om wat aanpasssingen te doen.
Druk met de rechtermuisknop op de afbeelding en klik op "Eigenschappen afbeelding"

1. Bij "Alternatieve tekst" is het mogelijk een regel in te voeren die te zien is als er een muis over een afbeelding beweegt. Voer dezelfde tekst ook in onder ->Geavanceerd -> "Aanbevolen titel".
2. Het is ook mogelijk om de afbeelding een rand te geven.
3. H of V Space bepaald de hoeveelheid ruimte die tussen de afbeelding en de omliggende tekst wordt vrijgehouden.
Geen van de 3 opties zijn verplicht maar kunnen wel van pas komen.
 

Afbeelding als link

Het is ook mogelijk om een afbeelding als hyperlink te gebruiken.
1. Klik één keer op de afbeelding met de linker muisknop.
2. Druk op de hyperlink knop en voeg een URL toe.


Het eindresultaat (VSpace: 50, HSpace: 25, Rand: 2, URL: www.aiens.nl/support/index.html, Alternatieve tekst: Support)

3.1.8 Tabellen invoegen

Druk op de knop "Tabel invoegen/wijzigen" om een tabel te maken.

 Er opent een nieuw venster met de eigenschappen voor de tabel.


 

1. Geef bij "Rijen/Kolommen" het aantal rijen en het aantal kolommen op.
2. Bij "Breedte rand" is het mogelijk om de dikte van de buitenrand aan te passen.
3. Met "uitlijning" wordt bepaald waar de tabel komt te staan; (links/midden/rechts)
4. Dit is de titel van de tabel, dit komt boven de tabel te staan.
5. Hier is de "Breedte" en "Hoogte" van de tabel in te vullen. Dit is later nog aan te passen in het tekstvlak.
6. Met de "afstand tussen cellen" wordt de dikte van de binnenranden bepaald;
   Met "afstand vanaf rand cel" is het mogelijk om ruimte tussen de rand en de tekst in te geven. 

Het resultaat.

3.1.9 Opmaak toevoegen

In de FCKeditor kan ook nog een titel worden toegevoegd onder de optie "Opmaak".
Door een kop te kiezen zal de tekst groter of kleiner worden. Dit is heel handig als je tussendoor een titel wilt toevoegen.
Er is één voorwaarde: er moet een standaard [Enter] (geen [Shift] + [Enter]) tussen zitten, anders krijgt de hele tekst de opmaak.

Voorbeelden van de opmaken.

De titel van de paragraaf kan ook in grootte verschillen. Deze is aan te passen met de knop naast het titeltekstvlak.

3.2 Preview en opslaan

Voordat een pagina wordt opgeslagen, is het mogelijk om deze van te voren te bekijken en te controleren op fouten.
Klik voor de preview op de link boven het tekstvak voor de paragraaftitel.



Klik op "next (save)" om de paragraaf op te slaan.
 

3.2.1 Importeren

Met de import functie is mogelijk om grote hoeveelheden tekst in één keer te importeren.
Dit is alleen mogelijk als er nog geen alinea's op de pagina staan, anders is de "import" knop niet beschikbaar.



 

- Kopieer de tekst in het linker tekstvlak.
- Om een titel toe te voegen in een stuk tekst moeten er twee [Enters] tussen de vorige alinea en de titel zitten.
- Als er geen titel in moet komen te staan, dan moeten er 3 [Enters] worden gegeven.
- De "Show" knoppen zijn er om de tekst naar de tweede kolom te "converteren" met de koppen en alinea's. De koppen zie je hierboven in een aparte tekstvlak.
- De "Check" knoppen zijn er om de tekst in preview mode te zien en om op te slaan of terug te gaan..

Druk op save om de alinea's toe te voegen op de website.
 

3.2.2 Nieuwsitems

Gebruik de "Add" knop aan de rechterkant van de pagina om een nieuw nieuwsitem toe te voegen.

- Er opent een nieuw venster.
- Vul hier een nieuwstitel en tekst in.
- Klik op volgende.

Er komt nu een preview te staan, klik op "opslaan" als deze goed is.





Het resultaat.
 
Let op! Het bericht is alleen zichtbaar op de beheerpagina waar deze is aangemaakt. Bezoekers zullen deze altijd zien.
 

3.3 "Beheer"

De websitebeheerder van een website krijgt een beheerders-pagina, op deze pagina komt in het menu een extra item te staan: "Beheer".
In dat menu staan 7 submenu’s. Deze worden uitgelegd in de komende paragrafen.

3.3.1 Afbeeldingen

Onder de submenu "Afbeeldingen" is het mogelijk om afbeeldingen te verwijderen van de server.
Als deze pagina geopend wordt, worden alle afbeeldingen per map weergegeven. Vervolgens is het mogelijk om afbeeldingen te selecteren en verwijderen.

3.3.2 Bestanden

Als er bestanden staan op de server, zijn deze onder het submenu "Bestanden" te zien en te verwijderen.
Dit werkt verder precies hetzelfde als afbeeldingen.


 

3.3.3 Laatst gewijzigd

Op deze pagina worden de laatste wijzigingen van de website weergegeven.
Wat er wordt weergegeven is:

1. De URL waar de wijziging heeft plaatsgevonden.
2. De datum van de wijziging.
3. De tijd van de wijziging.
4. De alinea zoals die is aangepast.

3.3.4 Logboek

Voor websites die door meerdere beheerders beheerd worden is het handig om wijzigingen, opmerkingen en/of intructies op te nemen in het AIenS logboek.

Toegang tot het logboek kan worden aangevraagd door een email te sturen naar support@aiens.nl

3.3.5 Statestieken

Op deze pagina is het mogelijk om de statestieken van de website te bekijken. Dit kan handig zijn om de bezoekersaantallen en dergelijke in de gaten te houden.

Deze statestieken worden per maand weergegeven.

Toegang tot de statistieken kan worden aangevraagd door een email te sturen naar support@aiens.nl

3.3.6 Nieuwsitems

Bij nieuwsitems worden alle items weergegeven en is het mogelijk om de volgoorde hiervan aan te passen.

3.3.7 Meta data

Op deze pagina is het mogelijk om Meta data te veranderen. Zoekmachines zoals Google gebruiken meta keywords om websites te zoeken. Vul een aantal korte maar krachtige woorden in die met de website te maken hebben.

Typ bij "Description" de tekst die te zien word onder de sitenaam als beschrijving bij google.

 
Hierboven de Meta data pagina.



Google zoekresultaat