a-tool Inhoudstafel handleiding Inhoudstafel

Transcriptie

1

2 Inhoudstafel Inhoudstafel Inhoudstafel Algemeen Wat is A-tool? Waar vind ik mijn A-tool? Hoe log ik in? Mijn gegevens verloren! Wat nu? Wegwijs in A-tool De Main -pagina De Website -knop De header (het bovenste gedeelte) De body (de tabel) Werken met de website - tabel Het toevoegen van een pagina (rij) Het wijzigen van een pagina (rij) Het verwijderen van een pagina (rij) Werken met WYSE (what you see is what you get) Betekenis van de knoppen Het maken van links en ankerpunten Links maken naar externe webpagina s Links maken naar een adres Links maken naar een bepaalde plaats in de website (anker) Links maken naar een bestand of foto Links verwijderen Het toevoegen van foto s Het toevoegen van bestanden Notities

3 algemeen A l g e m e e n Wat is A-tool? p A-tool laat u toe om de website volledig te sturen. p A-tool biedt u de mogelijkheid om verschillende gebruikers aan te maken, met elk hun privileges. p A-tool laat u toe online tabellen aan te maken, die direct gebruikt kunnen worden. p A-tool stelt u in staat bestaande databanken te koppelen, zo voorkomt u lang input werk. p A-tool heeft u de mogelijkheid om tabellen te beheren, zo kan u tabellen en velden hernoemen, verwijderen enz. p A-tool is volledig wyse, dit betekent dat u er volledig de lay-out en de inhoud van uw website mee kan bepalen. Op die manier kan u gemakkelijk de inhoud van uw project verfraaien. p A-tool laat u op een gemakkelijke manier toe data in te voegen, te bewerken en te verwijderen, hiervoor is geen specifieke kennis vereist. p A-tool heeft verschillende zoeksystemen die u gemakkelijk tot bij de juiste informatie brengt. p A-tool is uitbreidbaar, wanneer later eventueel website modules worden bijbesteld kunnen deze eveneens aan A-tool worden gekoppeld. p A-tool biedt als enig CMS-systeem de mogelijkheid om foto s online met een drag and drop module online te plaatsen. p A-tool heeft een ingebouwde FTP-client, wat betekent dat u online documenten kan opladen, bewerken en verwijderen. Zeer handig om bijvoorbeeld, foto s op uw website te plaatsen. Andere voorbeelden: Waar vind ik mijn A-tool? Op uw eigen domein schuine streep atool voorbeeld: Hoe log ik in? De door Black and White Company ontvangen gegevens kan u hier nu invullen: p adres p Wachtwoord Onderaan krijgt men de mogelijkheid deze gegevens op te slaan (Remember me), Deze optie zorgt ervoor dat A-tool uw gegevens onthoud, en bij een volgende login er niet meer naar zal vragen. (Deze worden lokaal op de computer opgeslaan, en zal dus niet werken op een andere computer) Mijn gegevens verloren! Wat nu? Onderaan de inlog pagina staat een link waar u automatisch uw wachtwoord kunt opvragen. Enige vereiste hier is dat u uw nog weet. Vul uw adres in en druk op send. Uw gegevens worden nu naar dit adres gestuurd.

4 wegwijs in a-tool wegwijs in a-tool De Website -knop De Main -pagina Dit is de allereerste pagina die men te zien krijgt na het inloggen op A-tool. Bovenaan ziet men de naam waarmee men ingelogd is plus een knop waar men zich kan uitloggen. Uitloggen gebeurt ook automatisch als men het programma enige tijd niet gebruikt. (Let hierbij op! Niet opgeslagen data zal verloren gaan). Alles onder de liggende streep, zijn de modules die op uw website geïnstalleerd staan. De module die altijd aanwezig zal zijn is website. Deze is het hart van uw website. Andere modules kunnen zijn: p Nieuwsbrief p Webwinkel p Forum Door op deze knop (website) te klikken, kan men de module gaan beheren. Deze pagina s om modules te gaan beheren bestaan uit 2 grote delen: p De header (bovenste gedeelte) p De body (de tabel) Hieronder zullen beide delen in detail besproken worden.

