Central Station CS website
Versie 1.0 18-05-2007
CS Website
Inhoud Inleiding...................................................................................................3 1 De website..........................................................................................4 2 Het content management systeem ..................................................5 2.1 Inloggen in het CMS ................................................................................................................... 5 2.2 Boomstructuur............................................................................................................................. 5 2.3 Maptypen .................................................................................................................................... 6 2.4 Aanmaken map........................................................................................................................... 7 2.5 Bewerken bestaande map .......................................................................................................... 8 2.6 Belangrijke velden....................................................................................................................... 9 2.7 Aanmaken van de startpagina .................................................................................................. 10 2.7.1 De pagina een naam geven ............................................................................................. 10 2.7.2 De pagina-inhoud vullen .................................................................................................. 11 2.7.3 Omschrijving / trefwoorden invullen (optioneel) ............................................................... 11 2.7.4 Pagina opslaan ................................................................................................................ 11 2.8 De HTML-editor ........................................................................................................................ 12 2.8.1 Tabel invoegen................................................................................................................. 12 2.8.2 Link invoegen ................................................................................................................... 13 2.8.3 Afbeelding / bestand invoegen......................................................................................... 14 2.9 Het documenten overzicht ........................................................................................................ 17 2.9.1 Knoppenbalk .................................................................................................................... 17 2.9.2 Rechtermuis menu ........................................................................................................... 18 2.9.3 Actieve map wijzigen (documenten van andere map oproepen)..................................... 19
2 / 19
CS Website
Inleiding De module : “CS website” biedt u de mogelijkheid om de inhoud van uw website te onderhouden. In deze handleiding zal worden gesproken over het CMS, wat staat voor Content Management Systeem.
3 / 19
CS Website
1
De website
Een website is doorgaans opgedeeld in een aantal ‘blokken’. Denk hierbij bijvoorbeeld aan een menu en een tekstblok. Deze indeling is statisch, de inhoud van de blokken is dynamisch (aan te passen met het CMS).
1 3
2
4
In dit voorbeeld kunnen we de volgende ‘blokken’ onderscheiden. 1. 2. 3. 4.
Hoofdmenu Submenu Navigatiebalk Inhoud
Het is mogelijk om de inhoud van menu 1 en 2 naar wens aan te passen. De navigatiebalk (3) wordt automatisch gevuld aan de hand van het aangeklikte menu-onderdeel. De inhoud (4) is gekoppeld aan het aangeklikte menu-onderdeel. Afhankelijk van het ontwerp van uw website zal deze meer of minder blokken bevatten dan de website in dit voorbeeld.
4 / 19
CS Website
2
Het content management systeem
2.1
Inloggen in het CMS
Via de URL, die u van Obec heeft ontvangen, kunt u inloggen in het CMS. Vaak is dit https://www.uworganisatie.nl/csweb/. De gebruikersnaam en wachtwoord komen overeen met uw Central Station gebruikersnaam en wachtwoord.
Na inloggen ziet u de boom, die u uit Central Station kent.
2.2
Boomstructuur
De boom bevat een map met de naam ’uw organisatie website’. Een opzet van de structuur van de website-boom wordt deels door Obec ingevuld. Denk hierbij aan de verschillende menu’s die uw website bevat. In deze voorbeeld boomstructuur is onder de map ‘Over Obec’ een aantal submappen te zien. Deze submappen corresponderen met het menu dat zichtbaar is op de website.
5 / 19
CS Website
2.3
Maptypen
Het CMS kent verschillende maptypen. Website verzamelmap De website verzamelmap is bedoeld voor het onderbrengen van delen van de webpagina die bij elkaar horen. Zo zou bijvoorbeeld een verzamelmap voor de publieke website en voor het intranet van een organisatie kunnen worden gemaakt. Onder deze verzamelmappen kunnen hoofdmenu mappen worden geplaatst welke samen het menu van de website gaan vormen.
Website hoofdmenu Het website hoofdmenu bepaalt de onderdelen van het menu op de website. Per hoofdmenu-map is in te stellen wat de naam is en wat er moet gebeuren wanneer een bezoeker van de pagina op dit menu onderdeel klikt. Website submenu Afhankelijk van de layout van de website bestaat er ook een submenu. De onderdelen van dit menu worden zichtbaar wanneer het bovenliggende hoofdmenu onderdeel wordt aangeklikt. In dit voorbeeld is het hoofdmenu onderdeel Over Obec aangeklikt waardoor het onderliggende submenu in de linkerkant van de pagina is geopend.
De structuur van het hoofd- en submenu zijn via de boom te bepalen. De volgorde van de mappen is te bepalen via het CMS. (zie paragraaf 1.5)
6 / 19
CS Website
2.4
Aanmaken map
Voor het aanmaken van een nieuwe map (bijvoorbeeld een hoofdmenu-map) volgt u de volgende stappen: 1. Klik met de rechtermuisknop op een map in de boom waar de nieuwe map onder moet worden geplaatst. 2. Kies voor Aanmaken map en vervolgens het maptype van uw keuze. Er verschijnt een nieuw venster waarin de eigenschappen van de map kunnen worden bepaald.
3. Geef de map een naam. 4. Klik op Opslaan, hierdoor wordt de zojuist aangemaakte map toegevoegd aan de boom en direct geopend in het rechterdeel van het scherm. 5. Vul de overige velden in. 6. Klik op OK
7 / 19
CS Website
2.5
Bewerken bestaande map
Om een bestaande map te bewerken dubbelklikt u met de linkermuisknop op de map in de boom. De map wordt dan in het rechter deel van het scherm als tabblad geopend.
8 / 19
CS Website
2.6
Belangrijke velden
1. Naam Hiermee is de naam van het menu-item in te stellen. 2. Volgorde Hiermee wordt de plaats van het menu-onderdeel in het menu bepaald. Wanneer de volgorde niet wordt ingevuld, dan wordt het menu alfabetisch gesorteerd. 3. Startpagina Deze pagina wordt geopend wanneer een bezoeker op het menu-onderdeel klikt. Zie paragraaf 2.7 voor het aanmaken van pagina’s. 4. Harde link Dit veld wordt gebruikt wanneer een externe pagina moet worden geopend bij het klikken op het menu-onderdeel. Wanneer dit veld is ingevuld dan wordt de startpagina genegeerd. Vul hier het adres van een webpagina in, bijvoorbeeld http://www.anderewebsite.nl 5. Link openen in Dit veld bepaalt op welke wijze de startpagina wordt geopend. Nieuw venster De pagina wordt in een nieuw los venster geopend. Standaard venster De pagina wordt het standaard venster geopend, in het voorbeeld uit hoofdstuk 1 is dit blok 4. Volledig scherm De pagina wordt in volledig scherm geopend. 5. Zichtbaar op website Met dit veld wordt bepaald wanneer het menu-onderdeel zichtbaar is op de website. Altijd Het menu-onderdeel is altijd zichtbaar op de website. Alleen wanneer ingelogd Het menu-onderdeel is alleen zichtbaar wanneer de website-bezoeker is ingelogd. (bijvoorbeeld een onderdeel ‘mijn gegevens’) Alleen wanneer niet ingelogd Het menu-onderdeel is alleen zichtbaar wanneer de website-bezoeker niet is ingelogd. (bijvoorbeeld een onderdeel ‘aanmelden’) Nooit Het menu-onderdeel is niet zichtbaar op de website.
9 / 19
CS Website
2.7
Aanmaken van de startpagina
De eigenlijke inhoud van de webpagina bestaat uit verschillende losse pagina’s. Het instellen van de startpagina is een goede start om de eerste pagina aan te maken.
Door op (bewerken) te klikken wordt een HTML-editor geopend, is er al een startpagina, dan wordt deze in de editor geopend. Door op
(verwijderen) te klikken wordt de startpagina leeggemaakt.
Door op (zoeken) te klikken kan naar een bestaande pagina worden gezocht welke als startpagina kan worden ingesteld. (zie ook paragraaf 2.9) Door op 2.7.1
(nieuwe pagina) te klikken wordt een HTML-editor met een blanco pagina geopend. De pagina een naam geven
Geef de pagina een naam door in het veld Naam webdocument een titel te typen.
10 / 19
CS Website
2.7.2
De pagina-inhoud vullen
Vul vervolgens de inhoud van de pagina door het grote invoerveld aan te klikken en een tekst te typen. Met de knoppenbalk boven het invoerveld kunt u: opmaak van de tekst te wijzigen (lettertype, grootte, kleur, etc.) opsommingen invoegen tabellen invoegen links naar andere pagina’s invoegen links naar bestanden (zoals Word / PDF) invoegen afbeeldingen invoegen Door met de muis boven een knop in de knoppenbalk te blijven ‘hangen’ verschijnt een korte omschrijving van de functie van de knop.
2.7.3
Omschrijving / trefwoorden invullen (optioneel)
Onder de HTML-editor bevindt zich een veld waar een omschrijving en trefwoorden m.b.t. de pagina kunnen worden ingevuld. De informatie die hier wordt ingevuld wordt gebruikt door zoekmachines (zoals Google, MSN search etc.) om te bepalen of een zoekwoord van toepassing is op de bijhorende pagina. Het wordt aangeraden om trefwoorden te gebruiken. Elk trefwoord moet door een komma worden gescheiden. Gaat de pagina bijvoorbeeld over schilderijen dan zouden de trefwoorden op de volgende manier kunnen worden ingevuld:
2.7.4
Pagina opslaan
Klik op Document inschrijven om de pagina op te slaan en het scherm te sluiten. De naam van de pagina wordt ingevuld in het veld Startpagina. Klik op OK om het menu-onderdeel op te slaan en te sluiten.
11 / 19
CS Website
2.8
De HTML-editor
Het bewerken van een pagina is eenvoudig door het gebruik van de HTML-editor. Hiermee is het mogelijk om zonder kennis van HTML een pagina te bouwen. De layout en functionaliteit doet sterk denken aan MS Word en zal hierdoor redelijk herkenbaar zijn. De meest voorkomende acties, die iets ingewikkelder zijn dan het typen van een tekst, worden hieronder beschreven. 2.8.1
Tabel invoegen
Een tabel kan handig zijn om bijvoorbeeld een tekst op de pagina weer te geven met de afbeelding er rechts naast. Wanneer de rand dikte 0 is zal in de HTML-editor een gestippelde rand worden weergegeven om aan te geven waar de randen van de tabel zich bevinden.
Om de eigenschappen van de tabel achteraf aan te passen kunt u met de rechtermuisknop op de tabel klikken. Hiermee wordt een menu geopend.
Door met de rechtermuisknop in een cel van een tabel te klikken kunnen de eigenschappen van de aangeklikte cel worden gewijzigd. Tevens kunnen via dit menu extra rijen worden ingevoegd.
12 / 19
CS Website
2.8.2
Link invoegen
Een link is een verwijzing naar een andere website. Om een link in te voegen voert u de URL (het adres) van de website in. De weergavenaam is de tekst die aanklikbaar is op de website, bijvoorbeeld lees meer. Het doel bepaalt hoe de link wordt geopend. Eigen venster De pagina wordt in hetzelfde deel van de pagina geopend als waarin wordt geklikt. (bijvoorbeeld blok 4 uit hoofdstuk 1) Nieuw venster De pagina wordt in een nieuw los venster geopend. Volledig scherm De pagina wordt in hetzelfde venster geopend en maakt gebruik van de volledige hoogte en breedte van het venster. Afhankelijk van de layout van de website kunnen hier website specifieke opties staan, zoals ‘linkerkolom’ of ‘nieuwskolom’. Door op de knop Test te klikken kunt u testen of een link die u wilt invoegen correct werkt. (deze pagina wordt dan in een nieuw venster geopend) Om de eigenschappen van een link achteraf aan te passen kunt u met de rechtermuisknop op een link klikken. Hiermee wordt hetzelfde menu geopend.
13 / 19
CS Website
2.8.3
Afbeelding / bestand invoegen
Het is mogelijk om verwijzingen naar alle soorten bestanden in te voegen. Deze bestanden kunt u toevoegen vanaf uw eigen computer. Om een bestand in te voegen volgt u de volgende stappen. 1. Klik op . Er wordt een venster geopend. In dit venster worden alle bestanden binnen de huidige map weergegeven. 2. Klik op ‘Bladeren’ (bij Engelstalige systemen ‘Browse’), er verschijnt een venstertje.
3. Zoek op uw PC naar het bestand dat moet worden toegevoegd. Klik het bestand aan en klik op Openen.
4. De locatie van het bestand wordt nu ingevuld in het veld Bestand toevoegen.
14 / 19
CS Website
5. Klik op toevoegen om het bestand naar de website map te kopiëren. Het bestand is nu toegevoegd aan de lijst van bestanden.
6. Klik op OK om het bestand in te voegen.
Wanneer het bestand, dat u invoegt, geen plaatje is, wordt vanzelf een link naar het bestand ingevoegd. Op deze manier kunt u bijvoorbeeld links naar Word- of PDF-bestanden invoegen. Wanneer het in te voegen bestand een reeds ingevoerde pagina is, dan wordt een link naar deze pagina ingevoegd.
15 / 19
CS Website
Er zijn verschillende opties om de pagina op te slaan. De pagina opslaan en het venster sluiten. De wijzigingen zijn direct zichtbaar op de website. De pagina opslaan en verder werken. De wijzigingen zijn direct zichtbaar op de website. De pagina opslaan en verder werken. De wijzigingen zijn niet zichtbaar op de website.
16 / 19
CS Website
2.9
Het documenten overzicht
Wanneer een map vanuit de boom wordt geopend dan is standaard het tabblad Eigenschappen actief. Door het tabblad Documenten aan te klikken kunt u zien welke documenten (bestanden) in de map staan.
Binnen het documentenoverzicht kunnen bestanden worden toegevoegd (zie Afbeelding / bestand invoegen in paragraaf 2.8)
2.9.1
Knoppenbalk
Boven het overzicht bevindt zich een knoppenbalk. De belangrijkste knoppen in de balk zijn: Nieuw webdocument aanmaken, hiermee maakt u een nieuwe pagina aan. Document bewerken, hiermee bewerkt u het geselecteerde bestand in het overzicht. Document verwijderen, hiermee verwijdert u het geselecteerde bestand in het overzicht.
17 / 19
CS Website
2.9.2
Rechtermuis menu
Het overzicht heeft een rechtermuismenu. Dit menu kan worden opgeroepen door met de rechter- muisknop op een document in het overzicht te klikken. Openen Het document openen. Bewerken Het document bewerken in de HTML editor. Deze optie is alleen beschikbaar op HTML documenten. Inschrijven Een document met de status in bewerking opslaan (inschrijven) in de database. Nb. deze actie wordt alleen uitgevoerd wanneer u het bestand in bewerking hebt Bewerken annuleren De wijzigingen van een document met de status in bewerking annuleren. Nb. deze actie wordt alleen uitgevoerd wanneer u het bestand in bewerking hebt Verwijderen Het document verwijderen. Nb. deze actie wordt alleen uitgevoerd wanneer u hiervoor gerechtigd bent Aanpassen o Hernoemen Het document hernoemen. Nb. deze actie wordt alleen uitgevoerd wanneer u hiervoor gerechtigd bent o Markeren om te vervangen Aangeven dat het document moet worden vervangen. Wanneer u een nieuw document toevoegt (zie paragraaf 2.8.3) zal het gemarkeerde bestand worden vervangen door het document dat u toevoegt. Kopiëren / plakken o Snelkoppeling kopiëren Een snelkoppeling naar het document kopiëren naar het klembord. o Snelkoppeling plakken Een gekopieerde snelkoppeling plakken in de actieve map. Nieuw o Webdocument Een nieuwe HTML pagina aanmaken. o URL Een URL (website adres) toevoegen aan het documenten overzicht. Door een toegevoegde URL te openen wordt deze geopend in een nieuw venster. Overzicht verversen Het documentenoverzicht verversen.
18 / 19
CS Website
2.9.3
Actieve map wijzigen (documenten van andere map oproepen)
Het documenten overzicht kan ook vanuit de HTML-editor en het startpagina veld worden opgeroepen. Het documenten overzicht heeft dan een extra veld Actieve map. Door het loepje achter dit veld te gebruiken kan het documenten overzicht uit een andere map worden opgeroepen. Typ in het veld Zoek (een deel van) de naam van de map waar je het documenten overzicht van wil openen en klik op Zoek.
Dubbelklik op de naam van de map om het documenten overzicht van de geselecteerde map te openen.
Selecteer het gewenste document en klik op OK.
19 / 19
