Inhoud:
Algemene basis instructies ................................................................................................................... 2 Pictogrammen en knoppen ............................................................................................................... 2 Overzicht .......................................................................................................................................... 3 Navigeren (bladeren).................................................................................................................... 3 Gegevens filteren ......................................................................................................................... 4 Getoonde gegevens ...................................................................................................................... 5 Archief ............................................................................................................................................. 5 Album............................................................................................................................................... 5 Tabbladen en velden ........................................................................................................................ 5 Tabbladen ..................................................................................................................................... 5 Standaard velden .......................................................................................................................... 5 HTML veld .................................................................................................................................. 6 Bestanden koppelen ................................................................................................................... 11
pagina 1 van 12
Algemene basis instructies In dit document wordt het algemeen functioneren van WappTools en de opzet van de schermen uitgelegd.
Pictogrammen en knoppen WappTools kent pictogrammen en knoppen waarop u kunt klikken om een bepaalde functie uit te voeren, het bestand te openen en/of om meer informatie te krijgen over de betreffende functie. Een pictogram bestaat alleen uit een afbeelding. Het pictogram om gegevens te wijzigen ziet er bijvoorbeeld zo uit: Een knop (button) kan alleen tekst hebben, een tekst met een afbeelding of alleen een afbeelding. De knop voor het bevestigen ziet er zo uit: Hieronder staat een tabel met de meest voorkomende pictogrammen en knoppen van WappTools met daar achter een omschrijving. Algemeen: Terug naar het hoofdmenu. Terug naar menu. Terug naar vorige pagina. Uw wachtwoord voor WappTools wijzigen. Aanmelden in WappTools. Als gebruiker afmelden in WappTools. Het betreffende (deel)venster sluiten. Bevestigen: Uitvoering bevestigen, evt. ingevulde gegevens opslaan en functie wordt afgesloten. Gegevens opslaan. Functie wordt hierbij niet afgesloten. Uitvoering annuleren, gegevens worden niet opgeslagen en functie wordt afgesloten. Beheer: Gegevens toevoegen. Gegevens bekijken. Gegevens wijzigen. Gegevens archiveren. Gegevens uit archief halen en weer actueel maken. Gegevens definitief verwijderen. Het betreffende record omhoog verplaatsen (hiermee kan, indien van toepassing, tevens de sortering van deze elementen op uw website worden bepaald). Het betreffende record omlaag verplaatsen (hiermee kan, indien van toepassing, tevens de sortering van deze elementen op uw website worden bepaald).
pagina 2 van 12
Zoekfilter: Zoekfilter aan zetten. Hiermee wordt gezocht op de ingevulde waarde van het zoekveld en/of de geselecteerde categorie. Alleen de gegevens die voldoen aan de selectie worden na het klikken op deze knop getoond. Zoekfilter uit zetten. De ingevulde waarde bij het zoekveld en/of de geselecteerde categorie wordt gewist. Alle aanwezige gegevens worden weer getoond. Archief aan zetten. Ook alle gearchiveerde gegevens worden getoond. Archief uit zetten. Alleen de actuele gegevens tonen. De gearchiveerde gegevens worden niet meer getoond. Navigatie: Wanneer op dit button wordt geklikt zullen alle aanwezige items op de pagina getoond worden. Daarna kan er ook op de kolommen gesorteerd worden. Beperkt aantal items per pagina laten zien. Sorteren op kolommen is niet mogelijk. Naar het eerste gegeven, de afbeelding of overzichtspagina gaan. Wanneer dit pictogram grijs is dan is deze functie (op dat moment) niet te gebruiken. Naar het laatste gegeven, de afbeelding of overzichtspagina gaan. Wanneer dit pictogram grijs is dan is deze functie (op dat moment) niet te gebruiken. Naar het vorige gegeven, de afbeelding of overzichtspagina gaan. Wanneer dit pictogram grijs is dan is deze functie (op dat moment) niet te gebruiken. Naar het volgende gegeven, de afbeelding of overzichtspagina gaan. Wanneer dit pictogram grijs is dan is deze functie (op dat moment) niet te gebruiken. Sorteren: Gegevens sorteren op betreffende kolom. Aflopend sorteren inschakelen voor de kolom. Oplopend sorteren inschakelen voor de kolom. Berichten: Foutmeldingen. Informatieberichten. Berichten van uitgevoerde acties.
Overzicht In elk onderdeel treft u wel een overzicht met gegevens. Deze pagina’s tonen de beschikbare gegevens van het betreffende onderdeel. Standaard worden alle aanwezige gegevens (records) getoond in het scherm. Soms bepaald een soort overzicht al welke gegevens er getoond worden. Overzicht Archief Album
Alle actuele gegevens zonder de gearchiveerde gegevens. Alleen de gearchiveerde gegevens. Alleen gegevens waarbij een afbeelding is gekoppeld.
Door op het pictogram te klikken boven een kolom kunt u hier op sorteren. Daarna kunt u met aflopend sorteren en met weer oplopend sorteren op de kolomgegevens. Bij het gebruik van sortering zal de kleur van de rijen veranderen. Hierdoor weet u dat u een gesorteerde tabel ziet.
Navigeren (bladeren) Wanneer er meerdere gegevens zijn die niet allemaal op een pagina kunnen en standaard bij een Album, kan men door het overzicht bladeren en navigeren. Boven aan in het scherm staan de navigatie knoppen waarmee u kunt bladeren door het overzicht:
pagina 3 van 12
Onderaan in het overzicht kunt u ook bladeren door op een (pagina)nummer te klikken:
Gegevens filteren U kunt op verschillende manieren de getoonde gegevens in het scherm filteren. U kunt zoeken op bepaalde waarden in een zoekveld, een selectie maken met een categorie en het archief aan of uit zetten. Wanneer u het filter aanzet met de knop zullen alleen gegevens getoond worden die voldoen aan de opgegeven criteria. Hierbij geldt dat er altijd gefilterd wordt op de combinatie van het opgegeven zoekwoord, geselecteerde categorie en/of instelling van het archief. Met de knop
maakt u de filter weer ongedaan.
Zoeken U kunt een selectie maken in de getoonde gegevens door een zoekwoord op te geven. Afhankelijk van het onderdeel kunt u op één vast zoekveld zoeken of een keuze maken uit zoekvelden. Dit is een voorbeeld van een vast zoekveld:
Wanneer het overzicht beschikt over meerdere zoekvelden ziet dit er bijvoorbeeld zo uit:
Door op de keuzelijst te klikken verschijnen de andere zoekvelden en kunt u een ander zoekveld selecteren:
Hierna kunt u een (deel van de) waarde invullen in het invulveld achter het vaste zoekveld of het geselecteerde zoekveld:
Ook kunt u dubbelklikken in het invulveld om uit een lijst met alle beschikbare waarden te kiezen. Selecteren Bij bepaalde overzichten kan men ook selecteren op een categorie:
pagina 4 van 12
Archief aan/uit Zoals u in het overzicht met pictogrammen en knoppen al heeft kunnen zien, kan het archief aan en uit gezet worden. Het archief aan zetten kan met de knop
en met
weer uit.
Getoonde gegevens Afhankelijk van de onderdeel-instellingen worden er verschillende kolommen met gegevens getoond. Er zijn twee bijzondere kolommen; Beheer en Bestanden. Beheer Via de kolom Beheer kunt u de desbetreffende gegevens beheren, zoals wijzigen en verwijderen. In het eerder weergegeven tabel met pictogrammen en knoppen kunt u de beschikbare pictogrammen van de kolom beheer vinden. Bestanden Wanneer bij een onderdeel ook bestanden gekoppeld kunnen worden, dan zal er een kolom Bestanden te zien zijn in het overzicht:
Wanneer u de muispijl op een bestandspictogram plaatst, kunt u zien welk bestand dit is. Om het bestand te openen klikt u erop.
Archief Een specifiek overzicht dat mogelijk beschikbaar is in het scherm Menu is Archief. Dit laat alleen de gearchiveerde gegevens zien van het onderdeel. Via het archief overzicht kunt u snel gearchiveerde gegevens bekijken, herstellen (actueel maken) en verwijderen.
Album Met het Album in het scherm Menu kunt u de afbeeldingen die gekoppeld zijn aan het onderdeel direct bekijken. Via het pictogram kunt u de bijbehorende gegevens bekijken. Vanuit het bekijk-scherm kunt u dan eventueel ook deze gegevens beheren.
Tabbladen en velden Tabbladen Tabblad Algemeen Bij het toevoegen of wijzigen van gegevens kunnen de beschikbare velden getoond worden op verschillende tabbladen. In het tabblad Algemeen staan in de meeste gevallen alle velden die nodig zijn om gegevens te registreren. Tabblad Bestanden In dit tabblad kunnen bestanden zoals afbeeldingen, documenten en dergelijke gekoppeld worden aan gegevens. Een uitgebreide beschrijving vindt u onder het kopje Bestanden koppelen.
Standaard velden De verplichte velden, die dus minimaal ingevuld moeten worden, zijn voorzien van een veldnaam met een rood sterretje:
Velden die niet ingevuld of gewijzigd kunnen worden zijn donkergrijs:
pagina 5 van 12
Verder bestaan er verschillende soorten velden. Elk soort veld heeft bepaalde eigenschappen. Een standaard invulveld waarin u vaak een korte tekst in kunt zetten ziet er bijvoorbeeld zo uit:
Een veld waarin meer tekst en meerdere regels ingevuld kan worden ziet er anders uit:
Dit is een keuzelijst waarmee u alleen een bepaald item kunt kiezen:
Door op de keuzelijst te klikken kunt u een item selecteren welke van toepassing is. Een selectiehokje is een veld dat men aan of uit kan zetten. Dit doet men door er op te klikken (aanvinken). Wanneer er geen vinkje in staat is het veld niet geactiveerd (uit):
Staat er een vinkje in dan is dit veld wel geactiveerd en dus aan:
HTML veld Een heel bijzonder veld is het HTML veld. HTML is een code voor het maken van webpagina’s of onderdelen daarvan. Met dit veld kunt u een stukje HTML code toevoegen aan uw gegevens, zonder dat u de HTML code moet kennen of invullen. Dit werkt als een soort tekstverwerker waarbij tekst kan worden opgemaakt. Maar er kunnen ook afbeeldingen, opsommingen en hyperlinks opgenomen worden. Een HTML veld ziet er zo uit:
pagina 6 van 12
In de werkbalk zijn een aantal functies dat u kunt toepassen op de tekst die u in dit veld geselecteerd hebt. Dit werkt net zoals in bijvoorbeeld Word. Met de muispijl selecteert u een bepaalde tekst en vervolgens klikt u op het gewenste pictogram of keuzelijst. Hieronder staat een tabel met de functies en hun werking. Het is mogelijk om combinaties van deze functies op dezelfde tekst toe te passen. De opmaak van de teksten en afbeeldingen die u plaatst in dit HTML veld en zoals deze in dit beheerscherm worden getoond, kunnen afwijken van de daadwerkelijke opmaak zoals deze getoond wordt in uw website. Dit is onder andere afhankelijk van of er tijdens de bouw van uw website bepaalde opmaakstijlen zijn vastgesteld. Hiermee kunt u de geselecteerde tekst opmaken met een lettertype (font) uit de keuzelijst. De geselecteerde tekst kunt u via dit keuzelijst van grootte veranderen. HTML kent een aantal standaard codes voor de opmaak van tekst door middel van het instellen van gewone tekst (P - paragraph) en kopteksten (H - headers). Bij het bouwen van uw website is voor elk van deze standaard code een opmaak vastgesteld. U kunt een dergelijke opmaak dan ook toepassen aan een tekst door deze te selecteren en vervolgens de gewenste opmaakcode te kiezen. Tekst vet afdrukken. Tekst cursief weergeven. Tekst onderstrepen. Tekst doorhalen. Kleur van de tekst aanpassen. Er verschijnt een venster waarin u een kleur kunt kiezen door op het gewenste kleurvakje te klikken. Achtergrondkleur van de tekst aanpassen. Er verschijnt een venster waarin u een kleur kunt kiezen door op het gewenste kleurvakje te klikken. Geselecteerde onderdelen uitvullen. Alle geselecteerde onderdelen (zoals tekst en afbeeldingen) links uitlijnen. Alle geselecteerde onderdelen centreren. Alle geselecteerde onderdelen rechts uitlijnen. Opsommingstekens maken. Nummering maken. Inspringen verkleinen. Inspringen vergroten. Subscript toepassen op tekst. Superscript toepassen op tekst. Geselecteerde onderdelen (zoals tekst en afbeeldingen) knippen. Geselecteerde onderdelen kopiëren. Gekopieerde onderdelen (zoals tekst en afbeeldingen) plakken. Verwijderen opmaakcodes (van Word). Hiermee worden alle opmaakcodes die onder andere mee gekopieerd zijn (van bijvoorbeeld Word) verwijderd. Het is overigens af te raden om teksten en dergelijke uit andere documenten te kopiëren en het HTML veld te plakken. Er worden vaak heel veel onderliggende codes mee gekopieerd die ook niet met deze functie worden verwijderd. Deze achter gebleven codes zijn ballast voor uw website en kan de goede werking van uw website of de standaard opmaak hinderen. Bewerking ongedaan maken. Ongedane bewerking herstellen. Afbeelding invoegen of bewerken. Er verschijnt een venster waarin u een afbeelding kunt toevoegen en opties kunt instellen. Wanneer u een bestaande afbeelding in uw HTML veld hebt geselecteerd, kunt u de bijbehorende opties wijzigen of de afbeelding vervangen. Zie verder de uitgebreide beschrijving na deze tabel. Hiermee kunt u aan een geselecteerde tekst of afbeelding een hyperlink koppelen of de koppeling bewerken. Wanneer u een bestaande link in uw HTML veld hebt geselecteerd, kunt u de bijbehorende opties wijzigen of de link vervangen. Er verschijnt een venster waarin u een link kunt toevoegen en opties kunt instellen. Zie de uitgebreide pagina 7 van 12
beschrijving na deze tabel. Via deze functie krijgt u een afdrukvoorbeeld te zien van het HTML veld. Hiermee kunt u het HTML veld afdrukken. Wanneer u op dit pictogram klikt, wijzigt de modus van dit veld in HTML code. U ziet dan de onderliggende HTML code en kunt via deze modus HTML code toevoegen of wijzigen. Deze functie is alleen aan te raden voor gevorderde gebruikers die kunnen programmeren in HTML code. Dit pictogram verschijnt wanneer de HTML modus is geactiveerd. Door op dit pictogram te klikken wordt de standaard tekst modus weer ingeschakeld. Afbeelding invoegen Om een afbeelding in te voegen in een HTML veld klikt u op het pictogram volgende scherm:
. Vervolgens verschijnt het
Nieuwe afbeelding Wanneer u een nieuwe afbeelding wilt gebruiken (die op uw pc staat), moet u dit afbeeldingbestand eerst naar uw website kopiëren. Het kopiëren van een bestand naar een website wordt ook wel uploaden genoemd. Om dit te doen klikt u bij het veld Nieuw bestand op de knop . Nu verschijnt een venster waarmee u op uw pc een locatie van uw afbeeldingbestand en vervolgens het gewenste afbeeldingbestand kunt kiezen door erop te dubbelklikken. U ziet dat het veld Nieuw bestand met de locatie en bestandsnaam is ingevuld (waarschijnlijk niet volledig te zien). Met de knop kunt u nu het geselecteerde bestand naar uw website kopiëren. Na enige tijd (afhankelijk van de grootte van uw bestand) zal het nieuwe afbeeldingbestand in het rechter venster komen te staan:
Wanneer u het nieuwe bestand niet direct ziet, moet u mogelijk de schuifbalk aan de rechterkant naar beneden schuiven om het bestand te zien. Afbeelding selecteren Om een afbeelding te selecteren klikt u op het gewenste bestand in het rechter venster onder Kies afbeelding. Het gekozen bestand verschijnt nu links in het scherm bij het veld URL. Bij het veld Alt tekst kunt pagina 8 van 12
u eventueel een tekst invullen voor wanneer de afbeelding op uw website geladen wordt of deze (tijdelijk) niet getoond kan worden:
U kunt overigens ook elk ander bestaande URL invullen voor een verwijzing naar een (andere) website en bestandsnaam. (Dus zonder dat u een eigen afbeelding upload naar uw website.) Afbeelding opmaken Tot slot kunt u nog enkele opties invullen voor de opmaak van de afbeelding:
Bij Breedte en Hoogte kunt u de pixel grootte in cijfers weergeven. Wanneer hier niets ingevuld wordt zal het standaardformaat van de afbeelding gebruikt worden. Verder kunt u uw afbeelding van een rand voorzien door een cijfer op te geven voor de dikte van de rand en/of een ruimte om uw afbeelding opgeven (alles in pixels). Afbeelding in HTML veld plaatsen Tot slot moet u met de knop
de afbeelding invoegen in het HTML veld.
Afbeelding wijzigen U kunt een afbeelding en de bijbehorende opties wijzigen door deze te selecteren en op het pictogram klikken. Nadat u aanpassingen hebt gedaan, kunt u met de knop
te
deze doorvoeren in het HTML veld.
Grootte van afbeelding wijzigen U kunt de grootte van de afbeelding ook eenvoudig wijzigen door deze te selecteren. De afbeelding krijgt zogenaamde handvaten (vierkantjes):
Wanneer u nu met de muispijl op een handvat gaat staan, de linker muisknop indrukt houd en het handvat versleept, kunt u daarmee de afbeelding groter of kleiner maken. Afbeelding verwijderen Net als bij gewone tekst, kunt u een afbeelding verwijderen door deze te selecteren en op de Delete toets te drukken. Hyperlink invoegen Wanneer u een (deel van een) tekst of een afbeelding selecteert kunt u daar een hyperlink aan toekennen. Dit kan een standaard URL zijn naar een andere website, maar ook een verwijzing naar een interne pagina. Met interne pagina wordt bedoeld een webpagina van uw eigen website die is aangemaakt met WappTools. Nadat u de tekst of afbeelding hebt geselecteerd, klikt u op het pictogram
en ziet u het volgende venster:
pagina 9 van 12
Wanneer u een standaard URL wilt gebruiken kunt u in het veld URL het webadres invullen na http://. U kunt dus bijvoorbeeld in het veld URL het webadres http://www.webcomp.nl invullen. Wilt u een koppeling met een interne pagina maken, dan vervangt u de tekst http:// door intern# en gevolgd door de paginanaam. Dit is de naam van de webpagina die is ingevuld bij het aanmaken met WappTools. Dit is dus niet de ingevulde Titel, maar de ingevulde naam bij Paginanaam van de desbetreffende webpagina waarnaar de link moet komen. Nadat u het veld URL hebt ingevuld klikt u op de knop HTML veld.
en de link wordt toegevoegd aan het
Hyperlink wijzigen Wilt u de link wijzigen klik dan één keer op de link (tekst of afbeelding) en klik daarna op het pictogram
.
Nadat u aanpassingen hebt gedaan, kunt u deze doorvoeren in het HTML veld met de knop
.
Hyperlink verwijderen In deze versie van WappTools is het alleen mogelijk om een link aan een afbeelding te verwijderen via de HTML modus. Wanneer u zelf geen kennis hebt van HTML kunt u de link eventueel laten verwijderen door WEBCOMP. Neem hiervoor contact op met de helpdesk van WEBCOMP.
Een alternatief is om de afbeelding in zijn geheel te verwijderen en opnieuw in te voegen. Om een toegekende link aan een (deel van een) tekst te verwijderen, klikt u met de rechtermuisknop op de link. Er verschijnt een menu:
Klik op de menuoptie Remove en de gekoppelde link wordt verwijderd.
pagina 10 van 12
Bestanden koppelen In het tabblad Bestanden kunnen bestanden gekoppeld worden, bijvoorbeeld een afbeelding, document, audio of een film. Bestand toevoegen U kunt een bestand toevoegen door in het tabblad Bestanden op één van de toevoegknopen te klikken:
Er verschijnt een nieuw scherm waarmee u een bestand kunt kiezen (in dit voorbeeld een afbeelding):
Om dit te doen klikt u bij het veld Afbeelding (Document, Film of Audio) op de knop . Nu verschijnt een venster waarmee u op uw pc een locatie van uw bestand en vervolgens het gewenste bestand kunt kiezen door erop te dubbelklikken. U ziet dat het veld Afbeelding (Document, Film of Audio) met de locatie en bestandsnaam is ingevuld (het kan zijn dat deze niet volledig te zien is). U kunt eventueel een bijschrift invullen. Wanneer u hier niets invult wordt automatisch de bestandsnaam ingevuld. Met de knop kunt u het bestand kopiëren naar uw website. Het kopiëren van een bestand naar een website wordt ook wel uploaden genoemd. Na enige tijd (afhankelijk van de grootte van uw bestand) zal het berichtvenster dat het bestand wordt opgeslagen verdwijnen en is het bestand gekoppeld. Bestand bekijken Wanneer u een gekoppeld bestand wilt bekijken klikt u in het tabblad Bestanden op het pictogram van het desbetreffende bestand dat boven het bijschrift staat (in dit voorbeeld een JPG afbeelding):
Het bestand wordt in een nieuw venster geopend.
pagina 11 van 12
Bestand verwijderen Om een gekoppeld bestand te verwijderen klikt u in het tabblad Bestanden op één van de verwijderknoppen:
Er verschijnt een bevestigingsscherm:
Nadat u dit hebt bevestigd met de knop
keert u terug naar het tabblad Algemeen.
Bestand vervangen U kunt een gekoppeld bestand vervangen door het bestaande bestand eerst te verwijderen en daarna een nieuw bestand toe te voegen. Bijschrift wijzigen U kunt via het tabblad Bestanden het bijschrift wijzigen. Nadat u dit gedaan hebt, slaat u de gegevens op met de knop en keert u terug naar het overzicht.
pagina 12 van 12