Basisprocedures voor beginners

Inhoud

2. Voorbereiding
    2.1 Twee browserpagina's
        2.1.1 Eerste browser: website
        2.1.2 Tweede browser: beheer
    2.2 Inloggen
    2.3 Beheerpagina
        2.3.1 Algemene functies
        2.3.2 Blinde en slechtziende gebruikers
    2.4 De welkomstpagina uitgelegd
    2.5 Uitloggen

3. Gebieden, secties, pagina's, tekst en afbeeldingen
  3.1 Een gebied toevoegen
    3.2 Een pagina toevoegen
        3.2.1 Pagina en sectie pictogrammen
    3.3 Tekst toevoegen
    3.4 Een afbeelding toevoegen
        3.4.1 De juiste map selecteren
        3.4.2 Een afbeelding uploaden
        3.4.3 De afbeelding toevoegen aan de webpagina
    3.5 Een sectie toevoegen
    3.6 Wat orde scheppen

4. Toegangsrechten
    4.1 Rechten van de administrator
    4.2 Rechten van de paginabeheerder

5. Een gebruiker toevoegen

6. Groepen en bevoegdheden

7. Diversen
    7.1 Vergrendelde pagina
    7.2 Onze Sandbox
    7.3 De Openbare Basisschool Exemplum verwijderen

8. Hoe nu verder?

1. Introductie

Website@School is een hulpmiddel om websites te maken. Op deze sites kun je web pagina'spubliceren. Deze pagina's hebben inhoud als tekst, afbeeldingen, etc. of bevatten modules zoals contactformulieren, weblogs, chats, fotoalbums, collaborative editing, digitale flyers, sitemaps en veel meer. Website@School is een Website Content Management System (CMS). Het enige wat je nodig hebt is een browser.

basics_example.png

1.1 Wat je eerst moet weten

• Een website met secties en pagina's te maken.
• Teksten en afbeeldingen aan de pagina's toe te voegen met een tekstverwerker.
• Gebruikersaccounts en toegangsrechten beheren.

1.2 Toegang: gebruikersnaam en wachtwoord

OPMERKING: Wanneer je geen toegang hebt tot Website@School, lees dan 7.2 Sandbox om de handleiding te volgen.

1.3 Documentatiewijze

• [Save] of bijvoorbeeld [OK]: Aanduiding van een knop.
• [Enter] of bijvoorbeeld [Alt-N]: Aanduiding dat het toetsenbord gebruikt kan worden.
• index.php, of bijvoorbeeld Mrbh3ws!: monospace tekst.
• Voorbeeld:
  

   font-size: 1.3em;
   font-family: monospace; 
  

    Een tekstblok of code.
• Voorbeeld: Voeg grijs background-color: #B6B6B6; toe... etc: Een stukje code in een tekst. NIET in dit hoofdstuk!
• Naam of, bijvoorbeeld Verstrijken: Het dikgedrukte, onderstreepte deel van het woord staat voor de snelkoppeling op het toetsenbord die gebruikt kan worden om toegang tot het item te krijgen of deze aan te passen. In de handleiding van jouw browser staat welke toets je moet gebruiken in combinatie met het dikgedrukte onderstreepte letterteken.
• [V] of bijvoorbeeld [P]: In hoge zichtbaarheidsmodus (voor blinde of slechtziende personen) vervangt het letterteken het pictogram. [V] staat voor het Verwijderen pictogram, terwijl [P] staat voor het Paginavoorbeeld pictogram.
• Actieve gebruiker [ ] Wijs deze gebruiker aan als actief: De '[ ]' in een tekst wijst op een selectievakje.
• Een pagina toevoegen of bijvoorbeeld Gebieden: Blauwe tekst (d.w.z. een link waar je op kunt klikken) verwijst naar dezelfde tekst in een screenshot.
• Een gebied toevoegen of bijvoorbeeld Mijn Bestanden: Dikke tekst verwijst naar een item dat zichtbaar is in een screenshot.

(top)

2. Voorbereiding

2.1 Twee browserpagina's

Voor scholen kan het slim zijn om twee aparte werkstations te hebben met hun eigen browsers; een voor het beheersysteem van Website@School en de andere om de website die beheerd wordt weer te geven. Alle populaire browsers (Mozilla Firefox, Opera, Safari, etc.) gaan samen met Website@School. In de meeste browsers kan de pagina-inhoud ververst worden met [F5].

2.1.1 Eerste browser: website

Open de browserpagina om de website te bekijken. Ga naar de URL (Uniform Resource Locator) van jouw school. Bijvoorbeeld: http://exemplum.eu/index.php. Dit is een fictieve URL, vervang deze door de echte URL van jouw school. Vervang alleen het URL-gedeelde van jouw school, verwijder het index.php deel niet.
Met de demonstratiegegevens die geinstalleerd zijn tijdens de installatie van Website@School zal de volgende webpagina van de school worden weergegeven:

basics_site_in_browser.png

basics_areas_sections_pages.png

