1 HANDLEIDING PROWEBS CONTENT MANAGEMENT SYSTEEM2 INHOUDSOPGAVE Inhoudsopgave INTRODUCTIE 3 Wat is het Prowebs CMS? 4 De voorbereiding 6 Parameterinst...
INHOUDSOPGAVE Inhoudsopgave INTRODUCTIE Wat is het Prowebs CMS? De voorbereiding Parameterinstelling Internet Explorer De werking van het CMS DE 6 STAPPEN HANDLEIDING Stap 1: Inloggen Stap 2: Selecteren map Stap 3: Nieuwe versie aanmaken Stap 4: Wijzigingen aanbrengen Stap 5: Valideren Stap 6: Publiceren STAP VOOR STAP HANDLEIDING Verbinding maken met het CMS van Prowebs Het hoofdscherm (interface) Het hoofdscherm - het onderdelenoverzicht Het hoofdscherm - de werkbalk Nieuwe map aanmaken Nieuwe afbeelding importeren Een nieuwe HTML-pagina aanmaken Een nieuw onderdeel aanmaken op basis van een bestaand onderdeel Een HTML-pagina wijzigen Een HTML-pagina wijzigen / nieuwe versie maken Een HTML-pagina wijzigen / een niet gepubliceerde pagina wijzigen Gereedschappenbalk wijzigingsvenster Een HTML-pagina wijzigen / tekst Een HTML-pagina wijzigen / een tabel invoegen Een HTML-pagina aanpassen / een afbeelding invoegen Een HTML-pagina wijzigen / een link invoegen Een HTML-pagina aanpassen / een anker invoegen Een HTML-pagina wijzigen / een Flash-animatie invoegen Een HTML-pagina wijzigen / een variabele invoegen Een vragenformulier (poll) maken Een contactformulier maken Een nieuwsitem maken Een menu wijzigen Een menu wijzigen Wijzigen eigenschappen Een onderdeel valideren en publiceren Een onderdeel verwijderen Zoeken Een onderdeel in een andere map plaatsen De links op de website controleren ADMINISTRATOR Gebruikersgroepen aanmaken Gebruikers aanmaken
INTRODUCTIE Deze handleiding is specifiek geschreven voor het Content Management Systeem (CMS) van Prowebs. In deze handleiding wordt eerst uitgelegd wat het CMS van Prowebs precies is en wat u ermee kunt doen. Ook worden de voorbereidende handelingen om tot een goed werkend CMS te komen kort besproken. Vervolgens wordt u in 6 stappen kort rondgeleid door het systeem om u een globale indruk te geven van het proces dat plaatsvindt. In de stap voor stap handleiding gaan we dieper in op de verschillende mogelijkheden om het CMS optimaal te kunnen bedienen.
Wat is het Prowebs CMS? Het CMS van Prowebs – uw website zelf onderhouden met basiskennis van tekstverwerking CMS staat voor Content Management System. Met een CMS kunnen eindgebruikers zelf een website aanpassen zonder dat ze daarvoor kennis hoeven te hebben van het bouwen van websites. De interface van het CMS is zo ontworpen dat bediening al mogelijk is met basiskennis van moderne tekstverwerkingsprogramma´s zoals Microsoft Word. De mogelijkheden Behalve eenvoudige webpagina’s kunt met het CMS ook alles maken waar u normaal gesproken een specialist voor zou inschakelen: • • • • • • • • • •
Nieuwsitems Nieuwsbrieven Peilingen, enquêtes en formulieren Interactieve (land)kaarten Forums RSS (Really Simple Syndication) Teksten Controle van uw pagina´s en websites vóór publicatie op het Internet Controle van alle links op uw gehele website Back-ups
Een van de meest belangrijkste kenmerken van het Prowebs CMS is het gebruik van de Frontoffice en de Backoffice. Frontoffice: website volgens de geldende W3C-normen* De Frontoffice is de daadwerkelijke website die zichtbaar is voor bezoekers. Als u uw website onderbrengt in het Prowebs CMS dan werkt uw website in alle browsers en is deze zeer gebruikersvriendelijk. Wij werken namelijk volgens geldende W3C-normen. Uw website heeft hierdoor een zeer hoge toegankelijkheidsgraad. Ongeacht de gebruikte software of hardware en waar u ook bent, uw website functioneert optimaal. * W3C (World Wide Web Consortium) is een organisatie die zich bezighoudt met de ontwikkeling van webstandaarden. Onafhankelijk van software, netwerkinfrastructuur en media (pc, telefoon, palmtop) streven zij ernaar de mogelijkheden van het Internet volledig te benutten.
Backoffice: wijzigingen aanbrengen en voorvertonen in de gehele website De backoffice van het CMS is dat deel waar u wijzigingen in de website kunt aanbrengen. Met de functie kunt u vervolgens alle webpagina’s en bestanden onder redactie bekijken in de gehele website. Als u bijvoorbeeld een wijziging aanbrengt in de contactpagina dan kunt u het resultaat bekijken temidden van alle andere pagina’s zonder dat de webpagina daadwerkelijk online is. Zo kunt u in één oogopslag zien of uw wijziging past binnen de website. Gebruikersvriendelijke interface Er wordt in het pakket veel met herkenbare iconen gewerkt. Daarnaast is het op vele plekken mogelijk een snelmenu te laten verschijnen met de rechter muisknop. Hierin staan de meest gebruikte functies waardoor u snel en op allerlei mogelijke manieren toegang heeft tot de handelingen. De wijzigingen in de webpagina’s zijn eenvoudig aan te brengen doordat de interface veel overeenkomsten heeft met tekstverwerkingsprogramma’s zoals Word. Prowebs BV - Linnewever 12 - 2292 JH Wateringen - T +31 (0)174 225 370 - F +31 (0)174 297 585 - www.prowebs.nl - [email protected]
Wat is het Prowebs CMS?
Statusoverzicht Alle pagina’s en bestanden krijgen een status. De verschillende statussen worden overzichtelijk getoond in het hoofdscherm met datum, auteur etc. Hierdoor is het altijd duidelijk in welke fase van het proces het onderdeel zich bevindt en wie welke wijziging heeft uitgevoerd. Verschillende gebruikersgroepen - verschillende rechten De bedrijfswebsite wordt volledig opgenomen in het CMS en iedereen krijgt toegang tot het deel van de website waartoe hij geautoriseerd is. Binnen het CMS zijn er vier gebruikersgroepen met verschillende rechten: Editors Zij brengen wijzingen aan in de webpagina. Het gaat vaak om aanvullingen in tekst, het plaatsen van afbeeldingen, maar ze kunnen bijvoorbeeld ook vragenformulieren of contactformulieren aanmaken. In het CMS vragen zij validatie van de wijzigingen aan bij de validator. Validators Zij keuren wijzigingen die in de webpagina’s zijn aangebracht door de editors goed of af. Zij kunnen vaak ook zelf wijzigingen aanbrengen in de webpagina’s. NB: De constructie dat een persoon alleen de rol van validator heeft binnen het CMS, vindt men over het algemeen in grote bedrijven. In veel kleine en middelgrote bedrijven is de validator tevens de publisher . Publishers De publishers zijn geautoriseerd om wijzigingen en nieuwe onderdelen te publiceren (online zetten) zodat deze zichtbaar zijn voor de bezoekers. Administrators Zij hebben het hoogste autorisatieniveau. Zij kunnen o.a. opmaakstijlen aanpassen, menustructuren veranderen en zij kennen gebruikersrechten toe aan de overige groepen. Naast de genoemde 4 groepen die wijzigingen kunnen doorvoeren, kunt u daarnaast zelf (de administrator) diverse andere groepen aanmaken die bijvoorbeeld alleen het recht hebben om de pagina´s te bekijken en niet te wijzigen. Autorisatie op map- en gebruikersniveau De autorisatie is niet alleen mogelijk per gebruikersgroep, maar kan ook worden ingesteld tot op gebruikers- of mappenniveau. Een gebruiker kan voor verschillende mappen verschillende rechten krijgen. Zo kan hij bij voorbeeld de ene map alleen bekijken en in de andere map pagina’s wijzigen.
De voorbereiding Voordat er wijzigingen kunnen worden aangebracht in de website moeten er een aantal stappen worden doorlopen: • U w website onderbrengen in het CMS Alle webpagina’s en de daarmee samenhangende documenten en bestanden zullen worden ondergebracht in het CMS. Dit doet Prowebs voor u, meestal in samenwerking met de verantwoordelijke voor uw bedrijfswebsite (de administrator). • Mappenstructuur aanmaken Het CMS wordt onderverdeeld in verschillende mappen. Op hoofdniveau is er een tweedeling te maken tussen mappen voor de administrator en de editor. In de map voor de administrator bevinden zich veelal de mappen Configuratie, CSS, Sjablonen en Gebruikers. Voor de gebruikers zijn er mappen met de verschillende webpagina’s en mappen met mediabestanden. • A utoriseren Als het CMS eenmaal is gevuld met de webpagina’s en menustructuren en de mappen zijn aangemaakt dan kunnen de gebruikers geautoriseerd worden voor bepaalde handelingen. Tevens krijgt elke gebruiker een gebruikersnaam en een wachtwoord.
Parameterinstelling Internet Explorer Om toegang te krijgen tot de website in het CMS moet de website in de beveiligingsmodule van Internet Explorer als veilig worden aangemerkt. Dit doet u als volgt: 1. 2. 3. 4. 5. 6. 7.
Klik in de menubalk van Internet Explorer op <extra> en kies . Selecteer het tabblad . Klik op de knop <Websites>. Vink de optie <Serververificatie (https) voor alle websites in deze zone verplicht> uit. Klik op de knop . Klik in beide schermen op . Sluit Internet Explorer af en open het opnieuw. De wijzigingen zijn nu van kracht.
Deze procedure hoeft u slechts eenmalig op uw werkplek uit voeren.
De werking van het CMS Om u alvast een globaal beeld te geven van de werking van het CMS geven wij u een korte uitleg over de stappen die doorlopen moeten worden om webcontent te kunnen wijzigen. Daarna werken wij in het kort een voorbeeld uit van een tekstuele wijziging en het plaatsen van een afbeelding. Verderop in deze handleiding gaan wij dieper in op de verschillende mogelijkheden die het Prowebs CMS u biedt. Wijzigingen in een webpagina – de stappen Inloggen Elke gebruiker dient in te loggen met een gebruikersnaam en een wachtwoord. Nieuwe onderdelen aanmaken of wijzigingen aanbrengen in de webpagina’s In het CMS kunt verschillende nieuwe onderdelen aanmaken of wijzigingen aanbrengen. Dit kunnen wijzigingen zijn in de tekst, afbeeldingen, Flash-animaties, formulieren, tabellen en meer. Link aanmaken of wijzigen Als er nieuwe pagina’s of nieuwe bestanden worden aangemaakt of er zijn wijzigingen (hernoeming) dan moet er altijd bekeken worden of dit gevolgen heeft voor de navigatiestructuur. Maak een nieuwe link aan (indien u hiertoe geautoriseerd bent) als er een nieuwe pagina is gemaakt waarnaar verwezen moet worden. Wijzig de link eigenschappen als de pagina of het bestand is hernoemd. Controleren wijzigingen in de Backoffice (Webpagina’s onder redactie) Met de functie Toon Backoffice kunt u uw wijzigingen bekijken binnen de complete website. Als er iets niet in orde is, keert u terug naar de wijzigingsfunctie. Breng correcties aan tot u het gewenste resultaat heeft bereikt. Valideren of afkeuren De wijzigingen die in de webpagina zijn aangebracht dienen te worden klaargezet voor validatie door de editor. De validator kan de wijzigingen vervolgens goedkeuren(valideren) of afkeuren. Publiceren Zodra de validatie een feit is, kan de publisher de inhoud online zetten zodat deze zichtbaar is voor de bezoeker Archiveren en terugzetten Als er een nieuwe versie van een gepubliceerde pagina wordt aangemaakt dan wordt de oude versie altijd gearchiveerd. De oude versie kan indien gewenst ook weer teruggezet worden. Als u een gepubliceerde pagina verwijdert dan verdwijnt deze niet definitief uit het systeem maar wordt gearchiveerd. Zo blijven gegevens uit het verleden prima benaderbaar.
DE 6 STAPPEN HANDLEIDING In dit hoofdstuk wordt beschreven hoe u in zes stappen eenvoudig de meest voorkomende wijzigingen - tekst en afbeeldingen - in een webpagina kunt aanbrengen. De volgende stappen zullen kort worden uitgelegd aan de hand van schermafbeeldingen. 1. 2. 3. 4. 5. 6.
Inloggen Selecteren map Nieuwe versie aanmaken Wijzigingen aanbrengen (tekst en afbeelding) Valideren Publiceren
De details zullen verderop in de handleiding uitvoerig worden belicht.
Stap 2: Selecteren map Selecteren map De webpagina´s en de diverse documenten en bestanden zijn onderverdeeld in mappen. Deze worden links in het hoofdscherm getoond. Klik éénmaal met uw linkermuisknop op de map waarin zich de te wijzigen webpagina bevindt.
Stap 3: Nieuwe versie aanmaken Nieuwe versie aanmaken Als een pagina al gepubliceerd is (status ‘pub’) dan kan de inhoud hiervan niet direct gewijgigd worden. Er wordt daarom een nieuwe versie aangemaakt. Selecteer hiervoor de te wijzigen pagina en klik op het icoon [nieuwe versie].
nieuwe versie
Het venster waarin u de webpagina kunt wijzigen wordt nu getoond:
Stap 4: Wijzigingen aanbrengen Wijzigingen aanbrengen In een pagina kunnen diverse wijzigingen worden aangebracht. Veel voorkomende wijzigingen zijn het aanpassen van de tekst en van afbeeldingen. Wijzigen tekst Door met de cursor in de tekst staan, kunt u de tekst wijzigen. Selecteer de woorden die u wilt wijzigen en maak ze vet en cursief. Gebruik hiervoor de iconen [vet] en [cursief]. vet
cursief
Wijzigen afbeelding Als een afbeelding moet worden vervangen door een nieuwe dan is dat eenvoudig te realiseren. Een afbeelding kan ook op verschillende manieren worden uitgelijnd.
Selecteer een afbeelding Klik éénmaal met uw linkermuisknop op de afbeelding die u wilt wijzigen. Open het venster Afbeelding Eigenschappen. Om een afbeelding te kunnen vervangen of de eigenschappen ervan te kunnen wijzigen, klikt u op het icoon
Stap 4: Wijzigingen aanbrengen Selecteer een andere afbeelding Een vervangende afbeelding kunt u selecteren door te browsen in het veld . De afbeelding verschijnt direct op de achtergrond. Klik op .
Afbeelding Eigenschappen venster
Nieuwe afbeelding
Rechts uitlijnen
Opslaan
Rechts uitlijnen Klik op het icoon [rechts uitlijnen] Opslaan Sla de wijzigingen op door op het icoon [opslaan] te klikken en sluit het venster. 14 Prowebs BV - Linnewever 12 - 2292 JH Wateringen - T +31 (0)174 225 370 - F +31 (0)174 297 585 - www.prowebs.nl - [email protected]
Stap 4: Wijzigingen aanbrengen De wijzigingen kunnen nu tussentijds worden bekeken in de backoffice view door op het icoon [Toon backoffice] te klikken. Toon backoffice
De nieuwe versie staat met de status ‘edit’ in het overzicht. status ‘edit’
Stap 5: Valideren Stap 5: Valideren NB: De constructie dat een persoon alleen de rol van validator heeft binnen het CMS, vindt men over het algemeen in grote bedrijven. In veel kleine en middelgrote bedrijven is de validator tevens de publisher . De wijzigingen die zijn aangebracht dienen te worden klaargezet voor validatie door de editor. Vervolgens worden ze gevalideerd door de validator.
Klaarzetten voor validatie Selecteer de nieuwe versie en klik op het icoon [valideren].
valideren
Klik op in het venster dat nu verschijnt. Klik weer op in het vervolgvenster Valideren Selecteer de pagina en klik op het icoon [valideren].
Klik op in het venster dat nu verschijnt. Klik weer op in het vervolgvenster.
De nieuwe versie staat nu met status ‘val’ in het overzicht.
Stap 6: Publiceren Stap 6: Publiceren Door te pagina te publiceren, wordt deze zichtbaar in de Frontoffice, ofwel de online website. Publiceer de pagina met het icoon [Publiceren]. publiceren
Wijzig eventueel de publicatiedatum in het venster dat nu verschijnt en klik op .
Klik weer op in het vervolgvenster.
De nieuwe versie is nu online en staat met status ‘pub’ in het overzicht. De oude versie heeft nu status ‘arc’ 17 Prowebs BV - Linnewever 12 - 2292 JH Wateringen - T +31 (0)174 225 370 - F +31 (0)174 297 585 - www.prowebs.nl - [email protected]
STAP VOOR STAP HANDLEIDING
STAP VOOR STAP HANDLEIDING In het volgende deel van de handleiding zullen de bedieningsfuncties van het Prowebs CMS uitgebreid worden beschreven.
Verbinding maken met het CMS van Prowebs Elke gebruiker ontvangt van de administrator een gebruikersnaam en een wachtwoord. Deze zijn nodig om toegang te krijgen tot het CMS. 1. 2. 3. 4. 5.
Open Internet Explorer. Typ het Internet adres in dat u ontvangt van de administrator (http:// www.naam website.extensie). Voeg het webadres toe aan uw favorieten om de website telkens snel te kunnen openen. Vul uw gebruikersnaam en wachtwoord in. Klik op .
Het hoofdscherm (interface) Het scherm van het Prowebs CMS is opgebouwd uit drie hoofdonderdelen: 1. Mappenlijst Hier staan alle mappen waarin zich de verschillende webpagina’s en bestanden bevinden. 2. Onderdelenoverzicht Hierin staan alle pagina’s en bestanden die zich in de geselecteerde map bevinden. 3. Werkbalk Hierin staan de knoppen waarmee bepaalde functies kunnen worden uitgevoerd voor de geselecteerde pagina of bestand.
Het onderdelenoverzicht bestaat uit de volgende velden: - naam van het onderdeel (html-pagina, afbeelding, flash-animatie etc.). - datum en tijdstip van aanmaak onderdeel. - datum van wijziging onderdeel. - naam auteur van de laatste wijziging. - grootte van het bestand of de pagina (in kB). <Soort> - soort onderdeel (html-pagina, afbeelding, flash-animatie etc.). - taal waarin het onderdeel is opgesteld. <Status> - status van het onderdeel. - publicatiedatum en –tijdstip. De onderdelen kunnen verschillende statussen hebben: ‘Edit’ - het onderdeel is gewijzigd en staat klaar voor goedkeuring. ‘Aval’ - het onderdeel is in afwachting van goedkeuring. ‘Val’ - het onderdeel is goedgekeurd en is klaar om gepubliceerd te worden. ‘Prepub’ - Onderdeel is in afwachting van publicatie die is aangevraagd voor een bepaalde datum en tijdstip. ‘Pub’ - Het onderdeel is gepubliceerd en is online te bekijken. ‘Arc’ - Het onderdeel is gearchiveerd en niet meer zichtbaar voor de bezoekers van de website. ‘Refus’ - De wijziging van een onderdeel is afgekeurd.
Het hoofdscherm - de werkbalk De werkbalk in het hoofdscherm bestaat uit diverse iconen die afhankelijk van de status van het geselecteerde bestand geactiveerd kunnen worden. Als u met de muis over een icoon beweegt dan zie u de beschrijving van de functie. Hieronder wordt de betekenis van de iconen kort beschreven. Verderop in de handleiding zal de werking worden toegelicht aan de hand van concrete voorbeelden.
Toon BackOffice Vorige
Nieuwe versie
Verversen
Valideren
Zoekfunctie
Volgende
Nieuw onderdeel
Mappenstructuur
Publiceren Open eigenschappenvenster
Wijzig inhoud
Controleer links website
Toon
Afkeuren Verwijderen
Terugzetten
Toon back-up omgeving
Toon website statistieken
Open gebruikershandleiding
[Vorige] / [volgende] - Terug en verder navigeren in het onderdeeloverzicht van de verschillende al geraadpleegde mappen [Verversen] - ververst de huidige pagina [Mappenstructuur] - weergave van de mappenstructuur [Zoekfunctie] - zoek bestanden of pagina’s door trefwoorden op te geven [Nieuw onderdeel] - Een nieuw onderdeel aanmaken (html-pagina, afbeelding, flash-animatie etc.) [Nieuwe versie] - Een nieuwe versie van het geselecteerde document aanmaken [Wijzig inhoud] - de inhoud van het geselecteerde onderdeel aanpassen [Valideren] - h et aanvragen van goedkeuring of goedkeuring geven aan het geselecteerde onderdeel (Afhankelijk van de aan de gebruiker toegekende rechten) [Afkeuren] - Afkeuren van de inhoud van het geselecteerde onderdeel [Publiceren] - Het geselecteerde onderdeel publiceren op het web (online zetten) [Verwijderen] - Verwijderen geselecteerd onderdeel of archiveren van een gepubliceerd onderdeel [Terugzetten] - Terugzetten gearchiveerd onderdeel zodat deze weer bewerkt kan worden. [Open eigenschappenvenster] - tonen en wijzigen eigenschappen van het geselecteerde onderdeel (naam, omschrijving, zoekwoorden etc.) [Toon] - tonen geselecteerd onderdeel [Toon BackOffice] - tonen gehele website met de laatst gemaakte/gewijzigde onderdelen met uitzondering van de gearchiveerde onderdelen (tonen pagina’s met statussen edit, aval, val, prepub, pub, refus). [Toon website statistieken] - tonen statistieken website [Controleer links website] - controleren interne en externe links in de website [Open gebruikershandleiding] - online raadplegen handleiding [Toon back-up omgeving] - weergeven overzicht back-up gegevens
Nieuwe map aanmaken In de mappenstructuur kunt u (indien u hiervoor geautoriseerd bent) een nieuwe map aanmaken. Hierin kunt u nieuwe pagina’s en bestanden aanmaken of plakken uit andere mappen. Een nieuwe map maakt u als volgt aan: 1. 2. 3. 4.
Klik op de map waarin u een nieuwe map wilt aanmaken. Klik op uw rechter muisknop. Kies in het snelmenu dat verschijnt . Geef de map een naam.
Nieuwe afbeelding importeren Om een nieuwe afbeelding in een webpagina te kunnen plaatsen, moet u de afbeelding eerst in het CMS importeren. Daarmee zet u de afbeelding in één van de mappen in de mappenstructuur waarna u de afbeelding in een webpagina kunt invoegen. Het importeren gaat als volgt: 1. Ga op de map staan waarin u de afbeelding wilt plaatsen. 2. Klik op het icoon [nieuw onderdeel] in de gereedschappenbalk. Er verschijnt een lijst met soorten onderdelen. 3. Kies .
Om de afbeelding te kunnen selecteren klikt u op in het tabblad “Algemeen” van het ‘Eigenschappenvenster’ dat nu verschijnt. Zodra de afbeelding is geselecteerd, worden de velden en automatisch gevuld met de naam van de afbeelding. U kunt dit aanpassen indien nodig. Selecteer de gewenste taal in het veld .
Nieuwe afbeelding importeren In het tabblad “Omschrijving” kunt u een korte omschrijving van het onderdeel opgeven. Deze omschrijving wordt gebruikt als de afbeelding niet in een browser wordt getoond (bij voorbeeld bij tekstbrowsers).
Vul bij het tabblad “Keywords” de zoektermen in die gebruikt worden door de interne zoekmachines van het CMS.
U kunt de afbeelding weergeven in het tabblad “Voorvertoning”. Klik op . De afbeelding is opgenomen in het onderdelenoverzicht. NB! De status van de afbeelding is nu ’edit’. Vergeet de afbeelding niet te valideren en te publiceren om deze in te kunnen voegen in een webpagina. De afbeelding staat nu alleen in de geslecteerde map en nog nog niet op een webpagina. Hoe u dit moet doen, wordt uitgelegd op pagina 37.
Een nieuwe HTML-pagina aanmaken Als er informatie is waarvoor nog geen bestaande webpagina is dan kan deze eenvoudig worden aangemaakt. Meestal is er een sjabloon waarop een nieuwe pagina is gebaseerd. Hier houdt het CMS rekening mee. Hierdoor blijft de vormgeving consistent. Een nieuwe pagina maakt u aan door de volgende stappen te doorlopen: 1. Ga in de map staan waar u een nieuwe HTML-pagina aan wilt maken. 2. Klik op de knop [Nieuw onderdeel]. 3. Selecteer .
Het Eigenschappenvenster voor de html-pagina wordt getoond. Vul in het tabblad “Algemeen” de volgende velden in: - Naam van de webpagina zoals die wordt opgeslagen (geen spaties en speciale tekens gebruiken). - Omschrijving van de pagina. - Taal waarin de pagina is opgesteld. Deze staat standaard op Nederlands. <Titel> - Naam van de webpagina zoals die in de titelbalk van de browser aan de bezoeker wordt getoond.
Een nieuwe HTML-pagina aanmaken Selecteer het tabblad “Meta tags”. Pas de volgende velden aan door erop te klikken en vervolgens op [Wijzig] te klikken. Geef een omschrijving van de webpagina. Geef de zoekwoorden op die gebruikt worden door interne en externe zoekmachines. De overige velden kunt u ongewijzigd laten. Klik op . Als de pagina gebaseerd is op een sjabloon, dan krijgt u nu een overzicht te zien van de verschillende sjablonen. Selecteer de sjabloon die toegepast moet worden en klik op .
De pagina is nu aangemaakt en kan worden gevuld met informatie, afbeeldingen, links etc. Zodra de informatie is ingevoerd dient de pagina gevalideerd en gepubliceerd te worden alvorens deze op het web zichtbaar is. 27 Prowebs BV - Linnewever 12 - 2292 JH Wateringen - T +31 (0)174 225 370 - F +31 (0)174 297 585 - www.prowebs.nl - [email protected]
Een nieuw onderdeel aanmaken op basis van een bestaand onderdeel Als u een nieuw onderdeel wilt aanmaken dat maar weinig afwijkt van een bestaand onderdeel dan kunt u het nieuwe onderdeel aanmaken op basis van een bestaand onderdeel. Hiertoe dient u de volgende stappen uit te voeren: 1. Selecteer het onderdeel op basis waarvan u een kopie wilt maken. 2. Klik met uw rechtermuisknop en kies . 3. Klik nogmaals met uw rechter muisknop en kies . 4. Het Eigenschappenvenster verschijnt. De velden hiervan kunt u invullen zoals bij het aanmaken van een nieuwe pagina (zie pagina 26). 5. Klik op .
Een HTML-pagina wijzigen Een pagina die is gepubliceerd of gearchiveerd (status ‘pub’ of ‘arc’) kan niet direct worden gewijzigd. Hiervoor moet een nieuwe versie worden aangemaakt, gevalideerd en gepubliceerd. Als dat proces is doorlopen, wordt de oude versie automatisch gearchiveerd. Pagina’s die nog niet zijn gepubliceerd (status ‘edit’, ‘aval’, ‘val’) kunt u direct wijzigen. Beide gevallen zullen in dit hoofdstuk worden besproken.
Een HTML-pagina wijzigen / nieuwe versie maken Als u een pagina wilt aanpassen die gepubliceerd of gearchiveerd is dan dient u hiervan een nieuwe versie aan te maken. 1. Selecteer de html-pagina waarvan u een nieuwe versie wilt aanmaken. 2. Klik op [Nieuwe versie]. De nieuwe versie van de HTML-pagina wordt geopend. Deze kunt u naar wens aanpassen (zie ‘een htmpagina wijzigen’ vanaf pagina 33). Sla de wijzigingen op, valideer en publiceer het document. 2
Een HTML-pagina wijzigen / een niet gepubliceerde pagina wijzigen Wijzigingen aanbrengen in een niet gepubliceerde pagina. 1. Selecteer de html-pagina. 2. Klik op de knop [wijzig inhoud]. De pagina verschijnt en u kunt naar wens aanpassingen doen (zie ‘een htmpagina wijzigen’ vanaf pagina 33). Sla het document op, valideer en publiceer de pagina om de wijzigingen online te zien.
Gereedschappenbalk wijzigingsvenster Het wijzigingsvenster is het venster waar u de daadwerkelijke wijzigingen in een webpagina of ander onderdeel kunt doorvoeren. Deze wijzigingen kunt u veelal aanbrengen met behulp van de gereedschappenbalk. Deze bevat diverse iconen waarvan hieronder de functie wordt benoemd. Als u met uw muis over een icoon beweegt, wordt deze beschrijving ook getoond. Verderop in de handleiding wordt de werking van de iconen toegelicht aan de hand van concrete voorbeelden. GEREEDSCHAPPENBALK Poll Eigenschappen
Een HTML-pagina wijzigen / tekst Tekst typen of plakken Om tekst te kunnen wijzigen of in te voegen dient u in de paragraaf te gaan staan. Vervolgens kunt u tekst typen of plakken vanuit bij voorbeeld een word-document. U kunt de tekst opmaken op de manier zoals u wenst of zoals gebruikelijk is. Nieuwe paragraaf of nieuwe regel binnen een paragraaf Met de toets <enter> maakt u een nieuwe paragraaf Met de toetsencombinatie <shift> + <enter> breekt u de bestaande regel af en gaat de cursor naar een nieuwe regel. Een stijl toepassen Om een vooraf gedefinieerde stijl aan een tekst of afbeelding toe te kennen dient u eerst de betreffende tekst of afbeelding te selecteren. Vervolgens kiest u een stijl uit de lijst met stijlen. Een kop/titelstijl toekennen Als u een vooraf gedefinieerde stijl aan een koptekst wilt toekennen dient u op de betreffende kop te gaan staan. Vervolgens kiest u een stijl uit de lijst met kopstijlen. Lettergrootte aanpassen Selecteer de tekst die u wilt aanpassen. Kies vervolgens de gewenste lettergrootte uit de lijst met lettergroottes.
Een HTML-pagina wijzigen / een tabel invoegen Om gegevens overzichtelijk weer te geven, wordt er vaak gebruik gemaakt van een tabel. De breedte van de tabel kunt u in een percentage van de webpagina opgeven. Een tabel kunt u eenvoudig invoegen: 1. Ga op de plek staan waar u de tabel in wilt voegen 2. Klik op het icoon [tabeleigenschappen] 3. Vul de velden in het tabblad ‘Algemeen’: - De tabelnaam die boven de tabel verschijnt. <Titel> - De tabelnaam die wordt gebruikt door interne en externe zoekmachines. - De omschrijving van de tabel die wordt gebruikt door interne en externe zoekmachines. - Breedte van de tabel (in procenten). - De ruimte tussen de celranden en de inhoud van de cellen. - De ruimte tussen de cellen onderling. - Aantal kolommen dat de tabel moet omvatten. - Aantal rijen die de tabel moet bevatten.
Een HTML-pagina wijzigen / een tabel invoegen Klik op OK en de tabel verschijnt in de pagina. U kunt vervolgens de tabel wijzigen: Tekst invoegen Ga in de betreffende cel staan en typ of plak tekst. Rij invoegen Ga in de rij staan waar u een nieuwe rij wilt invoegen en klik op het icoon [Rij invoegen] Rij verwijderen Ga in de rij staan waar u een nieuwe rij wilt verwijderen en klik op het icoon [Rij verwijderen] Kolom invoegen Ga in de kolom staan waar u een nieuwe kolom wilt invoegen en klik op het icoon [Kolom invoegen]
Kolom verwijderen Ga in de kolom staan waar u een nieuwe rij wilt invoegen en klik op het icoon [Kolom verwijderen]. Geselecteerde cellen samenvoegen Selecteer de cellen die u wilt samenvoegen en klik op het icoon [Cellen samenvoegen]. Geselecteerde cel horizontaal splitsen Ga in de cel staan die u wilt splitsen en klik op het icoon [Cel splitsen horizontaal]. Geselecteerde cel verticaal splitsen Ga in de cel staan die u wilt splitsen en klik op het icoon [Cel splitsen verticaal]. Een variabel gegeven invoegen Ga met uw cursor op de plek staan waar u een variabele wilt invoegen en klik op [Variabele invoegen]. (zie pagina 41 voor meer details over het invoegen van een variabele). De afmetingen wijzigen van de tabel Selecteer de tabel en klik op het icoon [tabeleigenschappen].
Een HTML-pagina aanpassen / een afbeelding invoegen U kunt op elke plek in een pagina een afbeelding invoegen. Deze kunt u links of rechts uitlijnen en u kunt de tekst eromheen laten lopen. Gebruik altijd afbeeldingen met een resolutie van maximaal 72 dpi. De afbeelding kan dan snel worden geladen waardoor deze sneller zichtbaar is voor de bezoeker van uw website. 1. Ga naar de plek waar u de afbeelding wilt invoegen. 2. Klik vervolgens op het icoon [Afbeelding eigenschappen]. 3. Haal de afbeelding op met de knop naast het veld . De afbeelding verschijnt in de achtergond op de pagina. Een aantal velden worden in het venster ‘Afbeelding Eigenschappen’ automatisch gevuld. - Dit veld wordt gebruikt door zoekmachines. Wijzig de naam indien gewenst. - Dit veld moet verwijzen naar een document waarin de omschrijving van het product is vermeld. Als dit niet het geval is, laat het veld dan leeg. - Kies indien gewenst een stijl voor de afbeelding. 4. Klik op . De afbeelding is nu ingevoegd. Afbeelding Eigenschappen
Een HTML-pagina wijzigen / een link invoegen Om in een webpagina te verwijzen naar een andere pagina of naar bijvoorbeeld een PDF-bestand, moet een link worden aangemaakt. Dit kunt u doen door de volgende stappen te volgen: 1. Selecteer de tekst of de afbeelding waar u de link op wilt plaatsen 2. Klik vervolgens op . De volgende velden verschijnen: -De webpagina of het bestand waarnaar u wilt verwijzen. Dit bestand kunt u ophalen met de knop . Als het een webpagina is die niet binnen de website is opgenomen, typ dan het volledige webadres: http://www.naam.extensie - De titel van de link. Deze wordt getoond als de bezoeker met de muis over de link beweegt. - Zelfde venster- De link wordt geopend in het huidige venster. Nieuw venster - De link wordt geopend in een nieuw venster. Popup venster - De link wordt geopend in een popup venster. Dit is een nieuw scherm op dezelfde pagina met over het algemeen andere afmetingen. Deze afmetingen kunt u invoeren in de velden en . - Kies desgewenst een stijl voor de opmaak van de link. 3. Klik op . De link is nu ingevoegd Sla het document op! Link Eigenschappen
Wijzigen link 1. Selecteer de link 2. Klik op Link Eigenschappen>. 3. Breng de wijzigingen aan 4. Sla het document op
Een HTML-pagina aanpassen / een anker invoegen Een anker is een afbeelding of deel van een tekst waar je van een andere plek in de pagina of vanuit een andere pagina naar kunt verwijzen met een link. Een anker is op de volgende manier aan te maken: 1. 2. 3. 4.
Selecteer de tekst of de afbeelding die u als anker wilt gebruiken Klik vervolgens op [Anker Eigenschappen] Voer de naam in van het anker. Deze naam kan bij een link worden ingevuld als doelbestemming Klik op .
Een HTML-pagina wijzigen / een Flash-animatie invoegen Om een webpagina dynamischer te maken wordt vaak gebruik gemaakt van Flash-animaties. Een Flashanimatie bevat vrijwel altijd bewegende beelden. U herkent een Flash-animatie aan de bestandsextensie .fla. Om een Flash-animatie in te kunnen voegen, voert u de volgende stappen uit: 1. Ga naar de plaats in het document waar u het Flash-bestand wilt invoegen en klik op het icoon . Het Flash Eigenschappenvenster wordt geopend: 2. Haal de Flash-animatie op met de knop naast het veld . De afbeelding verschijnt in de achtergrond op de pagina. Een aantal velden worden in het venster ‘Afbeelding Eigenschappen’ automatisch gevuld. Vul zelf de volgende velden: - De inhoud van dit veld wordt getoond als de browser geen afbeelding vertoont. - Kies indien gewenst een stijl voor de Flash-animatie. 3. Klik op OK. De Flash-animatie is nu ingevoegd 4. Sla het document op NB! De afmetingen van een Flashbestand zijn opgegeven bij de aanmaak. Aanpassen van de afmetingen zal niet vaak voorkomen. Mocht het toch nodig zijn om de animatie te verkleinen of te vergroten let er dan op dat de hoogte en breedte relatief gelijk moeten blijven t.o.v. elkaar anders raakt de afbeelding uit proportie. Flash Eigenschappen
Een HTML-pagina wijzigen / een variabele invoegen Variabelen maken het mogelijk standaard teksten maar ook dezelfde HTML-paragrafen in meerdere pagina’s te tonen. Bijv. (verkoop) voorwaarden, juridische gegevens onder een formulier, de waarde van de huidige rentevoet of de waarde van de Dollar t.o.v. de Euro etc. In de eigenschappen van de variabele wordt verwezen naar een in het CMS opgenomen onderdeel (tekstbestand, HTML-pagina, PHP-script etc.). U hoeft alleen dit onderdeel te wijzigen om alle pagina’s waarin de variabele is opgenomen bij te werken. U kunt een variabele aanmaken in 4 stappen: 1. Maak het bestand dat de variabele bevat. 2. Importeer het tekstbestand in het CMS. 3. Voeg de variabele in op de pagina waar die getoond moet worden. 4. Wijzig de variabele wanneer nodig. De wijziging zal op elke plek waar de variabele is ingevoegd, worden getoond. 1. Aanmaken bestand met variabele • Maak een tekstbestand in kladblok en typ hier de waarde of de tekst in. • Sla het .txt document op op uw harde schijf.
2. Importer tekstbestand in het CMS • Maak een nieuw tekstdocument aan in het onderdelenoverzicht met de knop . • Selecteer het zojuist gemaakte .txt-bestand in het veld van het tabblad ‘Algemeen’. (Voor een uitgebreide beschrijving zie ‘aanmaken nieuw onderdeel’)
Een HTML-pagina wijzigen / een variabele invoegen 3. Voeg de variabele in op de pagina waar die getoond moet worden • Selecteer de pagina waarin de variabele moet worden opgenomen. • Klik op [wijzig inhoud]. • Voeg de variabele in door op het icoon [variabele invoegen] te klikken. Het Eigenschappenvenster Variabele wordt geopend:
Haal het tekstdocument op met de knop naast het veld . De afbeelding verschijnt in de achtergond op de pagina. Een aantal velden worden in het venster ‘Eigenschappen Variabele’ automatisch gevuld. Wijzig de velden indien gewenst:
