Handleiding. Beheeromgeving

Transcriptie

1 Handleiding Beheeromgeving Kant en Klare Site Veluwelaan AH Heerenveen - info@kantenklaresite.nl - fax: KvK

2 Inhoud Inloggen op de beheeromgeving...3 Menu aanpassen...4 Verklaring van de tekstverwerker...5 Werken met HTML/Javascript editor [FCKEditor]...5 De knoppen in vogelvlucht...5 Linken aan URL...7 Invoegen afbeelding...8 Uploaden van bestanden/afbeeldingen...8 Invoegen tabel...9

3 Inloggen op de beheeromgeving Om uw website aan te passen dient u eerst in te loggen op de beheeromgeving van uw website. Ga hiervoor naar U krijgt het inlogscherm zoals hiernaast te zien. Vul uw gebruikersnaam en wachtwoord in dat u bij oplevering ontvangen heeft (zie bijlage). Als u login gegevens juist zijn komt u in de beheeromgeving, wat er ongeveer als volgt uitziet: Aan de linkerkant ziet u Mijn Instellingen, hier kunt u de instellingen van uw website aanpassen. Onder Mijn Website Menu vindt u de complete menustructuur zoals deze ook zichtbaar is op de website Om de inhoud van een menu item aan te passen klikt u het betreffende menu item aan. Wilt u bijvoorbeeld de inhoud van de homepage aanpassen, klik dan onder Mijn Website Menu op Home. U krijgt dan de inhoud van de homepage te zien, welke door middel van een tekstverwerker eenvoudig aan te passen is. Zie voor meer informatie het hoofdstuk Verklaring van de tekstverwerker.

4 Menu aanpassen In dit onderdeel van de beheeromgeving kan de menustructuur van de website gewijzigd worden. De volgende acties kunnen genomen worden: Toevoegen van een nieuw menu item Naam bewerken van een menu item Verwijderen van een menu item Herordenen van de menu items Alle wijzigingen die hier worden ingevoerd zullen direct zichtbaar zijn in Mijn Website Menu. Afhankelijk van uw eisen aan de website heeft uw menu naast de hoofdmenu items (deze items hebben in de beheeromgeving een grijze achtergrond) ook submenu items (lichtgrijze achtergrond). De submenu items worden bijvoorbeeld zichtbaar doordat het menu op de website openklapt, wanneer er op het betreffende hoofdmenu item geklikt wordt. Het bewerken, verwijderen of herordenen van menu items gaat simpelweg door op het symbool van de gewenste actie te klikken achter het menu item. Om een nieuw menu item toe te voegen bepaald u eerst waar het nieuwe item in de menustructuur moet komen. Gebruik dan het kleine formulier om een naam op te geven van het nieuwe menu item (en eventueel een hoofdmenu item te kiezen waaronder het nieuwe item dient te vallen).

5 Verklaring van de tekstverwerker Figuur: Tekstverwerker in de beheeromgeving Werken met HTML/Javascript editor [FCKEditor] Deze editor is in feite een eenvoudige tekstverwerker die tekst met eventuele afbeeldingen en tabellen omzet naar HTML-code. HTML-code is een programmeertaal voor webpagina s die browsers als Internet Explorer, Firefox en Opera weer omzetten naar beeld/voor ons leesbare tekens. Figuur: Knoppen van de tekstverwerker in Content Management Systeem Bovenaan de editor is een werkbalk zichtbaar. Is deze niet zichtbaar, klik dan linksboven op het zwarte driehoekje ( ). Met behulp van deze werkbalk kunnen naast afbeeldingen, tabellen en links ook tekst effecten (vet, onderstrepen, enz) toegevoegd worden. De knoppen in vogelvlucht Opent een venster met de HTML bron code van de pagina. Alleen voor ervaren gebruikers met kennis van HTML. Toont voorbeeld van huidige tekst zoals door een bezoeker te zien zal zijn. Werkt soms niet goed, bekijk de wijzigingen / toevoegingen dus altijd op de website zoals bezoekers deze zien.