5 wegwijs in a-tool p De header (het bovenste gedeelte) 1. De verschillende pagina s onder het beheer van de website -module Door op deze knoppen te klikken kan men tussen de verschillende pagina s navigeren, waar verschillende functies terug te vinden zijn die allemaal te maken hebben met website. Hoofdzakelijk zal elke knop een tabel weergeven, hoewel er ook custom pagina s bestaan. Deze pagina s zijn geschreven voor u om het beheren gemakkelijker te maken. voorbeelden hiervan: p Het opladen van foto s naar het net p het versturen van nieuwsbrieven p 2. Rechtsboven vindt men één van de belangrijkste knoppen terug van de beheer pagina s: de + knop Deze knop zorgt ervoor dat u iets kan toevoegen aan de lijst (een pagina, een persoon, een nieuwsbrief, een adresgegeven, ). In dit geval is dit de knop om een pagina toe te voegen aan de website. 3. Uiterst rechts vind men de knop om terug te keren naar de main -pagina. 4. Het groeperen van gegevens in de body (de tabel), Men klikt bijvoorbeeld op en vervolgens op dan krijgt men de volgende lijst in de body: Alleen de woorden die beginnen met w zijn zichtbaar, deze functie is zeer handig om uit een tabel met zeer veel rijen snel woorden terug te vinden in een bepaalde kolom. Wil men terug alle gegevens zien, drukt men op 5. Verder op deze lijn vind men de paging -functie Hiermee kan men zeer uitgebreide tabellen in stukken opdelen. Door bijvoorbeeld per pagina 15, 25, 35, rijen te tonen. Deze functie zorgt ervoor dat de pagina niet alle rijen hoeft weer te geven en zo sneller kan werken.

6 wegwijs in a-tool Deze tabel wordt dan verdeeld over verschillende pages (pagina s), De pagina die actief is heeft de [ ] de andere kunnen aangeklikt worden, waarna de volgende 15, 25, 35, rijen worden weergegeven. 6. De laatste functie in de header is de find -functie, het zoeken naar een bepaald woord of stuk ervan in de gehele tabel. Na het opzoeken kan men op de -knop drukken om de volledige lijst terug te krijgen. p De body (de tabel) Dit is een lijst van alle data in een bepaalde module. Hier in de website -module is elke rij een Pagina op de website. Eerst bekijken we de algemene structuur van de body, daarna hoe we deze gebruiken om de website aan te passen. 1. Pagina s afhankelijk van de paging 2. De bovenbalk van de tabel bevat de kolomnamen. Deze titels zijn tevens verborgen knoppen. Bij het aanklikken van een kolomnaam zal deze alfabetisch (oplopend) gerangschikt worden, klikt men nogmaals zal deze aflopend gerangschikt worden. Het pijltje naast de naam toont aan op welke kolom gerangschikt word + aflopend of oplopend. 3. Op het einde van elke rij bevinden zich 3 knoppen. (3 gekleurde cirkels > ) Groen ( ) Bekijk dit item. Oranje ( ) Wijzig dit item. Rood ( ) Verwijder dit item.

