Handleiding. The Originator

Transcriptie

1 Handleiding The Originator Frank Verhagen M E frank@theoriginator.nl 2014

2 Instructie website ontspannenbewegen.nl De website is gebouwd met Freeway Pro. Binnen de site zijn er verschillende elementen ingebouwd die er zorg voor dragen dat je deze zelf kan onderhouden. Er kunnen ook nieuwe pagina's worden aangemaakt of oude pagina's worden verwijderd. Iedere pagina heeft eenzelfde structuur en opzet. Uitzondering is het contactformulier. Links van de kop 'Ontspannen' en net 1 buiten het blauw vlak bevindt zich de koppeling naar de werkmap van de website; de kopeling wordt zichtbaar m.b.v je muis (zandloper/handje wordt zichtbaar); klik met je rechtermuisknop 1 Link naar werkmap Via de werkmap kan het slot dat de site beschermd worden geopend. 2 klik met je linkermuisknop en het 'Logon' opent: vul je gebruikersnaam en wachtwoord in 2 Slot 3 Nadat de werkpagina is geopend, klik je op WEBSITE [HIER] 3

3 Opzet pagina Titel pagina Trefwoorden Omschrijving Hoofdkop pagina Kop pagina Telefoon/mail menu Tekstblok tekstdeel foto/illustratie/pdf

4 Menu Menu kan met behulp van de + of button 'onbeperkt' worden uitgebreid/ingekort Submenu aanmaken Hoofdmenu aanmaken De volgorde van de pagina's is te wijzigen door te klikken op de pijltjes of Positie van de pagina's hoofd of subpagina bepaal je met of Pagina's kunnen (on)zichtbaar worden gemaakt

5 Tekstblok De opmaak van de tekst is gedefinieerd; dit betekent dat een tekst die je binnen Word hebt gemaakt en vervolgens binnen het tekstblok plakt automatisch naar de definitie wordt omgezet. De opmaak die je binnen Word hebt gedaan wordt dus 'weggegooid'. Het opmaken (vet, onderstrepen, grotere corps voor kopjes binnen het tekstblok) doe je met behulp van de editor.. Nota Bene: het direct plakken vanuit Word wordt overigens afgeraden. Het mag wel, maar er kunnen altijd opmaakcodes meekomen die door de editor niet worden begrepen. Je ziet soms binnen teksten wel eens een of meerdere vraagtekens verschijnen. Het is dus aan te raden om de tekst die je binnen Word heb gemaakt, om te zetten naar een platte tekst en deze dan vervolgens binnen de editor plakt. Het euroteken voeg je vervolgens via de symbolen-knop in.

6 Editor Aan het tekstblok zit een editor gekoppeld; doet denken aan de gebruikelijke menubalk van een tekstverwerker. Er zijn wat beperkingen, restricties. Er wordt gewerkt met een bepaalde standaard, zodat lezer x of y uiteindelijk hetzelfde te zien gaat krijgen. Kun je bijvoorbeeld in Word na een woord enkele spaties geven, binnen de editor kun je dat wel doen, maar is het niet zichtbaar. De spaties worden binnen het internet teruggebracht tot 1. Een handmatige woordafbreking wordt gelezen als nieuwe alinea/regel. save Linken maken Foto invoegen symbolen-knop Opheffen zelf opgemaakte tekst

7 Linken pagina/website Binnen de tekstblokken kun je, zowel binnen als buiten je eigen site, links maken, In het voorbeeld is er op de pagina 'bekkenoefen therapie' een link gemaakt naar de website van ADAP Je blokt met je muis het woord 'website'; klik op de button link; het onderstaande scherm opent zich; voer daar de link van de website in 1 2 Klik nu op het tabje 'target' Kies altijd voor 'new window' Bevestig met OK

8 Linken Naast de mailmogelijkheid via het contactformulier kan er op iedere pagina een link worden gelegd naar een adres. Om de mail actief te maken moet er een link worden gelegd; klik op de button link; het onderstaande scherm opent zich; voer het adres in en eventueel geeft ook het onderwerp aan, bevestig met ok 1