1. Pagina's: Welkom, Laatste nieuws, Nieuwsbrief en Oud nieuws. Pagina's worden onderverdeeld in secties.
2. Secties: Welkom, Schoolinformatie, Nieuws, Zoeken, MyPage. Secties kunnen sub-secties (secties in secties) bevatten, zoals de sub-sectie van Nieuws: Archieven, welke de pagina's Oud Nieuws en Oude Nieuwsbrieven bevat. Secties en Pagina's worden onderverdeeld in Gebieden
3. Gebied: een Gebied bestaat uit een complete website op zich. Gebieden kunnen publiek zijn (toegankelijk voor iedereen), zoals het geselecteerde Openbare Basisschool Exemplum Gebied. Of Gebieden kunnen privé zijn (alleen toegankelijk met een gebruikersnaam en wachtwoord). Gebieden worden geselecteerd in het uitklapbare Kies gebied menu.
4. Kies gebied: In het uitklapbare menu select je welk Gebied zichtbaar is. Over het Gebied van de Bovenbouwleerlingen: dat ga je zelf maken.

2.1.2 Tweede browser: beheer

basics_login_in_browser.png

2.2 Inloggen

basics_login_wblade.png

• Gebruikersnaam: Voer de gebruikersnaam in die je gebruikt hebt tijdens de installatie van Website@School, of welke de webmaster je gegeven heeft. (Gebruik de [Tab] toets op je toetsenbord om de cursor naar het volgende veld te laten springen).
• Wachtwoord: Voer het wachtwoord in dat je gebruikt hebt tijdens de installatie van Website@School, of welke hoort bij de gebruikersnaam. Als je typt zullen er asterisken verschijnen en het wachtwoord zal niet als normale tekst worden weergegeven. Dit is een beveiligingsfunctie.
• [OK]: Druk op de [Enter] toets op je toetsenbord of druk op de [OK] knop om in te loggen.
• Home: Dit is een link naar je website die je aan kunt klikken.
• Wachtwoord vergeten?: Een uitgebreide beschrijving over hoe je je wachtwoord kunt herstellen vind je het het hoofdstuk Inloggen en uitloggen.

Druk op de [Enter] toets op je toetsenbord of druk op de [OK] knop om in te loggen op de Website@School Welkom pagina.

2.3 Beheerpagina

basics_was_home_after_login.png

2.3.1 Algemene functies

basics_was_home-top.png

• Grijze iconen en tekst: Grijze klikbare iconen, publieke gebied en uitlog link. Je moet eerst je huidige actie opslaan of annuleren voordat deze items weer toegangelijk worden. Dit is een beveiligingsfunctie. In hoge zichtbaarheidsmodus (uitleg volgt) zijn sommige teksten op de pagina doorgehaald wanneer de items ontoegankelijk zijn.
• Mouseover teksten: Bijna elke afbeelding, pictogram, knop of link heeft een informatieve tekst. Probeer alsjeblieft deze niet direct zichtbare functie en profiteer van de korte beschrijvingen, uitleg of toetscombinatie voor een snelkoppeling voor een item. Deze functie zal je in het begin zeker helpen. Houd je muispijl hier
• Gele statusbalk: De gele statusbalk laat statusberichten zien, bijvoorbeeld:
  Gegevensmap (kan later niet gewijzigd worden): bestandsnaam niet geaccepteerd: 'groep 8'
  Bevestigingen of foutmeldingen worden ook in deze gele balk getoond. Indien nodig kunnen deze berichten gekopieerd worden en in een e-mail of forumbericht geplakt worden.
• Pop-up vensters: Soms worden er pop-up vensters weergegeven tegelijk met het bericht in de gele statusbalk. Dit zijn Alarm-acties en deze moet je uit zetten om verder te gaan. Lees ze, en klik dan op de [OK] knop. De pop-up berichten worden ook in de gele statusbalk getoond en kunnen dus gekopieerd worden.
• Snelkoppelingstoetsen: Je hebt geen muis nodig op met Website@School te werken. Gegevensvelden zijn toegankelijk door de onderstreepte snelkoppelingstoetsen te gebruiken zoals 'Naam'. In de handleiding van jouw browser staat welke toetscombinatie je moet gebruiken om de cursor in een gegevensveld te zetten.
• Broodkruimelspoor: Broodkruimelsporen zorgen voor een snelle en makkelijke navigatie. Bijvoorbeeld in het Bestandbeheer:
  

  basics_was_breadcrumb.png

2.3.2 Blinde en slechtziende gebruikers

De beheer-interface van Website@School kan aangepast worden. Deze aanpassingen ('Weergave' genaamd) kunnen voor elke individuele gebruiker worden ingesteld in de gebruikersinstellingen. Dit wordt gedaan in Accountbeheer > Gebruikers > Gebruikersnaam > Basiseigenschappen > Uitklapmenu: Weergave. Voor een overzicht van de weergaves, zie het hoofdstuk Accountbeheer, sectie 5. Weergave.

2.4 De welkomstpagina uitgelegd

basics_was_home_after_login.png

Kop paneel:

• Bovenste rij: Het Website@School logo gevolgd door de naam die gegeven is bij de installatie, de naam van de ingelogde persoon en een link naar de website. Het Versienummer is een link om te kijken op jouw Website@School versie up to date is. Het is een goed idee dit na te gaan.
• De pictogrammenbalk: Klikbare links. Elk item (uitgezonderd Hulp, zie hieronder) wordt in een eigen hoofdstuk uitgelegd. Zie de Inhoudsopgave voor een overzicht van de hoofdstukken.
  • Start: Klik om terug te gaan naar de startpagina Welkom.
  • Paginabeheer: Voeg pagina's en secties toe, selecteer en beheer modules en voeg inhoud toe.
  • Bestandsbeheer: Bestanden uploaden en mappen creëeren.
  • Modulebeheer: Beheer speciale functies in modules.
  • Accountbeheer: Beheer gebruikersaccounts, beheer gebruikersgroepen, toegang verlenen of intrekken.
  • Configuratiebeheer: Maak Gebieden aan en pas het algemene gedeelte van de website aan.
  • Statistieken: Nog niet uitgevoerd.
  • Gereedschappen: Vertaalgereedschap, Backup-gereedschap, Logbestand, Update beheer.
  • Help : Inhoudsgerichte hulp. Bijvoorbeeld, wanneer je in de Configuratiemanager bij Gebieden op het vraagteken klikt verschijnt het relevante gedeelte van de Configuratiemanager handleiding.

    OPMERKING: Om de helppagina te openen in volledig scherm met de scrollbalk, klik dan met je rechtermuisknop op het pictogram en selecteer Link openen in nieuw Venster (Firefox).