7 werken met de website -tabel Werken met de website - tabel. Een tabel bestaat uit verschillende kolomen en rijen. Bovenaan de kolom staat de naam en dus de betekenis van deze kolom, maar een rij heeft niet altijd dezelfde betekenis. Deze is altijd afhankelijk van de tabel. Een rij kan bijvoorbeeld volgende functies hebben: p Een pagina in de website p Een nieuwsbrief p Een contactpersoon p Het toevoegen van een pagina (rij) Vooraf: 1. Volgorde bepaald hoe de knoppen op de website verschijnen. 01 home allereerste knop 02 contact 2de knop op de site 09 ligging 3de knop (volgorde telt, niet het cijfer, 9 komt na 2) ons bedrijf eerste knop onder home doelstelling 2de knop onder home adres eerste knop onder contact foto s eerste knop onder ons bedrijf 2. Menutitel & paginatitel Menutitel is de naam van de knop die op de website verschijnt. Deze is best niet al te lang, maw een kernwoord dat de pagina vertegenwoordigt (bijvoorbeeld home ). Laat men deze blanco dan zal de knop niet zichtbaar zijn op de website. Zo kan men bijvoorbeeld pagina s op voorhand typen en pas later online brengen. Paginatitel is hetgeen bovenaan de pagina komt, deze mag langer zijn dan de menutitel maar kan evengoed hetzelfde zijn, vult men deze niet in zal de pagina wel zichtbaar zijn maar zonder Paginatitel. 3. Terugkeren naar de lijst: Door op het -teken te drukken kan men een pagina (rij) toevoegen aan de website (tabel). Volgende deel is de WYSE-module. Deze module zorgt voor de inhoud van een pagina. Hier kunnen zowel teksten, links, tabellen, HTML, foto s, enz gebruikt worden, net zoals in Microsoft Word. Verder in de meer over deze WYSE (zie Werken met WYSE).!! Opslaan en terugkeren naar lijst (knop rechtsonder)

8 werken met de website -tabel Het wijzigen van een pagina (rij). Vooraf: Staat er in het inhoudveld een paginanaam.cfm met vierkante haakjes bijvoorbeeld [contact.cfm] dan mag men niks wijzigen aan deze pagina. Reden hiervan is dat deze pagina s vast gecodeerd zijn in de website. Zou u per ongeluk wel iets veranderd hebben (volgorde, inhoud, ) dan zal die pagina niet meer correct werken. U kan dan best met ons contact opnemen zodat we deze fouten kunnen rechtzetten. Wijzigen werkt net hetzelfde als toevoegen, niet vergeten op te slaan na aanpassingen door op te drukken. Het verwijderen van een pagina (rij). Vooraf: 1. Verwijderen van pagina s is definitief! 2. Wil men een pagina offline brengen en deze toch nog bijhouden, kan men de Menutitel hiervan verwijderen (zie: puntje 2 vooraf, het toevoegen van een pagina) Na het klikken van de delete knop in de lijst ( ) word de pagina nog niet direct verwijderd, u krijgt eerst nog een overzicht van wat deze pagina was. Door op te drukken wist u de pagina definitief.

9 Werken met WYSE (what you see is what you get) Betekenis van de knoppen Bekijken van de broncode (HTML) Vooraf gedefinieerde templates gebruiken, voorbeeld: Linksboven een foto, rechts titel en inhoud. Deze objecten worden blanco geplaatst op de website, u dient ze juist nog in te vullen. Het knippen van tekst, foto s, Het kopiëren van tekst, foto s, Normaal plakken van tekst, foto s, Alleen de tekst plakken. Verborgen opmaken, kaders, tabellen, enz worden niet mee geplakt. Tekst die gekopieerd werd uit Microsoft Word wordt eerst gefilterd op Word -opmaak. Deze kan dan op een goede manier geplakt worden in de website. Mogelijkheid tot printen van de getypte tekst.

10 10 Een actie ongedaan maken en opnieuw maken. Woorden opzoeken in de getypte tekst. Woorden opzoeken en vervangen in de getypte tekst. Alles selecteren, zowel tekst als foto s. Opmaak van de tekst wissen. De tekst blijft staan maar alle opmaak verdwijnt. voorbeeld: dit is een testzin wordt dit is een testzin. Het accentueren van tekst door deze wat vetter te zetten. voorbeeld: Opgelet voor Het accentueren van tekst door deze schuin te zetten. voorbeeld: Bron van dit artikel Het accentueren van tekst door deze te onderlijnen. voorbeeld: Men kan hier klikken op verder te gaan Het doorhalen van tekst. voorbeeld: Deze keuken is kleiner gezelliger dan Woorden of cijfers in subscript brengen. voorbeeld: Dit is een Trademark TM Woorden of cijfers in superscript brengen. voorbeeld: 2 de dag van