6 Knippen, kopiëren, en plakken. Er zijn 3 verschillende mogelijkheden om teksten te plakken. Gewoon plakken: U kunt hiervoor ook de gebruikelijke toetscombinaties gebruiken. Het is overigens zeer onwenselijk om rechtstreeks te plakken uit programma's als Word en Outlook (dat in feite ook Word gebruikt). Zie voor uitleg hierover "Plakken als platte tekst". Plakken als platte tekst : Een pop-up venster zal geopend worden waarin de tekst geplaatst kan worden. Deze wordt dan kaal (zonder tekst opmaak) ingevoegd. Dit verdient veruit de voorkeur boven de andere twee opties, om opmaakvervuiling te voorkomen. Hiermee wordt o.a. alle overbodige opmaak code uit o.a. Word die uw pagina vervuilen verwijderd. Vaak gaat de teksteditor en internetbrowsers bovendien anders om met deze codes dan Word zelf. Het kan natuurlijk zijn dat u een paar woorden cursief of vet wilt. Dat kunt u dan corrigeren in de teksteditor. Plakken met word opmaak: Deze functie behoudt de opmaak die wordt ondersteund. Toch kan het voorkomen dat de geplakte tekst er anders uitziet dan de originele tekst. Controleer dus altijd of de geplakte tekst nog juist is opgemaakt. Undo / Redo. Laatste handelingen ongedaan maken / Undo herstellen. Tekstopmaak: geselecteerde tekst vet, cursief, onderstrepen of doorhalen. Aanmaken/verwijderen van genummerde lijsten. Aanmaken/verwijderen van opsommingen Inspringen tekst. Uitlijnen (geselecteerde) tekst. Links, centreren, rechts, uitvullen. Invoegen van horizontale lijn over de gehele breedte van het artikel. Invoegen van speciale tekens. Er wordt een pop-up venster geopend waaruit de juiste tekens gekozen kunnen worden. Tekstkleur, achtergrondkleur aanpassen.

7 Invoegen, wijzigen, verwijderen van linken en ankers. Selecteer de tekst (en/of afbeelding) waaraan een link aan vast moet komen. Klik op Link invoegen/wijzigen. In het hoofdstuk Linken aan URL wordt dit verder uitgelegd. Linken aan URL In het link venster kan gekozen worden uit 3 soorten linken: URL (website of eigen pagina) Interne link in pagina (anker) Hier kan in principe elke internet adres ingevoerd worden. In dit geval Ook het koppelen naar bijvoorbeeld een ftp-server is mogelijk. Dit is te kiezen bij protocol. Ook het linken naar een eigen document is mogelijk, bijvoorbeeld een word of pdf-document. Door te kan het document gekozen worden waar naar doorgelinkt moet worden. Zonodig kan daar ook het nieuwe document geupload worden naar de server. Wilt u linken naar een pagina binnen de website, dan kiest u bij protocol <anders> en bij URL geeft u de relatieve url op van de pagina, dus alles wat na komt, bijvoorbeeld /contactformulier/ of /laatste-nieuws/ Onder tabblad Doel is te kiezen hoe de link geopend moet worden. <frame> Opent link in zelfde frame. <popup window> Opent link in een popup venster. (_blank) Opent de link in een nieuw venster. (_top) Opent link het in huidig venster. (_self) vergelijkbaar met (_top). (_parent) Opent link in een oude ventster. Opmerking: Wanneer er gelinkt wordt naar een andere website, is het verstandig om deze te openen in een nieuw venster (_blank). Anders raken de bezoeker mogelijk uw website kwijt.