Onder de statusbalk is het scherm verdeeld in 2 panelen:

• Menupaneel: Het lege grijze paneel aan de linkerkant van het scherm wordt gebruikt om selecteerbare Menu items weer te geven. Er zijn geen Menu items op de Welkom pagina.
• Werkgebied-paneel: Dit paneel wordt gebruikt als werkgebied. Het Welkom scherm is nu zichtbaar. Deze bevat klikbare links.
  • Boek : Toegang tot de documentatie-index en alle hoofdstukken.
  • Info: Controleert of er een nieuwere versie beschikbaar is.
  • E-mail : Maakt het mogelijk om e-mails naar het ontwikkelingsteam te sturen.

• Het Website@School logo is een klikbare link naar de 'Wettelijke vermeldingen' en bevat links en informatie over hoe je de broncode of aangepaste bronnen van Website@School kunt verkrijgen.
• Een afmeldlink met de naam van de ingelogde gebruiker wordt onderaan weergegeven.

2.5 Uitloggen

Door op de tekst rechtsbovenin je scherm te klikken (Wilhelmina Bladergroen afmelden), zul je netjes afgemeld worden.

basics_login_logged_out.png

(top)

3. Gebieden, Secties, pagina´s, tekst en afbeeldingen

3.1 Een Gebied toevoegen

basics_was_home.png

Klik op het Configuratiebeheer pictogram om het Configuratiebeheer scherm te openen:

basics_configurationmanager_overview.png

In het Menu, klik op Gebieden om het Gebieden scherm te openen:

basics_configurationmanager_areas_overview.png

In het Gebieden paneel, klik op Nieuw gebied om het Nieuw gebied scherm te openen:

basics_configurationmanager_add_area.png

• Naam: Vul de naam van het Gebied (Website) in. Bijvoorbeeld: Senior Pupils.
• Privé-gebied: De pagina's voor bovenbouwleerlingen moeten openlijk toegankelijk zijn dus vink deze standaardinstelling niet aan. Een privé-gebied is beschermd en alleen toegankelijk door middel van het gebruiken van een gebruikersnaam en wachtwoord. Selecteer dit vakje alleen wanneer je een privé-gebied wilt (Intranet).

  OPMERKING: Wanneer je de instelling voor een Gebied hebt opgeslagen, is het type gebied permanent. Het is niet mogelijk om een privé-gebied te veranderen in een openbaar gebied, of andersom. Dit is een beveiligingsfunctie. De inhoud van een gebied kan verplaatst worden. Zie het Configuratiebeheer voor details.

• Bestandsmap: Vul de naam van de gegevensmap in welke je gebruikt voor dit gebied. Bijvoorbeeld: seniors.
  Toegestande lettertekens zijn: [a-z], [A-Z], [0-9], '.' (punt), '-' (streepje) and '_' (laag streepje). De naam van de map moet met een letter of cijfer beginnen en spaties zijn niet toegestaan. Het is een aanrader om een korte naam te kiezen die de inhoud goed beschrijft.

  OPMERKING: Een onjuiste of onacceptabele naam zal leiden tot een foutmelding. Website@School geeft dan een suggestie voor een goede mapnaam. Wanneer dit gebeurt, accepteer dan de naam die gesuggereerd wordt en klik op [Done].

• Thema: Selecteer een thema voor het gebied. Voorbeeld:: Frugal Theme (frugal). Dit is het standaardthema voor alle documentatie. Het thema kan later gewijzigd worden.
• [Save], [Done], [Cancel]:
• • 

    basics_save_done_cancel
  • [Save]: Lees dit alsjeblieft aandachtig. De [Save] knop heeft twee functies:
    1. [Save]: Als er geen andere velden in te vullen zijn, dan blijf je waar je bent. Deze functie maakt het mogelijk om de tekst of vormgeving aan te passen. Samenvatting: opslaan en op dezelfde pagina blijven.
    2. [Save]: Wanneer er nog meer velden ingevuld moeten worden, dan zorgt het klikken op de [Save] knop er voor dat je verder gaat naar deze invulvelden. Samenvatting: opslaan en doorgaan.
    OPMERKING: Het is beter om nu niet op de [Save] knop te klikken! Het volgende bewerkscherm wordt besproken in het hoofdstuk Configuratiebeheer, sectie 3.3 Basiseigenschappen van dit gebied aanpassen.
  • [Done]: Je werk wordt opgeslagen en je keert terug naar de vorige pagina. Samenvatting: opslaan en verlaten.
  • [Cancel]: Er gebeurt niks en je keert terug naar de vorige pagina. Samenvatting: Niet opslaan en verlaten

Klik op [Done] om terug te gaan naar Gebieden :

basics_configurationmanager_area_added.png

Gebieden wordt nu weergegeven. Het gebied Bovenbouwleerlingen is toegevoegd. Zie het bericht in de gele statusbalk.

