I. Vorming 3 (26/04/2012) Stap 1 1. Werken met meerdere tekstblokken op je website 1.1 Teksblokken toevoegen In de vorige sessie hebben we maar met één tekstblok gewerkt. Foto s kunnen ook enkel toegevoegd worden per tekstblok. Met meer tekstblokken werken doe je op de volgende manier: Stap 2 Klik op tekstblok toevoegen. Dit brengt je in de editor. titel: in dit veld kan je de titel van je tekstblok zetten. In het veld daaronder heb je een groot aantal mogelijkheden om je tekst op te maken. (zie sessie 1 over tekstverwerking) In het veld daaronder kan je typen. Stap 7 Klik op toevoegen! EEN TEKSTBLOK VERWIJDEREN? Klik op het rode kruisje, uiterst rechts: VOLGORDE VAN TEKSTBLOKKEN WIJZIGEN? Klik op de pijltjes op en neer om het blok te verplaatsen.
1.2 Teksblokken sorteren wat Op het ogenblik dat je een pagina aanmaakt (hoofd of subpagina) krijg je de kans om de sortering van de tekstblokken in te stellen. Deze sortering heeft niets te maken met de volgorde van je pagina s. Die bepaal je via het tabblad pagina volgorde in sitestructuur. Het gaat over de sortering van de tekstblokken die je maakt binnen deze pagina. Er zijn 3 soorten sortering: - Vrij - Alfabetisch - Op tijd met elk nog 2 keuzemogelijkheden. Sortering vrij Bovenaan toevoegen Onderaan toevoegen Manueel verplaatsen Het laatst gemaakte tekstblok komt bovenaan. Het laatst gemaakte tekstblok komt onderaan. Bij de vrije sorteermethode kan je de blokken ook zelf vrij van plaats veranderen met de pijltjes die voorkomen naast het tekstblok. Alfabetische sortering (abc (titel)) De sortering werkt op de titels van de tekstblokken. A- Z Sortering van A naar Z. Z- A Sortering van Z naar A. Bij deze vorm van sorteren kan je de volgorde niet manueel wijzigen. Er staan geen pijltjes bij het tekstblok. Sortering op tijd
dagboek kalender Aanmaak tekstblok Dit type sortering wordt vooral gebruikt voor blogs. In dat geval kies je voor dagboek. Bij sortering op tijd, krijgen de tekstblokken een datum. Op die datum wordt gesorteerd. (niet op datum waarop je het tekstblok maakt) In dit geval komt de jongste datum bovenaan. In dit geval komt de oudste datum bovenaan. Vb. Je hebt al een tekstblok met datum 14/2/2012 en een tektblok met datum 15/1/2012. Plots vind je nog een mooie foto, gemaakt op 1/2/2012. Je kan dan op 15/5/2012 een tekstblok maken met als datum 1/2/2012. Deze zal tussen de 2 andere tekstblokken komen te staan. Als je sortering op tijd gekozen hebt bij het aanmaken van een pagina, krijg je bij elk tekstblok van die pagina naast de titel en tekst ook nog een datumveld. In dit veld kan je manueel de datum typen of je kan klikken op de agendaknop die ernaast staat (laatste is sterk aanbevolen: zo maak je geen fouten anders bij fouten zie je niets!) Klik op de datum die je wenst. Je kan door de maanden lopen met de horizontale pijltjes of ze rechtstreeks in de lijst aanklikken die opent als je op het pijltje rechts van de maand klikt.
2. Een Google- kaartje toevoegen aan je website Om Google- kaartjes te kunnen toevoegen moet je weten wat Code is en hoe je dit kan herkennen. Code : Dit staat voor HTML- code. HTML- code is een speciale opmaaktaal die gebruikt wordt om websites te maken op het internet. Deze code wordt een speciale manier geschreven. We gaan deze code niet leren schrijven, hiervoor verwijzen we naar gespecialiseerde webdesign- cursussen. Op de website die wij willen maken, moet je deze code wel kunnen herkennen. Hiervoor gaan we voorbeeld gebruiken van de Google- maps. We gaan een kaartje toevoegen op onze website met de aangeduide locatie van de bibliotheek. Stap 1 Stap 2 Ga in je internetbrowser naar http://maps.google.be/ Om de bibliotheek terug te vinden, moet je het adres in de adresbalk voegen. Klik op het vergrootglas om op te zoeken. Stap 3 De locatie verschijnt nu op de kaart. Om dit kaartje op je eigen website te krijgen. Moet je de code kopiëren. Deze kan je terugvinden als je op de ketting naast de kaart klikt. Stap 4 Er opent een venstertje. Hierin moet je de HTML- code gaan kopiëren. BELANGRIJK: verander niets in deze code! De HTML- code vind je terug in het onderste tekstvak.
(Het bovenste tekstvak bevat enkel een link naar het kaartje, niet het kaartje zelf) Klik met je rechter muisknop op deze code en kopieër ze! (als je rechts klikt op dit vak, wordt automatisch de volledige tekst in het kader geselecteerd, je hoeft dit niet manueel te doen) Stap 5 Nu moeten we deze Code in onze eigen website proberen plaatsen. Dit gebeurt net op dezelfde manier als tekst toevoegen. Je gaat via Sitestructuur naar de pagina die je wil en klikt op het potloodje om de tekst aan te passen. (zie vorige vorming). De teksteditor opent. Voor je de Code in je venster plakt, moet je eerst nog op het Code- knopje klikken. VERGEET DIT NIET, anders zal je code niet werken!!! Als het Code- knopje aangevinkt staat, kan je de Code plakken. Het tekstveld zou er ongeveer zo moeten uitzien:
Stap 6 De code is toegevoegd. Je kan nu op wijzigingen opslaan klikken en het resultaat gaan bekijken in je website.