8 Invoegen afbeelding Na het aanklikken van het afbeelding icoon zal het volgende pop-up venster verschijnen. Bij URL kan de locatie van de afbeelding ingevoerd worden. Bij voorkeur staat de afbeelding in de eigen documentenlijst. Deze lijst is te bereiken door op te klikken. Zonodig kan daar de afbeelding ook geupload worden (wordt besproken in het uploaden van bestanden/afbeeldingen ). Voer bij Alternatieve tekst een korte beschrijving in van de afbeelding. Dit is vooral voor mensen met een visuele handicap. Deze mensen krijgen in plaats van een afbeelding de alternatieve tekst te zien (voelen, horen). Wanneer niets bij Breedte en Hoogte ingevuld wordt, zal de afbeelding op ware grootte getoond worden. Deze kan hier aangepast worden. Er hoeft maar één van de twee ingevuld te worden, het andere wordt uitgerekend om verschalen te voorkomen. De afmetingen worden gemeten in het aantal pixels. Dit geldt ook voor de rand en vrije ruimte. Door een getal in te geven bij Rand wordt er een rand om de afbeelding geplaatst. Door bijvoorbeeld 0 in te typen is er géén rand zichtbaar, met 1 en dunne rand. Bij het invoegen van een afbeelding kan rondom een vrije ruimte gemaakt worden. In deze ruimte zal dan geen tekst of andere afbeeldingen geplaatst worden. Dit om te voorkomen dat tekst of afbeelding tegen elkaar aan komen te staan. Deze vrije ruimte kan horizontaal (HSpace) en Vertikaal (VSpace) apart bepaald worden. Meestal is een waarde van 5 á 10 pixels genoeg. Bij uitlijnen kan gekozen worden waar de afbeelding komt te staan in het artikel. Bij het kiezen van een uitlijning rechts of links zal de tekst mooi rondom de afbeelding lopen. Het voorbeeld venster geeft een goede indicatie over de verrichte handelingen. Onder tabblad eerder uitgelegd. is het mogelijk om aan de afbeelding direct een link te koppelen. Dit is Uploaden van bestanden/afbeeldingen Na het aanklikken van (via het scherm Eigenschappen van afbeelding of het Link scherm), komt u terecht in de File Manager. Hierin kunt u eenvoudig het gewenste bestand of afbeelding selecteren. Hoewel het gebruik van de File Manager voor zich spreekt, zal ik de belangrijkste functies nog even kort aanstippen: Aan de rechterkant staan de mappen waarin de bestanden/afbeeldingen staan. Hier kunnen ook extra (sub)mappen worden aangemaakt door met de rechtermuisknop te klikken op een map en voor Submap maken te kiezen. Voor het uploaden van een bestand/afbeelding, kiest u eerst de gewenste map waarin deze moet komen. Vervolgens kiest u aan de linkerkant in het upload menu voor Browse, selecteert het gewenste bestand van uw computer en klikt op upload. Het nieuwe bestand zal nu aan de rechterkant in de File Manager verschijnen.

9 Eventueel kunnen er nog andere operaties op bestanden gedaan worden, zoals het verwijderen, hernoemen of verplaatsen. Afbeeldingen kunnen ook gedraaid worden, uitgesneden worden ( crop ) of van formaat gewijzigd worden. Dit werkt allemaal door met de rechtermuisknop te klikken op het betreffende bestand/afbeelding, waardoor u uit de beschikbare operaties kunt kiezen (zie afbeelding). Invoegen tabel Een klik op invoegen tabel opent het rechts staande venster. Hier kunnen de gegevens ingevuld worden. De meeste spreken voor zich en zullen dan ook niet nader uitgelegd worden. Bij tabellen staat het mooier als er geen randen te zien zijn. Vul hier dan bij Breedte rand een 0 in. Extra uitleg gebruik tabellen Maak tabellen nooit breder dan de breedte van de pagina waar de tabel geplaatst wordt (vaak rond de 500 pixels). Wilt u aanpassingen maken in een tabel dan klikt u met de rechtermuisknop op de tabel en kiest u voor Tabeleigenschappen.