Handleiding website - St. Willibrordus Bakel

Werken met de website basisonline
Ga naar www.basisonline.nl of selecteer in de website van de school- intranet – basisonline
- login met de verkregen inlognaam en wachtwoord
- je inlognaam is jouw emailadres van de school, je wachtwoord is bekend
- tabblad de website : - onderhoud
-
Open de map groepen klik op je eigen groep ( meer kan ook niet als het goed is…)
- pagina opent en je kunt nu tekst intypen .
1
Als je gaat typen in de pagina wordt de opmaak , Lettergrootte 2, lettertype verdana.
Standaard weergegeven
Als je tekst gaat kopiëren vanuit een word document:
Selecteer hiervoor de tekst in bijv. het word document en kopieer de tekst.
Plak de tekst in de pagina van je groep ( derde icoontje links boven of rechtermuisknopplakken.
De volgende melding verschijnt dat je een worddocument gaat bewerken- klik op ok
Plak nu de tekst in het verschenen tekstvak via ctrl-v
Verwijder het vinkje bij: gebruikte lettertypes behouden indien mogelijk
.
Hierdoor is de opmaak van de tekst van de site uniform.
Let op de opmaak van de tekst, Lettergrootte 2, lettertype Verdana.
2
Gekopieerde en geplakte tekst kan van een andere opmaak zijn.
Selecteer op de pagina alle tekst en klik op lettergrootte 2 en lettertype verdana.
De tekst moet nu veranderen.
Opslaan van je pagina alvorens je deze gaat bekijken via de zgn weergavemodus:
Via tussentijds opslaan ( de pagina sluit niet en je kunt verder werken)
Of klik op opslaan ( je pagina sluit nu )
Bekijken van je groepspagina in de website
- klik op het huisje.
- rol het menu groepen uit en bekijk de blz van je groep.
3
Let op: de pagina indeling kan nu anders zijn dan je zojuist in de onderhoudsmodus hebt
gemaakt. Bekijk even waar bijv. tekst moet afbreken dmv een ‘enter’ achter de tekst.
Sluit hiervoor de website van de school in de ‘weergavemodus’ en ga weer naar de site van
basisonline via tabblad de website - onderhoud ( zie boven )
Je hoeft niet steeds opnieuw in te loggen als je de site van basisonline maar niet afsluit.
Om een goede lay-out van je pagina te krijgen kun je werken met tabellen:
Invoegen van een tabel:
- Tabblad de website – onderhoud ( zie boven)
- Open de map groepen klik op je eigen groep
- Klik op icoon- Tabel invoegen/wijzigen
-
Geef aan hoeveel rijen en kolommen je wilt maken
Vul de breedte van de tabel in op bijvoorbeeld 650 pixels of 700 pixels (uiterlijke
breedte 750 pixels)
Vul de breedte rand in : 0 ( dit betekent nu dat de tabel niet zichtbaar is in de
weergavemodus van de website van onze school, je ziet deze tabellen wel in de
onderhoudsmodus (waarin je werkt). Overige zaken van “eigenschappen tabel” hoef je
niet in te vullen.
In bovenstaand voorbeeld is 1 rij gemaakt met 2 kolommen.(cellen)
4
Je kunt bijvoorbeeld de linkerkolom ( cel ) gebruiken voor de tekst en de rechter cel voor een
bijbehorende afbeelding.
Zo kunnen de tabellen een hulp zijn bij een goede layout van je pagina in de weergave
modus.
Het is verstandig om de cellen nu een vaste breedte te geven ,anders verschuiven deze in
breedte wanneer de cellen worden gevuld met tekst en of afbeeldingen
Plaats de cursor in de linkercel en klik op de rechtermuis knop
- cel – eigenschappen van de cel
Geef nu de breedte van de cel aan ( in dit geval heb ik gekozen voor 325 pixels, dat is de helft
van de hele tabel die 650 pixels is)
Klik op ok.
- Bepaal nu ook de breedte van de rechtercel van de tabel volgens bovenstaande procedure
De som van de cellen is altijd de totale breedte van de tabel (die is in dit geval 650 pixels )Je
kunt dus ook een tabel maken met meerdere kolommen , waarvan je vervolgens opgeeft hoe
breed elke afzonderlijk kolom ( cel ) moet zijn. De som van de cellen is de breedte van de
tabel. (Met de rechtermuisknop zijn nog meer functies beschikbaar voor tabel en cel.)
5
Invoegen van afbeelding .
Open je groep ( zie boven)
- plaats de cursor waar je de afbeelding op je pagina wilt plaatsen.
Dat kan dus ook een plaats in een cel zijn.
- klik op icoontje met bergje (rechtboven ) / afbeelding invoegen
- tabblad: upload afbeelding
Het is belangrijk dat je de afbeelding plaatst in de map van je groep
Rol bovenstaande menu uit en selecteer de map waar je het plaatje in wil opslaan.
Selecteer in het uitrolmenu je eigen groep
6
-
klik op kies
upload
Het volgende scherm verschijnt.
Hierop kun je aangeven welk formaat je afbeelding moet zijn.
Kies kleinst ( 400 x300) of klein (640x480 )
Na de keuze voor de verkleining klik je op de upload knop
-
selecteer de directory op jouw computer waar je afbeelding staat.
openen / foto wordt nu ‘upgeload’ ( load alleen die foto’s up die je ook echt gaat
gebruiken )
7
tabblad: selecteer afbeelding
-
-
selecteer in de linkerkolom de map waarin je de zojuist upgeloade afbeelding hebt
geplaatst.
- open de map van je groep
- selecteer vervolgens de upgeloade afbeelding(voorbeeld verschijnt )
Voorbeeld: herfst017
Pas zonodig de breedte en hoogte aan.
Houd rekening met de breedte van je cel waarin je eventueel de foto plaatst
Bepaal de uitlijning van de afbeelding ( uitrolmenu)
Ok / de afbeelding is nu op je pagina geplaatst op de plaats waar jij de cursor hebt
geplaatst.
Als je de afbeelding wilt aanpassen:
klik met de rechtermuisknop op de afbeelding en vervolgens op eigenschappen van de
afbeelding.
onthoud goed de namen van je geplaatste afbeeldingen, schrijf deze namen even
op, want dit is van belang wanneer je later de afbeeldingen moet verwijderen.
8
-
Afbeelding verwijderen op de pagina : de foto selecteren en op del drukken. ( let op de
foto is nu niet van het systeem verwijderd )
Opslaan
Bekijk je pagina weer via homepage en pas zonodig weer aan via onderhoud.
Verwijderen van afbeeldingen .
Wanneer je de pagina van je groep gaat veranderen en je bepaalde afbeeldingen niet
meer op de site vertoont, dien je deze afbeeldingen uit de website te verwijderen.
Het is dus van belang dat je goed weet welke namen jouw afbeeldingen hebben op je
groepspagina
Hoe werkt het verwijderen van niet meer gebruikte afbeeldingen ?
Als je bent ingelogd op basisonline gaan je via onderhoud (zie eerste scherm pag 1 )
naar afbeeldingen.
-
klik op afbeeldingen
Het volgende scherm verschijnt:
9
In de linkerkolom staan de mappen onder afbeeldingen.
-
Selecteer de map van je groep:
In de rechterkolom verschijnen nu de afbeeldingen die in deze map staan.
Vink de afbeelding aan die je wilt verwijderen en klik op
Scherm: Wilt u deze afbeelding verwijderen ? klik op verwijderen
Klik op
om terug te gaan naar vorige schermen
Helemaal klaar met de website ??
Graag uitloggen in het beginscherm !
10
Resizen van foto’s
Met het programma
( staat op het bureau blad op skool), kun de foto’s aanpassen.
Dit is voor een website belangrijk. Foto’s met een te hoge resolutie laden traag op een pagina
en nemen onnodig veel ruimte in .
Je kunt dit programma ook thuis downloaden: http://www.freeimagebrowser.com/resize/
Vervolgens: free services
Visualiser Photo resize
Onder in deze tabel klik op download
Programma is gratis en resized alle foto's in de map die je selecteert.
Bij openen verschijnt het volgende:
Voorbeeld:
Klik op bovenste
. Dit werkt als een verkenner en hiermee kun de de map selecteren
waar je foto’s staan. ( bronmap) ( bovenstaand is een voorbeeldmap )
Klik op de onderste
. Hiermee bepaal waar de foto’s komen te staan (doelmap)
Visualizer ‘resized’ alle foto’s uit de bronmap. Als je nu als doelmap precies dezelfde
directory aangeeft, dan worden alle originele foto’s resized.
Het is verstandig om derhalve even een nieuwe map aan te maken waar je de resized
foto’s plaatst. Zo behoud je de originele foto’s . zie bovenstaand voorbeeld.
11
Geef de breedte van je foto aan: in het voorbeeld is dat Width 400. ( hoogte wordt nu
automatisch aangepast. )
-
klik op next
- Geef met behulp van de schuif aan hoe groot de compressie moet zijn.Bijv. 80
-
Klik hierna op next
De gegevens zoals je de foto’s wilt ‘resizen’ wordt weergegeven
Klik op next als je de opdracht wilt uitvoeren.
Alle foto’s uit de bronmap worden nu geresized en geplaatst in de doelmap.
Gebruik afbeeldingen uit deze doelmap om die te plaatsen op de website van school.
( zie beschrijving: invoegen van afbeelding ).
12