11 11 Opsomming door cijfers. Rechts-klikt men op de opsomming (inhoud), dan kan men het genre nog veranderen. Opsomming door tekens. Rechts-klikt men op de opsomming (inhoud), dan kan men het genre nog veranderen. Een insprong maken in de tekst, deze kan ook gebruikt worden bij de opsommingen om een niveau dieper te gaan in de structuur. voorbeeld: 1. niveau 1 a. niveau 1a b. niveau 1b Een insprong terug maken in de tekst, deze kan ook gebruikt worden bij de opsommingen om een niveau hoger te komen in de structuur. voorbeeld: 1. niveau 1 a. niveau 1a b. niveau 1b 2. niveau 2 Tekst links uitlijnen. voorbeeld: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In luctus, quam et accumsan volutpat, mauris tellus placerat sem, sed viverra augue tellus at magna. Aliquam tempus nisl et quam. Donec pulvinar, nulla eu tincidunt eleifend, dolor est sodales nibh, at feugiat leo enim at pede. Tekst centraal uitlijnen. voorbeeld: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In luctus, quam et accumsan volutpat, mauris tellus placerat sem, sed viverra augue tellus at magna. Aliquam tempus nisl et quam. Donec pulvinar, nulla eu tincidunt eleifend, dolor est sodales nibh, at feugiat leo enim at pede.

12 12 Tekst rechts uitlijnen. voorbeeld: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In luctus, quam et accumsan volutpat, mauris tellus placerat sem, sed viverra augue tellus at magna. Aliquam tempus nisl et quam. Donec pulvinar, nulla eu tincidunt eleifend, dolor est sodales nibh, at feugiat leo enim at pede. Tekst uitlijnen over de breedte. voorbeeld: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In luctus, quam et accumsan volutpat, mauris tellus placerat sem, sed viverra augue tellus at magna. Aliquam tempus nisl et quam. Donec pulvinar, nulla eu tincidunt eleifend, dolor est sodales nibh, at feugiat leo enim at pede. Het creëren van een link. Later meer uitleg. voorbeeld: klik hier om verder te gaan. Het verwijderen van een link. Het maken van een ankerpunt. Dit icoon wordt niet weergegeven op de website. Later meer uitleg. Het toevoegen van een foto. Later meer uitleg. Het toevoegen van een flash object. Het maken van een tabel. Rows aantal rijen Columns aantal kolomen Width breedte van de tabel Height hoogte van de tabel Border size lijndikte van de tabel (kan op 0 gezet worden) Alignment uitlijnen Cell spacing afstand tussen lijn (van de cel) en tekst Cell padding afstand tussen lijnen (van de cellen) Caption niet van toepassing Summary niet van toepassing Het creëren van een horizontale zijn. Kan gebruikt worden om teksten te scheiden.

13 13 Het plaatsen van smiley s. Het plaatsen van speciale karakters. Niet van toepassing in het webgebeuren. Het openen van het universeel toetsenbord. Hier kan men door Black and White Company voorgedefinieerde stijlen toekennen aan uw inhoud. Het verkleinen of vergroten van inhoud. Het voorzien van kleur aan de tekst (lettertype). Het voorzien van kleur aan de achtergrond van teksten.

14 14 Het maken van links en ankerpunten. p Links maken naar externe webpagina s. Selecteer het stuk/woord dat een link wordt. Klik op de knop om een link aan te maken. Er verschijnt een nieuw venster: Link type mag op URL blijven staan. Klik nu bij URL het adres naar waar de link moet gaan. Wil men dat de website openen in een externe pagina dan moet men nog de target invullen. Kies new window bij target Resultaat: Bevestigen met

15 15 p Links maken naar een adres. Selecteer het stuk/woord dat een link wordt. Klik op de knop om een link aan te maken. Er verschijnt een nieuw venster. Kies bij Link Type. Het venster dat verschijnt kan als volgt ingevuld worden. Address is de enige veld dat verplicht in te vullen is, subject en body zijn optioneel. Bevestigen met

