Gebruikershandleiding
Inleiding. Het bijhouden, wijzigen en aanpassen van de inhoud van de website met je standaard web browser. De website maakt gebruik van CMS (content managment system)
Door in te loggen op de administrator pagina kun je direct aan de slag, zonder kennis nodig te hebben van programmeren. De omgeving ziet eruit als een standaard tekst editor.
Inloggen als administrator: www.mijnwebsite.nl/admin.php (vervang mijnwebsite door je eigen domeinnaan) Zie foto 1. Klik op het hangslot. Er verschijnt nu een pop-‐up scherm. Vul hier de gebruikersnaam en wachtwoord in. Zie foto 2.
Foto 1
Foto 2
Na het inloggen wordt je direct doorgestuurd naar de administrator pagina. Hier bevindt zich ook de documentatie van het onderhouden van de website en contactgegevens van Famba Webdesign. Foto 3 (onder) Via de navigatieknoppen van de website kun je naar de gewenste pagina gaan, en deze bewerken. De pagina’s voorzien van een hangslot (linksonder) kunnen worden bewerkt. De pagina’s met vaste inhoud kunnen niet worden bewerkt, zoals b.v. de contactpagina of Sitemap. Met het hangslot kan geschakeld worden tussen bewerken en bekijken. Als het hangslot open is kan de pagina worden bewerkt, je ziet dan ook symbolen op de pagina verschijnen. Als het hangslot gesloten is, bekijk je de pagina zoals de bezoekers die zien. Let op! Je bent nog steeds ©2011 Famba Fotografie & Webdesign
1
ingelogd als administrator. Om uit te loggen sluit je de browsersessie. De bezoekers zien het hangslot niet, die kan alleen de administrator zien als deze als administrator is ingelogd. Foto 4
Links onderin is het hangslot zichtbaar. Het hangslot is open, dus de pagina kan bewerkt worden. Het symbool linksboven (vierkant met potlood) geeft aan dat hier de tekst aangepast kan worden door erop te klikken.
Wordt het hangslot gesloten, door er op te klikken verdwijnen de iconen en zie je hoe het er uit ziet zoals de bezoekers het zien. (De bezoekers kunnen het hangslot nooit zien.)
Het bewerken van tekst: Foto 5
Door op het teken (zie foto links) te klikken verschijnt er een tekstverwerker scherm. Deze werkt ongeveer gelijk aan een tekstverwerker zoals b.v. word.
Zie foto (6) hieronder.
©2011 Famba Fotografie & Webdesign
2
Foto 8
Korte omschrijving van de symbolen: Diskette: opslaan van het document.
Mapje met Word symbool, word document importeren Aardbol met ketting, invoegen van een hyperlink Foto icoon, invoegen van een afbeelding.
Verder de standaard tekstverwerkersymbolen zoals uitlijning, lettertype, vet, schuin en onderstrepen.
Toevoegen van een foto: Foto 8
Foto 10
Door op het teken (zie foto links) te klikken opent een pop-‐up scherm voor het toevoegen van een foto.
Klik op de knop “kies betand” nu opend een verkenner scherm (Windows) of een Finder scherm (Mac OS X), browse naar de locatie op je computer waar de foto’s die je wilt plaatsen zich bevinden. Selecteer een foto en kies toevoegen.
Let op!! De meeste webhosting pakketten hebben een beperking van Max 2Mb per upload. De max grootte welke per provider kan verschillen is links van de “kis bestand” knop te zien. Als het een foto betreft de zich ergens op een server bevind de Link URL ingevoerd worden in het betreffende invoerveld. Bij “Alt-‐tekst” kan (niet noodzakelijk) een korte beschrijving ingevuld worden. Deze wordt ©2011 Famba Fotografie & Webdesign
3
dan zichtbaar als de muis-‐aanwijzer zich op de foto bevind. Ook gebruikt een zoekmachine zoals Google deze tekst in zoekopdrachten. Als alles ingevoerd is klik dan op de knop “bewaar”. Om een foto te wissen klik dan eerst op symbool foto toevoegen (foto 8) klik in het pop-‐up venster dat verschijnt op de knop “verwijder afbeelding”
Foto’s toevoegen in een fotoalbum: Foto 11
Klik op het + teken om een foto toe te voegen. Er verschijnt een pop-‐up scherm zoals foto 10, ook de handelingen zijn verder gelijk. Door iedere keer weer op het + teken te drukken wordt er weer een foto toegevoegd aan het album. Alle foto’s verschijnen als Thumpnail op de webpagina. Door op de foto te klikken wordt de foto vergroot weergegeven. Foto 12
De hoeveelheid foto’s die naast elkaar passen en de grootte van de thumpnails worden in de basis bij het ontwerpen van de template vastgesteld, en kunnen hier niet worden gewijzigd. Als het wenselijk is neem dan contact op met
[email protected] De foto hierboven laat zien hoe het er uit kan zien als er meerdere foto’s aan het album zijn toegevoegd. Met < teken kan de foto één plek naar links worden verplaatst. Met het > teken kan de foto één plek naar rechts worden verplaatst. + teken foto teovoegen, -‐ teken foto verwijderen. Met het symbool (zie foto 5) kan er een korte tekst / omschrijving worden toegevoegd.
Foto 13 geeft weer als er op een foto in het album wordt geklikt. Door met de muis op de linker of rechter rand van de foto te staan, kan de volgende / vorige foto in het album bekeken worden.
©2011 Famba Fotografie & Webdesign
4
Element toevoegen: Foto 14
Op pagina’s waar elementen kunnen worden toegevoegd kun je herkennen aan de bovenste rij symbolen, zie foto 14. De inhoud van het element kan verschillen per pagina of per website. Als er items aan het element moeten worden toegevoegd of worden verwijderd, neem dan contact op met
[email protected] In dit voorbeeld bestaat het element uit 2 tekstblokken, Naam_pup & tekst_pup en een fotoalbum. Als er een element wordt toegevoegd worden de blokken in het element toegevoegd. Als b.v. er een nestje is van 6 pups kun je 5 elementen toevoegen, zodat je voor iedere pup een tekst kan schrijven en dat iedere pup zijn eigen fotoalbum heeft. Uitleg symbolen:
+ teken element toevoegen
Prullenbak, element verwijderen.
element naar boven verplaatsen
element naar beneden verplaatsen
element activeren of deactiveren. Als het zichtbaar is, is het element geactiveerd en is het op de website voor de bezoekers zichtbaar. Als het wordt weggehaald is de inhoud van het element niet zichtbaar voor de bezoekers. Je kunt dit zelf controleren door links onder op het hangslot te klikken. Dit kan erg handig zijn om elementen alvast voor te bereiden, en op het moment dat het klaar is, even aan te vinken en het wordt zichtbaar voor de bezoekers. Dit kun je dus overal doen, want je hebt slechts een internetverbinding nodig om in te kunnen loggen als administrator! Foto 15
Dit is een element bestaande uit een tekstblok en een foto.
Door een element toe te voegen wordt er weer een nieuw element met een tekstblok en een foto toegevoegd, met dezelfde opmaak.
Succes met het onderhouden van je website. Heb je nog vragen en/of opmerkingen stuur deze dan naar
[email protected]
©2011 Famba Fotografie & Webdesign
5
Famba Fotografie & Webdesign Website:
Email:
www.famba.nl
[email protected]
©2011 Famba Fotografie & Webdesign
6