9 Werkmap De werkmap is het startpunt als je aan de website gaat werken Het is de bron voor foto's, illustraties en/of pdf's die je uiteindelijk binnen de tekstblokken op de website wilt plaatsen. Binnen de werkmap kun je ook oefenen/dingen uitproberen als je niet zeker bent of een en ander ook goed is geplaatst/opgemaakt. Omdat deze map 'achter' de site hangt, is het ook niet direct voor iedereen zichtbaar. Binnen de werkmap is een 'menu' geplaatst waar voorbeelden in staan met opmaak, marge's en waar nodig de kleurcoderingen. Inloggen gaat via het slotje linksboven. Je kunt vanuit de werkmap direct naar de website. Let op: zowel de werkpagina als de site moeten na afloop van de sessie worden afgesloten. Binnen de werkmap zijn 4 elementen ingebouwd tekstblok/kladblok Galerij foto/logo Galerij pdf's Menu met voorbeelden Tekstblok Ingebouwd om te kunnen oefenen of om tijdelijke teksten even te 'parkeren' Galerijen Werkwijze van alle twee is hetzelfde.

10 Foto uploaden werkmap Foto's/illustratie die je op de site wilt hebben, moeten eerst worden geplaatst in de werkmap. Vanuit deze omgeving ga je het op de betreffende pagina invoegen. Klik op + Er verschijnt een scherm 'nieuwe foto' Kies de foto die je wilt uploaden Geef de foto een korte omschrijving Bewaar De foto staat nu in de galerij Met of verander je de volgorde van de foto's Wil je foto kwijt, dan klik je op

11 Foto plaatsen op de pagina [1 van 3] Foto's binnen het tekstblok worden geplaatst via een omweggetje. De foto moet namelijk eerst worden geupload naar de server; vanaf deze locatie kunnen de foto's daadwerkelijk geplaatst worden binnen het tekstblok Het uploaden wordt gedaan via Klik met je muis op de plek binnen het tekstblok waar je de foto ongeveer wilt hebben Klik in de menubalk van de editor op het icoontje afbeeldingen Het scherm 'eigenschappen afbeelding' open zich Laat dit scherm open staan Keer terug naar de werkmap afbeeldingen

12 Foto linken voor de website [2 van 3] 1 Klik op de foto [1] zodat deze groter wordt; Afhankelijk van je browser Firefox > Klik met je rechtermuisknop; er opent zich een scherm [2] ; klik op 'kopieer 'afbeeldingslocatie kopieren' [3] of Explorer > Klik nu met je rechtermuisknop; er opent zich een scherm; kies voor eigenschappen en kopieer de 'url' [voorbeeld Keer weer terug naar de pagina op de website 3 2

13 Foto plaatsen binnen tekstblok [3 van 3] Plaats de gekopieerde link in het blokje URL Zodra de link is geplakt verschijnt de foto Geef een korte omschrijving; bijv. pilates ontspannen bewegen Bepaal de grootte van de foto (dit kun je ook daarna handmatig doen door op een van de punten van de foto 'te trekken' Rand laat je open Hspace/Vspace = marge rondom de foto, stel deze op minimaal 5 in, de ruimte heb je nodig omdat anders de tekst direct aansluit op de foto Uitlijnen: binnen de editor 2 opties: links of rechts Bevestig met OK

14 SEO [search engine optimization] Op iedere pagina zijn seo-elementen ingebouwd Deze zorgen ervoor dat de site in zijn geheel en de pagina's afzonderlijk vindbaar zijn voor zoekmachines. Een goede definitie, keuze van woorden kan er toe bijdragen dat de dat de site qua ranking op een hoge positie gaat komen. Alleen deze elementen zijn niet zaligmakend. Het is daarnaast zaak dat je je op verschillende platforms zichtbaar maakt, o.a. Google+, Facebook Ook is het belangrijk dat je met zekere regelmaat de site up-date Page-title begin met de naam van de betreffende pagina gevolgd door Ontspannen Bewegen Keywords zoekwoorden die de potentiele klant gebuikt om het gevraagde te vinden; maximum van 15 woorden Description Korte omschrijving van de inhoud van de pagina NB: als er geen omschrijving is, dan wordt deze gegenereerd op basis van de inhoud van de pagina