16 16 p Links maken naar een bepaalde plaats in de website (anker). Werken met ankers kan gebruikt worden bij lange teksten, waar men bijvoorbeeld bovenaan alle titels zet als snelkoppeling naar een stuk lager in de pagina. In praktijk: 1. het plaatsen van een ankerpunt. (de plaats naar waar de link moet springen) Klik voor Hoofdstuk 1 (in het vet en onderlijnd) en druk op het ankericoon. Geef een passende naam voor dit ankertje. Druk op en het volgende verschijnt op het werkvlak. Het ankerpunt is geplaatst. Deze handeling kan men herhalen voor alle plaatsen waar een link naartoe moet springen. Deze ankerpunten kunnen ook tussen de inhoud staan, ankerpunten zijn immers onzichtbaar op de website. 2. het plaatsen van de linken naar deze ankerpunten. Selecteer de link en druk op. Er verschijnt een nieuw venster.

17 17 Kies Anchor in this page bij Link Type. Men kan nu een ankerpunt gaan selecteren bij select an anchor by anchor name. Bevestigen met 3. Deze handeling herhalen voor alle links.

18 18 p Links maken naar een bestand of foto. Selecteer de tekst en druk op Er verschijnt een nieuw venster: Druk hier op Linksboven kan men de soorten bestanden selecteren (bestanden, foto s, flash, media). Hierna krijgt men een lijst met alle bestanden van dit soort type bestand. En kan men hierop klikken. p Links verwijderen. Selecteer het woord en druk op De link is nu gewist.

19 19 Het toevoegen van foto s. 1. Zet de cursor op de plaats waar de foto moet komen. 2. druk op. Het volgende venster springt open: 3. Fotovenster in detail. URL Plaats waar het bestand online staat, voorbeeld: and White Company.be/new/fotos/lichtzuil.jpg Alternative Text Deze tekst word weergegeven als men met de cursor over de foto gaat. Width De breedte van de foto. zorgt voor het proportioneel verkleinen. Height De hoogte van de foto. zorgt voor het proportioneel verkleinen. Border Geef uw foto een omkadering, of zet het op nul en verwijder ze. HSpace De ruimte tussen uw foto en de tekst, horizontaal. VSpace De ruimte tussen uw foto en de tekst, verticaal. Align Het uitlijnen van uw foto, belangrijkste zijn left, middle en right. Preview Geeft u een voorbeeld van uw foto met de instellingen. Ingevuld voorbeeld:

20 20 4. Kies het URL (plaats waar de foto online staat). Dit kan men op 2 manieren doen: a. U kopieert of typt het adres van een foto. Tip: Rechtsklikt men op een online foto en kiest men eigenschappen of properties dan krijgt men het internet-adres (URL) te zien. b. Wil men een foto gebruiken die nog op de lokale computer staat of die in het verleden online geplaatst is (op eigen webspace) kan men drukken op Een nieuw venster springt open. p Afbeelding_001.jpg is een foto die in het verleden online geplaatst werd, men kan deze aanklikken en gewoon gebruiken in de website. URL wordt dan zo ingevuld: Wil men deze foto ook bruikbaar maken voor nieuwsbrieven, dan dient men URL van de website ervoor te typen. p Staat de foto lokaal op de computer dan kan men deze online plaatsen met de upload-module. Klikken op, selecteer de foto en druk op Het invoerveld word nu ingevuld. Opladen naar het net met de knop

21 21 Het toevoegen van bestanden. Het opladen van bestanden kan men via de link knop bereiken. of via het opladen van een foto (zie hierboven) Na het klikken van de knop, klikken op Bij het klikken van kan men een bestand selecteren en online plaatsen. Klikt men op dan heeft men een link gemaakt naar dit bestand. Klikt men op dan heeft men het bestand online geplaatst zonder ernaar te linken.

22 notities 22

23 notities 23

24 notities 24