Handleiding Bratpack Beheer
Namens:
1
Inhoudsopgave Handleiding Scholengemeenschap Stichting La Salle 1 Inhoudsopgave ...................................................................................................................... 2 Inloggen ................................................................................................................................ 3 Hoe en waar kan ik inloggen in Bratpack Beheer? ............................................................. 3 Wachtwoord vergeten ........................................................................................................ 3 Problemen met inloggen .................................................................................................... 4 Uitleg over Bratpack Beheer .................................................................................................. 5 Hoofdmenu ........................................................................................................................ 5 Wat betekenen de verschillende iconen? ........................................................................... 6 Hoe werkt de tekst editor? ................................................................................................. 7 Het hoofdmenu .................................................................................................................. 9 Nieuws .................................................................................................................................10 Slideshow .............................................................................................................................11 Content & subcategorieën ....................................................................................................12 Content .............................................................................................................................12 Vrije content ......................................................................................................................16 Content overig ..................................................................................................................18 Blokken rechterkant ..........................................................................................................19 Groepen...................................................................... Fout! Bladwijzer niet gedefinieerd. Formulieren ..........................................................................................................................20 Fotoalbum ............................................................................................................................25 Foto per stuk toevoegen ...................................................................................................26 Foto’s per reeks toevoegen...............................................................................................26 Agenda.................................................................................................................................28 Banners ................................................................................................................................29 Handige tips & Trucs ............................................................................................................30 Het invoegen van afbeeldingen .........................................................................................30 Gebruik van tabellen .........................................................................................................33 Toevoegen van verwijzingen en PDF bestanden ..............................................................35 Plaatsen van YouTube-video’s .........................................................................................37
2
Inloggen Hoe en waar kan ik inloggen in Bratpack Beheer? U heeft een persoonlijke inlognaam en wachtwoord ontvangen om in te loggen in het CMS. Op www.bratpack.nl kunt u inloggen, via de onderstaande invulvelden welke bovenaan op de website worden getoond:
Vul uw gegevens in en klik op 'Inloggen'. Na het inloggen verschijnt het hoofdscherm. Het hoofdscherm kan berichten of wijzigingen in het systeem bevatten die de systeembeheerder hier toont.
Wachtwoord vergeten Als u een probleem heeft met uw wachtwoord, volg dan de onderstaande stappen: Controleer of uw loginnaam en wachtwoord juist zijn ingevuld. De loginnaam is altijd in de vorm van een e-mailadres (dus
[email protected]). Controleer of de 'Caps Lock' van uw toetsenbord uit staat. Het wachtwoord is namelijk hoofdlettergevoelig. Bent u uw wachtwoord vergeten? Dan kunt u via onze website een nieuw wachtwoord aanvragen. Klik hiervoor op 'Wachtwoord vergeten':
Wegens veiligheidsoverwegingen bewaart Bratpack geen wachtwoordgegevens van klanten. Wij kunnen deze dus niet aan u verstrekken.
3
Vervolgens kunt u uw e-mailadres in onderstaand scherm invoeren:
U ontvangt dan vrijwel direct een e-mail met verdere instructies. Ontvangt u deze e-mail niet? Controleer dan uw spam/junk inbox of map met ongewenste e-mail.
Problemen met inloggen Indien u op de onderstaande pagina terechtkomt, dan heeft u direct op ‘Inloggen’ geklikt, zonder dat de inloggegevens waren ingevuld.
Klik in dit geval op ‘Vorige’ in uw browser. U komt dan weer terug op de inlogpagina van Bratpack.nl, waar u opnieuw kunt inloggen met uw inloggegevens.
4
Uitleg over Bratpack Beheer Hoofdmenu Nadat u bent ingelogd in het CMS komt u op de volgende pagina terecht:
1. Hier staan de gegevens van de gebruiker die ingelogd is. 2. Dit is de link naar uw website. Als uw website nog in ontwikkelingsfase zit, dan is het erg gemakkelijk om deze link te gebruiken. U kunt dan snel de veranderingen en toegevoegde onderdelen bekijken. 3. Dit is het hoofdmenu, waar alle onderdelen van de website staan. Hier kunt u nieuwsberichten plaatsen en de content beheren. 4. In dit overzicht kunt u snel navigeren naar onze handleidingen én tips. Daarnaast vindt u hier ook interessante nieuwsberichten. 5. Met een klik op ons logo komt u direct uit op onze website. Vanuit hier kunt u navigeren naar onze supportpagina, onze diensten en kunt u gemakkelijk domeinen registreren. 6. Bent u klaar met het bewerken van uw website? Log dan hier uit.
5
Wat betekenen de verschillende iconen?
6
Hoe werkt de tekst editor? Voordat we beginnen met het bewerken van de website zijn er een aantal zaken die u moet weten. De tekst editor is een belangrijk onderdeel van het CMS. Hier maakt u namelijk de tekst in op, plaatst u verwijzingen én voegt u afbeeldingen toe. Als u bij een onderdeel op 'Toevoegen' of 'Bewerken' heeft geklikt, dan komt u terecht in deze editor. De editor ziet er als volgt uit:
De editor is een belangrijk onderdeel van het beheersysteem. Het helpt u om op een gebruiksvriendelijke manier een tekst van opmaak te voorzien, die geschikt is voor webpagina’s. Een aantal belangrijke functies van de editor: 1. Code knop. Via de code knop verandert uw tekst naar de html (website) code. Indien u hier bekend mee bent, dan kunt u vanuit hier de website bewerken. Tevens is deze knop handig voor het plaatsen van YouTube-video’s. Een uitgebreide handleiding hierover vindt u op pagina 35. 2. Begin met een blanco scherm. Als u op dit icoon (aangegeven bij 2) klikt, dan verdwijnt alle content en opmaak. U kunt dan zelf met een schoon scherm beginnen. Let op, zodra u dit 'lege' scherm heeft opgeslagen is de 'oude' content niet meer te achterhalen en bent u deze kwijt. 3. Sjabloon toevoegen: werken met vooraf beschikbaar gestelde sjablonen is mogelijk. U kunt de standaard tekst en afbeelding die hier worden gebruikt vervangen met uw eigen tekst en logo's. 4. U kunt hier tekst uit een Word-document direct plakken in het CMS mét behoud van de opmaak. Kopieer de selectie uit Word en gebruik dan deze knop om de selectie in de editor te plakken. De lay-out wordt dan mee gekopieerd inclusief eventueel aangemaakte verwijzingen en afbeeldingen. Wel adviseren wij om de afbeeldingen apart te uploaden. 5. Stijlelementen toevoegen: dikgedrukt, schuingedrukt of een ander lettertype etc.. Selecteer het stukje tekst dat u wilt bewerken en klik op het stijlelement om het stijlelement toe te passen. Wijk hierbij alleen niet teveel af van de standaard opmaak van de website. Dat geeft uiteindelijk een rommelige website. 6. Het scherm vergroten. Als u grote stukken tekst of afbeeldingen plaatst, blijft u soms maar scrollen binnen het tekst-vak. Klik dan op dit icoon om het tekst-vak over de hele breedte van uw computerscherm te krijgen. Indien u de wijziging wilt opslaan, klikt u nogmaals op dit icoon en het tekst vak verkleint weer. U kunt nu de knop 'Opslaan' weer gebruiken. 7. Verwijzingen (links) toevoegen/bewerken. Selecteer het woord of de woordgroep die u wilt doorlinken en klik op dit icoon. Typ de URL van de verwijzing in het vak en klik 7
op OK. Het verwijzen naar een PDF bestand gaat op bijna dezelfde wijze. U klikt dan alleen op ‘Bladeren op server’, waarna u van uw computer het bestand uploadt. Meer informatie hierover vindt u op pagina 34. 8. Ook kunt u foto’s of afbeeldingen plaatsen door deze te uploaden naar de server. Klik daarvoor op ‘Bladeren op server’ en laad het bestand in. Een uitgebreide handleiding hierover vindt u op pagina 29. Kopieer en plak nooit direct afbeeldingen in het tekst vak. Net zoals u dit niet met tekst mag doen vanwege het veranderen van de opmaak, gebeurt dit met het kopiëren en plakken van afbeeldingen ook. Wilt u een afbeelding plaatsen, klik dan altijd op dit icoon en upload de afbeelding naar de server. De editor biedt enorm veel functies om de pagina's helemaal naar eigen smaak toe te voegen. Het is dus belangrijk om goed te snappen wat de editor daadwerkelijk allemaal kan.
8
Het hoofdmenu In het hoofdmenu kunt u navigeren naar de pagina’s die u wilt aanpassen. Dit zijn dus alle onderdelen van de website.
Wat houden de verschillende onderdelen in en waar kan ik iets aanpassen? 1. Nieuws: Hier kunt u de nieuwsberichten plaatsen. Meer informatie over het plaatsen van nieuwsberichten vindt u op pagina 10. 2. Slideshow: Maak uw website levendig door het toevoegen van de slideshow. Dit zijn afbeeldingen die roteren over de homepagina. Meer informatie over het maken van de slideshow vindt u op pagina 11. 3. Content: Onder content vallen een aantal subcategorieën; Content, Vrije content, Content overig en Blokken rechterkant. Wat u precies waar moet aanpassen vindt u op pagina 12. 4. Formulieren: In dit onderdeel kunnen gemakkelijk contactformulieren of andere formulieren gemaakt worden, welke vervolgens gekoppeld kunnen worden aan een e-mailaccount. Hoe deze module werkt kunt u inzien op pagina 19. 5. Fotoalbum: Plaats hier alle foto’s van gerelateerd aan uw bedrijf. Meer informatie over het aanmaken van albums en het uploaden van foto’s vindt u op pagina 24. 6. Agenda: Hier kunt u alle aankomende evenementen die u organiseert of waar u bij betrokken bent, in zetten. Op pagina 27 vindt u meer informatie hierover. 7. Banners: Als u graag banners op de website wilt hebben, dan kunt u deze hier toevoegen. Bekijk pagina 28 om te zien hoe dit gedaan kan worden.
9
Nieuws In dit onderdeel leggen wij u uit hoe u nieuwsberichten kunt plaatsen en bewerken. Navigeer in het hoofdmenu naar Nieuws en klik op toevoegen om het eerste bericht te plaatsen. U komt dan op de volgende pagina terecht:
1. Hier vindt u het overzicht met alle nieuwsberichten. U kunt deze Bekijken, Bewerken of Verwijderen. 2. Nieuwe berichten kunt u hier toevoegen. 3. Zet hier de datum van het nieuwsbericht. Indien de datum pas over een week ingaat, dan wordt het bericht pas op die datum op de website geplaatst. 4. Vul hier de titel van het bericht in. 5. De slug wordt meestal automatisch ingevuld en is bijna identiek aan de titel, maar is altijd uniek. De slug is een deel van de URL van uw website en moet daarom per pagina uniek zijn. Als u een nieuwsbericht met de titel ‘Nieuwe website’ aanmaakt dan wordt de slug “Nieuwe-website” en verschijnt deze als volgt in uw browser: http://www.uwwebsite.nl/nieuws/Nieuwe-website. De slug mag dus geen spaties bevatten. Spaties worden automatisch vervangen door (-) koppeltekens. 6. Hier plaatst u een inleidende tekst waar het nieuwsbericht over gaat. Dit zal ongeveer één zin lang zijn. 7. In dit vak plaatst u het nieuwsbericht en maakt u deze op via de editor. Meer informatie over de editor vindt u op pagina 7.
10
8. Heeft u een afbeelding die bij het nieuwsbericht hoort, dan uploadt u deze hier. De afbeelding verschijnt dan naast het nieuwsbericht en in het nieuwsoverzicht. 9. Is het nieuwsbericht af? Klik dan op ‘Opslaan’ en het bericht verschijnt op de website. Indien de datum niet in de toekomst ligt natuurlijk.
Slideshow In dit onderdeel leren wij u hoe u een mooie slideshow kunt maken en bewerken. Navigeer in het hoofdmenu naar slideshow en klik op toevoegen. U komt dan op het volgende scherm terecht:
1. Plaats hier de titel van de Slide. Afhankelijk van het ontwerp verschijnt deze titel in een venster op de website. Deze kunt u desgewenst ook leeg laten. Upload hier de afbeelding door de afbeelding hier naar toe te slepen of door dubbel te klikken in dit vak en deze vanuit uw bestanden op uw pc te plaatsen. Let op: er wordt een minimale grote van de slide aangegeven. In dit geval is dat 928 x 330 pixels. Indien de afbeelding kleiner is, zal de afbeelding niet mooi uitkomen in de slideshow.
11
2. 3. 4. 5.
Zodra u de afbeelding geplaatst heeft kunt u deze passend maken door de afbeelding in te zoomen (1) of uit te zoomen (3). Met 2 kunt u de afbeelding resetten naar de eerste weergave. Bent u tevreden met de weergave? Zet de afbeelding vast middels het groene vinkje (5) of verwijder de afbeelding door op het rode kruisje (4) te klikken. Ga nu verder met de volgende stappen. Indien er een link in de afbeelding geplaatst moet worden, welke een externe website betreft, dan vinkt u dit vak aan. Bij 4 vult u dan de betreffende link naar de pagina in. Vul hier een link naar een website of een pagina in. In dit vak kunt u nog een begeleidende tekst plaatsen. Deze verschijnt dan onder de titel in hetzelfde kader. Is de Slide goed opgemaakt? Sla deze dan hier op.
Content, content overig en vrije content In het onderdeel ‘Content’ kunt u de meeste teksten van uw website bewerken. Onder content vallen meerdere subcategorieën. Hieronder hebben wij kort uitgelegd wat de subcategorieën inhouden en waar u wat kunt toevoegen of bewerken.
Content In dit onderdeel staan alle menu’s die in de navigatiebalk op de website verschijnen. Dus de items ‘Over ons’, ‘Contact’, ‘Wat doen wij’ etc. Het toevoegen en bewerken van deze content gaat heel gemakkelijk.
12
Als u op toevoegen heeft geklikt, dan komt u in onderstaand overzicht terecht waar u de onderdelen kunt voorzien van content:
13
1. Vul hier de titel van het onderdeel in. 2. De Menu titel is de titel die verschijnt als menukopje op de website. Vult u hier niets in, dan is het onderdeel niet zichtbaar in de navigatiebalk. 3. Indien hier een link is ingevuld, dan zijn de vakken die u hieronder invult niet zichtbaar. De pagina is dan gekoppeld aan een type welke u kunt vinden onder Content Overig. 4. De slug wordt automatisch ingevuld en is gelijk aan de titel. Indien u een titel gebruikt die al elders gebruikt is, ontvangt u een foutmelding en dient u de slug aan te passen. Als u het onderdeel eenmaal heeft opgeslagen, dan is de slug vaak niet meer te bewerken. 5. Hier wordt de tekst van de betreffende pagina ingevuld. 6. De paginatitel verschijnt in uw browser bij het tabblad.
14
7. Het is mogelijk om een formulier (bijvoorbeeld een contactformulier) te koppelen aan de pagina. De bezoeker kan dan op deze pagina direct een formulier invullen. Let op; dit formulier dient wel eerst aangemaakt te worden, voordat u deze kunt koppelen. Meer informatie over het aanmaken van formulieren vindt u op pagina 19. 8. Wilt u graag het Agenda overzicht tonen op de pagina, dan vinkt u dit vak aan. Er verschijnt dan een klein overzicht met de komende agenda onderdelen. (deze optie is niet in ieder CMS aanwezig) 9. Ditzelfde geldt voor het Nieuws overzicht. Zodra u deze aan-vinkt verschijnt deze op de pagina. (deze optie is niet in ieder CMS aanwezig) 10. Als de pagina volledig ingevuld is, dan slaat u deze op.
15
Vrije content In de vrije content kunt u pagina’s plaatsen die niet direct via het menu in de website te bereiken zijn. De pagina wordt dus alleen gekoppeld aan een onderdeel zodra u een verwijzing plaatst. Wat is het nut dan van deze pagina? Stel, u heeft een jaarlijks evenement dat u ieder jaar op dezelfde wijze organiseert. Deze pagina hoeft voor de bezoekers niet het hele jaar bereikbaar te zijn. U maakt een vrije pagina voor dit soort evenementen aan. Vlak voordat het zover is, kopieert u de link, die u vervolgens via een verwijzing in een nieuwsbericht of op een andere pagina plaatst. Zodra de bezoeker op de link klikt, komen zij op deze vrije pagina terecht. Hoe maakt u deze dan aan? Navigeer in het hoofdmenu naar; ‘Content’ en dan ‘Vrije content’. Klik hier op ‘Toevoegen’, zodat u de pagina kunt aanmaken.
1. 2. 3. 4.
Vul de titel van het onderdeel in. Bijvoorbeeld Kerst. Schrijf of plak hier uw tekst. De slug wordt automatisch ingevuld en komt overeen met de titel. Hier kunt u de pagina titel invullen, welke in het tabblad in uw browser verschijnt.
16
5. Desgewenst kunt u hier zelfs een formulier aan koppelen. Dit is handig als het bijvoorbeeld om een inschrijving voor het kerstdiner gaat en u moet weten hoeveel aanwezigen er zullen zijn. 6. Daarna klikt u op toevoegen om de pagina aan te maken. U wordt dan doorgelinkt naar de overzichtspagina, waar u de pagina kunt bekijken en de link kunt kopiëren.
7. De link die hier is aangegeven kunt u aanklikken om de pagina te bekijken. Daarna kunt u deze invoegen op een pagina via ‘Link invoegen/verwijderen’. Meer informatie over het toevoegen van een verwijzing vindt u op pagina 34.
17
Content overig In content overig staan de onderdelen die een type bevatten, zoals Home, Nieuwsoverzicht en Agenda. De reden dat deze pagina’s juist hier staan is dat deze gekoppeld worden aan andere types. U wilt natuurlijk wel dat de nieuwsberichten verschijnen zodra de bezoeker op nieuws klikt. Het toevoegen van deze content gaat praktisch op dezelfde wijze als het toevoegen van de gewone content.
1. 2. 3. 4. 5.
Vul de titel van het onderdeel in. Selecteer het juiste type. Plaats hier een begeleidende tekst. Geef de pagina een titel. Vink hier het vakje aan van het overzicht dat u wilt tonen op de pagina. In dit voorbeeld is de Agenda dus niet noodzakelijk. 6. Tot slot slaat u het onderdeel op.
18
Blokken rechterkant Hier kunt u aangeven welke blokken u aan de rechterkant wilt tonen.
Hieronder laten wij u zien, hoe deze blokken aangemaakt kunnen worden.
1. Voeg een titel toe. Deze verschijnt bovenaan in het blok. 2. Voeg desgewenst een korte inleidende tekst toe. 3. Als deze is aangevinkt, dan verschijnt dit blok alleen op de homepagina en niet op de andere pagina’s. 4. Selecteer hier het type blok. 5. Sla het blok op. Het blok verschijnt dan direct op de website.
19
Formulieren Via het onderdeel 'Formulieren' in het hoofdmenu kunt u zelf formulieren aanmaken en koppelen aan de pagina’s. U kunt hierbij zelf aangeven welke velden de bezoeker verplicht moet invullen en welke niet. Wanneer de bezoeker alles heeft ingevuld en op 'Verzenden' heeft geklikt, dan komt het formulier met de bijbehorende informatie bij het door u ingevulde e-mailadres binnen. Hieronder vindt u een voorbeeld van een formulier op de website:
De onderdelen van het formulier zullen per onderdeel beschreven worden. Navigeer in het hoofdmenu naar 'Formulieren' en klik op 'Toevoegen'. De omschrijving en de bedankt tekst welke op de website verschijnt:
1. Vul hier de titel van het formulier in. Deze tekst bevindt zich boven het formulier op de website.
20
2. Indien het formulier een bepaalde periode actief is, dan vult u hier de van – tot datum in. Indien er geen bepaalde periode geldt waarin het formulier actief is, dan kunt u ook 00-00-0000 invullen. Het formulier blijft dan oneindig actief. 3. Vul hier de bedanktitel in. Deze verschijnt als titel direct op de website, na het invullen van het formulier. 4. Deze tekst zal op de website verschijnen zodra de bezoeker het formulier heeft ingevuld en verzonden. Om de gegevens die de klant heeft ingevuld goed te kunnen ontvangen, dient u het volgende deel van deze module in te vullen:
1. Vul hier het e-mailadres in waar het formulier naartoe gestuurd dient te worden. 2. Hier kunt u de naam van de ontvanger invullen. 3. Geef hier een duidelijk onderwerp van het e-mailbericht aan, om er voor te zorgen dat de ontvanger (vaak zult u dit zelf zijn) weet waar de mail over gaat. 4. Bij de ‘E-mail tekst’ vult u de tekst in die in het e-mailbericht komt te staan. Dit kan bijvoorbeeld een zin zijn zoals; ‘Iemand heeft het formulier ingevuld’. Om er voor te zorgen dat de velden die de bezoeker in het contactformulier op uw website heeft ingevuld voor u zichtbaar worden, dient u in de e-mail tekst [Gegevens] in te vullen. Zonder deze tekst ontvangt u de gegevens van de klant namelijk niet en kunt u niet reageren op het ingevulde formulier.
21
Indien het formulier een inschrijving betreft en hier een maximum aantal inschrijvingen aan vast zitten, dan kunt u dit in het volgende deel aangeven. De tekst verschijnt indien men het formulier opent.
1. Vul hier het maximale aantal mogelijke inschrijvingen in. 2. Hier wordt de titel van de e-mail weergegeven. 3. De tekst die aan de invuller wordt gestuurd, kunt u hier invullen. Is er een bepaalde periode waarbinnen men zich dient in te schrijven? Dan dient u bovenaan het formulier de datum van–tot in te vullen in het volgende deel:
1. Hier wordt de titel van de e-mail weergegeven. 22
2. De inhoud van de e-mail wordt hier aangegeven. In het laatste deel van de module maakt u de bedankt e-mail aan die de bezoeker zal ontvangen na het versturen van het formulier:
1. Vul hier de tekst in die de klant in de e-mail zal ontvangen. U kunt er eventueel voor kiezen om de gegevens die klant eerder in het formulier heeft ingevuld te tonen. Dit doet u door [Gegevens] in te vullen. 2. Hier wordt het onderwerp van de e-mail weergegeven.
1. Vul hier altijd 'e-mail' in om er voor te zorgen dat de juiste gegevens worden ontvangen. 2. Indien u de klant zijn ingevulde gegevens in een .csv wilt toesturen, dan vinkt u dit vak aan. 3. Als u alle velden heeft nagelopen dan kunt u het formulier gaan controleren en dan opslaan.
23
Het formulier is nu aangemaakt. Nu kunt u de invoervelden gaan toevoegen. Dit zijn de velden die de bezoeker in moet vullen op uw website.
1. Klik op het plusteken vóór het zojuist aangemaakte formulier om de subcategorieën uit te laten schuiven. 2. Hier kunt u de gewenste onderdelen invullen. U komt dan in het volgende scherm terecht:
1. Voer het label in (bijvoorbeeld Naam). 2. Het type van het invoerveld. Een 'Normaal tekstveld' of een 'Groot tekstveld' wordt voor tekst gebruikt en een 'Checkbox' voor het aanvinken van opties. 3. Bij de waarde kunt u in het formulier aangegeven wat de bezoeker moet invullen. Deze tekst verschijnt in dat vak op de website. 4. Indien een veld verplicht is, vinkt u het vak 'Verplicht' aan. 5. Klik vervolgens op 'Opslaan'. Het formulier is na het doorlopen van bovenstaande stappen klaar voor gebruik. Tip: test wel eerst het formulier. Het zou namelijk zonde zijn als het niet goed werkt en u daardoor vragen misloopt.
24
Fotoalbum Het is in ons CMS ook mogelijk om fotoalbums toe te voegen. Dit geeft uw bezoekers een beter beeld van de school en de sfeer.
1. Voeg hier de beschrijving van het fotoalbum toe. Deze verschijnt boven de foto’s. 2. De slug wordt weer automatisch toegevoegd, maar let goed op dat deze wel uniek is. U kunt dus niet twee albums ‘kerst’ noemen, maar wel ‘kerst 2014’ en ‘kerst 2015’. 3. Vul hier een inleidende tekst van het album in. 4. Indien het album van een bepaalde groep is, dan selecteert u deze hier. Deze optie is niet in ieder CMS aanwezig. 5. Zodra alle velden ingevuld zijn, dan slaat u het album op via ‘Toevoegen’. Nu gaat u de foto’s voor het album toevoegen. Dit kunt u per foto doen (toevoegen), of per reeks (multi-upload). Beide manieren leggen wij hieronder uit.
25
Foto per stuk toevoegen Nadat u het fotoalbum heeft aangemaakt, kunt u de foto’s gaan plaatsen. Klik hiervoor op het plusteken (+) vóór het album en klik in het submenu op toevoegen.
Geef de foto een naam en klik op ‘Bestand kiezen’ om de foto toe te voegen. U wordt dan doorgestuurd naar uw mappen in uw computer. Selecteer het juiste bestand en klik op ‘Openen’. Als het gelukt is verschijnt er na de button ‘Bestand kiezen’ de naam van de afbeelding.
Klik op toevoegen en de foto verschijnt in het album.
Foto’s per reeks toevoegen In plaats van het klikken op ‘Toevoegen’ klik u nu op ‘Multi-upload’. U kunt zo een hele reeks foto’s in één keer toevoegen. Het volgende scherm verschijnt:
1. Klik op ‘Bestanden toevoegen’. U komt dan terecht in de mappen van uw computer, waar u meerdere bestanden tegelijk kunt selecteren door Ctrl (op uw toetsenbord) 26
ingedrukt te houden. De geselecteerde bestanden worden dan blauw.
Zodra u op ‘Openen’ heeft geklikt worden de bestanden in het overzicht gezet.
Let op, de bestanden zijn nog niet geüpload en dus nog niet in het album geplaatst. 2. Om de afbeeldingen dus te uploaden klikt u op ‘Start upload’. De bestanden beginnen nu één voor één te uploaden. Zodra alle foto’s geüpload zijn, verschijnt het volgende venster:
Het fotoalbum is nu succesvol geplaatst.
27
Agenda Houd uw klanten goed op de hoogte van al uw activiteiten door agenda items te plaatsen. Het plaatsen van de agenda items gaat heel gemakkelijk via ‘Agenda’ in het hoofdmenu. Klik hier op toevoegen om een nieuw punt aan te maken. U komt dan in het volgende scherm terecht:
1. Vul hier de datum van het agenda punt in. 2. Indien er ook sprake is van een tijd, dan laat u het datum vak bij 1. leeg en vult u hier de datum en tijd in.
28
3. 4. 5. 6. 7.
Selecteer een datum en verschuif de blokjes van de tijd omhoog of omlaag, totdat u de juiste tijd heeft aangegeven. Druk dan op enter en de tijd en datum wordt opgeslagen. Geef een omschrijving van de activiteit aan. De slug wordt weer automatisch ingevuld. Vul de begeleidende tekst van de activiteit in. Selecteer, indien van toepassing, een groep. Deze optie is niet in ieder CMS aanwezig. Kloppen alle gegevens? Klik dan op toevoegen en het agendapunt verschijnt op de website.
Banners In dit onderdeel leggen wij u uit waar u de banners voor kunt gebruiken en hoe u deze toevoegt. Een banner is een grafische reclame-uiting op het internet. Door op een banner te klikken wordt een pagina geopend waar meer informatie over het geadverteerde te vinden is. De banner is dus zeer geschikt voor acties van producten of diensten. Klik op toevoegen om een banner aan te maken. U wordt dan doorgestuurd naar de volgende pagina:
1. 2. 3. 4.
Maak hier de titel van de banner aan. Upload de afbeelding/banner. Plaats hier de link naar de juiste pagina. Indien dit een externe website of een PDF betreft, vinkt u dit vak aan. De link wordt dan geopend in een nieuw tabblad. Dit is bedoeld ter voorkoming van het wegklikken van de pagina na het lezen van het bericht. Zo houdt u de bezoekers zoveel mogelijk op uw website. 5. Selecteer hier het type uitlijning (links, midden of rechts). Plaats van de banner op de website. 6. Als u hier een html code invult (bijvoorbeeld een html code naar een YouTube video) dan worden de bovenstaande velden niet gebruikt. De code overschrijft dus al het andere. 7. Is de banner naar wens opgemaakt, dan slaat u deze hier op. 29
Handige tips & Trucs Het invoegen van afbeeldingen Via het CMS mag u nooit een afbeelding direct kopiëren en plakken in het tekst-vak. Dit gaat namelijk ten kosten van de opmaak van de website. U dient een afbeelding daarom altijd te uploaden naar de server, waarna u deze pas kunt toevoegen. Hieronder vindt u een beknopte handleiding over het invoegen van een afbeelding.
1. Voeg een afbeelding in door op dit icoon te klikken. 2. Klik op ‘Bladeren op server’ om het bestand te downloaden op de server. 3. U komt nu in het scherm terecht waar alle foto’s die op de website staan worden getoond. Is uw afbeelding nog niet in deze map aanwezig dan klikt u hier op ‘Bestand uploaden’.
4. U komt nu in de bestandsmap van uw pc uit, waar u het juiste bestand kunt opzoeken en openen.
30
5. Nadat u het bestand heeft geopend verschijnt het zojuist geüploade bestand op de server in het blauw. Om het bestand toe te voegen, klikt u 2x op de afbeelding.
6. Daarna verschijnt het bestand in het scherm, ‘Eigenschappen afbeelding’. Hier kunt u de breedte en hoogte aanpassen.
31
a. Pas hier de hoogte en breedte aan. Let op, zolang het slotje (naast de a) dicht is, verandert de hoogte automatisch met de breedte mee, en andersom. Is het slotje open, dan wordt er maar één deel (hoogte of breedte) aangepast, waardoor de verhoudingen veranderen. b. Reset de oorspronkelijke afmetingen. c. Hier kunt u een rand om de afbeelding plaatsen door een getal in te voeren. Hoe hoger het getal, hoe dikker de rand. Ditzelfde geldt voor HSpace en VSpace, wat de ruimte tussen de tekst en de afbeelding aangeeft. d. Vul hier de uitlijning in (links of rechts). e. In dit scherm ziet u het voorbeeld van de afbeelding en de opmaak. 7. Is de afbeelding naar wens, dan klikt u op OK. De afbeelding is nu ingevoegd. Zodra u op ‘Opslaan’ heeft geklikt is de afbeelding ook zichtbaar op de website.
32
Gebruik van tabellen Op sommige pagina’s worden vaak veel afbeeldingen in de tekst geplaatst. Het grote nadeel van het plaatsen van een afbeelding in de tekst is dat de uitlijning gaat veranderen met als gevolg dat de afbeelding niet op de plaats staat waar u deze wilt hebben. Nu kan dit middels een html code zo ingesteld worden dat de afbeelding vast blijft staan, maar er vanuit gaande dat niet iedereen weet hoe dit werkt, hebben wij hiervoor een ander trucje. Het bepalen van de plaats van de afbeelding in de tekst is erg makkelijk te sturen via een tabel. Hieronder vindt u een beknopte handleiding over het invoegen van een tabel:
1. Voeg een tabel in door op dit icoon te klikken. 2. Er verschijnt een pop-up menu, waar u het aantal rijen (afbeeldingen en tekstregels) aangeeft en hoeveel kolommen er ingevoegd moeten worden. 3. Hier kunt u middels een cijfer aangeven hoe dik de rand om de tabel moet worden. Hoe hoger het cijfer, hoe dikker de rand wordt. Wilt u geen rand? Dan vult u een 0 in. 4. Dit is de breedte van de kolom. Indien deze over de hele pagina moet verschijnen, vult u 100% in. 5. Als de tabel zo goed is, kunt u deze invoegen door op OK te klikken. Ik heb zojuist een tabel aangemaakt met 3 rijen en 1 kolom en ga nu de foto’s en tekst plaatsen. Hierboven op pagina 29 staat uitgelegd hoe ik de afbeelding toevoeg. Hieronder kunt u zien hoe dit er in mijn tekst-vak uit zal zien.
33
De afbeeldingen zullen nu mooi uitgelijnd worden naast de tekst.
34
Toevoegen van verwijzingen en PDF bestanden Soms maakt u wel eens gebruikt van verwijzingen (hyperlinks) en van PDF bestanden die nodig zijn op de website. Het toevoegen van een verwijzing of een PDF bestand kan gemakkelijk via het CMS gedaan worden. Bij het toevoegen van een verwijzing/link naar een pagina in de website of een externe website dient u op voorhand de URL gekopieerd te hebben. Deze plakt u dan in het lege vak bij URL. Vaak wordt een PDF gezien als afbeelding, maar dat is niet correct. Een PDF kan niet als afbeelding op uw website gezet worden. Hieronder vindt u een uitgebreide handleiding over het toevoegen van verwijzingen en PDF bestanden:
1. Klik op het icoon ‘Link invoegen/wijzigen’. 2. Plak de URL van de verwijzing in het lege vak of Blader op de server om het PDF bestand op te zoeken. Indien u een link toevoegt, dan kunt u direct op OK klikken, nadat u de URL geplakt heeft. Betreft dit een externe website, dan dient u vanaf stap 7 verder te gaan.
35
3. Indien het PDF bestand nog niet eerder is toegevoegd dan dient u deze nog te uploaden. Ga hiervoor naar ‘Uploaden’:
4. Selecteer op uw computer het juiste bestand en klik op ‘Openen:
5. Het zojuist geüploade bestand verschijnt in het blauw in het overzicht. Dubbelklik op het bestand om deze toe te voegen:
6. Het bestand verschijnt nu met een URL in het beginscherm. 7. Ga naar het tabblad ‘Doelvenster’. 8. Selecteer het doelvenster ‘Nieuw venster (_blank)’ om er voor te zorgen dat het PDF bestand in een nieuw venster (tabblad) wordt geopend. Ditzelfde geldt voor het plaatsen van een URL van een externe website. De tekst waar de verwijzing of het PDF bestand is geplaatst kleurt nu blauw en is onderstreept. Sla de pagina op om de wijzigingen door te voeren.
36
Plaatsen van YouTube-video’s Heeft u leuke of interessante video’s die u graag wilt delen met de bezoekers, dan kunt u deze uploaden op YouTube en vervolgens plaatsen op uw website. U kunt een YouTube-video in de editor plaatsen door de ingesluisde YouTube-videocode te kopiëren en via de 'Code' knop in de editor (links bovenin) plaatsen in het tekst-vak van de pagina. Ga naar YouTube en zoek daar de video op die u op de website wilt plaatsen.
1. 2. 3. 4.
Klik hier op delen. Ga naar Insluiten. Kopieer de iframe code. Ga in het CMS naar de pagina waar u de video wilt plaatsen en klik in het tekst vak op ‘Code’.
37
5. Zodra de tekst verandert in codetaal, dan plakt u de code op de plaats waar u de video wilt plaatsen. Hier kunt u indien nodig nog de afmeting van het frame aanpassen. Dit doet u door het getal bij width en height aan te passen. Tot slot klikt u op opslaan en de video is geplaatst.
38