3.2 Een pagina toevoegen

basics_was_home.png

Klik op Paginabeheer om paginabeheer te openen. In het Werkgebied is de naam van het gebied Openbare Basisschool Exemplum weergegeven:

basics_pagemanager_overview.png

Het Menu laat een lijst zien van gebieden die je aan kunt passen. De Openbare Basisschool Exemplum is onderstreept zodat de pagina's en secties die bij dat gebied horen zijn weergegeven in het Werkgebied, d.w.z. de Openbare Basisschool Exemplum

We zijn nu geïnteresseerd in je nieuwe gebied, dus in het Menu klik je op Bovenbouwleerlingen om je nieuwe gebied te openen.

basics_pagemanager_area_no_nodes.png

Merk op dat er nog geen aanknopingspunten [*] (pagina's en secties) in je nieuwe gebied zijn. We gaan nu een aanknopingspunt met een pagina toevoegen.
[*] Aanknopingspunt: computer jargon, en betekent een startpunt van waaruit je een gegevensstructuur kunt bouwen.

Klik op Nieuwe pagina om een Nieuwe pagina aan te maken:

basics_pagemanager_add_page.png

• Naam: Voer de naam van deze pagina in. Bijvoorbeeld: Welcome
• Omschrijving van de pagina/sectie: Geef een korte beschrijving van de pagina. Deze zal worden weergegeven als een mouse-over tekst in Paginabeheer en op de site. Bijvoorbeeld: Welcome page for the Seniors
• Bovenliggende sectie: Negeer deze optie voor nu.
• Module: In het uitklapmenu selecteer je Gewone HTML-pagina (htmlpage):
  

  basics_pagemanager_add_page_modules.png

  Met de Gewone HTML-pagina (htmlpage) module wordt een van de beschikbare editors in Website@School geselecteerd. Elke gebruiker kan een voorkeurseditor instellen, van geraffineerde WYSIWYG (What You See Is What You Get) tekstverwerkers tot een basis-HTML editor.

  Zie de Inhoudsopgave voor alle beschikbare modules en editors.

• Initiële zichtbaarheid: Selecteer zichtbaar . We willen geen onzichtbare pagina of een pagina onder embargo nu. Voor details, zie het hoofdstuk Paginabeheer .
• [Save], [Done], [Cancel]: Klik hier als je een volledige uitleg over deze handleiding wilt.

Klik op [Done] om de paginadetails op te slaan. Het paginabeheer van dit gebied wordt nu weergegeven. Let op het weergegeven statusbericht:

basics_pagemanager_page_added.png

De Welkomstpagina is toegevoegd. Let op de pictogrammen links van de Welkomstpagina tekst. Deze worden hieronder uitgelegd.

3.2.1 Pagina en sectie pictogrammen

basics_pagemanager_page_properties.png

De pictogrammen zijn:

1. Start of [H] of Niet start of [_] pictogram: Een zichtbaar startpictogram geeft de standaard openingspagina weer van een gebied, sectie of pagina, d.w.z. de eerste pagina die je in dat gebied of sectie ziet. Een grijze startbutton geeft aan dat deze gebieden, secties of pagina's niet de startpagina zijn.
2. Het prullenbakpictogram of [D]: Klik om een gebied, sectie of pagina te verwijderen.
3. Het penpictogram of [E]: Om de basiseigenschappen van een gebied, sectie of pagina aan te passen.
4. Zichtbaar of [_] of Onzichtbaar of [I]: Deze pictogrammen hebben twee functies:
   - 1. Deze iconen geven aan of een pagina of sectie zichtbaar, onzichtbaar of verborgen is. Voor het verschil tussen 'onzichtbaar' en 'verborgen', zie het hoofdstuk Paginabeheer, sectie 3.1 Een pagina toevoegen.
   - 2. Door op de pictogrammen te klikken openen de geavanceerde bewerkopties.
5. Paginavoorbeeld of [P] of Mappictogram of [+]: Deze pictogrammen hebben twee functies:
   - 1. Door op het Paginavoorbeeld pictogram te klikken open je de inhoud van de pagina in een nieuw venster.
   - 2. Door op het mappictogram te klikken open je de boomstructuur en zie je de onderliggende pagina's of mappen. Door op de geopende map te klikken sluit je de boomstructuur weer.
6. Pagina/Sectienaam: Door op de paginanaam te klikken open je deze pagina. Door op de sectienaam te klikken open je, net als met het sectiepictogram, de sectiemap.
7. (n): Het sectie/paginanummer. Elke pagina of sectie heeft een uniek nummer.
8. naam: De verkorte naam van de module die verbonden is aan de pagina.

• Penpictogram: Toegang tot Basiseigenschappen van een pagina/sectie bewerken.
• Zichtbaar of Onzichtbaar pictogram: Toegang tot Geavanceerde eigenschappen van een pagina/sectie bewerken.
• Pagina/Sectie naam: Klik op de paginanaam om toegang te krijgen tot de paginainhoud. Klik op de sectienaam om de sectiemap te openen.

Stel nu het startpictogram in door op het (grijze) startpictogram te klikken om de pagina de startpagina te maken:

basics_pagemanager_home_added.png

OPMERKING: Het is niet noodzakelijk om een startpagina in te stellen omdat er altijd iets weergegeven zal worden, zelfs een lege pagina. Maar het is goed om nu te oefenen met het instellen van een startpagina.

Hoewel de pagina zichtbaar is, heeft deze nog geen inhoud. In de volgende sectie zullen we tekst en een afbeelding aan de pagina toevoegen.

3.3 Tekst toevoegen

basics_pagemanager_FCK_open.png

Schrijf nu een stukje tekst, bijvoorbeeld:

  
Hello World!

This is the welcome page of the Seniors. 


We hope you enjoy our pages.

basics_pagemanager_FCK_maximised.png

Sla de tekst op in de editor, ofwel met het Opslaan pictogram, of met [Ctrl+Shift+S] op je toetsenbord. Na het opslaan keer je terug naar Paginabeheer.
Je kunt ook [Save] en [Done] gebruiken. Zie [Save], [Done], [Cancel] in deze handleiding.

OPMERKING: Sla je werk regelmatig op om het risico te verminderen dat je je tekst kwijtraakt door een probleem met het werkstation of het verbreken van je verbinding met de schoolserver of het internet.

Na opslaan keer je terug naar de kleine editor:

basics_pagemanager_page_edited.png

basics_pagemanager_page_saved.png

Je bent terug bij het paginabeheer in het gebied van de Bovenbouwleerlingen. Controleer je resultaat door op het Paginavoorbeeld pictogram te klikken. Een nieuw scherm opent om je te laten zien hoe de pagina er op de website uit ziet:

basics_pagemanager_seniors_preview_text.png

Als je voorkeur hebt voor een pagina op volledig scherm, klik op het voorbeeldpictogram met je rechtermuisknop en selecteer Link openen in nieuw venster (in Firefox).
Sluit het venster en je komt terug in Paginabeheer van het gebied Bovenbouwleerlingen.
In de volgende paragraaf gaan we een klassenfoto van de bovenbouw aan de welkomstpagina toevoegen.

3.4 Een afbeelding toevoegen

1. De juiste map selecteren.
2. Een afbeelding op de server van jouw school uploaden.
3. De afbeelding toevoegen aan de webpagina.

* We veronderstellen dat je een afbeelding hebt en dat je weet waar je deze op jouw computer kunt vinden.

3.4.1 De juiste map selecteren

Op de Welkomst pagina klik je op Paginabeheer en selecteer je in het Menu het gebied Bovenbouwleerlingen :

basics_pagemanager_home_added.png

In het Bovenbouwleerlingen werkgebied klik je op de paginalink van Welkom (37).
De paginaverwerker opent. Maximaliseer het werkgebied door op het maximaliseer pictogram te klikken.

basics_pagemanager_FCK_add_image.png

Ga verder op deze manier:

• Zet de cursor tussen de laatste twee regels.
• Klik op het Afbeelding invoegen/wijzigen pictogram.

Het Eigenschappen afbeelding scherm opent:

basics_pagemanager_FCK_image_properties.png

In het Eigenschappen Afbeelding scherm klik je op [Browse Server] om het Mijn Bestanden scherm te openen:

basics_FCK_image_properties_My_Files.png

Er zijn nu geen bestanden beschikbaar; niet in je persoonlijke bestandenopslag (genaamd 'Mijn Bestanden') of in de opslag van het gebied 'Bovenbouwleerlingen".

Je moet eerst een afbeelding uploaden naar jouw Website@School server voordat je deze aan je webpagina toe kan voegen. Zie hiervoor de volgende paragraaf.

3.4.2 Een afbeelding uploaden

basics_FCK_files_seniors.png

Klik op Bestanden toevoegen (uploaden) om het Bestanden toevoegen (uploaden) scherm te openen:

basics_FCK_add_upload_files.png

Je kunt bestanden direct uploaden naar je schoolserver vanaf de computer waar je op werkt .
Het aantal bestanden dat je wilt uploaden kan veranderd worden. Kijk om dit te veranderen in Configuratiebeheer. Het standaardaantal is 8. Het is ook mogelijk om meedere bestanden in één keer te uploaden. Vink het 'Afbeeldingen verkleinen' vakje niet uit. Voor beide functies en hulp, zie het hoofdstuk Bestandbeheer.

Klik op [Browse] bij Bestandsnaam (1) om een scherm te openen op jouw computer om naar de map en de bestandsnaam te gaan van het bestand dat jij wilt uploaden:

basics_FCK_add_upload_files_browse.png

Selecteer het bestand en klik op [Open] (de naam van deze knop hangt af van je systeem: Mac, Linux of Windows PC):

basics_FCK_add_upload_files_ready.png

De map en de bestandsnaam op jouw computer zijn nu zichtbaar in het veld Bestandsnaam (1). Klik op [Done] om dit bestand naar de schoolserver te uploaden. Hierna ga je terug naar de bestanden van het gebied Bovenbouwleerlingen :

basics_FCK_files_file_uploaded.png

De afbeelding is nu geuploaded naar de Website@School server van jouw school. Zie het bevestigingsbericht in de gele statusbalk. Het bestand is gecontroleerd op virussen en een verkleinde afbeelding is automatisch aangemaakt.

3.4.3 De afbeelding toevoegen aan de webpagina

Klik op de verkleinde afbeelding. Het Eigenschappen afbeelding scherm wordt weergegeven:

basics_FCK_image_properties_with_image.png

Je kunt nu eigenschappen van de afbeelding toevoegen of aanpassen. Voor nu kun je gewoon op [OK] klikken om de afbeelding op de pagina in te voegen:

basics_FCK_image_added.png

Je kunt de afbeeldingsgrootte eenvoudig aanpassen door op een willekeurige hoek te klikken en, terwijl je je linkermuisknop ingedrukt houdt, de afbeelding te vergroten of te verkleinen naar de gewenste grootte.

basics_FCK_image_resized.png

basics_FCK_image_resized_done_button.png

Klik op [Done] om je pagina op te slaan en terug te keren naar paginabeheer.

basics_pagemanager_page_saved.png

Je bent nu terug bij de paginabeheer van het gebied Bovenbouwleerlingen.
Als je dit wilt kun je je pagina bekijken door op Paginavoorbeeld te klikken; dit is al eerder uitgelegd. Het is leuker om direct naar de Website@School website te gaan:

basics_frugal_site.png

Gebruik het uitklapmenu Selecteer gebied en selecteer het gebied Bovenbouwleerlingen. Wanneer je geen JavaScript hebt klik je op [Go]:

basics_site_seniors_text+img.png

Je bent nu niet alleen op de site van de bovenbouw, maar voor deze gelegenheid hebben we ons logo ook veranderd voor die van de bovenbouw. Dit is een makkelijke handeling. Zie hiervoor hoofdstuk Bazaar Style Style, paragraaf 2. Verander het Website@School logo door eenvoudig een nieuwe afbeelding toe te voegen, of laat dit leeg. Of zie een van de andere beschikbare thema's in de Website@School index.

3.5 Een sectie toevoegen

Ga nu naar de Website@School Welkomstpagina:

basics_was_home.png

Klik op Paginabeheer . Daarna klik je in het <s0>Menu</s0>op Bovenbouwleerlingen om het gebied Bovenbouwleerlingen te openen:

basics_pagemanager_area_seniors_open.png

In hetBovenbouwleerlingen werkgebied klik je op Nieuwe sectieom naar het Nieuwe sectie scherm te gaan:

basics_pagemanager_add_section.png

• Naam: Voer een naam voor deze nieuwe sectie in. Bijvoorbeeld: Andrew Reese.
• Omschrijving van de pagina/sectie: Geef een korte beschrijving. Deze zal worden weergegeven als een mouse-over tekst in Paginabeheer en op de site. Bijvoorbeeld: Andrew's Section.
• Bovenliggende sectie: Gebruik deze optie op dit moment niet. Dit wordt in de volgende paragraaf uitgelegd.
• Zichtbaarheid: Selecteer Zichtbaar. In deze handleiding willen we geen onzichtbare of verborgen sectie aanmaken. Zie het hoofdstuk Paginabeheer voor details.
• [Save], [Done], [Cancel]: Kijk hiervoor naar [Save], [Done], [Cancel] in deze handleiding.

Klik op [Done] om de sectiegegevens op te slaan. Hierna ga je terug naar Paginabeheer voor de Bovenbouwleerlingen. De sectie voor Andrew is toegevoegd:

basics_pagemanager_section_added.png

De volgende oefening is handig om te oefenen met het aanmaken van nieuwe secties en pagina's. Ga verder op deze manier:

- Voeg 2 nieuwe secties toe, genaamd 'Catherine Hayes' en 'Gedichten'
- Maak een pagina aan voor een gedicht genaamt 'Kat'

Zorg ervoor dat de toegevoegde secties en pagina's zichtbaar zijn.

Je kunt nu een overzicht van het hele gebied weergeven door de boomstructuur opuitgeklapt te zetten.
Het resultaat kan er zo uit zien:

basics_pagemanager_create_order_overview.png

Het kan er ook anders uitzien, maar dat maakt voor deze oefening niet uit; het zorgt er alleen voor dat je door kunt met de volgende paragraaf.

3.6 Wat orde scheppen

basics_pagemanager_create_order_overview.png

Je zult zien dat de nieuwe items bovenaan het gebied zijn toegevoegd. Dat is omdat we de nieuwe secties en de pagina niet binnen Andrew's Sectie hebben aangemaakt. Dit is niet echt wat we willen voor de structuur van de website. Het is nu tijd om dingen recht te zetten en ze in de juiste volgorde te ordenen. We willen de Welkomstpagina bovenaan de boomstructuur en de secties voor de leerlingen in alfabetische volgorde daaronder. En we willen het gedicht in Andrew's gedichtensectie.

Dit is hoe je de items in de gewenste volgorde kunt zetten:

Klik op het penpictogram van Catherine's Sectie. Het Bewerk de basiseigenschappen van sectie nn scherm opent:

basics_pagemanager_area_create_order_basic_prop.png

Gebruik het Volgorde uitklapmenu om Catherine's sectie en Andrew's sectie te verplaatsen.
Gebruik het Bovenliggende sectie uitklapmenu om de gedichten naar Andrew's sectie te verplaatsen.
Tenslotte verplaatsen we het gedicht Kat naar Gedichten, ook met het Bovenliggende sectie uitklapmenu.

Je eindresultaat kan er zo uit zien:

basics_pagemanager_area_create_order_ready.png

Klap nu de boomstructuur uit om de items in de structuur weer te geven:

basics_pagemanager_area_expanded_tree.png

We gebruikten 'Stel beeld in ingeklapt' en klikten daarop. De boomstructuur heeft een paar opties, die in het hoofdstuk Paginabeheer worden uitgelegd.

In de volgende sectie gaan we Andrew de nodige toegangsrechten in zijn sectie en pagina geven.

(top)

4. Toegangsrechten

In deze handleiding gaan we de toegangsrechten voor Andrew's secties en pagina's instellen. Dit wordt gedaan vanuit zijn Administrator en Paginabeheer toegang.

Klik op het Accountmanager pictogram om Accountbeheer te openen:

basics_accountmanager_overview.png

In het Menu, klik op Gebruikers om de lijst met gebruikers te openen:

basics_accountmanager_users.png

Om de accounttoegang van Andrew Reese's account in te stellen klik je op het penpictogram naast zijn naam om Bewerk Gebruikersnaam (Volledige naam) te openen:

basics_accountmanager_user_basic.png

4.1 Rechten van de administrator

basics_accountmanager_user_admin.png

Op deze pagina kun je de permissies voor de verschillende beheertaken instellen. Standaard heeft een nieuwe gebruiker geen permissies. Dit is een beveiligingsfunctie. We willen Andrew's permissies beperken tot het aanpassen van zijn pagina's en het uploaden van afbeeldingen in zijn eigen bestandsmap 'Mijn Bestanden'. Dat is waarom we alleen de vakjes voor de volgende opties aanklikken:

• Basale beheerdertaken
• Paginabeheer
• Bestandsbeheer

OPMERKING: Voor normale gebruikers is 'Basale beheerdertaken' altijd noodzakelijk. De gebruiker kan ook extra permissie krijgen maar vink nooit "Alle permissies' aan voor een normale gebruiker.

Klik op [Done] om de gebruikerspermissies op te slaan. Je keert nu terug naar Bewerk Gebruikersnaam (volledige naam).
In het Menu is de link naar Paginabeheer nu toegevoegd en toegankelijk.

4.2 Paginabeheer permissies

basics_accountmanager_user_page_perms_added.png

Klik op Paginabeheer om Toegang tot paginabeheer: gebruikersnaam (Volledige naam) te openen:

basics_accountmanager_page_man_perms.png

Je ziet dat gebruiker Andrew helemaal geen permmissies heeft. Dit is een beveiligingsfunctie. We willen Andrew alleen gedeeltelijke toegang verzekeren tot zijn eigen sectie in het gebied Bovenbouwleerlingen. Om het gebied Bovenbouwleerlingen te openen klik je op het map pictogram van 'Gebied 4: Bovenbouwleerlingen' om de boomstructuur te openen:

basics_accountmanager_user_page_manager_permissions.png

Zoek 'Sectie 38: Andrew Reese' op en klik om het uitklapmenu te openen. Verschillende Rollen worden zichtbaar. Een 'rol' staat voor een set van permissies. Deze toegangspermissies worden uitgebreider besproken in het hoofdstuk Accountbeheer.

We vertrouwen Andrew Reese dus geven we hem toegang om pagina's te maken, verwijderen en aan te passen in zijn eigen sectie, en om subsecties toe te voegen zoals gedichten en opstellen. Het is veilig om hem Sectiebeheerder van zijn eigen sectie te maken, dus zetten we het uitklapmenu op Sectiebeheerder.

OPMERKING:
Wees erg voorzichtig om Andrew NIET de permissie tot Guru te geven voor alle huidige en toekomstige gebieden!

Klik nu op [Done] om Andrew's permissies op te slaan en terug te gaan naar de basiseigenschappen.

Wanneer Andrew zich nu aanmeldt met zijn gebruikersnaam en wachtwoord ziet hij de volgende pagina wanneer hij naar Paginabeheer gaat:

basics_pagemanager_andrews_view.png

OPMERKING: Andrew heeft geen toegang tot andere beheerderstaken (deze zijn grijs). Ook heeft hij geen toegang tot de andere gebieden (grijs) en Catherine's sectie (grijs) en weet hij niet af van het bestaan van Intranet(s).

De toegangsrechten worden verder besproken in het hoofdstuk Accountbeheer.

(top)

5. Een gebruiker toevoegen

Klik op het pictogram voor Accountbeheer om Accountbeheer te openen:

basics_accountmanager_overview.png

In het Menu klik je op Gebruikers om de lijst met gebruikers te openen:

basics_accountmanager_users_all.png

Bij Gebruikers klik je op Nieuwe gebruiker toevoegen om het Nieuwe gebruiker toevoegen scherm te openen:

basics_accountmanager_add_user.png

• Naam: Voer de loginnaam van de nieuwe gebruiker in. Bijvoorbeeld: mastell.

  OPMERKING: Een gebruikersnaam is maximaal 16 tekens lang: kleine letters (a-z), cijfers (0-9), laag streepje (_) en begint met een letter.

• Wachtwoord: Voer altijd een gebruikersnaam in voor elke gebruiker. Website@School accepteert geen eenvoudige wachtwoorden zoals helen of maria2. Deze zijn erg makkelijk te raden en het gebruik hiervan brengt de volledige website en zijn inhoud in gevaar. Ongebruikelijke wachtwoorden zijn moeilijk te raden. Een acceptabel Website@School wachtwoord moet:
  • Minimaal 6 (zes) tekens lang zijn,
  • ten minste 1 (een) hoofdletter (A-Z) bevatten,
  • ten minste 1 (een) kleine letter (a-z) bevatten,
  • ten minste 1 (een) cijfer (0-9) bevatten
  • en het liefst ook een speciaal karakter zoals: at-teken '@', hekje '#', dollar '$', percentage teken '%', dakje '^', ampersand '&', asterisk '*', linker haakje '(', rechter haakje ')', streepje '-', laag streepje '_', plus '+', is gelijk-teken '=', linker gekronkelde haakje '{', rechter gekronkelde haakje '}', haakje openen '[', haakje sluiten ']', apostrof ';', schuine streep '/', punt '.' en vraagteken '?'.

  Een goed gekozen wachtwoord kan bijvoorbeeld zijn Mrbh3ws!. Dit wachtwoord is voor de eigenaar gemakkelijk te onthouden als het staat voor "My red bike has 3 wheels!". Alleen de eigenaar weet dit, wat het voor anderen lastig maakt om te raden. Dit ezelsbruggertje is een makkelijke manier voor gebruikers om een moeilijk wachtwoord te bedenken terwijl het makkelijk te onthouden is.

  Wanneer je wachtwoord niet acceptabel is voor Website@School wordt deze afgewezen en zie je een waarschuwing in de gele statusbalk.
  

• Bevestig wachtwoord: Typ het gekozen wachtwoord opnieuw.
• Volledige naam: De volledige naam van de gebruiker van dit account, bijvoorbeeld Mary Astell.
• Netpost: Voer het e-mailadres van de gebruiker in. Bijvoorbeeld m.astell@exemplum.eu. Dit e-mailadres wordt gebruikt om een bericht te verzenden wanneer de gebruiker zijn of haar wachtwoord is vergeten.
• Actieve gebruiker [ ] Merk account aan als actief: Standaard: aangevinkt, d.w.z. dat het account actief is; deze kan zich aanmelden en doen waarvoor hij permissies heeft.
  Het uitvinken van dit vakje maakt het onmogelijk voor een gebruiker om zijn account te gebruiken, d.w.z. deze heeft helemaal geen toegang meer. Dit kan handig zijn voor een ondeugende leerling.
• [Save], [Done], [Cancel]: Kijk hiervoor naar [Save], [Done], [Cancel] in deze handleiding.

basics_accountmanager_user_added.png

Dit punt is een goed moment om een nieuwe gebruiker genaamd mastell, een nieuwe lerares op school, toe te voegen, en om een sectie en pagina's voor haar te maken.

6. Groepen en bevoegdheden

Op deze manier kunnen we een groep maken bestaande uit bijvoorbeeld: Leraren en Leerlingen. Leraren kunnen andere permissies hebben dan leerlingen. Zo kunnen leraren secties en pagina's aan een gebied toevoegen terwijl leerlingen alleen pagina's aan een sectie toe kunnen voegen.

Op deze manier hoeven we niet 20 leerlingen stuk voor stuk handmatig permissie te geven wanneer we nieuwe accounts aanmaken. Het is vervelend, tijdrovend en gevoelig voor fouten wanneer elke keer bij Beheer de Basale beheerdertaken, Paginabeheer en Bestandsbeheer permissies te geven en daarna in Paginabeheer permissie te geven in het specifieke gebied door de juiste rol te selecteren in het menu.
Met Groepen en Bevoegdheden kunnen we 20 leerlingen als leerling toevoegen aan de groep 'Klas'. En dan maken we hun leraar een leraar in de groep 'Klas'. We kunnen nu leerlingen sectiebeheerder maken en de leraar de gebiedsbeheerder. Dat is alles.

De kracht van groepen, bevoegdheden en rollen, gecombineerd met gebieden, secties en pagina's verdient meer aandacht dan deze korte uitleg. De functies worden uitgebreid besproken in het hoofdstuk Accountbeheer.

(top)

7. Diversen

7.1 Vergrendelde pagina

basics_locked_page_unlock.png

Als degene die probeert toegang te krijgen tot de pagina de eigenaar van de pagina is, is het voldoende om op [OK] te klikken om de pagina te ontgrendelen.

Wanneer de gebruiker een pagina selecteert die een ander in gebruik heeft, zal hij het volgende scherm zien:

basics_locked_page.png

Het bericht zegt dat webbeheerder Wilhelmina de pagina probeert te openen waarin Andrew aan het werk is. Dit houdt in dat de pagina in gebruik is en niet door Wilhelmina ontgrendeld kan worden.

7.2 Onze Sandbox

Om je aan te melden op de Website@School sandbox, ga naar:
http://wyxs.net/was_daily/admin.php, waar je dit vindt:

basics_sandbox.png

basics_sandbox_welcome.png

7.3 De Openbare Basisschool Exemplum verwijderen

• De Openbare Basisschool Exemplum verwijderen. Dit is geen goed idee omdat je je eigen Sandbox kwijtraakt wanneer je Website@School hebt geinstalleerd met demonstratiegegevens.
• Verander de naam in: Configuratiebeheer > gebieden. Hiervoor geldt hetzelfde als bovenstaand.
• Beter is: Maak een nieuw Gebied aan, geef deze een naam en maak dit gebied je thuisgebied. Maak de Openbare Basisschool Exemplum inactief zodat je deze niet ziet in het Selecteer Gebied uitklapmenu.
• En lees hoofdstuk Configuratiebeheer, sectie Site. Bij 'Website titel' kun je de zichtbare titel veranderen: in Website@School beheer.

(top)

8. Hoe nu verder?

Het is nu tijd om meer publieke en privé gebieden toe te voegen en deze modules te geven, zoals: contactformulieren, sitemaps, fotoboeken, weblogs, chats, editors, ? In de 'Modules' sectie van de Inhoudsopgave leggen we in detail uit hoe je deze functies toe kunt voegen en hoe je ze in moet stellen.
Bovenaan de pagina vindt je een klikbare link naar een lange pagina met een zoeklijst van de inhoud van alle hoofdstukken. Dit is gemakkelijk wanneer je naar iets specifieks op zoek bent.

(top)