INHOUDSOPGAVE 1 Introductie... 3 1.1 Sitebox... 3 1.1.1 Wat is een web content management systeem?... 3 1.1.2 Sitebox omgeving... 3 1.2 Inloggen... 3 1.3 Wachtwoord vergeten... 4 2 Modules... 4 2.1 Standaard modules... 4 3 Mijn profiel... 5 3.1 Profiel: Persoonlijke gegevens... 5 3.2 Taal instellingen... 5 3.3. Wachtwoord... 5 3.3 Groepen... 5 4 Aanmaken Pagina s... 5 4.1 Pagina toevoegen... 6 4.2 Pagina bewerken... 6 4.3 Pagina verwijderen... 7 4.4 Screenshots Structuur & pagina s en de pagina editor... 7 4.4.1 Pagina editor... 9 5 Aanmaken van een menu item... 10 5.1 Menu item toevoegen... 10 5.1.1 Screenshots Navigatie... 11 5.2 Menu item bewerken... 11 5.3 Menu item verwijderen... 12 1 P a g e
6 Aanmaken van een Artikel... 13 6.1 Artikel aanmaken... 13 6.2 Artikel bewerken... 13 6.3 Artikel verwijderen... 13 6.4 Artikel toevoegen aan een pagina... 13 6.5 Screenshots Artikelen... 14 7 Media module: Afbeeldingen... 15 7.1 Afbeeldingen... 15 7.1.1 Afbeeldingen uploaden... 15 7.1.2 Afbeeldingen bewerken... 16 7.1.3 Afbeeldingen herschalen... 16 7.1.4 Afbeeldingen verwijderen... 17 7.1.5 Afbeeldingen toevoegen... 18 7.1.6 Screenshot invoegen... 18 7.1.7 Afbeeldingen toevoegen aan een tekstblok... 19 7.1.8 Afbeeldingen van een pagina of artikel verwijderen.... 19 8 Media module: Downloadbare bestanden... 20 8.1 Downloadbare bestanden uploaden... 20 8.2 Toevoegen van downloadbare bestanden... 21 8.3 Downloadbare bestanden verwijderen... 21 8.4 Link naar downloadbare bestanden verwijderen... 21 2 P a g e
1 Introductie 1.1 Sitebox Sitebox is een krachtige web-based content management systeem waarmee u snel en eenvoudig uw website kunt opzetten en beheren. Door de easy-to-use interface raakt u al gauw bekend met alle Sitebox functionaliteiten en kunt u snel aan de slag! 1.1.1 Wat is een web content management systeem? Met een web content management systeem kunt u uw website online beheren. Het enige wat u daarvoor nodig heeft is een webbrowser (bijvoorbeeld: IE, Firefox) en een internet verbinding. 1.1.2 Sitebox omgeving Sitebox kan worden geïnstalleerd op uw eigen webserver of op een webserver die in het beheer is van CARE Internet Services. Om het beheer voor de eindgebruiker zo eenvoudig mogelijk te maken zijn er voor Sitebox een aantal standaard modules beschikbaar waarmee u pagina s, artikelen, plaatjes, downloadbare bestanden en navigatie structuren eenvoudig kunt aanmaken en beheren. 1.2 Inloggen U kunt inloggen met een eigen account. Uw aangeschafte Sitebox licentie bepaald welke functionaliteiten er binnen het systeem beschikbaar zijn. De rechten binnen het systeem worden aan de hand van groepen gedefiniëerd. De username is een mailadres, het password is gekoppeld aan dit mailadres. U komt op het inlogscherm door achter uw domeinnaam /sitebox te typen; Bijvoorbeeld: http://www.mijndomeinnaam/sitebox Figuur 1.1 3 P a g e
1.3 Wachtwoord vergeten Indien u uw wachtwoord vergeten bent klikt u in figuur 1.1 op Wachtwoord vergeten? Vervolgens vult u uw e-mail adres in en klikt u vervolgens op de knop Verstuur. Via mail ontvangt u uw inloggegevens. Figuur 1.2 2 Modules 2.1 Standaard modules Sitebox heeft een aantal standaard modules waarmee u de controle heeft over uw content. Hieronder ziet u de menu s van de modules uitgeklapt met de functionaliteiten die u tot uw beschikking heeft. Figuur 2.1 Figuur 2.2 Figuur 2.3 De functionaliteiten worden verder beschreven in de volgende hoofdstukken. Hoofdstuk 3: Mijn profiel, beheer van uw persoonlijke instellingen Hoofdstuk 4: Pagina s, aanmaken en beheer van uw pagina s Hoofdstuk 5: Navigatie, aanmaken en beheer van uw navigatie structuur Hoofdstuk 6: Artikelen, aanmaken en beheer van uw artikelen Hoofdstuk 7: Afbeeldingen, uploaden en beheer van uw afbeeldingen Hoofdstuk 8: Afbeeldingen toevoegen, afbeeldingen gebruiken Hoofdstuk 9: Downloadbare bestanden, beheer van uw downloadbare bestanden Naast de genoemde standaardmodules kunt u het systeem uitbreiden met maatwerkmodules. Hierdoor kunt u zelf bepalen welke functionaliteiten voor u website van belang zijn. Doordat Sitebox modulair is opgebouwd kunnen we snel inspelen op uw specifieke wensen en sluiten maatwerkmodules naadloos aan op het Sitebox systeem. 4 P a g e
3 Mijn profiel 3.1 Profiel: Persoonlijke gegevens Via de tab profiel kunt u uw persoonlijke gegevens wijzigen. Figuur 3.1 3.2 Taal instellingen U kunt kiezen uit de volgende talen; - Engels (Verenigde Staten), - Nederlands (Nederland), - Nederlands (Belgi ë). 3.3. Wachtwoord Het wachtwoord wat u ingeeft wordt getest op veiligheid. Het groene vinkje verschijnt wanneer u genoeg karakters heeft opgegeven en het wachtwoord voldoet aan de eisen. Het vinkje bij herhaal wachtwoord veranderd in een groene kleur wanneer deze gelijk is aan het eerder ingeven wachtwoord. Doormiddel van een kleurenbalk wordt de sterkte van het wachtwoord aangegeven. Figuur 3.2 3.3 Groepen Onder het tabje Groepen ziet u in welke groepen u bent ingedeeld. 4 Aanmaken Pagina s Met behulp van Structuur en pagina s beheerd u uw pagina s, artikelen en navigatie. Via de dropdown menu van Website (fig. 4.1) kunt u snel schakelen naar het onderdeel waar u mee wilt gaan werken. 5 P a g e
4.1 Pagina toevoegen Als u een pagina wilt toevoegen klikt u via Website op Structuur en pagina s (fig. 4.1). Figuur 4.2 toont de acties die uitgevoerd kunnen worden. De actieknoppen lichtgrijs van kleur zijn op dat moment niet te gebruiken. Voor een volledige beschrijving van de knoppen en overige iconen verwijzen we u naar de Sitebox 5 Quick reference card. Figuur 4.2: Actieknoppen: Zoek, Voeg toe, Bewerk, Verwijder, Publiceer, Meer Figuur 4.1 1. Klik via website op Structuur en pagina s 2. Klik op het voeg toe icoon om een nieuwe pagina toe te voegen. Figuur 4.3 toont het pop-up scherm die na deze actie wordt geopend. Figuur 4.3 Algemene pagina instellingen 3. Geef de nieuwe pagina een naam, bijvoorbeeld: nieuwe-pagina.html, een titel Mijn eerste pagina en selecteer een template. 4. Klik op OK 4.2 Pagina bewerken Om een pagina te kunnen bewerken openen we de Structuur en pagina s module. Zoals u in figuur 4.6 kunt zien, selecteren we de pagina en merken op dat daardoor de actieknoppen (figuur 4.2) allen actief zijn en dat u de daaraan gekoppelde acties kunt uitvoeren. 6 P a g e
1. Klik via website op Structuur en pagina s (fig. 4.1) 2. Selecteer de pagina die u wilt bewerken. Klik daarna op het potlood om de pagina te bewerken. 3. De pagina wordt geopend (fig. 4.7) 4. Op de pagina ziet u de edit blokken waar uw content is geplaatst (fig. 4.8) 5. Beweeg met de muis over het editblok totdat de bewerk en verwijder icoontjes verschijnen, klik op het potlood 6. De pagina editor wordt geopend (fig. 4.9 ) 7. U kunt u content aanpassen 8. Klik op OK om uw wijzigingen op te slaan maar niet te publiceren 9. Klik op OK & Publiceren om de wijzigingen op te slaan en te publiceren 4.3 Pagina verwijderen Om een pagina of meerdere pagina s te verwijderen selecteert u de pagina( s) en klikt vervolgens op de actieknop verwijder verschenen popup.. Bevestig dat u de menu item wilt verwijderen door op Ja te klikken in de Figuur 4.5 4.4 Screenshots Structuur & pagina s en de pagina editor 7 P a g e
Figuur 4.6 Structuur Opmerking: Op het moment dat u een pagina selecteert ziet u onderaan een samenvatting Figuur 4.8 editblok actief 8 P a g e
Figuur 4.9 What You See Is What You Get editor 4.4.1 Pagina editor Met de pagina editor kunt u op eenvoudige wijze uw content aanpassen/toevoegen. In figuur 4.10 ziet u van links naar rechts de volgende opties; 1. Source (HTML) 2. Toon blokken 3. Knippen 4. Kopieren 5. Plakken (platte tekst) 6. Ongedaan maken 7. Opnieuw uitvoeren 8. Zoeken 9. Vervangen 10. Alles selecteren 11. Opmaak verwijderen 12. Link invoegen/wijzigen 13. Link verwijderen 14. Interne link 15. Afbeelding 16. Tabel 17. Horizontale lijn toevoegen 18. Speciaal teken toevoegen 19. Stijl 20. Opmaak 21. Vet 22. Schuingedrukt 23. Onderstreept 24. Doorhalen 25. Subscript 26. Superscript 27. Links uitlijnen 28. Centreren 29. Rechts uitlijnen 30. Uitvullen 31. Genummerde lijst 32. Opsomming 33. Inspringen verkleinen 34. Inspringen vergroten 35. Tekstkleur 36. Achtergrondkleur Figuur 4.10 U kunt in de editor meteen beginnen met het toevoegen van content. Als u klaar bent met het toevoegen klikt u op de button invoegen. De editor wordt afgesloten en u keert terug naar de pagina inhoud (tab Inhoud). 9 P a g e
4.4.1.1 Opslaan maar niet publiceren Als u nog niet klaar bent met het toevoegen van content maar u wilt de wijzigen toch opslaan dan kiest u voor OK. De toevoegingen aan de pagina worden opgeslagen maar uw wijzigingen worden niet gepubliceerd worden. Pagina s die aangepast zijn en niet gepubliceerd worden aangeduid met een gele status vlag. 4.4.1.2 OK & Publiceren Klik op OK & Publiceren als de pagina gepubliceerd mag worden. Gepubliceerde pagina s worden aangeduid met een groene vlag. 5 Aanmaken van een menu item Met behulp van de navigatie module beheerd u op eenvoudige wijze uw navigatie menu. 5.1 Menu item toevoegen Als u een menu item wilt aanmaken klikt u via Website op Navigatie (fig. 5.1) om de navigatie module te openen. Figuur 5.1 Module Navigatie 1. Klik op Navigatie 2. Selecteer het menu 3. Selecteer een node of subnode 4. Klik op het voeg toe icoon om een nieuwe menu item toe te voegen 5. In de popup window, figuur 5.3, geeft u een naam op voor het menu item 6. De linktype gebruikt u om aan te geven dat het menu item gekoppeld is aan respectievelijk, geen, URL, pagina 7. Klik op OK om de wijzigingen op te slaan maar niet te publiceren 8. Klik op OK & Publiceren om het nieuwe menu item online te plaatsen 10 P a g e
5.1.1 Screenshots Navigatie Figuur 5.2 Structuur Navigatie Vervolg aanmaken van een menu item, Figuur 5.3 Naam menu item 5.2 Menu item bewerken Om een menu item te bewerken volgt u de volgende handelingen, 1. Selecteer het menu item die u wilt wijzigen 2. Klik op het potlood 3. In de popup window kunt u de naam en/of de link type aanpassen (fig. 5.3) 4. Voer de wijziging door 11 P a g e
5. Klik op OK als u de wijziging nog niet wilt publiceren maar wel wilt opslaan 6. Klik op OK & Publiceren om de wijzigingen op te slaan en te publiceren 5.3 Menu item verwijderen Om een menu item te verwijderen selecteert u het menu item en klikt vervolgens op de actieknop verwijder popup.. Bevestig dat u het menu item wilt verwijderen door op Ja te klikken in de verschenen Figuur 5.4 12 P a g e
6 Aanmaken van een Artikel Artikelen kunnen worden geplaatst op een pagina. U kunt dit vergelijken met het maken van een krant waarbij de krant uit pagina s bestaat en op iedere pagina artikelen staan. Het voordeel van artikelen is dat u deze één keer samenstelt en het aan iedere willekeurige pagina kunt toevoegen. Figuur 6.1 6.1 Artikel aanmaken Om een artikel aan te maken volgt u de volgende handelingen, 1. Klik via Website op Artikelen 2. Klik op het plusje om een nieuw artikel aan te maken 3. In de popup tab Algemeen(fig. 6.3) vult u een naam in 4. Klik op het tabje Inhoud om content toe te voegen aan het artikel (fig.6.4). De pagina editor is beschreven in hoofdstuk 4.4.1 5. Klik op OK als u de wijziging nog niet wilt publiceren maar wel wilt opslaan 6. Klik op OK & Publiceren om de wijzigingen op te slaan en te publiceren 6.2 Artikel bewerken Om een artikel te bewerken selecteert u het artikel en klik vervolgens op het potlood. De popup van figuur 18 wordt geopend. U kunt u wijzigingen toevoegen. 6.3 Artikel verwijderen Om een artikel te verwijderen selecteert u het artikel en klikt u vervolgens op de actie knop verwijder popup.. Bevestig dat u het artikel wilt verwijderen door op Ja te klikken in de verschenen Figuur 6.2 6.4 Artikel toevoegen aan een pagina Om een artikel toe te voegen aan een pagina openen we via Website, Structuur en pagina s. Open de pagina waarop u het artikel wilt plaatsen. Volg dan de hieronder beschreven stappen, 13 P a g e
1. U heeft de Pagina geopend 2. Klik in het betreffende editblok op het icoon Artikel (fig. 4.8) 3. Selecteer het artikel wat u wilt plaatsen 4. Klik op Invoegen 5. Klik op OK als u de wijziging niet wilt publiceren maar wel wilt opslaan 6. Klik op OK & Publiceren om de wijzigingen op te slaan en te publiceren 6.5 Screenshots Artikelen Figuur 6.3 Figuur 6.4 14 P a g e
7 Media module: Afbeeldingen Met de Media module beheerd u uw afbeeldingen en downloadbare bestanden. Figuur 7.1 7.1 Afbeeldingen Afbeeldingen kunnen worden gebruikt op pagina s en artikelen. 7.1.1 Afbeeldingen uploaden Om een afbeelding of meerdere afbeeldingen toe te voegen volgt u de volgende stappen, 1. Klik via Media op Afbeeldingen 2. Selecteer een folder waar u de foto s wilt plaatsen en klik op het voeg toe icoon 3. In de popup klikt u op de knop Selecteer bestanden (fig. 7.2) 4. Browse naar de folder locatie waar u uw afbeeldingen op uw computer heeft opgeslagen, selecteer de afbeelding of meerdere afbeeldingen. U kunt ook meerdere afbeeldingen selecteren door deze aan te klikken met een ingedrukte CTRL toets + linkermuis klik 5. Klik op Open 6. De afbeelding(en) worden geladen 7. Als het laden is afgerond toont de popup een overzicht van de geselecteerde bestanden 8. U kunt door op het prullenbak te klikken een afbeelding verwijderen 9. Klik op OK als u de afbeelding(en) wilt uploaden maar niet wilt publiceren 10. Klik op OK & Publiceren om de afbeelding(en) te uploaden en te publiceren Figuur 7.2 15 P a g e
7.1.2 Afbeeldingen bewerken Om een afbeelding te kunnen bewerken kunt u gebruik maken van de Sitebox image editor (fig. 21). De image editor wordt geopend zodra u een afbeelding gaat wijzigen. U kunt de volgende bewerkingen uitvoeren, Afbeeldingen herschalen Afbeeldingen linksom roteren Afbeeldingen rechtsom roteren Afbeeldingen bijsnijden (crop) Afbeeldingen een effect meegeven Afbeeldingen Spiegelen zowel horizontaal als verticaal 7.1.3 Afbeeldingen herschalen U kunt u afbeeldingen herschalen door gebruik te maken van de image editor (fig. 7.3). Selecteer de afbeelding die u wilt bewerken en klik op het potlood 1. Geef een Breedte op, indien de optie behoud proporties is ingeschakeld zal de hoogte zich automatisch aanpassen en zal de afbeelding niet vervormen. Als de optie is uitgeschakeld ziet u dat de schakel verbroken is 2. Klik op de knop Herschalen om de wijzigingen te bekijken 3. Ongedaan maken kan door op het pijltje te klikken, terug naar het origineel kan met behulp van het pijltje 4. Klik op OK als u de aanpassing(en) aan de afbeelding(en) wilt opslaan maar niet wilt publiceren 5. Klik op OK & Publiceren om de aanpassing(en) aan de afbeelding(en) te uploaden en te publiceren 16 P a g e
Figuur 7.3 7.1.4 Afbeeldingen verwijderen Om afbeelding(en) te verwijderen selecteert u de betreffende afbeelding(en), klikt u op de actieknop verwijder om de afbeelding(en) te verwijderen. Bevestig dat u de afbeelding(en) wilt verwijderen door op Ja te klikken. Figuur 7.4 17 P a g e
7.1.5 Afbeeldingen toevoegen Om een afbeelding aan een editblok van een pagina of artikel toe te voegen opent u de betreffende pagina of artikel via website, Structuur en pagina s/artikel. Wanneer u de pagina gaat wijzigen kunt u aan het editblok (fig. 4.8) een afbeelding toevoegen door op het afbeelding (fig. 7.5 icoon no.3) te klikken. 7.1.6 Screenshot invoegen Figuur 7.5 1. Tekst toevoegen 2. Artikelen toevoegen 3. Afbeeldingen toevoegen 4. HTML toevoegen 5. Spacer (witruimte) toevoegen Om een afbeelding toe te voegen volgt u de volgende stappen; 1. Ga via website naar Structuur en pagina s 2. Selecteer de betreffende pagina en klik op het potlood 3. De pagina inhoud wordt geopend 4. Klik op het icoon afbeelding (fig. 7.5 icoon no. 3) 5. De popup Invoegen Afbeelding wordt geopend (fig. 7.6) 6. Selecteer de afbeelding die u wilt toevoegen 7. Klik op Invoegen 8. Klik op OK om de wijzigingen op te slaan maar niet te publiceren 9. Klik op OK & publiceren om de wijzigingen op te slaan en te publiceren Figuur 7.6 18 P a g e
7.1.7 Afbeeldingen toevoegen aan een tekstblok U kunt afbeeldingen toevoegen aan een tekstblok. Volg de volgende stappen, 1. Ga met uw muis over het editblok waarvan u het tekstblok wilt wijzigen en klik op het potlood 2. Klik op icoon Afbeelding (fig. 7.7 icoon no. 15) 3. Selecteer de afbeelding die u wilt plaatsen 4. Klik op Invoegen 5. Klik op OK om de wijzigingen op te slaan maar niet te publiceren 6. Klik op OK & publiceren om de wijzigingen op te slaan en te publiceren Figuur 7.7 7.1.8 Afbeeldingen van een pagina of artikel verwijderen. Om een afbeelding uit een; 1. een edit blok te verwijderen, beweegt uw met de muisaanwijzer over het edit blok totdat deze lichtgrijs oplicht, in de rechterbovenhoek ziet u twee icoontjes (fig. 7.8). Door op het icoon te klikken kunt u de afbeelding verwijderen. 2. een tekstblok te verwijderen dient u eerst de tekstblok te editten, selecteer de afbeelding en druk vervolgens op de Delete-toets van uw toetsenbord. Bevestig dat u de afbeelding wilt verwijderen door in de verschenen popup op Ja te klikken. Figuur 7.8 19 P a g e
8 Media module: Downloadbare bestanden U kunt via de media module downloadbare bestanden eenvoudig uw bestanden beheren. Voordat u gebruik kunt maken van de bestanden moeten deze worden geupload. 8.1 Downloadbare bestanden uploaden Klik via de module Media op de Downloadbare bestanden. Volg de volgende stappen, 1. Open via Media, Downloadbare bestanden de module 2. Selecteer de folder waar u de downloadbare bestanden wilt uploaden 3. Klik op het voeg toe icoon om bestanden toe te voegen 4. In de popup klikt u de knop selecteer bestanden (fig. 8.1) 5. Browse naar de folder locatie waar u uw bestanden heeft opgeslagen, selecteer het bestand of meerdere bestanden, dit laatste kan door middel van een ingedrukte CTRL toetst + linkermuis klik op iedere afbeelding 6. Klik op Open 7. De afbeelding(en) worden geladen 8. Als het laden is afgerond toont de popup een overzicht van de bestanden die u wilt uploaden 9. Merk op dat u door op het prullenbak te klikken de afbeelding kunt verwijderen 10. Klik op OK als u het bestand(en) wilt uploaden maar niet wilt publiceren 11. Klik op OK & Publiceren om de afbeelding(en) te uploaden en te publiceren Figuur 8.1 20 P a g e
8.2 Toevoegen van downloadbare bestanden Downloadbare bestanden kunt u aanbieden via een link op een pagina of artikel. Volg de onderstaande stappen, 1. Open via website Structuur en pagina s of artikel 2. Selecteer de pagina of artikel die u wilt bewerken 3. Klik op het potlood 4. Open de pagina editor van het editblok dat u wilt aanpassen (fig. 8.2) Klik daarvoor op het potlood 5. Type of selecteer een stuk tekst of afbeelding en klik vervolgens op het hyperlink icoon (fig. 7.7 icoon no. 12) 6. Kies voor het Type: Downloadbaar bestand 7. Selecteer het bestand die u wilt toevoegen en klik op Invoegen 8. Klik op wijzigen om de toevoegingen op te slaan 9. Klik op OK om de wijzigingen op te slaan maar niet te publiceren 10. Klik op OK & publiceren om de wijzigingen op te slaan en te publiceren Figuur 8.2 8.3 Downloadbare bestanden verwijderen Via Media klikt u op Downloadbare bestanden, selecteer het bestand of bestanden gevolgd door een klik op het verwijder icoon. Bevestig met Ja als u het bestand(en) wilt verwijderen. 8.4 Link naar downloadbare bestanden verwijderen Om een link naar een downloadbare bestand te verwijderen selecteert u de tekst waar de verwijzing aan is toegekend, vervolgens klikt u op het icoon link verwijderen icoon (fig. 7.7 icoon no. 13). Uiteraard kunt u ook de gehele link verwijderen door na het selecteren van de tekst op de delete toets te drukken. 21 P a g e