® Gebruikershandleiding
Contact opnemen met ons Ons hoofdkantoor: WinSoft International 24 rue Louis Gagnière 38950 St Martin le Vinoux FRANKRIJK Algemeen telefoonnummer: +33(0)4 38 02 22 00 Klantenservice/ Technische ondersteuning support@winsoft-international.com Algemeen faxnummer: +33(0)4 38 02 22 11 Online Bezoek ons op het web: http://www.winsoft-international.com/ Internationaal Gelieve contact op te nemen met uw lokale verdeler/handelaar.
Dit, de gebruikershandleiding en de software die erin worden beschreven, zijn onderworpen aan een gebruiksrechtovereenkomst, die bij het product wordt geleverd. In deze overeenkomst wordt aangegeven wat al dan niet is toegestaan. Handelsmerken Serif is een gedeponeerd handelsmerk van Serif (Europe) Ltd. WebPlus is een gedeponeerd handelsmerk van Serif (Europe) Ltd. Alle Serif-productnamen zijn handelsmerken van Serif (Europe) Ltd.
WGrammar grammaticacontrole-engine © 1998 Wintertree Software Inc. Andrei Stcherbatchenko, Ferdinand Prantl eBay © 1995-2008 eBay Inc. Alle rechten voorbehouden. PayPal © 1999-2008 PayPal. Alle rechten voorbehouden. Roman Cart © 2008 Roman Interactive Ltd. Alle rechten voorbehouden. Mal's © 1998-2003 Mal's e-commerce Ltd. Alle rechten voorbehouden. iTunes © 2000-2008 Apple Computer, Inc. Alle rechten voorbehouden. YouTube © 2008 YouTube, LLC. phpBB © 2000, 2002, 2003, 2007 phpBB Group.
Inhoud 1. Welkom .................................................... 1 Welkom! ......................................................................... 3 Belangrijkste programmafuncties ................................... 5 Nieuwe functies............................................................ 17 Installatie ...................................................................... 21 2. Aan de slag ............................................ 23 Wizard Opstarten ........................................
Inhoud 4. Navigatie en hyperlinks ......................... 87 Navigatiebalken toevoegen .......................................... 89 Pop-upmenu's toevoegen .......................................... 102 Knoppen toevoegen ................................................... 104 Hyperlinks en ankers toevoegen ................................ 109 5. Webobjecten toevoegen ...................... 117 Een zoekfunctie voor een site toevoegen .................. 119 De galerie gebruiken ...........................
Inhoud 7. Met tekst werken .................................. 245 Tekstbestanden importeren ....................................... 247 Over tekstkaders ........................................................ 249 Artistieke tekst gebruiken ........................................... 256 Tekst langs een pad plaatsen .................................... 258 Tekst op de pagina bewerken .................................... 261 Zoeken en vervangen gebruiken ............................... 266 8.
Inhoud Objecten bijsnijden en combineren ............................ 308 Contouren van objecten samenvoegen...................... 313 Standaardwaarden bijwerken en opslaan .................. 315 11. Objecten schikken ............................... 319 Volgorde van objecten wijzigen .................................. 321 Objecten uitlijnen en spatiëren ................................... 322 Objecten aan tekst koppelen ...................................... 323 Groepen maken .............................
Inhoud 3D-filtereffecten gebruiken ......................................... 401 Objectstijlen gebruiken ............................................... 404 Diepte toevoegen (Instant 3D) ................................... 406 14. Kleuren, verlopen en transparantie ...... 409 Effen kleuren instellen................................................ 411 Kleurenschema's gebruiken ....................................... 414 Werken met kleurverloop- en bitmapvullingen ........... 422 Transparantie instellen ...
Inhoud
1 Welkom
2 Welkom
Welkom 3 Welkom! Welkom bij WebPlus X5 van Serifwaarmee u heel eenvoudig een website kunt bouwen voor uw gezin, bedrijf of vereniging. Om het webontwerpers makkelijk te maken, wordt WebPlus geleverd met een indrukwekkende verzameling designsjablonen, navigatiebalken, creatieve galerie-inhoud en stijlen die vrijelijk kunnen worden gebruikt. Met dit pakket is het publiceren van een professionele website eenvoudiger dan ooit tevoren, zowel voor ervaren als onervaren gebruikers.
4 Welkom Upgraden? Als u een upgrade hebt uitgevoerd vanuit een vorige versie, bevat deze nieuwe versie van WebPlus een hele reeks fantastische nieuwe functies (pagina 16) die zorgen dat WebPlus de concurrentie voorblijft tegen een fractie van de prijs! We hopen dat u ook plezier zult hebben van de extra kracht en de verbeterde prestaties van het programma. Registratie Vergeet uw exemplaar van Studio Webdesign niet te registreren via de opdracht Registratiewizard in het menu Help.
Welkom 5 Belangrijkste programmafuncties Voordat u aan de slag gaat met WebPlus, kunt u zich beter eerst vertrouwd maken met de belangrijkste functies die het programma ondersteunt om professionele websites te ontwerpen. Lay-out • Designsjablonen met een themalay-out Kies een thema, zoals Noordpool of Naturel, waarop u de site wilt baseren. Elk thema bevat een verzameling veelgebruikte paginatypen, waarbij u kunt kiezen uit de pagina's Over ons, Galerie, Producten, Contact en vele andere.
6 Welkom • Paginabeheer Voeg pagina's toe en verwijder pagina's met een paar muisklikken op het tabblad Site. Sleep pagina's naar een andere positie in de boomstructuur op het tabblad om de volgorde ervan te veranderen, Wijs stramienpagina's toe aan meerdere sitepagina's tegelijk om tijd te besparen en consistente ontwerpen te maken; u kunt zelfs meerdere stramienpagina's aan een specifieke webpagina toewijzen voor meer gevarieerde paginaontwerpen.
Welkom 7 • Uw site optimaliseren voor zoekmachines Bepaal hoe zoekmachines uw website indexeren! Voorkom dat bepaalde pagina's worden geïndexeerd door gebruik te maken van een sitemap-bestand of Robots-bestanden, zodat potentiële bezoekers alleen relevante zoekresultaten te zien krijgen met betrekking tot uw site.
8 Welkom objecten van Serif, vindt u talrijke functies om de nodige interactiviteit toe te voegen aan uw website: • Huidig aantal bezoekers: geeft aan hoeveel personen momenteel een webpagina bekijken. • Blogs: voeg persoonlijke profielen of koppelingen naar sociale netwerken toe en gebruik trackbacks voor kruisverwijzingen tussen blogs. Pas een van de vele vooraf gedefinieerde visuele stijlen toe om de vormgeving van uw blog te wijzigen (of maak zelfs uw eigen stijl).
Welkom • Shout Box: hiermee voegt u een interactief chatvenster toe aan uw wegpagina. • Gebruikerslijsten: beperk de toegang tot uw site of specifieke pagina's door gebruikersgroepen te beheren. Bezoekers kunnen zich registreren via een aanmeldingspagina (met de mogelijkheid gebruikersaccounts te activeren via e-mail). 9 • Actieve documentframes Met hyperlinks kan een pagina in een documentframe op een andere pagina worden geopend.
10 Welkom Maak gebruik van de krachtige functie Site controleren om potentiële problemen met navigatiehulpmiddelen, tekst, formulieren of e-commercegegevens op te sporen en die indien mogelijk automatisch te verhelpen.
Welkom 11 • Snel en eenvoudig afbeeldingen uitsnijden Met Afbeeldingen uitsnijden kunt u eenvoudig delen uit een afbeelding snijden, rechtstreeks in WebPlus. Maak gebruik van penselen om effen achtergronden (lucht, muren, enzovoort) te verwijderen of de elementen die u wilt behouden (personen, voorwerpen, enzovoort) van de achtergrond te isoleren.
12 Welkom • Decoratieve fotokaders Fantastische kant-en-klare fotokaders kunnen rechtstreeks vanaf het tabblad Galerij worden toegepast op afbeeldingen.
Welkom 13 • Transparantie Pas transparantie toe op uw achtergronden, tekstframes, tabellen, vormen en teksten om ze een professionele uitstraling te geven. Net zoals bij kleurverlopen, kunt u transparantie-effecten op basis van een effen kleur, kleurverloop en bitmap toepassen. Desgewenst kunt u zelfs aangepaste bitmaptransparantie-effecten maken aan de hand van uw eigen afbeeldingen.
14 Welkom hardwareversnelling voor rendering kunnen de prestaties bij opnieuw tekenen worden bevorderd (afhankelijk van de hardware). Tekst • Word en Open Office-tekstdocumenten importeren Importeer zonder veel omhaal tekstbestanden die met een tekstverwerker zijn gemaakt in een willekeurig tekstframe.
Welkom 15 mogelijk benaderen bij het openen van projectbestanden die door iemand anders zijn gemaakt. Via het tabblad Lettertypen kunt u eenvoudig nagaan welke lettertypen momenteel zijn geïnstalleerd op uw systeem, en ook welke lettertypen u tot nu toe al hebt gebruikt in uw site, welke lettertypen uw favoriete lettertypen zijn en welke als 'webveilig' worden beschouwd.
16 Welkom Access (*.mdb), dBASE en andere bekende databaseprogramma's, ODBC-servergegevens, evenals gegevens uit Microsoft Excel, HTML en tekstbestanden met scheidingstekens weer op uw webpagina's. Productcatalogi, verzendlijsten, inventarissen en noem maar op, voortaan kunt u alle databasegegevens in uw site integreren. Plaats tekst of afbeeldingen in samenvoeggebieden, Nu kopen-gebieden, samenvoegformulieren voor e-commercegegevens, of zelfs HTML-fragmenten.
Welkom 17 Nieuwe functies • Knopstudio (zie pagina 106) Maak uw eigen aangepaste knoppen voor uw navigatiebalken in Knopstudio, een omgeving die speciaal is ontwikkeld voor het ontwerpen van specifieke knoppen. Alle belangrijke functies van WebPlus tools zijn hier beschikbaar om elke knopstatus te bewerken (zoals Normaal, Ingedrukt, Rollover), evenals intelligente instellingen voor het schalen van knoppen.
18 Welkom verbinden met elk object, zodat het wordt weergegeven wanneer de aanwijzer op het object wordt geplaatst of er met de muis op wordt geklikt (handig voor knoppen, Galerie-objecten, afbeeldingen). U kunt acties ook gebruiken om waarschuwingsberichten te laten verschijnen of een afdruktaak te starten via knoppen op de pagina.
Welkom 19 visueel hulpmiddel kunt u stramienpaginaobjecten nu onderscheiden van paginaobjecten door een afwijkende kleur van het begrenzingskader; u kunt ook objecten van verschillende stramienpagina's van elkaar onderscheiden! • Zakelijke gebruikersgegevens per site! (zie pagina 277) Maak groeperingen van zakelijke gebruikersgegevens, die zakelijke sets worden genoemd; u kunt op elke site een zakelijke set toepassen.
20 Welkom site met één muisklik kunt veranderen. Ideaal als u sites wilt bijwerken op basis van ontwerpsjablonen voor themalay-outs. Nu bevat Kleurenschema's beheren ook een Kleurkiezer waarmee u uw aangepaste schema kunt baseren op elke gekozen kleur in de werkruimte.
Welkom 21 Installatie Systeemvereisten Minimum: • Windows-pc met dvd-station en muis • Besturingssysteem Microsoft Windows® XP (32-bits), Windows® Vista of Windows® 7 • 512 MB RAM • 336 MB vrije ruimte op de harde schijf • Beeldschermresolutie 1024 x 768 • Internet Explorer 5.5 (6.0 of nieuwer voor het werken met intelligente objecten) Voor het bewerken van grote en/of compleXEsites is meer schijfruimte en geheugen vereist.
22 Welkom • .NET 2.0 voor importfilters voor tekst (Word 2007/2010 + OpenOffice) (standaard geïnstalleerd) • Internetverbinding om uw site op het web publiceren en toegang te krijgen tot online bronnen Het programma voor het eerst installeren Als u WebPlus wilt installeren, hoeft u alleen de dvd van WebPlus X5 in het dvd-station te plaatsen. Het installatieproces wordt automatisch opgestart door de functie AutoRun. U hoeft alleen de vragen op het scherm te beantwoorden om het programma te installeren.
2 Aan de slag
24 Aan de slag
Aan de slag 25 Wizard Opstarten Als het programma wordt gestart, wordt de Wizard Opstarten weergegeven met verschillende mogelijkheden voor het gebruik van WebPlus: Hier kunt u aangeven of u een nieuwe website wilt maken of een website wilt maken op basis van een beschikbaar designsjabloon. U kunt eerder opgeslagen sites openen of webpagina's uit andere programma's dan WebPlus importeren in uw site. • Nieuwe website maken om uw eigen, volledig nieuwe website te maken.
26 Aan de slag • Openen om toegang te krijgen tot recent geopende sites. Beweeg de aanwijzer over een vermelding voor een snel voorbeeld. • Leren om toegang te krijgen tot gebruikershandleidingen, ondersteuningsinformatie en meer. Gebruik de vervolgkeuzelijst Werkruimte kiezen rechtsonder om de gewenste werkruimte in te stellen. Hiermee bepaalt u de grootte en positie van de diverse studiotabs, evenals de status van de verschillende tabbladen (zichtbaar of verborgen).
Aan de slag • 27 Paginaselectie: u kunt bepaalde sjabloonpagina's of alle sjabloonpagina's (bijvoorbeeld Home, Producten, Info enzovoort) gebruiken om een nieuwe website te maken. Er zijn twee soorten designsjablonen: themalay-outs, waarbij u zelf afbeeldingen kiest, en kant-en-klare Pro-sjablonen, die al zijn gevuld met afbeeldingen.
28 Aan de slag 2. Selecteer Designsjabloon gebruiken. 3. Selecteer in het dialoogvenster een themalay-out of Prosjabloonontwerp in het hoofddeelvenster.
Aan de slag 29 Pro-designsjablonen Pro-sjablonen zijn in verschillende categorieën op basis van het onderwerp ingedeeld. Gebruik de schuifbalk of vouw een categorie samen om meer opties te bekijken (klik op de knop naast de naam van de categorie). Het deelvenster aan de rechterkant wordt vernieuwd en er worden miniaturen weergegeven van de beschikbare pagina's van de desbetreffende sjabloon.
30 Aan de slag 4. Selecteer in het rechterdeelvenster de pagina's die u wilt gebruiken op uw website. Schakel de selectievakjes onder elke pagina in of uit om deze te selecteren of de selectie op te heffen of klik op Alles selecteren om alle pagina's te selecteren (klik op Niets selecteren als u de huidige selectie wilt wissen). 5. Kies een Kleurenschema in de vervolgkeuzelijst boven in het dialoogvenster (de eerste drie schema's zijn specifiek ontworpen voor de gekozen sjabloon.
Aan de slag 31 Aangezien elke sjabloon op een kleurenschema is gebaseerd, kunt u het onderliggende schema op elk gewenst moment wijzigen om de kleuren van de site te veranderen. U kunt elke WebPlus-site opslaan als een sjabloonbestand (*.wpx) dat u kunt gebruiken als basis voor andere sites. Zie Uw eigen sjablonen opslaan in de Help bij WebPlus.
32 Aan de slag Om u snel een nieuwe website te helpen maken, is in WebPlus de QuickBuilder-balk beschikbaar. Op de tabbladen vindt u een aantal veelgebruikte objecten en voorzieningen die u eenvoudig via slepen-en-neerzetten aan uw webpagina's kunt toevoegen, zodat u meteen aan de slag kunt, zonder dat u zich eerst vertrouwd hoeft te maken met de diverse werkbalken van WebPlus.
Aan de slag 33 Een bestaande site openen U kunt een bestaande WebPlus-site openen vanuit de wizard Opstarten, via de werkbalk Standaard of via het menu Bestand. U kunt ook webpagina's importeren vanuit bestaande HTMLwebsites via het menu Bestand. (Zie de Help van WebPlus voor meer informatie.) Zo opent u een bestaande WebPlus-site (wizard Opstarten): 1. Bekijk uw sites in de sectie Openen van de wizard Opstarten. De site die u het laatst hebt geopend, wordt bovenaan in de lijst weergegeven.
34 Aan de slag Zo opent u sites via slepen en neerzetten: • Sleep vanuit Windows Verkenner het miniatuurvoorbeeld van de gewenste site naar een willekeurige locatie in de WebPlus-werkruimte. Zo keert u terug naar de opgeslagen versie van een geopende site: • Kies Vorige versie in het menu Bestand. Ontbrekende lettertypen vervangen WebPlus ondersteunt de automatische vervanging van ontbrekende lettertypen als u een WebPlus-site opent met lettertypen die niet op uw computer zijn opgeslagen.
Aan de slag 35 Uw website opslaan Zo slaat u het huidige project op: • Klik op • Kies Opslaan als... in het menu Bestand als u uw werk onder een andere naam wilt opslaan. Opslaan op de werkbalk Standaard. Als u een site nog niet hebt opgeslagen, wordt achter de naam van deze site een sterretje weergegeven op de desbetreffende venstertab of in het menu Venster.
36 Aan de slag
3 Sites en pagina's instellen
38 Sites en pagina's instellen
Sites en pagina's instellen 39 De sitestructuur en navigatiehulpmiddelen In tegenstelling tot een gedrukte publicatie hoeft een website geen lineaire paginavolgorde te hebben. Wanneer u een site ontwerpt, is het logischer om over de site te denken in ruimtelijke termen: een site heeft meer een structuur die vergelijkbaar is met die van een museum waarin mensen rondwandelen om de verschillende ruimten te verkennen.
40 Sites en pagina's instellen • Een sectie is een categorie waarin inhoud wordt ondergebracht, zoals 'Galerie', 'Producten' of 'Contact'. De diverse hoofdsecties van een site worden gewoonlijk vermeld in een navigatiebalk op de startpagina van de site. In het ideale geval behoort elke pagina van de site tot een bepaalde sectie. En tenzij er maar één pagina aanwezig is in een sectie, heeft een sectie een eigen hoofdpagina, die gewoonlijk dient als een menu voor de onderliggende pagina's.
Sites en pagina's instellen 41 Deze boomstructuur van de site maakt de relaties tussen pagina's zichtbaar en maakt het u gemakkelijker om de inhoud die u wilt weergeven, op een logische manier in te delen. Natuurlijk is een website in werkelijkheid een web van onderling verbonden pagina's en u hoeft zich door de boomstructuur niet te laten weerhouden om hyperlinks aan te brengen tussen elk gewenst paar pagina's.
42 Sites en pagina's instellen Navigatie In WebPlus kunt u eenvoudig navigatie mogelijk maken met navigatiebalken, die vooraf zo zijn geprogrammeerd dat ze uw sitestructuur weerspiegelen. Hierdoor wordt het heel gemakkelijk om een site te maken waar bezoekers moeiteloos hun weg vinden. U hoeft slechts een navigatiebalk te selecteren op de werkbalk Webobjecten, en WebPlus doet de rest.
Sites en pagina's instellen 43 Bepaalde site-eigenschappen, zoals de pagina-instellingen en de instellingen om uw site te optimaliseren voor zoekmachines, zijn ook toegankelijk vanuit het dialoogvenster Eigenschappen van pagina; zie pagina 73. Zo kunt u bepaalde eigenschappen die op de gehele site van toepassing zijn, vervangen voor specifieke pagina's, of aanvullen met lokale instellingen die uitsluitend voor bepaalde pagina's gelden.
44 Sites en pagina's instellen gebruiker gewaarschuwd als er bij het opgeven van een bestandsnaam voor een pagina hoofdletters worden gebruikt. Namen van bronbestanden Hier kunt u een aantal instellingen kiezen voor de naamgeving van bronbestanden, zodat dergelijke bestanden probleemloos naar de server van uw ISP kunnen worden geüpload. Publiceren URL van site Hier kunt u het volledige URL-adres opgeven.
Sites en pagina's instellen 45 Koptekst van pagina Hier kunt u gegevens over auteur en copyright opgeven die in de koptekst van uw webpagina's worden opgenomen. Functies Intelligente objecten Hier vervangt u uw Blog, Forum, of CMS-kleuren door selecteerbare afzonderlijke kleuren of door het huidige kleurenschema van uw site. Functies Intelligente objecten Hier past u het huidige kleurenschema van de site toe op intelligente objecten, zoals blogs, forums en CMS.
46 Sites en pagina's instellen Pictogram Favorieten Een favorietenpictogram weergeven.. Stel een pictogrambestand (een afbeelding) voor de site in dat wordt weergegeven wanneer een bezoeker van de website uw website aan hun lijst met Favorieten toevoegt. Zoeken Beschrijving voor zoekmachines Hier kunt u een beschrijving en trefwoorden voor uw site opgeven. Zoekmachine Sitemaps en robots Hier kunt u aangeven of zoekmachines en robots pagina's op uw site mogen analyseren en indexeren.
Sites en pagina's instellen 47 dergelijke wijzigingen een nadelige invloed hebben op de paginalayout! Doorgaans kunt u het beste een breedte van 750 pixels instellen voor uw pagina's, zodat ze volledig worden weergegeven op een standaardbeeldscherm. Zo voorkomt u dat gebruikers horizontaal moeten schuiven. U kunt de standaardinstellingen voor de afmetingen en uitlijning van pagina's overschrijven voor specifieke pagina's, zoals beschreven in Pagina-eigenschappen instellen op pagina 73.
48 Sites en pagina's instellen hyperlinks en pagina's. Deze kleuren behoren tot het huidige kleurenschema van de site, maar u kunt op elk gewenst moment een ander schema selecteren of afzonderlijke kleuren wijzigen. Zie Kleurenschema's gebruiken op pagina 411. Zo stelt u een paginakleur en achtergrondkleur in: 1. Klik op het tabblad Pagina in de sectie Uiterlijk van pagina op de pijl-omlaag voor de kleur die u wilt wijzigen. 2.
Sites en pagina's instellen 49 (horizontaal, verticaal of als tegelpatroon). Als u Geen selecteert wordt er één enkele afbeelding als achtergrond gebruikt. • 3. Via de vervolgkeuzelijst Positie kunt u de positie van de afbeelding (bijvoorbeeld Bovenaan, midden) instellen. De afbeelding wordt vanuit deze positie herhaald als u hiervoor hebt aangegeven dat u deze wilt herhalen op de achtergrond. U kunt de positie van de afbeelding ook instellen ten opzichte van de linkerbovenhoek.
50 Sites en pagina's instellen verzamelen, kunnen gebruikers van zoekmachines de informatie gebruiken om snel accurate zoekresultaten over een site te verkrijgen die overeenkomen met de zoekcriteria die ze hebben ingevoerd. Standaard wordt de inhoud van elke gepubliceerde webpagina geïndexeerd (met name kopteksten).
Sites en pagina's instellen 51 • ALT-tekst voor afbeeldingen: alternatieve tekst die wordt gebruikt in plaats van een afbeelding die niet kan worden weergegeven, kan door robots van zoekmachines worden gebruikt. Zie Exportopties voor afbeeldingen instellen.
52 Sites en pagina's instellen instellingen houdt in dat verdere wijzigingen in de site-instellingen, voor die pagina's altijd worden genegeerd. Titels, beschrijvingen en tags gebruiken Hoewel dit geen strikte vereiste is, kunt u het beste uw paginatitels optimaliseren en toepasselijke beschrijvingen en tags opgeven als u de kans wilt vergroten dat uw website wordt 'gevonden' door toonaangevende zoekmachines.
Sites en pagina's instellen 53 Zo geeft u een beschrijving en trefwoorden op: 1. (Voor de site) Kies Eigenschappen van site... in het menu Bestand. - of (Voor een pagina) Klik met de rechtermuisknop op de pagina in de werkruimte (of op het tabblad Site) en kies Eigenschappen van pagina... (of kies de menuoptie in het menu Bewerken). 2. Klik op de menuoptie Zoeken in het dialoogvenster. 3. Typ in het invoervak bovenaan een korte beschrijving van uw site of de pagina.
54 Sites en pagina's instellen hyperlinks naar andere pagina's mogen worden gevolgd. Met de opties Pagina's in deze site indexeren en Koppelingen vanaf pagina's volgen kunt u de gewenste zoekmachine-instellingen eenvoudig op de volledige site toepassen, en die vervolgens vervangen voor specifieke pagina's. Zo genereert u Robots-metatags: 1. (Voor de site) Kies Eigenschappen van site... in het menu Bestand.
Sites en pagina's instellen 55 gegenereerd en wordt er geen Robots-metatag in de webpagina's opgenomen. Het robots.txt-bestand wordt opgeslagen in de hoofdmap van de website en kan in elke teksteditor worden geopend om te controleren welke pagina's en mappen worden uitgesloten. Zo genereert u een robots.txt-bestand: 1. Kies Eigenschappen van site... in het menu Bestand. 2. Schakel in de menuoptie Zoekmachine de optie Robotsbestand voor zoekmachine maken in. 3.
56 Sites en pagina's instellen Ook hier kunt u instellingen kiezen voor de gehele site en voor afzonderlijke pagina's. Het sitemap-bestand wordt net als een Robots-bestand in de hoofdmap van uw website opgeslagen. Als u sitemap-bestanden voor zoekmachines wilt gebruiken, moet u wel een absolute URL opgeven. Aan de hand van deze URL kunnen zoekmachines het juiste webadres van uw site indexeren (bijvoorbeeld www.easycomputing.
Sites en pagina's instellen 57 • De datum en tijd waarop een pagina voor het laatst is gewijzigd. • Hoe vaak een pagina wordt gewijzigd (gebruik de optie elk uur, dagelijks, wekelijks, maandelijks, jaarlijks of nooit in de vervolgkeuzelijst): Hiermee geeft u voor de zoekmachine aan hoe vaak de pagina waarschijnlijk zal worden gewijzigd. Op basis van de instelling die u hier kiest, bepaalt de zoekmachine hoe vaak de pagina opnieuw moet worden geïndexeerd. • Prioriteit van pagina's aangeven: 0.
58 Sites en pagina's instellen • De mogelijkheid om de weergegeven informatie snel opnieuw te ordenen door kolommen oplopend of aflopend te sorteren; • Zoeken en vervangen. Met deze krachtige functie kunt u gelijktijdig op alle pagina's in uw site wijzigingen in de tekst doorvoeren.
Sites en pagina's instellen opnemen (met de mogelijkheid scheidingslijnen toe te voegen), pagina's openen in een frame. Hyperlink Hyperlinks weergeven en bewerken, naar hyperlinks op een pagina gaan, het doel van hyperlinks zoeken en vervangen. Anker Ankernamen en -locaties weergeven en bewerken, pagina's in de navigatiestructuur opnemen (met de mogelijkheid scheidingslijnen toe te voegen), naar ankers gaan.
60 Sites en pagina's instellen bestandsnamen van pagina's in plaats van met paginanamen. Bestanden toevoegen aan uw site. Bestandslocaties een andere naam geven en verplaatsen. Site controleren Veelvoorkomende lay-outproblemen weergeven die in uw site zijn ontdekt. Pagina's versus stramienpagina's Het ontwerp van een afzonderlijke WebPlus-pagina kan worden gezien als een combinatie van een 'voorgrondpagina' en een 'achtergrondpagina', die de stramienpagina wordt genoemd.
Sites en pagina's instellen 61 waarborgt u dat dit element op al deze pagina’s wordt weergegeven. Natuurlijk kan elke afzonderlijke pagina zijn eigen elementen hebben. Het tabblad Site van de studio bevat bovenaan de sectie Stramienpagina's met uw stramienpagina('s) en onderaan de structuur van de site in het venster Pagina's met uw standaardpagina's. Voor elke pagina die in het venster wordt weergegeven, wordt aangegeven welke stramienpagina voor die pagina wordt gebruikt.
62 Sites en pagina's instellen echter een andere stramienpagina wilt gebruiken, kunt u deze aan de pagina koppelen in plaats van de oorspronkelijke stramienpagina. Zo koppelt u een andere stramienpagina aan een pagina: 1. Klik op het tabblad Site met de rechtermuisknop op de pagina en selecteer Eigenschappen van pagina.... 2. Open het menu Achtergrond in het dialoogvenster en schakel de oorspronkelijke stramienpagina uit. Schakel vervolgens de stramienpagina die u wilt gebruiken, in. 3. Klik op OK.
Sites en pagina's instellen 63 Zo koppelt u meerdere stramienpagina's aan een webpagina: 1. Klik op het tabblad Site met de rechtermuisknop op de pagina en selecteer Eigenschappen van pagina.... 2. Schakel via de menuoptie Achtergrond van het dialoogvenster meerdere stramienpagina's in. 3. Klik op OK. Op de pagina worden nu de paginaelementen van alle stramienpagina's gebruikt.
64 Sites en pagina's instellen In het bovenstaande dialoogvenster kunt u de volgorde bepalen waarin de verschillende objecten van de pagina en de stramienpagina op de pagina worden weergegeven. Net als bij lagen in een tekenprogramma, worden objecten die bovenaan in de lijst staan, weergegeven vóór de objecten op stramienpagina's verder naar onderen in de lijst. U kunt ook de onderlinge volgorde van de stramienpagina's zelf veranderen.
Sites en pagina's instellen 65 Objecten op stramienpagina´s bewerken Als u werkt op pagina's waaraan stramienpagina's zijn gekoppeld, kunt u de objecten van de stramienpagina's opnemen in uw paginaontwerp. Deze objecten kunt u snel en eenvoudig op de pagina bewerken via een besturingsbalk onder het geselecteerde object. Zo bewerkt u een object op de stramienpagina: 1. Selecteer op uw webpagina het object van de stramienpagina om de besturingsbalk weer te geven. 2. Klik op Bewerken op stramienpagina.
66 Sites en pagina's instellen 2. Klik op Opwaarderen van stramienpagina. Er wordt een kopie van het oorspronkelijke object gemaakt dat u kunt bewerken zonder dat dit invloed heeft op de stramienpagina. Dit heeft geen effect op alle andere pagina's die gebruikmaken van de stramienpagina. Als u van gedachten verandert, kunt u het object opnieuw aan de stramienpagina koppelen en wordt de pagina weer zoals deze oorspronkelijk was. Zo koppelt u een object opnieuw: 1.
Sites en pagina's instellen 67 Pagina's toevoegen, verwijderen en de volgorde ervan wijzigen Op het tabblad Site van de studio kunt u: • Standaard- of HTML-pagina's toevoegen. • Pagina's verwijderen. • Een of meer stramienpagina's toevoegen. • Met slepen en neerzetten pagina's herschikken in de sitestructuur. • Pagina's toevoegen vanuit geïnstalleerde ontwerpsjablonen. • Offsite links toevoegen. • Een pagina instellen als startpagina.
68 Sites en pagina's instellen Pagina's toevoegen U voegt als volgt een nieuwe lege pagina toe: 1. Selecteer de pagina waarna u de nieuwe pagina wilt invoegen, in het venster Pagina's (boomstructuur van de site) op het tabblad Site van de studio. 2. Klik op de pijl-omlaag van de knop Toevoegen vlak boven het venster Pagina's op het tabblad Site. Kies Nieuwe lege pagina in de vervolgkeuzelijst. 3.
Sites en pagina's instellen 69 Deze 'lege' pagina kan ook zijn gebaseerd op een stramienpagina, bijvoorbeeld als de site is gemaakt via een sjabloon, en kan daardoor pagina-inhoud bevatten die is gedefinieerd door de stramienpagina van de lege pagina. Stramienpagina´s toevoegen U voegt als volgt een nieuwe stramienpagina toe: 1. Klik op Stramienpagina's op het tabblad Site van de studio om het venster met stramienpagina's uit te vouwen. 2. Klik op de knop stramienpagina's.
70 Sites en pagina's instellen uw site, verwijderen of omleiden naar een andere pagina op uw site. (Desgewenst kunt u ook alle hyperlinks naar ankers op de verwijderde pagina verwijderen.) HTML-pagina's toevoegen HTML-pagina's kunnen worden toegevoegd aan elke gewenste boomstructuur van de site op het tabblad Site. Deze pagina's kunt u in de navigatiestructuur van uw site opnemen, net als gewone pagina's. U voegt als volgt een HTML-pagina toe: 1.
Sites en pagina's instellen • 71 naar een lager niveau (onderliggend). U verplaatst een pagina als volgt: 1. Geef het tabblad Site van de studio weer. 2. Klik op de pagina in de boomstructuur van uw site om deze te selecteren. 3. (Via slepen-en-neerzetten) Sleep de pagina omhoog of omlaag naar een andere positie in de boomstructuur.
72 Sites en pagina's instellen 2. Klik op de pijl-omlaag van de knop Toevoegen direct boven het venster Pagina's. Kies Nieuwe sjabloonpagina... in het vervolgmenu. 3. Selecteer een sjabloon in het linkerdeelvenster van het dialoogvenster Nieuwe pagina toevoegen op basis van sjabloon en selecteer de pagina die u wilt toevoegen door het bijbehorende selectievakje te activeren. (Activeer meerdere selectievakjes als u meerdere sjabloonpagina's wilt invoegen.) 4.
Sites en pagina's instellen • Geen stramienpagina. De stramienpagina van de pagina wordt nooit naar de site gekopieerd. 5. Klik op de knop Openen. De pagina's worden aan de boomstructuur van de site toegevoegd. 73 Offsite links toevoegen U kunt ook een offsite link toevoegen aan de sitestructuur. Dit is meestal een pagina of bron die losstaat van uw site, maar die u in de navigatiestructuur van uw site wilt opnemen.
74 Sites en pagina's instellen boven/onder de pagina als submenu-item op navigatiebalken. • 5. Geef een Beschrijving op om extra paginagerelateerde informatie over het submenu-item van de balk toe te voegen. Klik op OK. Uw startpagina instellen U stelt als volgt een webpagina in als startpagina: • Klik met de rechtermuisknop op een standaardpagina op het tabblad Site en selecteer Instellen als startpagina.
Sites en pagina's instellen 75 Zo geeft u de eigenschappen van een stramienpagina weer: • Klik op de knop Stramienpagina's beheren boven het venster Stramienpagina's op het tabblad Site. Het venster Stramienpagina's beheren wordt weergegeven. Zo geeft u de eigenschappen van gewone pagina's op uw site weer: • Klik met de rechtermuisknop op de pagina in de werkruimte en kies Eigenschappen van pagina.... Het dialoogvenster Eigenschappen van pagina verschijnt.
76 Sites en pagina's instellen beschrijving op als u extra paginagerelateerde informatie wilt toevoegen onder het submenu-item in de navigatiebalk. Frame van actief document U kunt pagina's in een actief documentframe openen als u eerder een dergelijk frame hebt gemaakt. Plaatsing Met deze optie kunt u uw nieuwe pagina voor, na of als onderliggende pagina plaatsen van de pagina die u in de vervolgkeuzelijst kiest. Deze optie wordt alleen weergegeven wanneer u een-pagina toevoegt.
Sites en pagina's instellen 77 Selectie Kies een unieke Kleur om onderscheid te maken tussen objecten op deze pagina en objecten op een gekoppelde stramienpagina. De kleur wordt weergegeven wanneer de aanwijzer op het object wordt geplaatst en op de omtrek van het geselecteerde object. Kopiëren Hiermee dupliceert u ontwerpelementen van een bestaande webpagina naar uw nieuwe pagina. Schakel het selectievakje Objecten kopiëren van pagina en selecteer de pagina in de geactiveerde lijst.
78 Sites en pagina's instellen • Uiterlijk van site gebruiken: Hiermee wordt de achtergrond van de gehele site gebruikt, zoals is ingesteld in Bestand>Eigenschappen van site>Pagina. • Achtergrond van stramienpagina gebruiken: Hiermee worden de instellingen voor de achtergrond van een gekoppelde stramienpagina gebruikt. Deze instellingen hebben de achtergrond van de site vervangen (hierboven).
Sites en pagina's instellen 79 object Gebruikerslijst van Serif Web Resources). Omleiden Omleiden naar U kunt gebruikers na enige tijd automatisch naar een specifieke locatie doorsturen vanaf een webpagina (een andere pagina in uw site, een emailadres, afbeelding enzovoort). Effecten Paginaovergangen Hier kunt u de overgangseffecten instellen die u wilt gebruiken wanneer internetgebruikers een specifieke pagina op uw site weergeven of deze verlaten.
80 Sites en pagina's instellen wijzigen, een voorbeeld weergeven, offline koppelingen invoegen, de downloadtijd berekenen of de pagina opnemen in de navigatie, enzovoort. Aan HTML-pagina's zijn echter geen stramienpagina's gekoppeld. Wanneer u dubbelklikt op het pictogram van een HTML-pagina, wordt het bronvenster van de HTML-pagina weergegeven die u kunt bewerken (in plaats van de WYSIWYGweergave van een standaardpagina).
Sites en pagina's instellen 81 Het paginagebied (A) is de plaats waar u de tekst, afbeeldingen en andere elementen plaatst die op de uiteindelijke webpagina moeten worden weergegeven. Het plakbord (B) is het gebied waar zich gewoonlijk elementen bevinden die worden voorbereid of die daar tijdelijk zijn neergezet voordat ze in het paginagebied worden geplaatst.
82 Sites en pagina's instellen 3. Sleep het object vanaf het plakbord naar de doelpagina. (Houd de Ctrl-toets ingedrukt als u een kopie wilt maken.) In WebPlus kunt u heel gemakkelijk precies dat deel van de site weergeven waaraan u werkt. U kunt bijvoorbeeld een compleet overzicht van een hele pagina weergeven, maar ook een close-up van een klein gebiedje op de pagina. Gebruik de schuifbalken onder en rechts in het hoofdvenster als u de pagina en het plakbord wilt verplaatsen in het hoofdvenster.
Sites en pagina's instellen 83 Het oogpictogram geeft de pagina aan die op dit moment wordt bekeken en die u kunt bewerken in de werkruimte. In dit voorbeeld ziet u dat de pagina momenteel wordt weergegeven en ook is geselecteerd. Een gemarkeerd pictogram van een stramienpagina in het bovenste venster van het tabblad Site duidt de geselecteerde stramienpagina aan. Een oogpictogram in het pictogram van de stramienpagina geeft aan dat de pagina op dat moment wordt weergegeven.
84 Sites en pagina's instellen • Ga naar het tabblad Site van de studio en dubbelklik op de vermelding van de pagina (of stramienpagina) die u wilt weergeven. Het venster met de structuur van de site op dit tabblad bevat een boomstructuur met vermeldingen voor de pagina's van de site, terwijl het venster met stramienpagina's alleen de pictogrammen van de stramienpagina's bevat. Mogelijk moet u op de knop Stramienpagina's klikken om het venster met stramienpagina's weer te geven.
Sites en pagina's instellen 85 Zo schakelt u tussen de huidige pagina en de stramienpagina: • Klik op de knop statusbalk. Pagina/stramienpagina op de Als er meerdere stramienpagina's aan een pagina zijn gekoppeld, wordt alleen overgeschakeld naar de eerste stramienpagina. Zo geeft u de startpagina van de site weer: • Klik op de knop Startpagina op de statusbalk.
86 Sites en pagina's instellen
4 Navigatie en hyperlinks
88 Navigatie en hyperlinks
Navigatie en hyperlinks 89 Navigatiebalken toevoegen In WebPlus zijn navigatiebalken zo geprogrammeerd dat ze zich automatisch aan de structuur van uw site aanpassen, zodat u eenvoudig een website kunt ontwerpen waarop bezoekers vlot kunnen navigeren. Met navigatiebalken kan eenvoudig worden genavigeerd tussen de verschillende secties en niveaus van een site (zie pagina 36), met koppelingen naar uw startpagina en andere sectiepagina's op het hoogste niveau.
90 Navigatie en hyperlinks Hoogste niveau Zelfde niveau Onderliggend niveau Vorige en Volgende De pictogramontwerpen zijn voorbeelden en geven niet de werkelijke structuur van de site aan. Aangezien navigatiebalken uw sitestructuur 'begrijpen', worden deze dynamisch bijgewerkt als pagina's naar een ander niveau worden verplaatst. Navigatiebalken maken U kunt navigatiebalken toevoegen aan elke gewenste pagina.
Navigatie en hyperlinks 91 • Uiterlijk: Het ontwerp van de knop, scheidingslijn en achtergrond van de navigatiebalk. U kunt vooraf ingestelde of aangepaste ontwerpen gebruiken. • Pop-upmenu's: Het ontwerp van de knop, scheidingslijn en achtergrond voor pop-upmenu's die worden weergegeven op de navigatiebalk (als u onderliggende pagina's gebruikt in de sitestructuur). Zo voegt u een navigatiebalk toe: 1. Selecteer de pagina (of stramienpagina). 2.
92 Navigatie en hyperlinks Als u Structuur van site kiest, kunt u de volgende handelingen uitvoeren: 6. • Selecteer de knoppen die u op de navigatiebalk wilt opnemen: Hoogste niveau, Bovenliggend niveau, Zelfde niveau enzovoort. • Afhankelijk van de hoofdselectie, kunt u ervoor kiezen de onderliggende pagina, ankers, startpagina en/of bovenliggende pagina op te nemen en/of de Huidige pagina verbergen of koppelingen uitschakelen.
Navigatie en hyperlinks • U kunt een vooraf ingesteld ontwerp kiezen in het vervolgmenu door op de pijl-omlaag van de knopminiatuur te klikken, bijvoorbeeld voor vooraf ingestelde knoppen. - of - • U kunt op Bewerken klikken om een aangepast ontwerp te maken op basis van de geselecteerde knop. U kunt het lettertype, de grootte en de kleur van de tekst wijzigen en de achtergronden voor verschillende knopstatussen Zie de Help bij WebPlus voor meer informatie. 7.
94 Navigatie en hyperlinks De structuur van navigatiebalken aanpassen Standaard is de structuur van een navigatiebalk gebaseerd op de sitestructuur. Als u de volgorde of de hiërarchie van de items op de navigatiebalk zo wilt wijzigen, dat deze afwijkt van de sitestructuur, kunt u in WebPlus navigatiebalken aanpassen door een aangepaste navigatiestructuur te maken.
Navigatie en hyperlinks 5. 95 Klik opnieuw op OK. Nu wordt de aangepaste navigatiestructuur gebruikt om de verschillende menuopties op de navigatiebalk weer te geven. Klik op Beginwaarden als u opnieuw de beginwaarden wilt instellen voor de sitestructuur of klik op Alles verwijderen als u alle elementen wilt verwijderen uit de aangepaste structuur. U kunt de aangepaste navigatiestructuur ook opslaan op de site, zodat u deze kunt gebruiken voor andere navigatiebalken.
96 Navigatie en hyperlinks Zo geeft u de instellingen voor knoppen, scheidingslijnen en de achtergrond weer: • Op het tabblad Uiterlijk kunt u knoppen, scheidingslijnen en de achtergrond aanpassen door het navigatiebalkelement te selecteren in een selectievak. De opties in het dialoogvenster worden vervolgens aangepast aan het geselecteerde navigatiebalkelement. Zo wijzigt u de knoppen op de navigatiebalk (in een andere vooraf ingestelde knop): 1.
Navigatie en hyperlinks 3. (Optioneel) Pas de schaalopties aan en maak scheidingslijnen. 4. Klik op OK. 97 U kunt aangepaste scheidingslijnen maken in de Design Studio van WebPlus. (Zie Aangepaste knoppen maken op pagina 106.) Zo wijzigt u de achtergrond van de navigatiebalk (in een andere vooraf ingestelde achtergrond): 1. Klik op de vervolgkeuzepijl op het miniatuur Achtergrond om het vervolgmenu Vooraf gedefinieerd te openen. 2. Selecteer een achtergrond uit een categorie. 3.
98 Navigatie en hyperlinks Net zoals knoppen, kunt u pop-upmenu's uitgebreid configureren. Een verschil is dat deze kunnen worden geconfigureerd als Tekstpop-upmenu's en Grafische popupmenu's. Voor de verschillende typen navigatiebalken (Blok, Hooglichten, Spraak enzovoort) kunnen beide typen pop-upmenu worden gebruikt, afhankelijk van het ontwerp. Zo geeft u de instellingen van het pop-upmenu weer: 1. Op het tabblad Pop-upmenu's kunt u het pop-upmenu aanpassen door een menutype te kiezen.
Navigatie en hyperlinks 99 Scheidingslijnen weergeven Voor alle pagina's, offsite links en ankers die zijn opgenomen in de navigatie en die worden weergegeven op de navigatiebalk (of in de pop-upmenu's), kunt u de weergave van scheidingslijnen tussen de menuopties beheren. Zo stelt u de weergave van scheidingslijnen op de navigatiebalk in: 1. Klik in het dialoogvenster Instellingen voor navigatiebalk op het tabblad Uiterlijk en selecteer de optie Scheidingstekens. 2.
100 Navigatie en hyperlinks • Selecteer Lijnen en randen voor Tekstpopupmenu's (schakel het keuzerondje in) en schakel Scheidingsteken invoegen als dit is aangegeven in de navigatiestructuur in. - of - • Selecteer Scheidingslijnen voor Grafische popupmenu's (schakel het keuzerondje in) en schakel de hierboven genoemde optie in. 2. Klik op OK. 3. Herhaal stap 4 tot en met 6 hierboven.
Navigatie en hyperlinks 101 altijd hyperlinks toevoegen naar deze pagina. De pagina wordt alleen niet weergegeven op een navigatiebalk. Zo sluit u een pagina uit van de navigatiestructuur: • Klik met de rechtermuisknop op de pagina in de boomstructuur op het tabblad Site van de studio en kies Eigenschappen van pagina.... Schakel Toevoegen aan navigatiestructuur uit. • Bij opgenomen pagina's wordt een markering weergegeven bij de paginavermelding in de boomstructuur op het tabblad Site.
102 Navigatie en hyperlinks submenu van de balk. Nu kan de gebruiker op de titel van een artikel klikken om het desbetreffende artikel in een venster weer te geven. Dit is meestal een afzonderlijk venster. Converteren naar deelvensters U kunt de navigatiebalk converteren naar een deelvenster (pagina 135), zodat u de knoppen op de navigatiebalk vrijer kunt plaatsen (binnen het gebied van het deelvenster) en u kunt instellen dat navigatiebalken altijd zichtbaar zijn.
Navigatie en hyperlinks 103 volledige sitestructuur (of een deel daarvan) of uw eigen aangepaste structuur kan worden gebruikt. Pop-upmenu's zijn vooral handig als u een beperkte reeks, wellicht verwante, navigatiekoppelingen wilt weergeven, zoals een reeks producten. U kunt zelf precies bepalen welk niveau van uw site u in het pop-upmenu wilt weergeven.
104 Navigatie en hyperlinks navigatiekoppelingen van uw site te gebruiken als deel van het menu of het pop-upmenu te baseren op uw eigen aangepaste structuur (pagina 93). 5. Ga in het dialoogvenster naar het tabblad Uiterlijk van menu en selecteer Tekstpop-upmenu's of Grafische pop-upmenu's. Met de laatstgenoemde optie implementeert u knopobjecten om de menu's op te maken. 6.
Navigatie en hyperlinks 105 Knoppen maken deel uit van de navigatiebalken van WebPlus (zie pagina 86), maar kunnen ook als afzonderlijke objecten worden toegevoegd aan de webpagina. Ze zijn dan gekoppeld aan een hyperlinkdoel of er wordt een pop-upmenu mee weergegeven. In WebPlus kunnen knoppen worden gebaseerd op een vooraf ingesteld ontwerp of ze kunnen helemaal nieuw worden gemaakt in de Knopstudio. Vaak wordt een vooraf ingestelde knop gekozen en wordt deze vervolgens aangepast aan de behoeften.
106 Navigatie en hyperlinks op Bewerken... om het doeltype, het doel en het doelvenster te kiezen. • Met Formulier verzenden wordt een knop Verzenden gemaakt, waarmee formuliergegevens kunnen worden verzonden. Het knoplabel wordt altijd overschreven door Verzenden (u kunt dit wel weer bewerken). De actie voor de knop wordt uitgevoerd wanneer de knop op een formulier wordt geplaatst.
Navigatie en hyperlinks 107 Zo bewerkt u een knop: • Dubbelklik op een knop en bewerk deze, zoals hiervoor is beschreven. Aangepaste knoppen maken Als u de door u gekozen vooraf gedefinieerde knop verder wilt aanpassen (of als u een geheel nieuwe knop wilt maken), kunt u Knopstudio gebruiken. Dit is een ontwerpomgeving voor knoppen die is geïntegreerd in WebPlus. Hiermee kunt u zich richten op uw knopontwerp zonder te worden afgeleid door andere objecten op de pagina.
108 Navigatie en hyperlinks De Knopstudio is voorzien van een interactief tabblad Procedure voor hulp bij het maken van de aangepaste knop. Het tabblad bevat meer informatie over het bewerken van de knop in de verschillende statussen en over het gebruik van hulplijnen en opties voor uitrekken waarmee u kunt bepalen welke knopelementen al dan niet worden uitgerekt. Zo maakt u een aangepaste knop: 1.
Navigatie en hyperlinks 109 pagina en bewerkt u deze bij de optie Knoplabel in het dialoogvenster. Wanneer u de knop hebt toegevoegd aan de pagina, kunt u het ontwerp op elk gewenst moment wijzigen in de Knopstudio. Zo bewerkt u een knopontwerp: • Selecteer optiebalk. Knopontwerp bewerken op de Converteren naar een navigatiebalk U kunt de knop op elk gewenst moment converteren naar een navigatiebalk (pagina 86), zodat deze de eigenschappen van alle navigatiebalken overneemt.
110 Navigatie en hyperlinks • Venster voor het opstellen van een e-mailbericht • Bestand op uw lokale schijf of netwerk • Anker (een specifiek doel op een webpagina) • Intelligent object (zoals een forum, blog of CMS in Serif Web Resources) • RSS-feed of podcast • Winkelwagen • Navigatie-element • Gebruikersgegevens • Afbeelding Zorgvuldig gekozen hyperlinks zijn een belangrijk onderdeel van de sitestructuur.
Navigatie en hyperlinks 111 2. Selecteer Hyperlink op de werkbalk Gereedschappen in het vervolgmenu Hyperlink. Het dialoogvenster Hyperlinks wordt weergegeven. 3. Klik op het type hyperlinkdoel, bijvoorbeeld een websitepagina, internetpagina, intelligent Object enzovoort. 4. Afhankelijk van het type hyperlink, kunt u typespecifieke opties kiezen in het rechterdeelvenster als hyperlinkdoel. 5.
112 Navigatie en hyperlinks pagina (of voor frames in frames). (Zie de Help bij WebPlus.) • Benoemd venster: u kunt een aangepast venster definiëren door een nieuwe vensternaam in te voeren in de vervolgkeuzelijst aan de rechterkant. U kunt de eigenschappen op dezelfde manier definiëren als voor Nieuw venster hierboven. U kunt ook een bestaand benoemd venster uit dezelfde vervolgkeuzelijst overnemen.
Navigatie en hyperlinks 113 7. Gebruik de vervolgkeuzelijst Stijl om de tekstopmaak van de hyperlink te kiezen (als de hyperlink uit tekst bestaat). De kleuren voor Normaal, Gevolgd, Actief en Rollover worden ingesteld op basis van verschillende opmaakcriteria in de vervolgkeuzelijst. 8. Klik op OK. Zo bewerkt of verwijdert u een hyperlink: 1. Selecteer het object met het Selectiegereedschap of klik voor een invoegpunt in de hyperlinktekst.
114 Navigatie en hyperlinks bepaald punt in tekst te markeren (bijvoorbeeld het begin van een specifieke sectie) of een afbeelding die zich verder naar beneden op de pagina bevindt. Ankers zijn handig als uw pagina voldoende inhoud bevat om deze in verschillende secties onder te verdelen, maar te weinig inhoud om de pagina op te splitsen in afzonderlijke pagina's. De lezer kan hiermee naar gerelateerde inhoud gaan zonder de huidige pagina te verlaten.
Navigatie en hyperlinks 115 U bekijkt of bewerkt als volgt bestaande ankers: • Kies Websitebeheer > Ankerbeheer... in het menu Extra om een anker dat aan een bepaald object is gekoppeld, te bekijken of te verwijderen of de naam hiervan te wijzigen. U kunt het anker ook opnemen in paginanavigatie.
116 Navigatie en hyperlinks
5 Webobjecten toevoegen
118 Webobjecten toevoegen
Webobjecten toevoegen 119 Een zoekfunctie voor een site toevoegen In WebPlus wordt gebruikgemaakt van een krachtige zoekfunctie waarmee zoekopdrachten van gebruikers worden vergeleken met tekst die op uw site in artistieke tekst, tekstframes of tabellen voorkomt. Op deze manier kan inhoud eenvoudig uit elke gehoste webpagina worden opgehaald.
120 Webobjecten toevoegen Zo kunt u met de zoekopdracht 'vitae' bijvoorbeeld zoekresultaten ophalen met webpagina's waarin dit woord voorkomt. De gebruiker klikt op de knop Zoeken om een zoekopdracht te starten. In de zoekresultaten wordt de koptekst van een pagina als hyperlink weergegeven en bijbehorende webpaginatekst als referentie. Klik gewoon op de hyperlink om de webpagina te openen. Zo voegt u een veld voor zoekresultaten aan een website toe: 1.
Webobjecten toevoegen 121 2. Plaats de aanwijzer op de positie waar u het zoekvak wilt invoegen op uw webpagina of stramienpagina en klik om het zoekvak te plaatsen. Het zoekvak verschijnt op uw pagina. Plaats het zoekvak boven aan de stramienpagina als u de zoekfunctie vanaf alle webpagina's in uw site toegankelijk wilt maken. Een zoekvak is pas nuttig als op de website ook een voorziening is geïmplementeerd om de resultaten van een zoekopdracht weer te geven voor de gebruiker.
122 Webobjecten toevoegen • Vlaggen • Flash-banners • Symbolensets en pictogrammen • Notities • Symbolen Het tabblad is ook een soort container waarin u alle ontwerpelementen kunt plaatsen die u later eenvoudig wilt kunnen hergebruiken, hetzij in dezelfde site hetzij in andere sites.
Webobjecten toevoegen 123 Zo geeft u een specifieke categorie elementen weer: 1. Klik op het tabblad Galerij in de studio. 2. Open de vervolgkeuzelijst boven aan het tabblad en selecteer de categorie die u wilt weergeven. Standaard worden de items uit de eerste subcategorie van de geselecteerde categorie weergegeven. Zo gebruikt u een ontwerp uit de galerie: • Selecteer het ontwerp dat u wilt gebruiken en sleep het vanuit de galerie naar de pagina.
124 Webobjecten toevoegen Wanneer u WebPlus pas hebt geïnstalleerd, is de galerie Persoonlijke ontwerpen vanzelfsprekend leeg. U kunt echter naar behoefte items toevoegen aan de galerie. Zo kopieert of verplaatst u een object naar de categorie Persoonlijke ontwerpen: 1. Selecteer de categorie Persoonlijke ontwerpen in de vervolgkeuzelijst Categorieën. 2. Sleep het object vanaf de pagina naar het venster Designs. 3. Voer in het dialoogvenster een naam in voor het ontwerp en selecteer vervolgens OK.
Webobjecten toevoegen 125 Zo creëert, verwijdert of hernoemt u aangepaste subcategorieën: • Als u een nieuwe subcategorie wilt toevoegen, selecteert u de categorie waaraan u een subcategorie wilt toevoegen, klikt u op de knop om het vervolgmenu voor het tabblad te openen en kiest u Subcategorie toevoegen. • Als u een bestaande subcategorie wilt verwijderen of deze een andere naam wilt geven, klikt u op de knop op de titelbalk van die subcategorie en kiest u de overeenkomstige optie in het vervolgmenu.
126 Webobjecten toevoegen Google Maps toevoegen Voeg Google Maps aan uw webpagina's toe als u zeker wilt stellen dat klanten uw hoofdkantoor terugvinden of wilt voorkomen dat genodigden urenlang moeten zoeken naar de locatie waar u een speciale bijeenkomst of een of ander belangrijk evenement hebt gepland, of als u mensen gewoon op het bestaan van belangrijke bezienswaardigheden in uw buurt wilt wijzen.
Webobjecten toevoegen 127 Zo voegt u een eenvoudige kaart van Google Maps toe: 1. Klik op Google-kaart invoegen in het vervolgmenu met mediagereedschappen op de werkbalk Webobjecten. 2. Typ in het vak Naar een locatie zoeken boven in het dialoogvenster Google Maps uw postcode of adres en klik op Zoeken. Enkele seconden later verschijnt een kaart van het opgegeven gebied. 3. Gebruik de pan- en zoomgereedschappen om door de kaart te navigeren.
128 Webobjecten toevoegen - of Sleep met de muis een gebied op de pagina als u aangepaste afmetingen wilt instellen voor de kaart. U kunt het Street View-pictogram op de kaart slepen om de locatie onder de aanwijzer in Street View weer te geven. Klik op om het Street View-venster te sluiten. Als u niet wilt dat deze functie beschikbaar is voor bezoekers van uw website, schakelt u het selectievakje Straatbesturing weergeven uit in het dialoogvenster.
Webobjecten toevoegen 129 4. Wijs een klikactie toe aan de markering, d.w.z. wat er wordt weergegeven wanneer er op de knop wordt geklikt. Kies een van de volgende opties: • Standaardlabel: tekst wordt ingevoerd in het vak Label. Na het publiceren wordt er niet-opgemaakte tekst in een pop-upvak weergegeven na een klikactie. • Label als script behandelen: tekst met HTML-tags wordt ingevoerd in het vak Label. Na het publiceren wordt er een pop-upvak met HTML-opmaak weergegeven na een klikactie.
130 Webobjecten toevoegen • Als u de markering wilt verplaatsen, klikt u op Verplaatsen, plaatst u de aanwijzer op de nieuwe positie die u wilt markeren op de kaart en klikt u met de linkermuisknop. • Als u de markering wilt verwijderen, klikt u op Verwijderen. Zo legt u de Street view-instelling vast: 1.
Webobjecten toevoegen 131 De typen advertenties zijn: fundamenteel advertentie-, afbeeldings, koppelings- en video-eenheden. De formaten zijn afhankelijk van het type eenheid, en variëren van Leaderboard (728 x 90 pixels), Banner (468 x 60 pixels), Halve banner (234 x 60 pixels), Knop (125 x 125 pixels) en Skyscraper (120 x 600 pixels) tot en met verschillende vierkante en rechthoekige formaten.
132 Webobjecten toevoegen 2. Ga naar het tabblad AdSense instellingen, kies AdSense voor inhoud en volg de aanwijzingen van de wizard om een advertentie te selecteren en het formaat, de hoekstijl en een kanaal voor de advertentie te kiezen. 3. Kopieer de gegenereerde AdSense-code voor de advertentie. U dient deze code in WebPlus te plakken. Zo voegt u advertenties in op een webpagina: 1. Selecteer de webpagina (of stramienpagina) waarop u de advertentie wilt plaatsen. 2.
Webobjecten toevoegen 133 3. Klik op Plakken vanaf Klembord om de gekopieerde code in het invoervak te plakken. 4. Klik op OK. Lichtbakken gebruiken Met lichtbakken kunt u op een eenvoudige manier grotere versies van afbeeldingen als pop-up weergeven via miniaturen die u aan uw webpagina toevoegt. Als u de functie Fotogalerie hebt gebruikt, bent u dit concept al eerder tegengekomen.
134 Webobjecten toevoegen Zo maakt u een lichtbak voor een afbeelding op uw webpagina: 1. Selecteer de afbeelding (bij voorkeur een miniatuur). 2. Maak een hyperlink naar de afbeelding (klik in het menu Invoegen op Hyperlink... of klik met de rechtermuisknop. Zie pagina 108). 3. Selecteer de menuoptie Afbeelding en kies als doelvenster in de vervolgkeuzelijst Type de optie Lichtbak. 4. (Optioneel) Klik op Opties voor lichtbak...
Webobjecten toevoegen 135 Lichtbakdiavoorstellingen U kunt eenvoudig lichtbakdiavoorstellingen maken op basis van de afbeeldingen die op dezelfde webpagina zijn geplaatst. In de lichtbak zelf worden knoppen weergegeven waarmee bezoekers de diavoorstelling kunnen doorlopen. Zo maakt u een lichtbakdiavoorstelling: 1. Maak een lichtbak voor een afbeelding op uw webpagina (zoals hiervoor is beschreven). 2. Klik in het dialoogvenster Hyperlinks op Opties voor lichtbak.... 3.
136 Webobjecten toevoegen Lichtbakken naar een hyperlinkdoel U kunt in lichtbakken niet alleen afbeeldingen weergeven. Omdat een lichtbak feitelijk een soort venster is, kan daarin elk hyperlinkdoel worden weergegeven. Vaak zal dat een pagina van de site zelf zijn (bijvoorbeeld een formulier of aanmeldingspagina) of een internetpagina, blog, forum of RSS-feed. U kunt in een lichtbak ook een Word-bestand, een PDF of elk ander type bestand weergeven (via de optie Bestand).
Webobjecten toevoegen 137 Zo wijzigt u de eigenschappen van de lichtbak voor uw site: 1. Ga naar Bestand>Eigenschappen van site... en selecteer de menuoptie Lichtbak. 2. Wijzig de instellingen in de secties Algemeen, Bijschrift en Achtergrond. 3. (Optioneel) Bekijk steeds een voorbeeld van uw site in een browser met de knop Voorbeeld van lichtbak... tijdens het aanpassen van de instellingen.
138 Webobjecten toevoegen U kunt deelvensters zo instellen dat ze alleen worden weergegeven wanneer u klikt op knoppen, objecten uit de galerie of afbeeldingen of wanneer u de muisaanwijzer over deze items beweegt. U kunt ook deelvensters maken die permanent worden weergegeven. Dat is een handige optie als u navigatiebalken wilt maken die nooit verdwijnen wanneer de bezoeker door het venster schuift.
Webobjecten toevoegen 139 Uw deelvenster invoegen Zo voegt u een deelvenster in: 1. Klik in het vervolgmenu met navigatiehulpmiddelen van de werkbalk Webobjecten invoegen. op Deelvenster 2. (Optioneel) Geef in het dialoogvenster een HTML-id op voor het deelvenster. U hoeft de bestaande id niet te wijzigen, omdat deze altijd uniek is. 3. Klik in het dialoogvenster op het voorvertoningsvak waarin u een voorbeeld van het deelvenster kunt bekijken. 4.
140 Webobjecten toevoegen 8. Klik op OK. 9. Plaats de cursor op de positie waar u de linkerbovenhoek van het deelvenster wilt plaatsen. 10. Als u wilt dat het deelvenster een standaardformaat krijgt wanneer het wordt ingevoegd, klikt u eenvoudig met de muisknop. - of Als u zelf het formaat van het deelvenster wilt instellen, sleept u het deelvenster tot het de gewenste grootte heeft en laat u vervolgens de muisknop los.
Webobjecten toevoegen 141 U kunt dit mogelijk maken door het object 'tot leven te brengen', dat wil zeggen door ervoor te zorgen dat er een actie wordt gestart bij een klik of rollover. U doet dit door een actie toe te wijzen (Zie de WebPlus Help voor meer informatie) en tegelijkertijd een reeds gecreëerd deelvenster toe te wijzen aan het object. Zo wijst u een actie en een deelvenster toe: 1. Klik met de rechtermuisknop op het object en selecteer Bewerkingen.... 2.
142 Webobjecten toevoegen Zo verbergt u een geselecteerd deelvenster: • Selecteer op de optiebalk de optie verbergen. Deelvenster Het deelvenster wordt nu vervangen door het pictogram Verborgen deelvenster. Het deelvenster is er nog steeds en kan opnieuw zichtbaar worden gemaakt door de knop Deelvenster verbergen uit te schakelen (door erop te klikken). De optie Deelvenster verbergen is gelijk aan de optie Deelvenster is in eerste instantie verborgen in het dialoogvenster.
Webobjecten toevoegen 143 Zo maakt u een aangepaste achtergrond voor een pagina: 1. (Optioneel) Selecteer in het dialoogvenster Eigenschappen van deelvenster een vooraf gedefinieerde achtergrond waarop u de nieuwe achtergrond wilt baseren. 2. Klik in hetzelfde dialoogvenster op de knop Bewerken. Design Studio wordt gestart met uw achtergrond waarop is ingezoomd, zodat deze binnen de werkruimte past. 3.
144 Webobjecten toevoegen Met Design Studio kunt u voorkomen dat bepaalde deelvensterobjecten worden geschaald of uitgerekt. Met de opties in de vervolgmenu's Horizontaal schalen en Verticaal schalen op de werkbalk van Design Studio bepaalt u precies hoe objecten eruit komen te zien. Zie het tabblad Procedure voor meer informatie.
Webobjecten toevoegen 145 2. Gebruik in Design Studio (zie hiervoor) de standaardgereedschappen en -tabbladen van WebPlus om uw scheidingslijn aan te passen en gebruik het bijbehorende tabblad Procedure om uw scheidingslijn te ontwerpen. Hotspots toevoegen Een hotspot is een transparant gebied dat als hyperlink fungeert op een webpagina. Hotspots worden gewoonlijk voor afbeeldingen gedefinieerd, die zich dan als 'knoppen' gedragen waarop gebruikers kunnen klikken in een webbrowser.
146 Webobjecten toevoegen U stemt als volgt een hotspot af op een bestaande vorm: 1. Teken de hotspot zoals hiervoor is beschreven en teken vervolgens een vorm, zoals wordt beschreven in Vormen tekenen en bewerken op pagina 389. 2. Selecteer beide objecten en kies Hotspot aan vorm aanpassen in het menu Extra. Het hotspotgebied wordt aangepast aan de contouren van de vorm. Bij publicatie reageert alleen de vorm wanneer de muisaanwijzer hierop wordt geplaatst.
Webobjecten toevoegen 147 De hotspot en de vorm worden zijn nog steeds afzonderlijk. U kunt de vorm dus verwijderen als u deze niet meer nodig hebt nadat u deze als sjabloon hebt gebruikt om een hotspot van een gewenste vorm te maken. Zo bewerkt u de hyperlink voor een hotspot: • Dubbelklik op de hotspot met het selectiegereedschap. Het dialoogvenster Hyperlinks verschijnt, waarin het huidige hyperlinkdoel voor de hotspot wordt weergegeven.
148 Webobjecten toevoegen U verplaatst of schaalt een hotspot als volgt: • Klik op de hotspot om deze te selecteren. Doe daarna het volgende: • Klik en sleep vanuit het midden van de hotspot of vanaf een van de randen van het begrenzingskader als u de hotspot wilt verplaatsen. Houd de Shifttoets ingedrukt terwijl u sleept als u de hotspot alleen in horizontale of verticale richting wilt verplaatsen.
Webobjecten toevoegen 149 U voegt als volgt een extra node toe aan een hotspot: • Klik op een positie langs de contour van de hotspot wanneer u de cursor ziet. Sleep de nieuwe node naar de gewenste positie om de contour van de hotspot aan te passen. U wijzigt als volgt de vorm van de contour van een hotspot: • Versleep een node wanneer u de cursor ziet. Rollovers toevoegen De term rollover verwijst naar een interactie tussen de muis en een afbeelding.
150 Webobjecten toevoegen Standaard Over Ingedrukt is de toestand voordat er een rollover plaatsvindt (wanneer de afbeelding 'in rust' is). Deze toestand is altijd gedefinieerd. is de toestand die wordt geactiveerd door een mouseover, dat wil zeggen wanneer de muisaanwijzer op de afbeelding is geplaatst. is de toestand die wordt geactiveerd wanneer u met de muis op de afbeelding klikt en de muisknop ingedrukt houdt.
Webobjecten toevoegen 151 Zo maakt u een rolloverafbeelding: 1. Maak met behulp van een externe grafische toepassing de verschillende bronafbeeldingen voor elke rolloverstatus die u wilt definiëren. (Zie 'Variantafbeeldingen maken' hierna.) 2. Klik op Rollover invoegen in het vervolgmenu Afbeelding op de werkbalk Standaardobjecten. 3.
152 Webobjecten toevoegen WebPlus voor elke rollovertoestand die u hebt ingesteld, één afbeelding geëxporteerd. Aan het HTML-bestand voor de gepubliceerde pagina wordt automatisch de JavaScript-code toegevoegd om de gedefinieerde muisgebeurtenissen te onderscheppen. Zo bewerkt u een rolloverafbeelding: 1. Klik met de rechtermuisknop op de rolloverafbeelding en kies Rollover bewerken... (of dubbelklik op de afbeelding). 2. Breng de vereiste wijzigingen aan in het dialoogvenster en klik op OK.
Webobjecten toevoegen 153 desgewenst een andere afbeelding) weergegeven. De WebPlusrollovers kunnen zich daarentegen in wel vier toestanden bevinden waarin steeds verschillende afbeeldingen worden weergegeven die allemaal hetzelfde formaat hebben. In WebPlus kunt u de positie en grootte bepalen van de popupafbeelding ten opzichte van de miniatuur waar de muisaanwijzer overheen beweegt. Zelfs de miniatuur kan op elk gewenst moment worden gewijzigd of geschaald.
154 Webobjecten toevoegen 2. Klik in het dialoogvenster op de knop Bladeren... om naar de afbeelding te gaan die u als standaardafbeelding (miniatuur) wilt weergeven en selecteer de gewenste afbeelding. Klik op Openen.... 3. Voor de over-afbeelding die als pop-up verschijnt, wordt standaard de eerder als miniatuur geselecteerde afbeelding gebruikt (dit is gebruikelijk voor fotominiaturen). U kunt echter ook op Bladeren... klikken als u een geheel andere afbeelding wilt gebruiken. 4.
Webobjecten toevoegen 155 8. Selecteer een afbeelding in het dialoogvenster. In de vervolgkeuzelijst wordt de huidige selectiestatus aangegeven: • Standaard Selectie: er is een standaardafbeelding (miniatuur) geselecteerd en deze heeft een groene rand. • Over Selectie: er is een over-afbeelding geselecteerd en deze heeft een blauwe rand. • Bijschrift Selectie: er is een bijschrift geselecteerd en dit heeft een rode rand (wordt alleen weergegeven als bijschriften zijn ingeschakeld).
156 Webobjecten toevoegen invoervakken gebruiken (u kunt niet slepen) om de afbeeldingen zonder beperkingen te kunnen schalen. 12. Klik op OK. De standaardafbeelding (miniatuur) wordt op de pagina weergegeven, maar de over-afbeelding verschijnt alleen op de pagina als u een voorbeeld van uw pagina weergeeft of de pagina publiceert.
Webobjecten toevoegen 157 Het bijschrift wordt alleen weergegeven bij de over-afbeelding, dus als u de precieze positie van het bijschrift naast de over-afbeelding wilt bepalen, moet u dubbelklikken op de standaardpagina (miniatuur) op uw pagina. Klik in het dialoogvenster op de knop Rolloverpositie instellen... en pas de positie van het bijschrift aan (op dezelfde manier waarop u de positie van een standaardafbeelding of over-afbeelding aanpast).
158 Webobjecten toevoegen
6 Dynamische webobjecten toevoegen
160 Dynamische webobjecten toevoegen
Dynamische webobjecten toevoegen 161 HTML-code toevoegen In WebPlus kunt u pagina's maken in HTML (zie HTML-pagina's maken op pagina 78). Met WebPlus kunt u echter ook code toevoegen aan de WebPlus-objecten (bijvoorbeeld in frames of tabelcellen) en pagina's, met name om de mogelijkheden van objecten (of de pagina) uit te breiden door deze intelligenter en interactiever te maken.
162 Dynamische webobjecten toevoegen Dit zijn maar een paar van de bewerkbare plaatsaanduidingen in de bron van een HTML-fragment, -object of -pagina (de plaatsaanduidingen hebben verschillende namen, afhankelijk van het type element). De laatste plaatsaanduiding in de bovenstaande lijst is bijvoorbeeld uniek voor de bron van een pagina en wordt niet weergegeven voor een object of HTML-fragment. U kunt elke gewenste code invoegen door deze te kopiëren en te plakken op een van de plaatsaanduidingen.
Dynamische webobjecten toevoegen 163 Zo voegt u HTML-code toe aan een pagina: 1. Kopieer de HTML-code van de oorspronkelijke bron naar het Klembord. 2. Klik op de knop HTML-code invoegen op de werkbalk Webobjecten. 3. Klik op de pagina of het plakbord om een nieuw venster HTML-code met standaardgrootte te maken of sleep met de muis als u een venster met een aangepaste grootte wilt maken. 4.
164 Dynamische webobjecten toevoegen Hierna wordt beschreven hoe u JavaScript-code (die u hebt gekopieerd of zelf geschreven als u ervaring hebt met het programmeren van JavaScript) kunt toevoegen. Vergelijk ter illustratie de twee afbeeldingen met voorbeeldcode hierna. Er wordt een zeer eenvoudig JavaScript-codefragment toegevoegd aan het venster Bron, zodat de huidige datum wordt weergegeven op de webpagina.
Dynamische webobjecten toevoegen 165 Code na toegevoegd JavaScript In dit voorbeeld wordt aangegeven waar eenvoudige code wordt geplaatst in een bronvenster. Zo voegt u code toe aan een HTML-fragment of object: 1. Selecteer een bestaand HTML-fragment of object. 2. Selecteer in het menu Indeling de optie HTML-code toevoegen.... - of Klik met de rechtermuisknop op het object en kies dezelfde optie. 3. Schuif in het dialoogvenster door het bronvenster om te zoeken naar bewerkbare plaatsaanduidingen.
166 Dynamische webobjecten toevoegen 4. Selecteer de gehele plaatsaanduiding en plak de HTML, het script of een andere tekenreeks om de tekst van de plaatsaanduiding te overschrijven. - of Selecteer de gehele plaatsaanduiding en typ rechtstreeks op de locatie van de plaatsaanduiding (waarbij de tekst van de plaatsaanduiding weer wordt overschreven). 5. Klik op OK om terug te gaan naar de normale paginaweergave. U kunt tokens gebruiken om diverse variabelen toe te voegen aan de HTML.
Dynamische webobjecten toevoegen 167 4. Klik op OK. U kunt op elk gewenst moment een van de opties Toevoegen, Verwijderen en Exportopties kiezen voor een bestand. Zo voegt u code toe aan een pagina: 1. Klik op HTML-code toevoegen op de werkbalk Standaard. 2. Schuif in het dialoogvenster door het venster om te zoeken naar bewerkbare plaatsaanduidingen. De plaatsaanduiding die u kiest, is afhankelijk van het gewenste resultaat. 3.
168 Dynamische webobjecten toevoegen Zo schrijft (exporteert) u een id (per object): 1. Klik met de rechtermuisknop op een object en selecteer Id.... 2. Selecteer Ja in het dialoogvenster in de vervolgkeuzelijst Id voor dit object schrijven. Als u Standaardinstelling site selecteert, betekent dit dat de instelling in Eigenschappen van site wordt gebruikt. Ja of Nee betekent dat de id van het object al dan niet wordt geschreven bij het exporteren, ongeacht de standaardinstelling van de site.
Dynamische webobjecten toevoegen 169 Zo bewerkt u de id-naam van een object: 1. Klik met de rechtermuisknop op een object en selecteer Id.... 2. Wijzig in het dialoogvenster de id-waarde voor de HTML. Tokens WebPlus bevat een aantal gegroepeerde HTML-annotatietokens die kunnen worden gekoppeld aan HTML-fragmenten, objecten of pagina's. Deze worden vervangen door de relevante 'echte' waarden wanneer u exporteert naar een bestand of een voorbeeld van de pagina bekijkt.
170 Dynamische webobjecten toevoegen Structuur van een formulier De bouwstenen van een formulier bestaan uit een combinatie van tekst, afbeeldingen en besturingselementen. Besturingselementen van formulieren zijn de 'intelligente' objecten waarmee gegevens over bezoekers van de website worden verzameld. Deze elementen kunnen op dezelfde manier worden toegevoegd, verplaatst en bewerkt als andere objecten in Webplus, zoals afbeeldingen en tabelelementen.
Dynamische webobjecten toevoegen 171 Waarheen worden de gegevens verzonden? Formuliergegevens kunnen worden verzonden naar: • een e-mailadres (van de webontwikkelaar). • een scriptbestand (lokaal of extern opgeslagen). Hiermee kunnen de gegevens bijvoorbeeld naar een tekstbestand of een serverdatabase worden geschreven. • Serif Web Resources, van waaruit de formuliergegevens naar uw e-mailadres worden doorgestuurd (via Serif).
172 Dynamische webobjecten toevoegen 3. Selecteer het gewenste type formulier in de lijst met formulieren. Gebruik het voorbeeldvenster onderaan om een voorbeeld van elk formulier te bekijken. 4. Klik op Volgende>. 5. Op het volgende scherm kunt u besturingselementen toevoegen, wijzigen of verwijderen. • Als u een besturingselement wilt toevoegen aan het formulier, klikt u op de desbetreffende knop in het vak Toevoegen.
Dynamische webobjecten toevoegen 173 formulier kunt ontwerpen. U kunt formulierbesturingselementen, standaardformulierobjecten of beide invoegen. Zie de Help bij WebPlus voor meer informatie. U maakt als volgt een aangepast formulier (met de wizard Formulier): 1. Wizard Formulier in het Klik op de knop vervolgmenu Formulier op de werkbalk Webobjecten. 2. Klik in het dialoogvenster op het pictogram Een nieuw formulier maken met de wizard en klik op Volgende. 3.
174 Dynamische webobjecten toevoegen Besturingselementen bewerken op pagina 175 voor meer informatie. Klik op OK als u een waarde hebt bewerkt. 4. Herhaal de bovenstaande stappen zo nodig voor elk gekozen besturingselement. De besturingselementen worden in het bovenste venster weergegeven (in de volgorde waarin u deze hebt toegevoegd). Voordat u verdergaat, moet u nog het besturingselement Verzenden aan het formulier toevoegen. Dit element is essentieel voor het doorsturen van gegevens naar het doel.
Dynamische webobjecten toevoegen 175 De besturingselementen zijn beschikbaar vanuit de wizard Formulier of rechtstreeks vanuit het vervolgmenu Formulier op de werkblak Webobjecten. U wijst aan elk besturingselement een unieke interne naam toe en stelt vervolgens de gewenste eigenschappen in voor het element. Elk besturingselement heeft een eigen set eigenschappen die kunnen worden aangepast.
176 Dynamische webobjecten toevoegen bieden aanvullende informatie (tekst of numerieke waarden) in te voeren, zoals een vraag, een recept of een lijst met waarden. Vervolgkeuze lijst Gebruik dit besturingselement als u gebruikers uit verschillende opties wilt laten kiezen in een vervolgmenu, waarbij standaard slechts één optie kan worden geselecteerd (bijvoorbeeld het geslacht van de gebruiker).
Dynamische webobjecten toevoegen 177 schakelen, bijvoorbeeld: Wilt u op de hoogte worden gehouden van nieuwe gebeurtenissen in de toekomst? Keuzerondje Bestandsselectie CAPTCHA Dit besturingselement is handig als u gebruikers een keuze wilt laten maken uit meerdere opties die elkaar wederzijds uitsluiten. De gebruiker kan bij dit type besturingselementen slechts een van de beschikbare opties selecteren. Gebruik dit besturingselement bijvoorbeeld om het geslacht van bezoekers te achterhalen.
178 Dynamische webobjecten toevoegen Er wordt altijd een CAPTCHAgatewayconrole (Zie de WebPlus Help voor meer informatie) uitgevoerd als u dit besturingselement niet in het formulier hebt geplaatst. Als u dit besturingselent wel gebruikt, wordt de CAPTCHA-gatewytrole niet uitgevoerd. Besturingselementen voor formulieren bewerken Elk besturingselement (knop, tekstvak enzovoort) heeft specifieke eigenschappen en dus verschillende waarden die u kunt bewerken.
Dynamische webobjecten toevoegen 179 knop wordt meestal gebruikt samen met een knop Beginwaarden, waarmee alle ingevoerde formuliergegevens kunnen worden gewist. Formuliergegevens kunnen op meerdere manieren worden verzonden. Geen actie Een emailadres Als u deze optie kiest, worden de formuliergegevens niet verzonden. Deze optie is handig als u tijdelijk geen gegevens meer wilt verzamelen of als u nog geen script of Serif Web Resources hebt ingesteld.
180 Dynamische webobjecten toevoegen 2. Voer het E-mailadres van het doel in (of selecteer een e-mailadres dat al is opgegeven in de vervolgkeuzelijst). Deze optie is bedoeld voor ervaren webontwikkelaars die vertrouwd zijn met het gebruik van scripts. Een scriptbestand op mijn harde schijf U stelt als volgt een lokaal scriptbestand in: 1. Schakel het pictogram Scriptbestand in en voeg een Formuliernaam toe. 2. Klik op Bladeren... en navigeer naar het lokale scriptbestand.
Dynamische webobjecten toevoegen 181 Een extern script Kies voor deze optie als het uitvoeren van eigen scripts niet is toegestaan in de webruimte van uw ISP. In dit geval biedt uw ISP mogelijk een eenvoudig scriptbestand aan waarnaar u een hyperlink kunt invoegen vanaf uw webpagina. Meestal verzenden dergelijke scripts de formuliergegevens automatisch naar uw e-mailadres (al ingesteld bij uw ISP). U stelt als volgt een extern scriptbestand in: Serif Web Resources 1.
182 Dynamische webobjecten toevoegen U stelt als volgt Serif Web Resources in: 1. Klik op het pictogram Serif Web Resources en voeg een Formuliernaam toe. 2. Klik op de knop Selecteren (meld u aan bij Serif Web Resources als u dit nog niet hebt gedaan). 3. Voer in het dialoogvenster de gegevens van het doeladres in. • Voer in het tekstvak Emailadres een doelemailadres in. • Voer een Aangepast onderwerp in.
Dynamische webobjecten toevoegen 183 Als u het besturingselement Invoervak alleen voor emailadressen maakt, kunt u bevestigingsberichten ook rechtstreeks naar de bezoeker verzenden. U moet ervoor zorgen dat SWR: bevestigingsmail verzenden is ingeschakeld in de eigenschappen van het invoervak. Er wordt een antispamcontrole uitgevoerd als u het besturingselement CAPTCHA aan het formulier hebt toegevoegd. Als u dit niet hebt gedaan, wordt een controle uitgevoerd bij de CAPTCHAgateway.
184 Dynamische webobjecten toevoegen koppeling klikt, wordt de service geactiveerd en verandert de status in 'Bevestigd'. 5. (Optioneel) Herhaal deze procedure om meer e-maildoelen toe te voegen en selecteer een emailadres om dit te activeren. 6. Klik op OK om af te sluiten. De bezoeker ontvangt een basisbevestigingspagina die is gegenereerd door Serif Web Resources om de geslaagde ontvangst van formuliergegevens te bevestigen.
Dynamische webobjecten toevoegen 185 3. Klik op OK. De nieuwe webpagina wordt weergegeven wanneer het formulier de volgende keer wordt verzonden. Er worden geen persoonlijke gegevens opgeslagen op de webservers van Serif. Alle formuliergegevens worden in real-time doorgestuurd.
186 Dynamische webobjecten toevoegen nieuwsdiensten raadpleegt, hebt u ongetwijfeld gemerkt hoe populair RSS-feeds zijn. U herkent dergelijke feeds aan het symbool op websites. Door op dit symbool te klikken, kunt u zich (handmatig of automatisch) abonneren op de desbetreffende RSSfeed via een RSS-lezer. Podcasts zijn net als RSS-feeds publicaties die beschikbaar worden gesteld op internet.
Dynamische webobjecten toevoegen 187 beschrijving, bijbehorende afbeeldingen, auteursrechtinformatie, categorieën, trefwoorden enzovoort. Zo voegt u een RSS-feed of podcast in: 1. RSS-feed/podcast toevoegen in het Klik op de knop vervolgmenu RSS van de werkbalk Webobjecten. 2. Klik op de knop RSS-feed toevoegen of Podcast toevoegen om een nieuwe RSS-feed of podcast te maken. Er wordt in het menu aan de linkerkant een nieuwe feed weergegeven met de naam Nieuwe RSS-feed of Nieuwe podcast.
188 Dynamische webobjecten toevoegen op OK. Voor podcasts kunt u ook opgeven dat ze automatisch moeten worden gedownload met de toepassing van de bezoeker, zoals Google Reader, My Yahoo! of iTunes. Kies de toepassing in de vervolgkeuzelijst Podcast openen met. Als u dat niet doet, wordt bij het handmatig abonneren op RSS-feeds of podcasts, de RSS-standaard gebruikt.
Dynamische webobjecten toevoegen 189 Als u in uw feed mediabestanden gebruikt die lokaal zijn opgeslagen, wordt u tijdens het publiceren gevraagd om bij URL van site een URL op te geven (zie pagina 1). Hiermee maakt u lokale bestanden toegankelijk voor bezoekers. Podcastfeeds indienen Als u uw podcasts toegankelijk wilt maken via iTunes, moet u deze ter goedkeuring indienen bij iTunes.
190 Dynamische webobjecten toevoegen Abonneren Bezoekers de mogelijkheid bieden om zich te abonneren op RSS-feeds en podcasts Bezoekers van uw website kunnen zich op verschillende manieren op uw feed abonneren. Manier van abonneren Handmatig Methode De bezoeker van uw website klikt eenvoudig op een symbool dat het type feed aangeeft: Voor RSS-feeds Uw gepubliceerde RSS-feed of podcast heeft een knop waarop bezoekers kunnen klikken om zich te abonneren.
Dynamische webobjecten toevoegen 191 Automatisch (alleen voor podcasts) 2. Klik in het menu Geavanceerd op Abonneren op podcast.... 3. Plak de URL van de feed in het invoervak van het dialoogvenster en klik op OK. De podcast verschijnt als een item in het venster. U kunt de URL verkrijgen door op het podcastsymbool te klikken en de URL die dan in het browservenster wordt weergegeven, te kopiëren. De bezoeker van de website klikt op het pictogram (of de bijbehorende hyperlink).
192 Dynamische webobjecten toevoegen feed leidt. Er wordt een speciaal type hyperlinkdoel gebruikt, dat een RSS-feed wordt genoemd. Feeds van anderen in uw site opnemen U kunt uw eigen RSS-feed of podcast maken, maar u kunt ook een RSS-feed van een andere website in uw eigen webpagina opnemen. Als u de RSS-feedlezer aan uw pagina toevoegt, abonneert u zich automatisch op de gekozen RSS-feed of podcast.
Dynamische webobjecten toevoegen 193 Zo neemt u een RSS-feed of podcast op in uw pagina: 1. Zoek naar een geschikte RSS-feed op webpagina's of bij populaire nieuws- en informatiediensten. U herkent RSSfeeds bijvoorbeeld aan een van de volgende symbolen: 2.
194 Dynamische webobjecten toevoegen 3. Klik op de knop RSS-lezer toevoegen in het vervolgmenu RSS van de werkbalk Webobjecten. 4. Plak in het dialoogvenster de gekopieerde URL in het vak URL van RSS-feed. 5. (Optioneel) Wijzig de kleur, het lettertype, de tekengrootte en/of de tekenopmaak van de titel, kop en samenvatting van de RSS-feed. 6. (Optioneel) Stel via de vervolgkeuzelijst Tijdzone de juiste tijdzone voor uw site in. 7.
Dynamische webobjecten toevoegen 195 bestand worden afgespeeld op de op dat moment ingestelde standaardspeler (bijvoorbeeld Windows Media Player). E-commerce ‘E-commerce’ is een overkoepelende term voor het kopen en verkopen van goederen via internet. Online winkels zijn tegenwoordig niet meer weg te denken van internet. Elk bedrijf dat zichzelf respecteert, probeert zijn producten tegenwoordig ook rechtstreeks via internet aan de man te brengen.
196 Dynamische webobjecten toevoegen verschillende aankoopopties instellen (kleur, aantal, enzovoort) en ook automatisch de BTW op de producten, de verzendkosten, eventuele kortingen bij het bestellen van grote hoeveelheden, enzovoort berekenen. Als u links gebruikt, hoeven gebruikers slechts met de muis te klikken om de goederen te bestellen. In dat geval kunnen ze echter niet uit verschillende aankoopopties kiezen. Welke functies precies worden ondersteund, hangt af van de gekozen betaalservice.
Dynamische webobjecten toevoegen 197 browservenster geopend met de website van de online betaalservice, waar u zich kunt registreren. • 3. Als u al een account hebt bij de online betaalservice, klikt u gewoon op Volgende. Met deze optie stelt u de betaalservice als standaardservice in voor uw site (omdat u al klant bent, hoeft u geen nieuwe gebruikersaccount in te stellen). Het dialoogvenster is specifiek voor de betaalservice; mogelijk worden er dan ook andere opties weergegeven.
198 Dynamische webobjecten toevoegen U kunt via het dialoogvenster ook de positie van het winkelwagentje in het browservenster configureren en de weergegeven standaardtekst bewerken of verwijderen. 5. Klik op Voltooien om de configuratie van de winkelwagen te voltooien. Zodra u een online betaalservice hebt ingesteld, kunt u een ecommerceobject toevoegen aan uw site. Een e-commerceobject invoegen (PayPal) Gebruik de daarvoor bestemde wizard als u in WebPlus ecommerceobjecten wilt maken.
Dynamische webobjecten toevoegen 199 bent, zou u een e-commerceknop (als een koppeling 'Nu kopen') kunnen maken. Met deze optie wordt een vooronderstelling over de mogelijke transactie gedaan. Dat wil zeggen dat de hoeveelheid, grootte, stijl en kleur vastliggen. Dat komt omdat een koppeling slechts een knop is en geen 'interactieve' aankoopopties kan verzorgen (zoals kleur, grootte en aantal) die doorgaans vereist zijn voor compleXEtransacties.
200 Dynamische webobjecten toevoegen Zo voegt u een e-commerceobject in: 1. Klik op de knop Een e-commerceobject invoegen in het vervolgmenu E-commerce van de werkbalk Webobjecten. 2. Kies in het dialoogvenster PayPal-object toevoegen het e-mailadres dat u wilt gebruiken om betalingsgegevens te ontvangen. In WebPlus wordt standaard het e-mailadres gebruikt dat u bij de configuratie van de online betaalservice hebt opgegeven.
Dynamische webobjecten toevoegen 201 mooie opties in het venster wanneer de optie is ingeschakeld). Sommige afbeeldingen ondersteunen automatische rollovers. Klik op Volgende>. 5. In het dialoogvenster Artikelgegevens kunt u informatie opgeven zoals artikelidentificatie, prijs, btw en gewicht. De volgende opties zijn beschikbaar: • Artikelnaam: de naam van het artikel dat u verkoopt. Deze naam wordt weergegeven op het formulier en in de winkelwagen.
202 Dynamische webobjecten toevoegen donatieformulieren waarin de klant het bedrag kan opgeven. • De btw-instellingen ... overschrijven: schakel deze optie in als u de btw-instelling in het profiel van de provider voor het artikel wilt overschrijven. Als deze optie is ingeschakeld, geeft u voor het artikel een vast btw-tarief in, bijvoorbeeld 0% als het om donaties voor een goed doel gaat.
Dynamische webobjecten toevoegen 203 maar één optie die de prijs beïnvloedt). U kunt een geheel nieuw ontwerp maken of eerder opgeslagen optievelden gebruiken. Klik op Volgende>. Dit wordt niet weergegeven voor herhalingsformulieren. 7. Geef in het dialoogvenster Artikelgegevens in het invoervak een standaardhoeveelheid op, of schakel het selectievakje in zodat de gebruiker bij het afrekenen een bedrag kan opgeven (wordt niet weergegeven voor herhalingsformulieren).
204 Dynamische webobjecten toevoegen • Definieer zo nodig pagina's voor geslaagde betaling en/of pagina's voor geannuleerde betaling. Voer de URL van de pagina in of selecteer een optie in de vervolgkeuzelijst. 10. Kies in het dialoogvenster Formulierindeling een formulierindeling (alleen beschikbaar voor ecommerceformulieren). Aan de hand van een aantal selectievakjes kunt u bepalen wat in de formulierindeling wordt weergegeven.
Dynamische webobjecten toevoegen 205 Databasegegevens samenvoegen Met Gegevens samenvoegen kunt de gegevens uit een bestaande database (Serif-databases SDB, Microsoft Access, dBASE), HTMLdocument, Excel-bestand, ODBC-gegevensbron of tekstbestand met scheidingstekens ophalen en deze vervolgens weergeven, bijvoorbeeld in een samenvoeggebied of HTML-fragment.
206 Dynamische webobjecten toevoegen Overzicht Voor eenvoudige samenvoegbewerkingen kunt u gebruikmaken van de Serif Database-bestandsindeling van WebPlus. Deze SDBbestanden zijn ideaal voor het opslaan van niet-opgemaakte platte tekst, die vaak wordt gebruikt voor productlijsten, maar die ook geschikt zijn voor andere taken. U kunt een lijst maken door een nieuw SDB-bestand te maken en vervolgens de velden te vullen met gegevens.
Dynamische webobjecten toevoegen 207 wordt gegenereerd in een nieuwe site, waarbij gegevens van elke record één voor één worden weergegeven. Het programma ondersteunt ook geavanceerde samenvoegfuncties. Zo kunt u bijvoorbeeld gebruikmaken van samenvoegankers om hyperlinks in te stellen tussen overzichtspagina's en hoofdpagina's voor elke record. Daarnaast kunt u samenvoegvelden invoegen in gegenereerde paginatitels, zodat gebruikers kunnen navigeren tussen de overzichtslijsten/hoofdpagina's.
208 Dynamische webobjecten toevoegen 4. Maak in het dialoogvenster elk veld waaruit uw nieuwe database bestaat door een Veldnaam op te geven en voor elk veld op OK te klikken. 5. De velden worden weergegeven in het dialoogvenster Database aanpassen: • Als u een veld wilt verwijderen, selecteert u de veldnaam en klikt u op Verwijderen. • Als u de naam van een veld wilt wijzigen, selecteert u de veldnaam en klikt u op Naam wijzigen....
Dynamische webobjecten toevoegen 209 Samenvoeggebieden invoegen voor uw gegevens U kunt de gegevens in een gegevensbron pas samenvoegen nadat u deze in een webpagina hebt opgenomen. Dit is eenvoudig in WebPlus, omdat u snel een samenvoeglay-out kunt maken waarin velden met plaatsaanduidingen zijn geplaatst om een nieuwe site te genereren met net zo veel pagina's als nodig zijn. Daarnaast worden de velden gevuld met tekst of afbeeldingen uit een opgegeven gegevensbron.
210 Dynamische webobjecten toevoegen op de nieuwe site, waarbij de gegevens uit de verschillende records één voor één worden weergegeven. Een samenvoeggebied maken: 1. Selecteer een geschikte gegevensbron. 2. Samenvoeggebied invoegen op de Klik op de knop werkbalk Gegevens samenvoegen (schakel deze eerst in). 3. Klik in het dialoogvenster Database kiezen op Bladeren..., selecteer een gegevensbron en klik op Openen. Klik vervolgens op OK. U kunt nu ook een nieuwe database maken door op Nieuw...
Dynamische webobjecten toevoegen 211 weergeven in als u alle records op één pagina wilt weergeven (met name aanbevolen voor overzichtslijsten met één regel). De lay-outoptie Omlaag wordt genegeerd. • Klik en sleep op de pagina om de grootte en positie van het samenvoeggebied in te stellen. In WebPlus wordt de huidige gegevensbron opgeslagen wanneer u de website opslaat. De volgende keer dat u de webpagina opent, wordt de gegevensbron automatisch op de achtergrond geopend.
212 Dynamische webobjecten toevoegen 2. Klik in het dialoogvenster op de knop Bladeren..., selecteer het type gegevensbron dat u wilt openen via de pijl-omlaag van de vervolgkeuzelijst voor bestandsindelingen naast de vervolgkeuzelijst Bestandsnaam en klik op Openen. Volg verdere instructies van WebPlus, afhankelijk van het type gegevensbron. bijvoorbeeld: • Als de gegevensbron meerdere tabellen bevat, wordt u gevraagd de tabel te selecteren die u wilt importeren. • Als u een tekstbestand (.TXT, .
Dynamische webobjecten toevoegen 213 Opmerking: Als u de gegevens toch opnieuw moet opmaken nadat u de wizard hebt gesloten, opent u het bronbestand opnieuw en doorloopt u het dialoogvenster Indeling van gegevens nog een keer, waarbij u de gewenste instellingen wijzigt. 3. Nadat u de bovengenoemde stappen hebt voltooid, keert u terug naar het dialoogvenster Database kiezen. Als u op de knop Bewerken...
214 Dynamische webobjecten toevoegen 2. Klik in het dialoogvenster op de knop Bewerken.... (Als deze knop is uitgeschakeld, is de huidige gegevensbron geen sdb-bestand.) 3. Het dialoogvenster Lijst met samen te voegen gegevens verschijnt, waarin de gegevens worden weergegeven in rij-/kolomindeling. Vanuit dit dialoogvenster kunt u de samen te voegen gegevens bewerken, selecteren, filteren en/of sorteren. U kunt nu of later wijzigingen aanbrengen. Klik op de knop Bewerken.... 4.
Dynamische webobjecten toevoegen 215 Invoegen... als u een nieuw veld wilt maken of selecteer een veld en klik op Verwijderen als u een veld wilt verwijderen. Als u een veld een andere naam wilt geven, selecteert u dit en klikt u op Naam wijzigen.... U kunt ook de volgorde van velden in de lijst wijzigen met de knoppen Omhoog en Omlaag. 5. Klik op OK om de lijst bij te werken en het dialoogvenster te sluiten. Als u het dialoogvenster Database bewerken sluit, wordt niet het databasebestand gesloten.
216 Dynamische webobjecten toevoegen 2. Dubbelklik in de lijst in het dialoogvenster op het veld dat u wilt invoegen (of selecteer het veld en klik op Invoegen). 3. Het veld verschijnt op de webpagina. Het dialoogvenster blijft geopend, zodat u indien nodig nog meer velden kunt invoegen. 4. Sleep elk veld naar de gewenste positie in het samenvoeggebied. Pas indien nodig de grootte van de velden aan.
Dynamische webobjecten toevoegen 217 Zo bewerkt u de huidige samenvoeglijst: Database 1. Selecteer een samenvoeggebied en klik op bewerken op de optiebalk. 2. Klik op Bewerken... om het dialoogvenster Lijst met samen te voegen gegevens te openen. 3. Selecteer welke records u wilt opnemen of uitsluiten (door het selectievakje in of uit te schakelen). Pas vervolgens geavanceerde filter-/sorteercriteria toe (via de knop Filter...) als u de gegevens verder wilt verfijnen. 4. Klik op OK.
218 Dynamische webobjecten toevoegen Dit is geconverteerd naar een rasterlay-out met samengevoegde gegevens in plaats van plaatshoudervelden. Als u de weergave-eigenschappen, zoals afbeeldingsgrootte en uitlijning voor een afzonderlijk afbeeldingsframe, wilt aanpassen, klikt u met de rechtermuisknop op het frame en kiest u Eigenschappen van frame.... De oorspronkelijke site blijft geopend in een apart venster.
Dynamische webobjecten toevoegen 219 opslaan en beheren van objectgegevens als u uw site eenmaal hebt gepubliceerd. U bekijkt nu welke intelligente objecten er in Web Resources beschikbaar zijn en wat u ermee kunt doen. Naam Gebruik de retoucheergereedschappen Huidig aantal bezoekers Blog Dit intelligente object toont bezoekers hoeveel andere internetgebruikers op een bepaald moment dezelfde webpagina weergeven.
220 Dynamische webobjecten toevoegen Forum • Gebruikers de mogelijkheid geven zich te abonneren op artikelen (de meest recente artikelen/opmerkingen) via RSSfeedlezers. • CAPTCHA-beveiliging inschakelen om spam te voorkomen. • Een visuele stijl (thema) toepassen op uw blog. • Auteursgroepen gebruiken voor het publiceren van artikelen die zijn geschreven door meerdere auteurs (zie pagina 240). Een op threads gebaseerd discussieforum toevoegen aan uw site, optioneel in een volledig venster.
Dynamische webobjecten toevoegen 221 • Een thema (stijl) toepassen op het volledige forumobject. • Gebruikersclassificaties maken, bewerken en toewijzen. • Gebruikersmachtigingen instellen. Gebruikers kunnen nagaan hoeveel onderwerpen er worden behandeld in uw forum, wat voor berichten andere gebruikers hebben achtergelaten en wanneer het laatste bericht is gepost. Vanzelfsprekend kunnen ze ook zelf berichten posten naar het forum.
222 Dynamische webobjecten toevoegen System (CMS) inhoud is op artikelen gebaseerd die u naar behoefte kunt aanmaken, bewerken, verwijderen en in categorieën kunt indelen. Bezoekers van de site kunnen op de artikelen reageren en er een beoordeling aan toekennen. Aan uw CMS kunnen eigen kleuren worden toegewezen. Bronnen reserveren Chatbox Gebruikerslijst Met dit intelligente object stelt u bezoekers in staat om rechtstreeks via uw website hotelkamers, repetitieruimten, tickets, enzovoort te boeken.
Dynamische webobjecten toevoegen 223 beheren door gebruikersgroepen in te stellen. Zie Toegangscontrole op pagina 229 voor meer informatie. • CAPTCHA-beveiliging inschakelen om spam te voorkomen tijdens gebruikersregistratie. • Gebruikersgroepen maken (met de mogelijkheid voor gebruikers zich automatisch te registreren, aan te melden en toegang te krijgen tot intelligente objecten). • Gebruikers toevoegen, tijdelijk blokkeren of uitsluiten.
224 Dynamische webobjecten toevoegen informatie die u nodig hebt om de vereiste informatie op te geven. Zo maakt u een Serif Web Resources-account aan: 1. het gereedschap Intelligent object op de Klik op werkbalk Webobjecten. 2. Klik in het aanmeldingsvenster op Account maken onder de aanmeldingsvakken. 3. Voer in het volgende dialoogvenster uw e-mailadres, schermnaam en twee keer een wachtwoord in. U moet aangeven dat u akkoord gaat met de gebruiksvoorwaarden van Serif voordat u verder kunt gaan.
Dynamische webobjecten toevoegen 225 keer dat u zich aanmeldt, moet u dus opnieuw uw gebruikersnaam en wachtwoord invoeren. Zo krijgt u toegang tot Web Resources: 1. het gereedschap Intelligent object op de Klik op werkbalk Webobjecten. 2. Voer in het aanmeldingsvenster uw gebruikersnaam en wachtwoord in. Schakel het selectievakje Accountgegevens opslaan in als u voortaan rechtstreeks toegang wilt krijgen tot Web Resources zonder dat u telkens uw gebruikersnaam en wachtwoord hoeft in te voeren. 3.
226 Dynamische webobjecten toevoegen nadat u eerst het intelligente object Gebruikerslijst hebt gemaakt. Intelligente objecten kunnen worden ingedeeld in gecategoriseerde profielen. Dat is bijvoorbeeld handig als u meerdere websites beheert en alle intelligente objecten voor een bepaalde site in hetzelfde profiel wilt onderbrengen. Zo maakt u een nieuw profiel aan voor uw intelligente objecten: 1.
Dynamische webobjecten toevoegen 227 opties kunt instellen die specifiek zijn voor dat type intelligent object. 5. 6. Ga in het dialoogvenster als volgt te werk: • Typ in het invoervak Naam uw eigen naam voor het object. • (Optioneel) Selecteer een Profiel in de vervolgkeuzelijst als u eerder een profiel hebt aangemaakt. • (Optioneel) Typ de URL van uw domein in het vak Off-site filteren om te voorkomen dat andere gebruikers uw intelligente object op hun eigen website gebruiken.
228 Dynamische webobjecten toevoegen Alle intelligente objecten kunnen aan de pagina worden toegevoegd, maar sommige intelligente objecten (bijvoorbeeld forums of blogs) worden niet aan een webpagina toegevoegd , maar geven rechtstreeks toegang tot Serif Web Resources (via offsite links of hyperlinks (zie pagina 108 of pagina 108). Zo voorkomt u dat internetgebruikers door het venster moeten schuiven wanneer het intelligente object de ingestelde pagina-afmetingen overschrijdt.
Dynamische webobjecten toevoegen 229 Er wordt automatisch een voorbeeld van het intelligente object op de pagina weergegeven, zodat u meteen een idee hebt hoe het object er op uw uiteindelijke website zal uitzien. Intelligente objecten bewerken Nadat u een object hebt gemaakt, kunt u het object bewerken in Mijn lijst met intelligente objecten of rechtstreeks op de pagina.
230 Dynamische webobjecten toevoegen Kleuren op intelligente objecten toepassen U kunt kleuren wijzigen, met name in uw blog, forum of CMS terwijl u ze bewerkt of beheert. Elk type intelligent object heeft zijn eigen kleurinstellingen, bijvoorbeeld Intelligent object Kleur configureren Blog Vervolgkeuzelijst Visuele stijl in het dialoogvenster Bewerken - Nieuwe blog. Forum Vervolgkeuzelijst Forumthema's in het dialoogvenster Beheren - Mijn forum.
Dynamische webobjecten toevoegen 231 Intelligente objecten beheren Met de functie voor het beheer van intelligente objecten kunt u de gegevens beheren die door een intelligent object worden verzameld nadat u uw webpagina hebt gepubliceerd. Sommige intelligente objecten (zoals tellers) hoeven niet te worden beheerd, omdat de waarde automatisch wordt verhoogd telkens als iemand uw website bezoekt. U kunt de teller echter wel weer op nul zetten.
232 Dynamische webobjecten toevoegen Intelligente objecten verwijderen Zo verwijdert u een intelligent object uit uw persoonlijke lijst: • Selecteer het object dat u wilt verwijderen in het deelvenster Mijn lijst met intelligente objecten en klik op de knop Verwijderen. Er wordt een bevestigingsbericht weergegeven.
Dynamische webobjecten toevoegen 233 gebruikersgroep die aan de desbetreffende pagina is gekoppeld en die een lijst met bevoegde gebruikers bevat. Deze gebruikers kunnen handmatig aan de lijst worden toegevoegd door de beheerder van de website of ze kunnen zichzelf registreren door zich hiervoor aan te melden. • Voor de beveiliging van intelligente objecten: toegangscontrole voor forums, blogs en CMS (zie pagina 240). • Forums: voor het beheer van gebruikers en groepsmoderators.
234 Dynamische webobjecten toevoegen • Toegangscontrole inschakelen • Een aanmeldingsvak toevoegen • Geavanceerd gebruikersbeheer Het intelligente object Gebruikerslijst instellen U moet eerst het intelligente object Gebruikerslijst maken. Zodra u dit hebt gedaan, kunt u een of meer groepen maken en deze aan het intelligente object koppelen. Normaal gesproken hebt u slechts één intelligent object per site nodig.
Dynamische webobjecten toevoegen 235 de kleuren en lettertypen voor de titel, tekst/labels, knoppen of rand. 7. Klik op Maken. Het nieuwe intelligente object wordt nu weergegeven in uw lijst met intelligente objecten. 8. Klik op Afsluiten om u af te melden bij Serif Web Resources. Nadat u het intelligente object hebt gemaakt, kunt u gebruikersgroepen maken en deze aan de gebruikerslijst koppelen via de functie Beheren. U kunt als volgt registratie door gebruikers en beveiliging beheren: 1.
236 Dynamische webobjecten toevoegen 6. Klik op Bijwerken. U maakt als volgt een gebruikersgroep: 1. Klik in het bovenste menu op Groepen. 2. Typ een Groepsnaam in het dialoogvenster Nieuwe groep maken. Deze naam moet duidelijk aangeven waarvoor de groep is bedoeld, bijvoorbeeld 'Toegang fotogalerie'. 3. Klik op de knop Groep maken, controleer de instellingen in het dialoogvenster en klik op Gereed. De groep wordt toegevoegd aan de vervolgkeuzelijst Groep.
Dynamische webobjecten toevoegen 237 waarden. Hierbij kunt u één gebruikersaanmelding gebruiken (iedereen gebruikt dezelfde aanmeldingsgegevens) of voor iedere gebruiker eigen aanmeldingsgegevens maken voor meer controle (bijvoorbeeld bij ledenlijsten). Gebruikersaanmelding via registratie Registratie door gebruikers wordt daarentegen gebruikt als uw pagina's toegankelijk zijn voor een groter publiek, waardoor het beheer van gebruiker niet meer praktisch is.
238 Dynamische webobjecten toevoegen 2. Selecteer het intelligente object Gebruikerslijst in het deelvenster Mijn lijst met intelligente objecten en klik op de knop Beheren van het object om het dialoogvenster Gebruikers weer te geven. 3. Typ het e-mailadres van de gebruiker in het vak E-mail in de sectie Nieuwe gebruiker toevoegen onder in het dialoogvenster.
Dynamische webobjecten toevoegen 239 6. Selecteer de gewenste groep in de vervolgkeuzelijst Groep. Voeg vervolgens de geselecteerde gebruiker in het vak Gebruikers toe aan het vak Groep door op de knop Toevoegen te klikken. (Als u alle gebruikers wilt toevoegen, klikt u op Alle toevoegen.) De gebruiker behoort nu tot de gebruikersgroep. Als u de gebruiker wilt verwijderen, gebruikt u de knop Verwijderen (of Alle verwijderen) voor de groep.
240 Dynamische webobjecten toevoegen automatisch aan de gebruikersgroep toegevoegd tijdens het registratieproces. Wanneer u deze optie inschakelt, zijn alle groepen waarvoor is ingesteld dat gebruikers zichzelf kunnen registreren, toegankelijk tijdens het aanmeldingsproces. Groepen waarvoor deze optie niet is ingesteld, zijn niet toegankelijk. 6. Klik op Groep bijwerken en klik vervolgens op Gereed.
Dynamische webobjecten toevoegen 241 het intelligente object Gebruikerslijst waartoe deze behoren. 3. Selecteer de gewenste gebruikersgroep (bijvoorbeeld Toegang fotogalerie) in het dialoogvenster Gebruikersgroepen en klik op OK. Op het tabblad 4. Pagina's beveiligen van de pagina wordt nu aangegeven dat deze pagina met een wachtwoord is beveiligd en dat de gebruikersgroep aan de pagina is toegewezen. 5. Klik op OK en klik nogmaals op OK om de dialoogvensters te sluiten.
242 Dynamische webobjecten toevoegen bezoekers toegang kunnen krijgen tot beveiligde pagina's door zich aan te melden voor de site. Het aanmeldingsvak is in feite een visuele representatie van het intelligente object Gebruikerslijst. Dit object wordt op de pagina geplaatst en bestaat in Serif Web Resources. Plaats het aanmeldingsvak op de stramienpagina van de site. Dan kunnen gebruikers zich bij uw website aanmelden vanaf elke webpagina die op deze stramienpagina is gebaseerd.
Dynamische webobjecten toevoegen 243 U kunt een gebruiker verwijderen of tijdelijk de toegang weigeren als deze de regels niet naleeft (bijvoorbeeld omdat hij lasterlijke berichten heeft gepost in een forum dat openbaar toegankelijk is). De volgende keer dat de gebruiker zich wil aanmelden, wordt in een bericht aangegeven dat zijn/haar account tijdelijk is geblokkeerd.
244 Dynamische webobjecten toevoegen • Voor blogs klikt u op Beheren en selecteert u de desbetreffende groep in de vervolgkeuzelijst Auteursgroep. - of Voor een CMS klikt u op Beheren en stelt u de vereiste machtigingen in nadat een verbinding tot stand is gebracht met www.serifwebresources.com. Hetzelfde menu als hierboven wordt weergegeven.
7 Met tekst werken
246 Met tekst werken
Met tekst werken 247 Tekstbestanden importeren Tekstbestanden vanuit een tekstverwerkingsbestand importeren, is een snelle manier om inhoud voor een site samen te stellen. U kunt echter ook een artikel schrijven met WritePlus. Als u de tekstbestanden voor uw site maakt met uw huidige tekstverwerker, bijvoorbeeld Microsoft Word, kunt u een willekeurig aantal bestanden in één site importeren. Behalve de standaardindeling van de ingebouwde tekstverwerker Studio Write (*.
248 Met tekst werken dat u inhoud van derden in WebPlus kunt hergebruiken zonder over de bijbehorende toepassing te moeten beschikken. WebPlus importeert tekst in een nieuw creatief tekstframe (ondersteunt het verloop van de tekst tussen kaders) of in een geselecteerd HTML- of creatief tekstframe (HTML-frames ondersteunen geen tekstverloop) dat zich al op uw webpagina bevindt. Zie Met tekstframes werken op pagina 249 voor meer informatie.
Met tekst werken 249 cursief, vet en onderstrepen) en alineaopmaak (zoals links of rechts uitlijnen of uitvullen). 5. Klik op Openen. 6. Als u vooraf een tekstframe hebt geselecteerd, wordt de tekst in het bestaande frame geïmporteerd. Hebt u geen frame geselecteerd, dan wordt de tekst in een nieuw tekstframe geplaatst. In het geval van HTML-frames kan tekstoverloop ontstaan. Zie Overvloeiopties voor tekst in HTML-frames op pagina 250 als u dit probleem wilt oplossen.
250 Met tekst werken begrenzingskader aan de rand en aan de grepen in de hoeken en langs de vier randen van het kader. Als u het frame met het selectiegereedschap hebt geselecteerd, verschijnt er bovendien een knipperende cursor in de tekst, de zogeheten invoegpositie. In deze modus kunt u de tekst bewerken met het gereedschap Aanwijzer. (Lees Tekst rechtstreeks op de pagina bewerken op pagina 258 voor meer informatie.) • Als u een tekstframe verplaatst, wordt ook de tekst in het frame verplaatst.
Met tekst werken 251 Zo verwijdert u een tekstframe: • Selecteer het frame en druk op de Del-toets. (Als de invoegpositie zich in de tekst bevindt, worden de tekens rechts van de cursor gewist wanneer u op Del drukt.) Tekst invoeren in een frame U kunt op verschillende manieren tekst toevoegen aan een frame. De tekst wordt automatisch naar HTML-compatibele code geconverteerd. Tekst invoeren via Studio Write: Selecteer een frame en klik in op de optiebalk Frame.
252 Met tekst werken Frame instellen en lay-out Met de framelay-out wordt de indeling van tekst in het frame bepaald. Wanneer het frame is geselecteerd en er waarden voor de marges zijn gedefinieerd, worden de framemarges met grijze stippellijnen aangeduid. Deze hulplijnen bepalen in wezen hoe tekst binnen het frame wordt weergegeven, doordat hiermee een opvulling tussen de tekst en de framerand wordt ingesteld. De tekst wordt niet weergegeven buiten de framemarges.
Met tekst werken 253 In de bovenstaande figuur ziet u dat de aanwijzer verandert wanneer u deze op het begrenzingskader (1) plaatst. Wanneer u naar binnen sleept, kunt u de framemarges aanpassen (2). Wanneer u omlaag sleept, kunt u de bovenste framemarge verplaatsen (3). Om framemarges te kunnen instellen, moet u ervoor zorgen dat het frame is geselecteerd (en niet de frametekst). Het frame moet worden weergegeven als een effen begrenzingskader.
254 Met tekst werken • Als u hier ruimte voor hebt, kunt u het formaat van het tekstframe fysiek wijzigen. Zie Objecten schalen op pagina 302 voor meer informatie. • Overweeg het artikel te herschrijven om de tekst beknopter te maken! • Wijzig het formaat van de tekst, zoals hieronder wordt beschreven. Als u het formaat van frametekst wilt wijzigen nadat het formaat en de positie ervan eenmaal zijn bepaald, kunt u hiervoor diverse gereedschappen op de optiebalk Frame gebruiken.
Met tekst werken 255 volledig in de beschikbare frames past. Tekst vergroten Klik op deze optie als u de tekengrootte van de tekst stapsgewijs wilt vergroten (telkens als u klikt, wordt de tekst ongeveer 2% groter gemaakt). Tekst verkleinen Gebruik deze optie als u de tekengrootte van de tekst stapsgewijs wilt verkleinen. U kunt de tekengrootte van tekst ook automatisch aan de grootte van het frame laten aanpassen door het programma.
256 Met tekst werken tegenstelling tot bij de optie Tekst aanpassen aan frame, waarbij de tekst maar één keer wordt aangepast en het toevoegen van nieuwe tekst ertoe leidt dat de tekst opnieuw niet volledig wordt weergegeven in het frame). Voor Aangepaste frames wordt met de knop Koppelen op het laatste frame van de reeks weergegeven. De knop Automatische overloop wordt weergegeven naast de knop Koppelen.
Met tekst werken 257 3. Stel voordat u begint te typen de eigenschappen van de tekst in (lettertype, stijl, enzovoort) via de optiebalk Tekst, het menu Tekst of het snelmenu (klik met de rechtermuisknop en kies Tekstopmaak). 4. Typ rechtstreeks op de pagina de gewenste tekst. U kunt artistieke tekst op dezelfde manier selecteren, verplaatsen, schalen, verwijderen en kopiëren als een tekstframe nadat u deze aan een pagina hebt toegevoegd.
258 Met tekst werken U kunt ook dubbelklikken om een woord te selecteren. U kunt nu nieuwe tekst invoeren, de teken- en alineaopmaak wijzigen, de tekst bewerken in Studio Write, enzovoort. Tekst langs een pad plaatsen 'Gewone' rechtlijnige artistieke tekst is verre van gewoon, zeker niet als u nog een stapje verder gaat en deze langs een gebogen pad laat vloeien.
Met tekst werken 259 Zo stelt u een vooraf gedefinieerd gebogen pad in voor tekst: 1. Voeg enige artistieke tekst toe aan de pagina. 2. Selecteer de tekst en klik op het vervolgmenu Pad op de optiebalk voor tekst en kies een vooraf gedefinieerd pad. De tekst loopt nu langs het opgegeven pad, bijvoorbeeld voor Pad Bovenkant cirkel. Zo voegt u artistieke tekst toe aan een bestaande lijn of vorm: 1.
260 Met tekst werken 4. Typ enige tekst op de huidige invoegpositie. Let erop dat de tekst automatisch langs de lijn vloeit, die naar een pad is geconverteerd. Zo lijnt u bestaande tekst op een bestaande lijn of vorm uit: 1. Voeg enige artistieke tekst toe aan de pagina. 2. Teken een lijn uit de vrije hand, een rechte lijn, een gebogen lijn of een vorm. 3. Selecteer beide objecten en kies Tekst op pad uitlijnen in het menu Extra. De tekst vloeit nu langs het ingestelde pad.
Met tekst werken 261 3. Typ enige tekst op de huidige invoegpositie. De tekst wordt automatisch langs het pad geplaatst. Zo verwijdert u het pad van padtekst: 1. Selecteer de padtekst. 2. Pad - Geen in het vervolgmenu Klik op de knop Pad op de optiebalk voor tekst. De tekst blijft staan als een artistieke-tekstobject op een rechte lijn. Het pad wordt permanent verwijderd.
262 Met tekst werken Dubbelklik, klik drie keer of klik vier keer als u respectievelijk een volledig woord, een volledige alinea of alle tekst wilt selecteren. U kunt ook de Ctrl-toets ingedrukt houden en klikken of slepen om niet-aaneengesloten woorden te selecteren, en de Shift-toets ingedrukt houden om een tekstfragment te selecteren. Zo bewerkt u tekst rechtstreeks op de pagina: 1.
Met tekst werken 263 Zo laat u tekst in de volgende kolom (kolomeinde) of het volgende frame (frame-einde) overvloeien: • Alleen voor aangepaste frametekst: Druk respectievelijk op Ctrl+Enter of Alt+Enter of kies de items in het submenu Invoegen>Eindemarkering. Zo wisselt u tussen de invoegmodus en overschrijfmodus: • Druk op Invoegen. Zo voert u een bewerking opnieuw uit: • Kies Bewerken > Herhalen of druk op Ctrl+Y. Stel dat u zojuist de opmaak van een alinea hebt gewijzigd.
264 Met tekst werken Tekst kopiëren, plakken en verplaatsen U kunt tekst eenvoudig kopiëren en plakken met behulp van de standaardopdrachten. U kunt tekst ook slepen-en-neerzetten op een andere positie. Als u de invoegpositie niet in bestaande tekst plaatst, kunt u de tekst op het Klembord rechtstreeks in een nieuw tekstframe plakken.
Met tekst werken 265 • Hoe ver de eerste regel inspringt, is afhankelijk van de waarde die u hebt ingesteld om de alinea aan de linkerkant te laten inspringen. • De rechterinspringing wordt ingesteld in verhouding tot de rechtermarge van het object. Zie Frames indelen en instellen op pagina 249 voor meer informatie. Zo laat u de huidige alinea inspringen: • Versleep de overeenkomstige markering(en) op de horizontale liniaal.
266 Met tekst werken • U kunt ook rechtstreeks Unicode-tekens invoegen in een tekst door de overeenkomstige hexadecimale waarde te typen en op Alt+X te drukken. Met deze sneltoets wisselt u tussen het weergegeven teken (bijvoorbeeld @) en de overeenkomstige hexadecimale waarde (bijvoorbeeld U+0040). • Gebruik WritePlus als u tekst in Unicode-indeling wilt exporteren.
Met tekst werken 267 3. Geef in het groepsvak Zoeken in aan of u alleen in de huidige tekst (de tekst die momenteel is geselecteerd) of in alle tekst wilt zoeken. Merk op dat de optie Huidige selectie alleen beschikbaar is voor de functie Alles vervangen. Als u deze optie selecteert, wordt alleen het item dat momenteel is gemarkeerd door de opgegeven tekst vervangen wanneer u op Alles vervangen klikt. (Als deze optie niet is geselecteerd, worden alle gevonden items vervangen wanneer u op de knop klikt.
268 Met tekst werken
8 Tekst opmaken
270 Tekst opmaken
Tekst opmaken 271 Teksteigenschappen instellen In WebPlus kunt u nauwkeurig de gewenste teken- en alineaopmaak instellen voor tekst, ongeacht of u met frametekst, tabeltekst of artistieke tekst werkt. Zo wijzigt u de opmaak van tekst: 1. Selecteer de tekst. 2. Gebruik de knoppen op de optiebalk voor tekst om de tekenstijl, het lettertype, de tekengrootte, de kenmerken, de alinea-uitlijning of het niveau te wijzigen.
272 Tekst opmaken In WebPlus kunt u eenvoudig een ander lettertype instellen voor tekst. U kunt hiertoe naar behoeven het tabblad Lettertypen, de optiebalk voor tekst of het dialoogvenster Teken gebruiken (door met de rechtermuisknop te klikken of vanuit het menu Tekst).
Tekst opmaken 273 Mogelijk is het tabblad Lettertypen samengevouwen aan de linkerkant van de werkomgeving. In dat geval klikt u op de pijlknop om het tabblad uit te vouwen. Mogelijk moet u op het label Lettertypen klikken om het tabblad Lettertypen weer te geven. Let erop dat boven aan het tabblad een lijst met webveilige lettertypen wordt weergegeven.
274 Tekst opmaken Ook via het tabblad Tekststijlen kunt u geheel nieuwe stijlen maken, benoemde stijlen maken op basis van bestaande teksteigenschappen en met één bewerking een stijl vervangen door een andere stijl op de hele website. U kunt direct op de pagina zien wat het effect is van een stijl op elke gewenste geselecteerde alinea. Raadpleeg de Help van WebPlus voor meer informatie over deze functies.
Tekst opmaken 275 2. Geef het tabblad Tekststijlen weer en selecteer een stijl in de lijst. - of Klik op de optiebalk voor tekst op de pijl om de vervolgkeuzelijst Stijlen uit te vouwen en selecteer de naam van een stijl. Op het tabblad Tekststijlen wordt de teken- of alineastijl gemarkeerd die is toegepast op de geselecteerde tekst.
276 Tekst opmaken U kunt ook de opdracht Tekststijlenpalet... kiezen in het menu Tekst om stijlen aan te passen en de standaardwaarden van tekst te wijzigen (zie pagina 312). Zo verwijdert u een of meer tekststijlen: • Klik met de rechtermuisknop op een tekststijl en selecteer verwijderen.... • Klik in het dialoogvenster op Verwijderen. Als u meerdere stijlen wilt verwijderen, selecteert u eerst de gewenste stijlnamen.
Tekst opmaken 277 3. Klik op het berichtlabel. Tekst die met de gekozen stijl is opgemaakt, is gemarkeerd. 4. Wijs stijlnamen aan in uw lijst met stijlen. Klik op een gekozen stijl om deze toe te passen op de geselecteerde tekst. Een lijst met opsommingstekens of een genummerde lijst maken U kunt in tekstframes eenvoudig opsommingstekens en nummering toepassen op lijsten en alinea's. Opsommingstekens zijn vooral handig voor lijsten waarin de elementen niet in een specifieke volgorde staan.
278 Tekst opmaken Zo maakt u een eenvoudige lijst met opsommingstekens of een genummerde lijst: 1. Selecteer een of meer alinea's. - of Klik in de tekst van een alinea. 2. Selecteer Lijst met opsommingstekens of Genummerde lijst op de optiebalk Tekst. De lijstopmaak die wordt gebruikt, is de eerste vooraf ingestelde lijst die wordt weergegeven in het dialoogvenster Opsommingstekens en nummering dat hierna wordt beschreven. Zo maakt u een aangepaste genummerde lijst of lijst met opsommingstekens: 1.
Tekst opmaken 279 • 4. Selecteer een vooraf gedefinieerde stijl en klik op Details om de opties aan te passen voor een aangepaste lijst. Klik op OK om de lijstopmaak toe te passen. Elke keer dat als u op Enter drukt, wordt een nieuwe regel begonnen met het opgegeven symbool of cijfer. Druk twee keer na elkaar op Enter als u voor weer de standaardalineaopmaak wilt gebruiken in plaats van de lijst met opsommingstekens of nummering voort te zetten.
280 Tekst opmaken U kunt dit dialoogvenster Gebruikersgegevens ook gebruiken om algemene en sitespecifieke variabelen te definiëren die u wilt gebruiken op respectievelijk alle WebPlus-sites of alleen de huidige site. (Zie Variabelen invoegen op pagina 278.) Zo controleert of wijzigt u uw persoonlijke gegevens: 1. Klik op Persoonlijke gegevens instellen op de optiebalk Standaard (hef eerst de selectie van objecten op). 2.
Tekst opmaken 281 2. Kies Informatie in het menu Invoegen en selecteer Persoonlijke gegevens... in het submenu. 3. Selecteer een element in de Gebruikersgegevens en optioneel een tekstvoorvoegsel of -achtervoegsel (Suffix) dat u bij uw gebruikersgegevens wilt opnemen, bijvoorbeeld Naam:. 4. Klik op OK. Voor bestaande sites kunnen de velden (wanneer ze zijn bewerkt) met een klik van een knop worden bijgewerkt.
282 Tekst opmaken 3. Voer informatie in het dialoogvenster Gebruikersgegevens in en klik op Bijwerken. Wanneer u een zakelijke set hebt gemaakt en op uw site hebt toegepast, worden de instellingen samen met de site opgeslagen. Met zakelijke sets kunt u verschillende gebruikersgegevens opslaan voor elke website die u maakt. Zo schakelt u over naar een andere zakelijke set: • Selecteer een andere set in de vervolgkeuzelijst Set selecteren en klik op Bijwerken.
Tekst opmaken 283 De variabele kan alleen binnen de site worden opgeslagen of globaal worden gemaakt voor andere sites. De laatste mogelijkheid is een goede keuze voor productnamen, omdat die waarschijnlijk globaal in een bedrijfsomgeving worden gebruikt. Zo kunt u variabelen toevoegen, bewerken of verwijderen: 1. Klik op Persoonlijke gegevens instellen op de standaardoptiebalk (hef eerst de selectie van objecten op). 2.
284 Tekst opmaken Als u hebt bepaald welke variabelen u wilt gebruiken, kunt u variabelen invoegen als velden in plaats van ¨statische¨ tekst. U kunt variabelen alleen gebruiken als ze op uw site zijn ingevoegd. Zo voegt u een variabel veld in: 1. Klik in de tekst op de positie waar u de kruisverwijzing wilt plaatsen (of selecteer tekst). 2. Kies Informatie in het menu Invoegen en selecteer Variabele... in het submenu. 3.
9 Werken met tabellen
286 Werken met tabellen
Werken met tabellen 287 Teksttabellen maken Tabellen zijn ideaal als u tekst en gegevens in rijen en kolommen wilt indelen, die u achteraf zo nodig eenvoudig kunt aanpassen. Hierbij kunt u gebruikmaken van talrijke ingebouwde spreadsheetfuncties. Elke tabelcel gedraagt zich als een soort miniframe.
288 Werken met tabellen Tabellen maken WebPlus bevat verschillende vooraf gedefinieerde tabelindelingen (sjablonen) die u kunt gebruiken. U hoeft een tabel dus niet volledig zelf te ontwerpen. Het enige wat u hoeft te doen, is de gewenste 'sjabloon' kiezen en vervolgens de vereiste gegevens aan de tabel toevoegen.
Werken met tabellen 289 opmaakprofiel als u een eenvoudige niet-opgemaakte tabel wilt invoegen. 4. (Optioneel) Klik op Bewerken als u de gekozen indeling verder wilt aanpassen. 5. Stel in het vak Grootte van tabel het gewenste aantal rijen en kolommen in voor de tabel. 6. Klik op OK. De nieuwe tabel verschijnt op de pagina. Zie Tabellen bewerken in de Help bij WebPlus voor informatie over het wijzigen van de structuur en celinhoud van tabellen.
290 Werken met tabellen Zo voegt u een kalender toe: 1. Klik op het vervolgmenu Tabel op de werkbalk Standaardobjecten en kies Kalender invoegen. 2. Klik nogmaals op de pagina of sleep om de gewenste grootte van de kalender aan te geven. 3. Geef met behulp van de weergegeven wizard Kalender de opties voor uw kalender op.
Werken met tabellen 291 2. Ga naar het gewenste tabblad (Datum, Stijl, Gebeurtenissen, enzovoort) en breng uw wijziging aan. Druk vervolgens op OK. Door met de rechtermuisknop (als de optie Kalender is geselecteerd) te klikken, kunt u ook rijen of kolommen selecteren, invoegen, distribueren of verwijderen. U kunt de breedte en hoogte van rijen en kolommen aanpassen of deze automatisch aanpassen aan de inhoud van de cellen. Let er echter op dat u de tabelopmaak niet verstoort.
292 Werken met tabellen 3. Activeer de optie Officiële feestdagen tonen. Persoonlijke gebeurtenissen toevoegen Behalve officiële feestdagen (zoals Pasen) kunt u ook persoonlijke gebeurtenissen (verjaardagen, afspraken, rekeningen, enzovoort) toevoegen. Om dergelijke gebeurtenissen in te stellen, klikt u op de knop Kalendergebeurtenissen op de optiebalk voor een geselecteerde kalender. De ingestelde gebeurtenissen worden automatisch onder de opgegeven kalenderdatum weergegeven nadat u ze hebt toegevoegd.
Werken met tabellen 293 8. Klik op OK. De gebeurtenis wordt weergegeven in de lijst met gebeurtenissen onder de gekozen datum. 9. Klik op de knop Opslaan wanneer u alle gebeurtenissen hebt toegevoegd. Gebruik de knoppen Gebeurtenis bewerken of Gebeurtenis verwijderen als u een bestaande gebeurtenis wilt wijzigen of verwijderen.
294 Werken met tabellen
10 Objecten bewerken
296 Objecten bewerken
Objecten bewerken 297 Een object selecteren Voordat u een object kunt wijzigen, moet u het object eerst selecteren met een van gereedschappen in het vervolgmenu Selectie van de werkbalk Gereedschappen. Selectiegereedschap Klik op dit gereedschap als u het Selectiegereedschap wilt gebruiken om objecten te selecteren, verplaatsen, kopiëren, schalen of roteren. Lassogereedschap Klik op dit gereedschap als u het Lassogereedschap wilt gebruiken om een gebied uit vrije hand te tekenen om objecten te selecteren.
298 Objecten bewerken Zo selecteert u een object: • Klik op het object met een van de bovenstaande gereedschappen om een begrenzingskader rond het object weer te geven. Als items elkaar overlappen, houdt u de Alt-toets ingedrukt en klikt u vervolgens meerdere keren totdat het gewenste item is geselecteerd. Zo selecteert u een object met het gereedschap Lasso: Lassogereedschap. 1. Selecteer het 2. Teken een 'lasso' rond de objecten die u wilt selecteren.
Objecten bewerken 299 3. Laat de muisknop los. Alle objecten in het lassogebied worden geselecteerd. Zo selecteert u een tekstobject met het selectiegereedschap: • Als u met het selectiegereedschap op een tekstobject (artistieke tekst of tekstframe) klikt, wordt het object geselecteerd en verschijnt er tegelijkertijd een knipperende cursor in de tekst. In deze modus kunt u de tekst bewerken (zie pagina 258).
300 Objecten bewerken 3. Selecteer het object. U kunt de toetsen Ctrl en Shift ingedrukt houden en klikken om respectievelijk meerdere afzonderlijke, nietaangrenzende objecten of een reeks aangrenzende objecten te selecteren. Meerdere objecten selecteren Door meerdere objecten tegelijk te selecteren (een meervoudige selectie te maken), kunt u: • Alle objecten tegelijkertijd verplaatsen of schalen. • Een groepsobject maken, zodat u de objecten als één object kunt bewerken.
Objecten bewerken 301 Het object dat u als laatste selecteert, wordt weergegeven met een begrenzingskader dat donkerder is dan het kader van de andere objecten die u hebt geselecteerd. Zo voegt u objecten toe aan een meervoudige selectie of verwijdert u objecten uit de selectie: • Houd de Shift-toets ingedrukt en klik op de objecten die u aan de selectie wilt toevoegen of uit de selectie wilt verwijderen.
302 Objecten bewerken Zo kopieert u een of meer objecten naar het Klembord van Windows: • Klik op Kopiëren op de werkbalk Standaard. Als u een andere Windows-toepassing gebruikt, kunt u objecten meestal kopiëren en plakken via het Klembord. Zo plakt u een object vanaf het Klembord: • Klik op Plakken op de werkbalk Standaard. Standaard wordt een object op de huidige invoegpositie of (bij een afzonderlijk object) in het midden van de pagina ingevoegd als u de opdracht Plakken gebruikt.
Objecten bewerken 303 Objecten dupliceren Bij het kopiëren van een object wordt er steeds maar één kopie tegelijk gemaakt. Met de opdracht Dupliceren kunt u in één handeling meerdere kopieën maken van een object. Hierbij kunt u nauwkeurig de positie van de afzonderlijke kopieën bepalen (lineair of in de vorm van een raster). Bovendien kunt u een of meer transformaties uitvoeren en zo een matrix van geroteerde en/of geschaalde objecten maken.
304 Objecten bewerken 4. Stel de afstand tussen de objecten in als Afstand (gemeten tussen de linkerbovenhoeken van opeenvolgende objecten) of als Tussenruimte (tussen de hoeken rechtsonder en linksboven). U kunt een horizontale en/of verticale afstand en/of een rotatie opgeven. Schakel het selectievakje Absoluut in als u een specifiek horizontaal of verticaal interval wilt instellen.
Objecten bewerken 305 Gebruik het tabblad Transformeren als u de exacte horizontale en verticale positie van een object wilt instellen. Zo beperkt u de beweging van een object tot een horizontale of verticale beweging: • Selecteer het object en gebruik de pijltoetsen op het toetsenbord (omhoog, omlaag, links, rechts). Objecten schalen U kunt in WebPlus op verschillende manieren lijnen, vormen, artistieke tekst, tekstframes en tabellen schalen.
306 Objecten bewerken Als u de greep op een rand sleept, verplaatst u de rand en wordt het object in één richting geschaald. Als u een greep op een van de hoeken van het object sleept, worden er twee randen verplaatst en wordt het object in twee richtingen geschaald. Zo kunt u een object vrij schalen: • Sleep een greep op een hoek (of op het uiteinde van een lijn).
Objecten bewerken 307 Objecten roteren Met de rotatiehandgreep van een object of het gereedschap Roteren kunt u afzonderlijke of meerdere objecten (met inbegrip van afbeeldingen, tekstobjecten en gegroepeerde objecten) roteren. Zo roteert u een geselecteerd object (met de rotatiehandgreep): • Klik op de rotatiehandgreep die uit het selectievak steekt en versleep deze (houd tijdens het slepen de Shift-toets ingedrukt om te roteren in stappen van 15°).
308 Objecten bewerken Zo maakt u rotatie ongedaan (en herstelt u de oorspronkelijke oriëntatie): • Dubbelklik op het object. • Dubbelklik nog een keer om het object weer te roteren. Zo stelt u het punt in waarrond u een object wilt roteren: Roteren en klik op het 1. Selecteer het gereedschap object om het te selecteren. 2. Verplaats de oorsprong voor de rotatie vanuit de oorspronkelijke positie in het midden van het object naar een andere positie op de pagina.
Objecten bewerken 309 objecten op twee manieren bijsnijden: regelmatig of onregelmatig. regelmatig bijsnijden onregelmatig bijsnijden U kunt meerdere objecten ook combineren om een samengesteld object te maken dat een of meer 'gaten' bevat op de posities waarop de vulkleuren van de afzonderlijke objecten elkaar overlappen. Dit is handig voor het maken van masker- of stencileffecten. Zo snijdt u een object bij zonder dat de oorspronkelijke verhouding verandert: 1.
310 Objecten bewerken Zo snijdt u een object bij door de contouren ervan aan te passen: • Selecteer het object en selecteer vervolgens het gereedschap Onregelmatig bijsnijden in het vervolgmenu Effecten van de werkbalk gereedschappen. De optiebalk Curve verschijnt, waarmee u de weergegeven nodes en segmenten die de contouren van het object definiëren, naar wens kunt aanpassen. Zie Lijnen bewerken op pagina 386.
Objecten bewerken 311 Zo heft u het bijsnijden op (zodat het object weer volledig zichtbaar is): • Klik op de knop Bijsnijden opheffen op de optiebalk Bijsnijden. Bijsnijden tot een vorm Als u de opdracht Bijsnijden tot vorm wilt gebruiken, moet u exact twee objecten selecteren. Hierbij mag een van beide objecten (of beide objecten) een gegroepeerd object zijn.
312 Objecten bewerken Lijnen en vormen samenvoegen Met de opdracht Curven samenvoegen kunt u eenvoudig een samengesteld object maken van twee of meer lijnen of getekende vormen. Ook hier weer wordt het onderliggende object automatisch tot de contouren van het bovenliggende object bijgesneden (zie de uitleg voor de opdracht Bijsnijden tot vorm). In dit geval ontstaan hierbij echter een of meer 'gaten' op de plaats waar de afzonderlijke objecten elkaar voorheen overlapten.
Objecten bewerken 313 Zo voegt u twee of meer lijnen of vormen samen: 1. Teken de lijnen of AutoVormen. 2. Plaats het knipselobject vóór het object dat u wilt uitsnijden via het menu Schikken en/of de werkbalk Schikken. 3. Selecteer elk object en kies Extra > Naar curven converteren. 4. Selecteer beide objecten 5. Kies Curven samenvoegen in het menu Schikken.
314 Objecten bewerken Toevoegen Hiermee maakt u een nieuw object dat de som is van de geselecteerde twee objecten. De objecten hoeven elkaar niet te overlappen Aftrekken Hiermee verwijdert u de overlappende delen van het boven- en onderliggende object. Het onderliggende object wordt ook verwijderd. Dit is een handige manier om vormen en afbeeldingen bij te snijden met een ander object. Zorg dat de objecten elkaar overlappen.
Objecten bewerken 315 Uitsluiten Hiermee maakt u een samengesteld object van twee of meer geselecteerde objecten met een transparant 'gat' waar de objecten elkaar voorheen overlapten. Standaardwaarden bijwerken en opslaan De standaardwaarden voor objecten zijn de opgeslagen instellingen die WebPlus toepast op nieuwe objecten, zoals: • lijnen en vormen (lijn- en vulkleur, schakering, patroon, transparantie enz.
316 Objecten bewerken Deze standaardinstellingen zijn altijd lokaal. Alle wijzigingen die u in de standaardinstellingen aanbrengt, zijn met andere woorden altijd van toepassing op de huidige site en worden automatisch samen met het projectbestand opgeslagen, zodat ze de volgende keer dat u de site opent opnieuw van toepassing zijn. U kunt de huidige standaardinstellingen echter op elk gewenst moment als globale instellingen opslaan met de opdracht Als standaardwaarden opslaan.
Objecten bewerken 317 Zo controleert of wijzigt u de standaardeigenschappen van tekst: 1. Kies Tekststijlenpalet... in het menu Tekst. 2. Klik op het plusteken voor Tekst zonder opmaak in de lijst met beschikbare opmaakprofielen aan de linkerkant om de lijst uit te vouwen en kies het type tekst waarvan u de standaardeigenschappen wilt controleren of wijzigen (bijvoorbeeld Artistieke tekst). 3. Klik op Bewerken om de huidige instellingen voor het geselecteerde type tekst weer te geven. 4.
318 Objecten bewerken • 3. Opmaak van tabellen en kalenders: hiermee slaat u de aangepaste opmaak die u hebt gedefinieerd voor tabellen en kalenders als globale instellingen op. Klik op Opslaan om te bevestigen dat u de geselecteerde instellingen wilt gebruiken voor alle nieuwe sites die u met het programma maakt.
11 Objecten schikken
320 Objecten schikken
Objecten schikken 321 Volgorde van objecten wijzigen De objecten die u maakt, worden gestapeld in de volgorde waarin u ze maakt, waarbij elk nieuw object boven op de andere objecten wordt geplaatst. U kunt de volgorde waarin de objecten zijn gestapeld echter op elk gewenst moment wijzigen om te bepalen hoe de objecten worden weergegeven op de pagina. Zo plaatst u een object één niveau naar voren of achteren: • Klik op Naar voren of werkbalk Schikken.
322 Objecten schikken klikken om respectievelijk meerdere afzonderlijke, nietaangrenzende objecten of een reeks aangrenzende objecten te selecteren. De objecten die bovenaan in de lijst staan, bevinden zich ook bovenaan in de stapelvolgorde. Objecten uitlijnen en spatiëren U kunt een groep objecten selecteren en vervolgens in één handeling de boven-, onder-, linker- of rechterranden ervan op elkaar uitlijnen.
Objecten schikken 323 Zo spreidt u twee of meer objecten over een selectie: • Kies Gelijkmatig spreiden of Verticaal spreiden als u de geselecteerde objecten (horizontaal respectievelijk verticaal) gelijkmatig wilt spreiden tussen de uiterste objecten in de huidige selectie. (Activeer het selectievakje Spreiden en stel een waarde in via het bijbehorende kringveld als u een specifieke afstand wilt instellen tussen de afzonderlijke objecten.
324 Objecten schikken Een vorm die aan artistieke tekst zoals een titel is gekoppeld • Een afbeelding in een tekstframe Inline plaatsen als teken: het gekoppelde object wordt als teken in de tekst geplaatst en verticaal uitgelijnd in verhouding tot de tekst die het object omgeeft.
Objecten schikken 325 2. Selecteer Aan tekst koppelen... in het menu Schikken. 3. Kies een optie voor de positie in het dialoogvenster: Voor een zwevend object doet u het volgende: 1. Selecteer Zwevend boven tekst (de standaardinstelling). 2. Geef bij Positie bij tekst aan waar u het object wilt plaatsen in verhouding tot de artistieke tekst of frametekst. Selecteer de optie Links of Rechts of kies Inspringen met en stel het gewenste aantal pixels in voor inspringen vanaf de linkerkant. 3.
326 Objecten schikken 3. (Optioneel) Stel de waarde voor Afstand in om het percentage te bepalen waarmee u het object verticaal wilt verschuiven ten opzichte van de hoogte. 4. (Optioneel) Schakel het selectievakje Schalen tot in als u het object een specifiek percentage wilt schalen in verhouding tot de tekengrootte van de aangrenzende tekst. Hiermee zorgt u ervoor dat de grootte van de afbeelding in verhouding blijft met de tekengrootte van de tekst als u de tekengrootte van de tekst later wijzigt.
Objecten schikken 327 Als u de positie van een koppelpunt wilt wijzigen, sleept u dit naar de gewenste positie in het tekstframe. Als u het koppelpunt buiten de artistieke tekst of het tekstframe sleept, wordt het object losgekoppeld van de tekst. U kunt het koppelpunt ook loskoppelen via het dialoogvenster Eigenschappen van gekoppeld object. Zo koppelt u een gekoppeld object los: • Schakel de optie Losmaken van tekst in het dialoogvenster Eigenschappen van gekoppeld object in.
328 Objecten schikken Als u op een willekeurig lid van een groep klikt, wordt het hele groepsobject geselecteerd. Over het algemeen heeft elke bewerking die u uitvoert op een geselecteerde groep, invloed op elk lid van die groep. De objecten die samen een groep vormen, blijven intact en u kunt ook afzonderlijke objecten selecteren en bewerken in een groep. Zo selecteert u een afzonderlijk object in een groep: • Houd de Ctrl-toets ingedrukt en klik op het object.
12 Afbeeldingen, animatie en multimedia .
330 Afbeeldingen, animatie en multimedia
Afbeeldingen, animatie en multimedia 331 Afbeeldingskaders toevoegen Een afbeeldingskader is een container waarin uw afbeelding wordt geplaatst, net zoals fotolijsten op de muur thuis. In WebPlus kunt u twee typen afbeeldingskaders gebruiken, namelijk: • ingelijste afbeeldingskaders selecteren via het tabblad Galerie. - of - • afbeeldingskaders zonder lijst via de werkbalk Gereedschappen.
332 Afbeeldingen, animatie en multimedia Wanneer u een afbeeldingskader selecteert dat een afbeelding bevat, verschijnt vlak onder het kader automatisch een werkbalk Afbeeldingskader die diverse knoppen bevat. Via deze werkbalkknoppen kunt u de afbeelding verplaatsen in het kader, deze in stappen van negentig graden tegen de wijzers van de klok in roteren, in- en uitzoomen op de afbeelding, of de afbeelding door een andere afbeelding vervangen. Zo voegt u een ingelijst afbeeldingskader toe: 1.
Afbeeldingen, animatie en multimedia 333 bepaalt de aanvankelijke grootte en positie van het afbeeldingskader. 3. Klik met de muis op de positie waar u het afbeeldingskader wilt invoegen als u de standaardafmetingen wilt gebruiken voor het kader. - of Klik en sleep op de pagina als u aangepaste afmetingen wilt instellen voor het afbeeldingskader. Zo voegt u een afbeelding aan een afbeeldingskader toe: • Sleep de gewenste afbeelding naar het kader vanuit het huidige album in de mediabalk.
334 Afbeeldingen, animatie en multimedia • Ingesloten afbeeldingen worden onderdeel van de WebPlus-site, terwijl met een koppeling een referentieexemplaar van de afbeelding op de pagina wordt geplaatst en een verbinding met het oorspronkelijke bestand wordt onderhouden. Elke methode heeft zo zijn voor- en nadelen (zie Insluiten versus koppelen op pagina 335). Met WebPlus kunt u een afbeelding in de oorspronkelijke afmetingen op de pagina plaatsen. De afbeelding wordt standaard niet bijgesneden.
Afbeeldingen, animatie en multimedia 335 4. Selecteer Afbeelding insluiten of Afbeelding koppelen. Zie Insluiten versus koppelen op pagina 335. 5. Klik op Openen. • Als er een invoegpositie in het hoofdvenster knippert, wordt de afbeelding op de plaats van de invoegpositie in de tekst geplaatst. • Als u een afbeelding hebt geopend via de QuickBuilderbalk, wordt de afbeelding automatisch op de pagina weergegeven. • Anders verandert de muisaanwijzer in Afbeelding plakken.
336 Afbeeldingen, animatie en multimedia Afbeeldingen vervangen Met de optie om afbeeldingen te vervangen, kunt u een afbeelding op elk moment vervangen. Dit is met name handig als u de positie en afmetingen van de afbeelding op de pagina wilt behouden maar de afbeelding zelf wilt bijwerken. U kunt elke afbeelding (al dan niet bijgesneden) vervangen. Zo vervangt u een afbeelding: • Klik op de knop Afbeelding vervangen direct onder de geselecteerde afbeelding, zoek en selecteer een afbeelding.
Afbeeldingen, animatie en multimedia 337 • Als u een bijgesneden afbeelding in het kader wilt verplaatsen, klikt u op , klikt u op de afbeelding en sleept u deze naar de juiste positie. • Als u een afbeelding 90° linksom wilt draaien, klikt u op de knop • . Als u op een afbeelding wilt in- of uitzoomen, klikt u op een van de gereedschappen uitzoomen. • voor in- of Als u een afbeelding wilt vervangen, klikt u op bladert u naar de nieuwe afbeelding en klikt u op Openen.
338 Afbeeldingen, animatie en multimedia Als u een afbeelding selecteert die niet is bijgesneden, is alleen de knop Afbeelding vervangen beschikbaar. Insluiten versus koppelen Insluiten betekent dat de afbeelding in WebPlus nu is gescheiden van het oorspronkelijke bestand. Insluiten resulteert in een groter WebPlus-bestand, en als u een ingesloten afbeelding moet wijzigen, moet u de afbeelding na de bewerking opnieuw importeren.
Afbeeldingen, animatie en multimedia 339 handig hulpmiddel van waaruit u nieuwe foto's direct naar ongewenste foto's kunt slepen om deze te vervangen. U kunt de mediabalk als een soort tijdelijke opslagruimte voor uw foto's gebruiken voordat u deze aan uw website toevoegt. U kunt de mediabalk ook gebruiken om meer permanente fotoalbums te maken waaruit u later op elk gewenst moment foto's kunt ophalen. Standaard worden de geselecteerde foto's aan een tijdelijk album toegevoegd.
340 Afbeeldingen, animatie en multimedia Het album dat u hebt geladen, blijft altijd zichtbaar op de mediabalk, ongeacht de website die u opent. U kunt een miniatuur rechtstreeks van de mediabalk naar een bestaande foto op uw pagina slepen om de bestaande foto te vervangen. U kunt ook een foto als een nieuwe foto toevoegen, waarbij deze in zijn oorspronkelijke formaat op de pagina wordt geplaatst.
Afbeeldingen, animatie en multimedia 341 Zo slaat u een tijdelijk album op: 1. Klik op de pijl-omlaag van de knop Toevoegen aan. Selecteer Nieuw album in het menu. 2. Typ in het dialoogvenster Nieuw album in het vak Naam van album een naam voor het nieuwe album. 3. (Optioneel) U kunt voor elke foto de OLE-status (invoegen of koppelen) wijzigen voordat u de foto op de pagina plaatst. Klik daartoe op OLE-instelling en gebruik de vervolgkeuzelijst van de instelling om de status te wijzigen.
342 Afbeeldingen, animatie en multimedia of koppelen door te klikken op de instelling van elke foto en vervolgens de gewenste optie te selecteren. 6. Als u een foto wilt verwijderen, selecteert u de foto en klikt u op de knop 7. Afbeelding verwijderen. Klik op OK. Zo opent u een opgeslagen album: • Selecteer de naam van een opgeslagen album in het vervolgmenu rechtsboven op de balk. De foto's in het album worden in de mediabalkwerkruimte weergegeven.
Afbeeldingen, animatie en multimedia 343 Foto's toevoegen aan de pagina Zo voegt u een foto toe aan een pagina: 1. Geef het tijdelijke album van de mediabalk weer of open een opgeslagen album via het vervolgmenu rechtsboven. 2. Sleep de miniatuur van een foto in het album naar de pagina en laat de muisknop los.
344 Afbeeldingen, animatie en multimedia deze regel maken door op te geven dat bepaalde afbeeldingstypen dezelfde indeling als het oorspronkelijk bestand blijven behouden. PNG is aanvankelijk de standaardindeling, maar u kunt deze indeling ook wijzigen in de GIF- en JPEG-indeling. Dat is de reden waarom met de bovenstaande begininstellingen, PNGafbeeldingen niet worden gewijzigd terwijl alle andere afbeeldingen worden geconverteerd naar PNG's.
Afbeeldingen, animatie en multimedia 345 PNG-transparantie gebruiken en PNG-alfatransparantie op de juiste manier renderen (in Internet Explorer 5.5 en 6.0). 3. Kies in de sectie Herbemonsteren een methode voor het herbemonsteren van afbeeldingen met een willekeurige indeling voor Beste kwaliteit, Goede kwaliteit, Verscherpen of Vloeiender maken. Hoe hoger de kwaliteit, hoe langzamer het importproces verloopt.
346 Afbeeldingen, animatie en multimedia 7. Stel in de sectie Afbeeldingen met hyperlink een beperkende maximumbreedte of -hoogte in wanneer u afbeeldingen exporteert. U voorkomt hiermee dat afbeeldingen op een onnodig groot eigen formaat worden weergegeven. Dit is een handige optie wanneer u een hyperlink naar een grotere afbeelding maakt.
Afbeeldingen, animatie en multimedia 347 waaronder ook AutoVormen en gesloten vormen, worden gepubliceerd als PNG-bestanden. Bekijk vervolgens een voorbeeld van uw site en bepaal of u de globale instellingen wilt aanpassen of een andere uitvoerindeling voor specifieke afbeeldingen wilt uitproberen.
348 Afbeeldingen, animatie en multimedia • Opslaan met deze indeling en een naam die is gekozen door WebPlus. Klik op het keuzerondje voor GIF, JPEG of PNG om de exportindeling voor de huidige afbeelding op te geven. Schakel Standaardinstellingen voor site gebruiken in als de standaardindeling van de site moet blijven behouden, maar namen automatisch door WebPlus moeten worden gegenereerd. Als u JPEG selecteert, kies dan een compressiekwaliteit in de vervolgkeuzelijst Compressie.
Afbeeldingen, animatie en multimedia 349 herbemonsteren kan de kwaliteit worden gebruikt die in Eigenschappen van site zijn gedefinieerd (hiervoor) of een kwaliteit (Beste kwaliteit, Goede kwaliteit, Verscherpen of Vloeiender maken) die kenmerkend is voor de afbeelding. 6. Als u een titel voor een afbeelding wilt opgeven, opent u het tabblad ALT-tekst en TITLE-tekst en voert u de juiste tekst in.
350 Afbeeldingen, animatie en multimedia TWAIN-afbeeldingen importeren Als uw scanner of digitale camera TWAIN ondersteunt, kunt u afbeeldingen en foto's rechtstreeks met de TWAIN-standaard naar WebPlus scannen of de gescande afbeelding eerst opslaan en deze vervolgens in WebPlus importeren. Zo configureert u het TWAIN-apparaat dat u wilt gebruiken om afbeeldingen te importeren: • Raadpleeg de documentatie die bij uw scanner of digitale camera werd geleverd.
Afbeeldingen, animatie en multimedia 351 worden direct toegepast, zodat u deze meteen kunt bekijken. Fotolab bevat de volgende belangrijkste functies: • Aanpassingsfilters U kunt filters toepassen voor toonbereik, kleur, lens en verscherping. • Effectenfilters U kunt effecten voor vervorming, vervaging, ruis, renderen, artistieke en stylistische effecten en diverse andere effecten toepassen.
352 Afbeeldingen, animatie en multimedia • Filters vergrendelen Vergrendel de toegepaste filters om te voorkomen dat u deze per ongeluk wijzigt en pas ze vervolgens eventueel toe op andere afbeeldingen. Het programmavenster van Fotolab is bijzonder overzichtelijk ingedeeld. Links van de centrale werkomgeving vindt u de filtertabs, van waaruit de diverse filters en effecten toegankelijk zijn die u op uw foto's kunt toepassen.
Afbeeldingen, animatie en multimedia 353 Zo start u Fotolab: 1. Selecteer de foto waarop u een filter wilt toepassen in het hoofdprogramma. 2. Klik op FotoLab op de afbeeldingsoptiebalk. Het tabblad Afbeeldingen gebruiken De beschikbare afbeeldingen in op uw website worden weergegeven op het tabblad Afbeeldingen (boven) als het tabblad is uitgevouwen. Dit tabblad wordt standaard weergegeven, maar kan worden verborgen door op de knop te klikken onder aan de werkruimte. Naar siteafbeeldingen zoeken: 1.
354 Afbeeldingen, animatie en multimedia Een filter toepassen Links in het programmavenster vindt u de tabbladen Favorieten, Aanpassingen en Effecten, waarop de verschillende soorten filters die u kunt toepassen overzichtelijk zijn ingedeeld in categorieën (zoals de categorie Eenvoudige correcties, die een aantal filters bevat waarmee u snel veelvoorkomende tekortkomingen kunt verhelpen in foto's). Het tabblad Favorieten bevat een aantal veelgebruikte filters (afzonderlijke en gecombineerde filters).
Afbeeldingen, animatie en multimedia 355 Als u een nieuw filter selecteert, wordt het huidige filter altijd door het nieuwe filter vervangen. U kunt een willekeurig filter op elk gewenst moment tijdelijk uitschakelen, opnieuw de beginwaarden ervoor instellen of het filter uit de testzone verwijderen. Een filter uitschakelen: Klik op en klik vervolgens op om het filter opnieuw in te schakelen. De standaardwaarden herstellen: Klik op . Hiermee stelt u opnieuw de standaardwaarden in voor het filter.
356 Afbeeldingen, animatie en multimedia Foto's bewerken of retoucheren Op de hoofdwerkbalk van Fotolab vindt u enkele handige gereedschappen om foto's te bewerken en te retoucheren. Het gaat hierbij om veelgebruikte gereedschappen om tekortkomingen in foto's te verhelpen voordat u allerlei kleurcorrecties doorvoert en/of effecten op uw foto's toepast.
Afbeeldingen, animatie en multimedia 357 3. Pas zo nodig de instellingen voor het gereedschap aan. Wijzig bijvoorbeeld de penseelgrootte, naargelang u grotere of kleinere gebieden wilt selecteren met het penseel. Kies Beschermen in plaats van Selecteren in de vervolgkeuzelijst Modus als u gebieden wilt beveiligen waarop het masker niet mag worden toegepast (dat wil zeggen de tegenovergestelde functie van de optie Gebieden toevoegen). 4.
358 Afbeeldingen, animatie en multimedia Favorieten opslaan Als u een specifieke filterinstelling (of combinatie van filters) voor toekomstig gebruik wilt bewaren, kunt deze opslaan als favoriet. Fotolab voegt uw favoriete filters automatisch aan het tabblad Favorieten toe. U kunt zelfs uw eigen categorieën maken (bijvoorbeeld Mijn favorieten) als u dat wilt op het tabblad.
Afbeeldingen, animatie en multimedia 359 omgeven, of door een achtergrond die uit compleXEkleuren of kleurschakeringen bestaat, kunt u beter dit gebied selecteren en behouden. Wordt het gebied dat u wilt uitknippen door een eenvoudige achtergrond of een achtergrond met een effen kleur omgeven (bijvoorbeeld lucht of een studioachtergrond), dan kunt u beter de achtergrond selecteren en verwijderen. In beide gevallen ontstaat een 'uitgeknipte' afbeelding waarmee u uw site een unieke uitstraling kunt uitgeven.
360 Afbeeldingen, animatie en multimedia uitvoerformaat u het beste kiest, hangt af van de afbeelding, met name van hoe goed de randen van de afbeelding zijn gedefinieerd. Zoom voldoende in op de afbeelding, zodat de randen ervan duidelijker zichtbaar zijn. Dit is immers een belangrijke factor bij het kiezen van het juiste uitvoerformaat. Laten we de bovengenoemde twee uitvoerformaten en het verschil tussen beide even van naderbij bekijken.
Afbeeldingen, animatie en multimedia 361 Zo maakt u een bitmap met transparante randen: 1. Selecteer Bitmap met transp. randen in de vervolgkeuzelijst Uitvoertype. 2. (Optioneel) Sleep de schuifregelaar Breedte om te bepalen in welke mate u transparantie wilt toepassen aan de binnenkant van de randen van het uitgeknipte gebied. 3. (Optioneel) Gebruik de schuifregelaar Vervagen om de randen van het uitgeknipte gebied te verzachten. Zo maakt u een vectorieel bijgesneden bitmap: 1.
362 Afbeeldingen, animatie en multimedia u kunt ze (wat wellicht vaker het geval zal zijn) in combinatie met elkaar gebruiken. Met beide gereedschappen sleept u het penseel over een gebied binnen een omtrek dat u wilt verwijderen of behouden (afhankelijk van het type penseel dat u hebt geselecteerd). Hierbij wordt automatisch een specifiek aantal pixels langs de randen van het gedefinieerde gebied mee in de selectie opgenomen. (U kunt deze waarde aanpassen via de optiebalk.
Afbeeldingen, animatie en multimedia 363 Zo selecteert u de delen van de afbeelding die u wilt behouden of verwijderen: 1. Klik links van de werkruimte in Afbeeldingen uitsnijden op Gebied behouden of verwijderen. Gebied 2. (Optioneel) Kies een Penseelgrootte die geschikt is voor het gebied waarmee u wilt werken. 3.
364 Afbeeldingen, animatie en multimedia verfijnen dat u wilt behouden/verwijderen (alleen nadat u een voorbeeld van de afbeelding hebt weergegeven). Vectorieel bijgesneden bitmaps kunt u buiten het hoofdprogramma bijsnijden met de standaardgereedschappen voor bijsnijden van WebPlus. 6. Klik op OK om het uitgeknipt gebied te maken.
Afbeeldingen, animatie en multimedia 365 Flash-bestanden Een Flash-bestand (*.swf) is een film die u kunt bekijken in de Flash™ Player-indeling. (Flash is een vectorprogramma waarmee u kleine bestanden op het web kunt maken en weergeven.) Flashbestanden kunnen worden toegevoegd aan de pagina (net zoals een afbeelding) en worden afgespeeld in de paginaweergave, zonder dat u hiervan een voorbeeld moet bekijken in de browser (of het WebPlus-voorbeeldvenster).
366 Afbeeldingen, animatie en multimedia verwijzen. Klik op de knop Toevoegen... om de bestanden te selecteren die u wilt toevoegen (gebruik Ctrl-klik of Shift-klik voor de selectie van aaneengesloten of niet-aaneengesloten bestanden). 5. (Optioneel) In het vak Weergave kunt u bepalen hoe de Flash-film wordt weergegeven op de WebPlus-pagina. Experimenteer met de opties totdat u tevreden bent over de gekozen instellingen. 6. Klik op OK. 7. cursor Afbeelding plakken wordt De weergegeven.
Afbeeldingen, animatie en multimedia 367 De ondersteunde audio-indelingen zijn AIFF, AU, MIDI (.mid, .midi), MP3, RealAudio (.ra, .ram) en WAV. Video • Gekoppelde videobestanden werken op dezelfde manier als gekoppelde geluidsbestanden. Ondersteunde video-indelingen zijn AVI, QuickTime (mov, qt), MPEG (mpg, mpeg, mpe, mpv) en RealVideo (ram, rv).
368 Afbeeldingen, animatie en multimedia site). Hoewel de grootte van de site toeneemt wanneer u bestanden insluit, is dit de standaardoptie, omdat u dan niet met afzonderlijke bestanden hoeft te werken en een van de bestanden niet per ongeluk kunt verwijderd. In WebPlus worden ingesloten en gekoppelde bestanden automatisch geëxporteerd en gekopieerd wanneer u de website publiceert. Zo voegt u achtergrondgeluid toe aan een pagina: 1.
Afbeeldingen, animatie en multimedia 369 • Via een hyperlinkobject (of hotspot): u begint met een bestaand object op de site en koppelt het object aan het mediabestand of u gebruikt een hotspot op een afbeelding. • Via een miniatuurweergave van een video: gebruikers kunnen klikken op een ingesloten videominiatuurweergave om de video af te spelen (alleen beschikbaar voor YouTube-video's).
370 Afbeeldingen, animatie en multimedia 2. Selecteer Bestand in het dialoogvenster om een hyperlink naar een geluidsbestand op de harde schijf te maken. 3. Klik op Bladeren, blader naar het mediabestand, selecteer dit en klik op Openen. 4. Als u het bestand niet wilt insluiten, schakelt u het selectievakje Afbeelding insluiten in site uit. 5. (Optioneel) Stel Exportopties... in om een geëxporteerde bestandsnaam en een fysieke locatie te definiëren.
Afbeeldingen, animatie en multimedia 371 • Automatisch afspelen Hiermee wordt de video automatisch afgespeeld nadat de pagina is geladen. • Herhalen Hiermee wordt de video continu afgespeeld. • Video-informatie weergeven Hiermee worden de titel en classificatie van de video weergegeven. • Volledig scherm toestaan Hiermee wordt een knop toegevoegd aan het videovenster, zodat de gebruiker de video desgewenst in volledig-schermmodus kan bekijken.
372 Afbeeldingen, animatie en multimedia 6. Klik op OK. Plaats de aanwijzer Plakken op de positie waarop u de linkerbovenhoek van de video wilt plaatsen. 7. Klik met de linkermuisknop als u de standaardafmetingen van de video wilt gebruiken. - of Klik en sleep met de muis als u een aangepaste grootte wilt instellen voor de video. U kunt de video naar elke gewenste grootte slepen.
Afbeeldingen, animatie en multimedia 373 4. Selecteer een weergaveoptie voor de koppeling (pictogram, inline of afbeelding). 5. Klik op OK om het dialoogvenster te sluiten en klik (of klik en sleep) vervolgens op de pagina om het pictogram, de afbeelding of de markering te plaatsen.
374 Afbeeldingen, animatie en multimedia • Miniaturen die als rollover fungeren (zoals hiernaast) • Verticale miniaturen • Fotorasters • Gestapelde foto's • lichtbakken U kunt naar keuze afzonderlijke bestanden of een hele map met foto's importeren. U kunt ook rechtstreeks foto's vanuit een TWAIN-apparaat (digitale camera of scanner) importeren. Grote foto's die u in de galerie importeert, worden automatisch geschaald en geëxporteerd met een maximale resolutie van 720 x 540 pixels.
Afbeeldingen, animatie en multimedia 375 Een galerie maken Nadat u de gewenste fotobestanden uit mappen, een fotocamera of een scanner bijeen hebt gebracht, kunt u een fotogalerie op een pagina invoegen, op dezelfde manier waarop u een afzonderlijke foto invoegt. Alle foto's die worden uitgevoerd, hebben de indeling JPG, ongeacht hun oorspronkelijke type en ongeacht de instellingen in Bestand>Eigenschappen van site>Afbeeldingen. Zo voegt u een fotogalerie in: 1.
376 Afbeeldingen, animatie en multimedia 4. Klik op Volgende. Kies in dialoogvenster de bewerking die u wilt uitvoeren: • Afzonderlijke bestanden toevoegen Klik op de knop Bestanden toevoegen om naar de gewenste foto's te gaan en selecteer vervolgens het fotobestand dat moet worden geopend. U kunt ook meerdere fotobestanden selecteren. Houd bij het klikken Ctrl of Shift ingedrukt om respectievelijk meerdere niet-aangrenzende of een reeks aangrenzende bestanden te selecteren.
Afbeeldingen, animatie en multimedia 377 5. (Optioneel) Selecteer een of meer miniaturen in de galerie om deze te bewerken. • Als u de volgorde van de foto's wilt wijzigen, Omhoog en gebruikt u de knoppen onderaan in het dialoogvenster. - of - Omlaag Verplaatsen en voer het getal in van de Klik op gewenste positie van de foto. • Als u een foto met de klok mee wilt draaien in stappen van 90 graden, klikt u op de knop Roteren.
378 Afbeeldingen, animatie en multimedia • Als u de helderheid en het contrast van een foto wilt aanpassen, klikt u in de kolommen Helderheid en Contrast en voert u een waarde in tussen 0 en 100. • Als u een foto wilt vervangen, klikt u met de rechtermuisknop op de geselecteerde foto en klikt u vervolgens op Afbeelding vervangen. • (Alleen voor de professionele Flash-fotogalerie) Als u foto's wilt ordenen in albums, klikt u op Albums bewerken.
Afbeeldingen, animatie en multimedia 379 8. Selecteer in het deelvenster Stijl van galerie boven in het dialoogvenster een stijl voor uw fotogalerie. Elke stijl biedt andere mogelijkheden om door de foto's te navigeren. Probeer de verschillende stijlen uit in het voorbeeldvenster totdat u de gewenste stijl hebt gevonden. U ziet dat er in elke stijl een besturingsbalk aanwezig is waarmee gebruikers de foto's kunnen doorlopen nadat u deze hebt gepubliceerd. 9.
380 Afbeeldingen, animatie en multimedia De fotogalerie bewerken Als u de fotogalerie aan de webpagina hebt toegevoegd, kan deze worden bewerkt. Er kunnen foto's worden toegevoegd, verwijderd en geroteerd, van een bijschrift worden voorzien of worden aangepast met de instellingen voor helderheid en contrast.
Afbeeldingen, animatie en multimedia 381 Externe afbeeldingen koppelen U kunt koppelingen maken naar afbeeldingen die op dat moment beschikbaar zijn op internet. U wordt aangeraden alleen foto's en andere afbeeldingen te gebruiken van een betrouwbare fotoopslagservice om te voorkomen dat u inbreuk maakt op auteursrechten van anderen.
382 Afbeeldingen, animatie en multimedia
13 Lijnen, vormen en effecten
384 Lijnen, vormen en effecten
Lijnen, vormen en effecten 385 Lijnen tekenen en bewerken WebPlus bevat de gereedschappen Potlood, Rechte lijn en Pen voor het tekenen van vrije vormen en rechte en gebogen lijnen. Potlood kunt u Met de knop gebogen lijnen en vormen in een vrije vorm tekenen. Met de knop Rechte lijn kunt u rechte lijnen tekenen, bijvoorbeeld horizontale balken boven of onder aan de pagina of horizontale lijnen om afzonderlijke secties van elkaar te scheiden of koptitels te benadrukken.
386 Lijnen, vormen en effecten Elke gebogen lijn kan worden gesloten (door de eindpunten met elkaar te verbinden) om een aangepaste vorm te maken (zie Vormen tekenen en bewerken op pagina 389 voor meer informatie). Lijnen tekenen Zo tekent u een lijn uit de vrije hand (met het gereedschap Potlood): 1. Klik op de knop Potlood in het vervolgmenu Lijn van de werkbalk Standaardobjecten. 2. Klik op de positie waar de lijn moet beginnen en sleep met de muis terwijl u de linkermuisknop ingedrukt houdt.
Lijnen, vormen en effecten 387 Houd de Shift-toets ingedrukt terwijl u sleept als u de hoek van de lijn in stappen van 15° wilt instellen. (Zo kunt u eenvoudig horizontale of verticale lijnen tekenen.) 3. Als u de lijn langer wilt maken, plaatst u de muisaanwijzer boven een van de rode eindnodes. Bij de aanwijzer wordt nu een plusteken weergegeven. Klik op de node en sleep met de muis om een nieuw lijnsegment toe te voegen. Zo tekent u een of meer lijnsegmenten (met het gereedschap Pen): 1.
388 Lijnen, vormen en effecten vloeiende gebogen lijn met elkaar verbonden. Deze curven zijn vooral handig als u afbeeldingen of gebogen objecten wilt overtrekken. (Snelkoppeling: druk op 3) 2. Selecteer een lijntype en klik vervolgens op de positie waarop de lijn moet beginnen. • Als u een recht lijnsegment wilt tekenen, klikt u gewoon op de positie waar het lijnsegment moet eindigen (of sleept u de muis naar deze positie).
Lijnen, vormen en effecten 389 Houd de Shift-toets ingedrukt terwijl u klikt als u de oriëntatie van de nieuwe node ten opzichte van de vorige node in stappen van 15° wilt instellen. 3. Om een bestaande lijn uit te breiden, herhaalt u stap 2 voor elk nieuw segment. Desgewenst kunt u voor elk segment een ander lijntype instellen. 4. Druk op Esc, dubbelklik, of selecteer een ander gereedschap om de lijn te voltooien.
390 Lijnen, vormen en effecten Zo wijzigt u de lijneigenschappen van een geselecteerd object: • Gebruik het tabblad Stalen als u de lijnkleur en/of schakering/tint van een kleur wilt wijzigen. U kunt ook het tabblad Kleur gebruiken om een kleur op het geselecteerde object toe te passen van een kleurmenger. De lijn en de vulkleur van een object kan effen zijn of een verloop hebben en kan ook bitmaps en transparantie-effecten bevatten.
Lijnen, vormen en effecten 391 en de lengte van de streepjes (het aantal zwarte vakjes). In de volgende afbeeldingen worden onderbroken lijnen weergegeven met een lengte van (1) 4 en 2 en (2) 5 en 4: Wat dubbele lijnen betreft, kunt u uit vier Dubbele lijnstijlen selecteren (zie boven).
392 Lijnen, vormen en effecten lijn en het toevoegen van decoratieve op foto's gebaseerde randen voor het inlijsten van foto's. Zo geeft u alle lijneigenschappen weer: • Klik op de knop Lijnen en randen in het vervolgmenu met vulgereedschappen van de werkbalk Gereedschappen. Op het tabblad Lijn van het dialoogvenster kunt u de lijneigenschappen van het object wijzigen (zie hiervoor) en op het tabblad Rand kunt u op foto's gebaseerde randen instellen.
Lijnen, vormen en effecten 393 U kunt ook vormen maken door een lijn (of een reeks lijnsegmenten) te tekenen en vervolgens de begin- en eindpunten ervan te verbinden, zodat er een gesloten vorm ontstaat. AutoVormen Het vervolgmenu AutoVormen op de werkbalk Standaardobjecten bevat allerlei veelgebruikte vormen, zoals rechthoeken, ovalen, pijlen, veelhoeken, sterren, kubussen en cilinders.
394 Lijnen, vormen en effecten Zo beperkt u de verhoudingen van een vorm (bijvoorbeeld om een cirkel te tekenen): • Houd de Shift-toets ingedrukt tijdens het slepen. Alle AutoVormen kunnen worden verplaatst, geschaald, geroteerd en gevuld. Daar komt nog bij dat u ook het uiterlijk van een AutoVorm kunt aanpassen door de aanpasbare schuifregelaars rond de vorm te verslepen met de muis. Elke vorm verandert op een logische manier, zodat u nauwkeurig het uiterlijk ervan kunt bepalen.
Lijnen, vormen en effecten 395 Gesloten vormen Zodra u een lijn tekent of selecteert, verschijnen de nodes van de lijn. Deze nodes geven de eindpunten aan van de afzonderlijke segmenten waaruit de lijn bestaat. Lijnen die u uit de vrije hand hebt getekend, hebben doorgaans een groot aantal nodes. Rechte of gebogen lijnsegmenten hebben daarentegen maar twee nodes. U kunt een vorm maken door de lijn door te trekken naar het beginpunt.
396 Lijnen, vormen en effecten wordt de geselecteerde node in twee nodes gesplitst (één aan elk uiteinde van de nieuwe lijn). 3. U kunt de vorm van de lijn nu naar behoefte aanpassen met het selectiegereedschap. Vormen bewerken • Gebruik de schuifregelaar Dikte op het tabblad Lijn als u de lijndikte of het type rand van de vorm wilt wijzigen. Klik op de middelste vervolgkeuzelijst als u een andere lijnstijl (stippellijn, onderbroken lijn, enzovoort) wilt toepassen.
Lijnen, vormen en effecten 397 Slagschaduw Schaduw binnen Gloed buiten Gloed binnen Schuine rand binnen Schuine rand buiten Reliëf Kussenreliëf Gaussiaans vervagen Zoomen Radiaal vervagen Bewegingsonscherpte Vulkleur Doezelen Contour Weerspiegeling
398 Lijnen, vormen en effecten Op het tabblad Stijlen in de studio vindt u tientallen kant-en-klare 2Dfiltereffecten die u op objecten kunt toepassen. In de verschillende categorieën van de studio vindt u een galerie met vooraf gedefinieerde effecten, zoals schaduw, schuine randen, weerspiegeling, vervaging en nog veel meer. In elke categorie vindt u verscheidene varianten van het desbetreffende effect. Klik op een miniatuur om het effect toe te passen op het geselecteerde object.
Lijnen, vormen en effecten 399 schuifregelaar selecteren en de pijltoetsen op het toetsenbord gebruiken.) Welke opties u kunt instellen, hangt af van het effect dat u hebt geselecteerd. 4. Klik op OK om het effect toe te passen op het geselecteerde object of op Annuleren om de wijzigingen te annuleren. Reflecties maken U kunt een pagina eenvoudig een creatieve uitstraling geven door een verticale weerspiegeling toe te voegen aan een geselecteerd object.
400 Lijnen, vormen en effecten binnenrand, de buitenrand of het midden van de objectrand worden geplaatst. Zoals voor alle andere effecten geldt ook hier weer dat u het effect naar behoefte in of uit kunt schakelen. Desgewenst kunt u behalve de contour ook een willekeurige combinatie van 2D- of 3Dfiltereffecten op het object toepassen. Het gereedschap Schaduw gebruiken Schaduw leent zich uitstekend om uw werk diepte en allure te geven. Dat geldt in het bijzonder voor afbeeldingen, tekstobjecten en vormen.
Lijnen, vormen en effecten 401 rand van het object plaatsen voor respectievelijk een basisschaduw of een schuingetrokken schaduw. (A) Vervagen, (B) Oorsprong van schaduw, (C) Ondoorzichtigheid, (D) Kleur, (E) Schalen Nadat u een schaduw hebt gemaakt, kunt u ook in het dialoogvenster Filtereffecten de gewenste instellingen kiezen.
402 Lijnen, vormen en effecten Het tabblad Stijlen in de studio is een uitstekende plaats om te beginnen met het experimenteren met de verschillende soorten 3Dfiltereffecten. In elke categorie zult u verscheidene vooraf gedefinieerde effecten aantreffen (zowel 2D- als 3D-effecten), die elk specifieke instellingen hebben.
Lijnen, vormen en effecten 403 2. Activeer het selectievakje 3D-effecten aan de linkerkant. Het selectievakje 3D-belichting is standaard geactiveerd. 3. Versleep de schuifregelaars voor deze 'hoofdschakelaar' om de algemene eigenschappen te wijzigen van de afzonderlijke 3D-effecten die u instelt. 4. • Met Vervagen geeft u op hoe vloeiend het effect wordt. Hoe hoger de waarde die u instelt, hoe meer u de indruk wekt dat de hoogte geleidelijk wijzigt.
404 Lijnen, vormen en effecten Objectstijlen gebruiken Objectstijlen bieden ongeveer dezelfde voordelen als opmaakprofielen en kleurenschema's. Nadat u zorgvuldig de gewenste opmaak hebt ingesteld voor een object (bijvoorbeeld een welbepaalde lijnkleur, vulkleur, rand, enzovoort), kunt u al deze opmaakkenmerken als benoemde stijl opslaan. WebPlus onthoudt welke objecten die stijl gebruiken en de stijl wordt op het tabblad Stijlen weergegeven, zodat de stijl ook op nieuwe objecten kan worden toegepast.
Lijnen, vormen en effecten 405 2. Vouw de vervolgkeuzelijst uit om een categorie van benoemde stijlen te selecteren (bijvoorbeeld Vervagingen) en kies vervolgens een subcategorie door te schuiven in het onderste venster. 3. Aan de hand van de miniaturen op het tabblad kunt u eenvoudig een voorbeeld bekijken van de verschillende objectstijlen in elke subcategorie. 4. Klik op de miniatuur van een objectstijl als u deze stijl op de huidige selectie wilt toepassen.
406 Lijnen, vormen en effecten Diepte toevoegen (Instant 3D) Met de functie Instant 3D kunt u vlakke vormen en tekst in een oogwenk in driedimensionale objecten omtoveren. In WebPlus kunt u verschillende 3D-effecten instellen, zoals: • Schuine randen: maak een keuze uit verschillende vooraf gedefinieerde afgeronde en uitgehakte schuine randen of maak uw eigen schuine randen met de profieleditor voor aangepaste schuine randen.
Lijnen, vormen en effecten 407 object rond de X-, Y- en Z-as kunt draaien in verhouding tot de pagina. Kijk hoe de vorm van de muisaanwijzer verandert wanneer u de aanwijzer over de verschillende controlegrepen van de rode cirkel beweegt. X-rotatie Y-rotatie Z-rotatie X- en Yrotatie Roteer uw 3D-objecten rond hun eigen as in plaats van rond de assen van de pagina door de Ctrl-toets ingedrukt te houden tijdens het roteren.
408 Lijnen, vormen en effecten 2. Klik in de eerste vervolgkeuzelijst op de optiebalk op een categorie met 3D-effecten. De opties op de optiebalk worden automatisch bijgewerkt, afhankelijk van de categorie die momenteel is geselecteerd. Zie de Help bij WebPlus voor meer informatie. Klik op de knop Standaardwaarden op de optiebalk om het object te herstellen naar de oorspronkelijke staat. Zo schakelt u het 3D-effect uit: • Klik op 3D-effect verwijderen op de optiebalk.
14 Kleuren, verlopen en transparantie
410 Kleuren, verlopen en transparantie
Kleuren, verlopen en transparantie 411 Effen kleuren instellen U kunt effen kleuren toepassen op een object via het tabblad Kleur, het tabblad Stalen of een dialoogvenster. Via de staalknoppen op het tabblad kunt u op verschillende manieren effen kleuren instellen voor verscheidene objecttypen: • U kunt effen kleuren toepassen op de vulkleur of de lijn van een object. AutoVormen en gesloten vormen (zie Vormen tekenen en bewerken in hoofdstuk 8 op pagina 389) hebben zowel lijn- als vuleigenschappen.
412 Kleuren, verlopen en transparantie het gebied dat zich vlak achter de tekst bevindt. Voor tekst in HTML-frames kunt u alleen een achtergrondkleur en tekstkleur instellen. • Voor tekstframes (weergegeven) en tabelcellen kunt u een achtergrondkleur instellen die afwijkt van de kleur van de tekens die ze bevatten. Zo stelt u een effen kleur in via het tabblad Kleur: 1. Selecteer het object of tekstfragment waarvoor u een kleur wilt instellen. 2.
Kleuren, verlopen en transparantie 413 Wanneer de kleurmodus RGB is ingesteld, kunt u hexadecimale waarden gebruiken door deze te selecteren via de knop Kleur. Tabblad van het tabblad Zo stelt u een effen kleur in via het tabblad Stalen: 1. Selecteer het object of tekstfragment waarvoor u een kleur wilt instellen. 2. Klik op de tab Stalen in de studio. 3. Klik op de knop Vulkleur, Lijn of Tekst boven aan het tabblad om aan te geven waar u de kleur wilt toepassen. 4.
414 Kleuren, verlopen en transparantie maken. U kunt ook rechtstreeks een specifiek percentage instellen via het bijbehorende kringveld (stel 0 als waarde in als u opnieuw de oorspronkelijke kleur wilt instellen). U kunt ook tinten toepassen op een object via het tabblad Stalen. Pas hiervoor directe invoer. Tint aan via de schuifregelaar of door In WebPlus worden gebruikte kleuren automatisch toegevoegd aan Sitepalet op het tabblad Stalen.
Kleuren, verlopen en transparantie 415 Kleurenschema's: (A) Coral, (B) Smoothie en (C) Default. Wanneer u in eerste instantie uw site maakt op basis van een sjabloon, kunt u een van de drie kleurenschema's selecteren die speciaal voor die sjabloon zijn ontworpen, maar u kunt ook een van de algemene kleurenschema's gebruiken. Zie Een website maken op basis van een sjabloon op pagina 26.
416 Kleuren, verlopen en transparantie Hoe werkt een kleurenschema? Kleurenschema's in WebPlus werken eigenlijk net als een systeem waarbij op basis van getallen een schilderij kan worden geschilderd, want er worden aan pagina-elementen in een lay-out specifieke schemakleuren toegewezen op basis van nummers. Deze kleuren worden opgeslagen in stalen ('verfblikken') met de nummers 1 tot en met 12 op het tabblad Stalen. Het kleurenschema Smoothie Deze stalen vertegenwoordigen het kleurenschema van de site.
Kleuren, verlopen en transparantie 417 Als u nu overstapt op een ander kleurenschema, resulteert dat in een compleet andere 'look' wat betreft de kleur. Probeer verschillende schema's uit met het voorbeeldbestand 'Schema's - voorbeeld', dat in het begin in de wizard Opstarten of het menu Bestand beschikbaar is. Laad het bestand en schakel tussen kleurenschema's via het hulpmiddel Kleurenschema's beheren. Het kleurenschema Smoothie Deze stalen vertegenwoordigen het kleurenschema van de site.
418 Kleuren, verlopen en transparantie Volgens een schema opgemaakte hyperlinks, paginakleuren en achtergronden U kunt elk van de 12 schemakleuren ook gebruiken voor hyperlinks, de paginakleur en de achtergrond van de site. Voor hyperlinks in het bijzonder geldt dat ze in de toestanden normaal, gevolgd, actief en rollover standaard worden opgemaakt volgens een schema.
Kleuren, verlopen en transparantie 419 Kop 1, Kop 2), verschillen van hyperlinkkleuren die worden gebruikt in de hoofdtekst. Zie Teksteigenschappen instellen en Tekststijlen gebruiken op pagina 269 en pagina 269. Kleurenschema's selecteren Zo selecteert u een vooraf ingesteld kleurenschema: 1. Klik op Kleurenschema's beheren op de standaardoptiebalk. - of Open het tabblad Stalen om het huidige kleurenschema weer te geven, bijvoorbeeld: Klik op de knop 2. .
420 Kleuren, verlopen en transparantie Gebieden op de site waaraan een van de twaalf kleurenschemanummers is toegewezen, worden bijgewerkt met de corresponderende kleur uit het nieuwe schema. Op elke site kan slechts één kleurenschema tegelijk actief zijn. Dit schema wordt het kleurenschema van de site genoemd en wordt altijd op het tabblad Stalen weergegeven. Wanneer u een site opslaat, wordt samen met die site ook het huidige kleurenschema opgeslagen.
Kleuren, verlopen en transparantie 421 u eerst wat tijd moet uittrekken om uit te zoeken welke kleurencombinaties het beste resultaat opleveren, is de procedure erg eenvoudig. Het enige wat u hoeft te doen, is een van de schemakleurnummers aan de omtrek en/of opvulling van een object toe te wijzen. Zo wijst u een schemakleur toe aan een object: 1. Selecteer het object en kies de knop Vulkleur, Lijn of Tekst boven aan het tabblad Stalen, afhankelijk van het gewenste effect. 2.
422 Kleuren, verlopen en transparantie de kleuren worden weergegeven die beschikbaar zijn in het WebPlus-palet. en Klik op de pijl-omlaag van de schemakleur selecteer een kleur in de lijst (of klik op Meer kleuren... voor meer kleuren waaruit u kunt kiezen). Het schema wordt bijgewerkt met de nieuwe kleur. Wijzig desgewenst de overige schemakleuren op dezelfde manier. 4. Als u het schema op de huidige site wilt toepassen, klikt u op OK. Het kleurenschema van de site wordt nu bijgewerkt.
Kleuren, verlopen en transparantie 423 een bitmapvulling wordt een benoemde bitmap gebruikt om een object te vullen. Vaak is dit een materiaal, patroon of achtergrondafbeelding. Lineair Ovaal Conisch Bitmap U kunt een vooraf gedefinieerde vulling in de vorm van een kleurverloop of bitmap via het tabblad Stalen toepassen op de contour van een vorm of een tekstframe. Ook artistieke tekst kan worden opgemaakt met een kleurverloop of een bitmapvulling (voor de tekst, de omtrek daarvan en de achtergrond).
424 Kleuren, verlopen en transparantie Als u verschillende transparantie-effecten toepast (via het tabblad Transparantie) heeft dat geen invloed op de vulinstellingen als zodanig, maar kan het de weergave van de vulling wel aanzienlijk veranderen. Een kleurverloop- of bitmapvulling toepassen U kunt een kleurverloop- of bitmapvulling op verschillende manieren instellen: via het tabblad Stalen, met het vulgereedschap of via een dialoogvenster.
Kleuren, verlopen en transparantie 425 3. Selecteer het object of de objecten en klik op de juiste staal in de galerie voor de vulling die u wilt toepassen. - of Alleen voor vullingen: sleep de staal vanuit de galerie naar een object en laat de muisknop los. 4. Pas met de schuifregelaar Tint onder aan het tabblad eventueel de tint van het verloop aan of typ een waarde rechtstreeks in het invoervak. Zo stelt u een kleurverloop in met het verloopgereedschap: 1. Selecteer een object. 2.
426 Kleuren, verlopen en transparantie Het pad van een verloop bewerken Wanneer u een object selecteert dat u kunt vullen, is het vulgereedschap beschikbaar (anders wordt dit gereedschap grijs weergegeven). Als voor het object een kleurverloop wordt gebruikt, wordt het pad voor een vulling weergegeven als een lijn wanneer het vulgereedschap is geselecteerd. De nodes geven aan waar het spectrum tussen elke twee basiskleuren begint en eindigt.
Kleuren, verlopen en transparantie 427 2. Klik op de knop Vulgereedschap in het vervolgmenu met vullingen op de werkbalk Gereedschappen. Het pad van het verloop wordt weergegeven op de vulling of contour van het object. 3. Sleep met het vulgereedschap de nodes aan het begin en einde van het pad of klik op het object om een nieuwe beginnode in te stellen en sleep vanuit dit punt om een nieuw pad voor het verloop te definiëren.
428 Kleuren, verlopen en transparantie Transparantie-effecten lijken sterk op verlopen, alleen maken ze gebruik van ‘toverinkt’ in plaats van kleuren. Hoe transparanter een bepaald gedeelte van een object is, hoe beter het onderliggende object zichtbaar is in dit gebied.
Kleuren, verlopen en transparantie 429 • Transparanties gebaseerd op Kleurverloop bevatten lineaire, ovale en conische effecten die variëren van meer naar minder doorzichtig. • Transparanties gebaseerd op Bitmap bevatten gecategoriseerde structuurmaps die zijn gebaseerd op de selectie van bitmaps op het tabblad Stalen. Transparantie-effecten toepassen U kunt op het tabblad Transparantie transparantieverlopen en bitmaptransparantie toepassen op de vulling of contour van een vorm of tekstframe.
430 Kleuren, verlopen en transparantie knop Bitmap en selecteert u een miniatuur in een bereik categorieën. 3. De transparantie wordt op de vulling of contour van het object toegepast. U kunt de gewenste miniatuur ook vanuit de galerie naar een object slepen en de muisknop loslaten. Zo past u een transparantieverloop toe met het gereedschap Transparantie: 1. Selecteer het object en stel de staal Vulkleur/Lijn van het tabblad Transparantie als voorheen in. 2.
15 Voorbeelden bekijken en publiceren
432 Voorbeelden bekijken en publiceren
Voorbeelden bekijken en publiceren 433 Een voorbeeld bekijken van uw site Het bekijken van een voorbeeld van uw site is een essentiële stap voordat u de site gaat publiceren op het web. Het is de enige manier om na te gaan hoe bezoekers uw site uiteindelijk te zien krijgen. U kunt op elk gewenst moment een voorbeeld bekijken van een pagina of site binnen WebPlus (in een intern venster dat is gebaseerd op de browser Internet Explorer) of apart in een browser die op uw computer is geïnstalleerd.
434 Voorbeelden bekijken en publiceren bekijken weergegeven. Als u meerdere browsers hebt geïnstalleerd, kunt u via de opdracht Lijst met browsers de browsers selecteren die u wilt gebruiken om een voorbeeld te bekijken van uw site. De pagina of site wordt naar een tijdelijke map geëxporteerd en wordt in de opgegeven browser weergegeven. Zo bewerkt u de lijst met browsers in het vervolgmenu: 1.
Voorbeelden bekijken en publiceren 435 Het is verstandig om een aantal veelgebruikte browsers op uw systeem te installeren om te kunnen nagaan hoe uw site er in die browsers uitziet. In WebPlus kunt u de geschatte downloadtijd voor elke pagina van uw site bekijken en ook bijvoorbeeld nagaan hoeveel bestanden elke pagina bevat en wat de totale grootte van die bestanden is. U kunt die informatie weergeven via het vervolgmenu Voorbeeld bekijken van site van de werkbalk Standaard.
436 Voorbeelden bekijken en publiceren 2. Klik op de knop Website publiceren op de werkbalk Standaard (of kies Website publiceren in het menu Bestand en selecteer in het vervolgmenu de optie Naar web publiceren...). Als u geen FTP-accountgegevens hebt ingesteld, moet u ten minste één account instellen voor u verder kunt gaan. Het programma onthoudt deze account voor de volgende keer dat u de site naar het web publiceert. 3. Klik op de knop Accounts...
Voorbeelden bekijken en publiceren 437 wachtwoord precies zo in als u het hebt gekregen, met de precies dezelfde hoofdletters en kleine letters. Als u dat niet doet, herkent de host het wachtwoord mogelijk niet. • Schakel het selectievakje Wachtwoord opslaan in om het wachtwoord op uw computer op te slaan. U hoeft het wachtwoord dan niet bij elke uploadbewerking opnieuw in te voeren. • Passieve modus: Laat deze optie ingeschakeld, tenzij u problemen hebt met de FTP-verbinding (raadpleeg uw ISP).
438 Voorbeelden bekijken en publiceren verwijderen. Het is verstandig om een nieuwe of gewijzigde account te testen door op de knop Testen te klikken. Als alles in orde is, wordt er een dialoogvenster weergegeven met de melding dat de verbinding tot stand is gebracht. Als u extra accounts toevoegt, moet u in de vervolgkeuzelijst van het vak FTP-account de account selecteren die u wilt gebruiken.
Voorbeelden bekijken en publiceren 439 een probleem ontdekt. (Zie Automatisch uitvoeren op pagina 439 voor meer informatie over deze functie.) 9. Selecteer de pagina's die u wilt uploaden: schakel in het venster de specifieke pagina('s) in of schakel de optie Alle pagina's publiceren in. Gebruik de knoppen Selectie omkeren, Niveau selecteren en Alles selecteren als hulp bij het selecteren van pagina's. 10.
440 Voorbeelden bekijken en publiceren incrementele update kiest, kunt u de optie Op ontbrekende bestanden controleren inschakelen als u wilt dat WebPlus controleert of er bestanden ontbreken. Deze controle kan het uploadproces echter aanzienlijk vertragen en daarom is deze optie standaard uitgeschakeld. Zodra alle bestanden zijn geüpload, wordt u daar via een bericht op attent gemaakt. Klik op Sluiten. 13.
Voorbeelden bekijken en publiceren 441 Het programma biedt u ook de mogelijkheid alle accountgegevens (met inbegrip van wachtwoorden) naar een andere computer te exporteren. Zo slaat u FTP-accountgegevens op uw site op: 1. Klik in het dialoogvenster Naar web publiceren op Accounts.... 2. Ga in het dialoogvenster naar de sectie Accountgegevens opslaan en schakel de optie In huidige website in. 3. Klik op Account bijwerken.
442 Voorbeelden bekijken en publiceren Automatsch uitvoeren Als uw site erg groot is, kunt u mogelijk beter gebruikmaken van de functie Automatisch uitvoeren. Het automatische uploadproces verschilt nauwelijks van het uploadproces met de optie Naar web publiceren, maar u hoeft niet in elk dialoogvenster dat verschijnt, op OK te klikken. Dat is vooral handig bij het bijwerken van een site die een grote database met foto's bevat. 1. Schakel de optie Onbeheerd uploaden in.
Voorbeelden bekijken en publiceren 443 een veilige plaats te bewaren. Als u de site tot nu toe niet hebt opgeslagen, wordt u gevraagd de site op te slaan. 4. Klik op OK om het uploadproces te starten. (U kunt nu rustig even een kopje koffie gaan drinken...) 5. Als alle bestanden zijn geüpload, blijft het dialoogvenster Bestanden uploaden op het scherm aanwezig tot u op Sluiten klikt. 6.
444 Voorbeelden bekijken en publiceren afzonderlijke pagina's live wilt controleren tijdens het bouwen van uw website. De functie Snel publiceren werkt alleen als u uw accountgegevens hebt ingesteld in het dialoogvenster Instellingen voor snel publiceren. Zo configureert u de functie Snel publiceren: 1. Website publiceren op Klik op het vervolgmenu de werkbalk Standaard en klik vervolgens op Instellingen voor snel publiceren. - of Klik op Bestand>Website publiceren>Instellingen voor snel publiceren... 2.
Voorbeelden bekijken en publiceren 445 Zo publiceert u snel naar het web: • Klik op het vervolgmenu Website publiceren op de werkbalk Standaard en klik vervolgens op Snel publiceren naar web. - of Klik op Bestand>Website publiceren>Snel publiceren naar web. Als u Snel publiceren probeert te gebruiken zonder eerst uw accountinstellingen te configureren, wordt automatisch het dialoogvenster Instellingen voor snel publiceren geopend waarin u deze instellingen kunt opgeven.
446 Voorbeelden bekijken en publiceren Klik op Bestand>Website publiceren>Site exporteren als PDF... 2. Geef in het dialoogvenster Als PDF publiceren een Bestandsnaam op, blader naar de map waarin u de PDF wilt opslaan en klik op Opslaan. De PDF wordt gegenereerd en vervolgens (mits er een PDFviewer op uw systeem is geïnstalleerd) automatisch geopend, zodat u de PDF kunt bekijken.
16 Index
448 Index 2 2D, 393 filtereffecten, 393 3 3D, 398 Direct 3D, 403 filtereffecten, 398 A aanhalingstekens, 119 aanmelden (toegangscontrole), 236, 238 aanpassing (van afbeeldingen), 347 Fotolab, 347 Aantal hits (intelligent object), 215 absolute URL's, 108 Accountgegevens (FTP), 432 achtergrond, 41, 73 afbeelding, 47 geluidsfragment, 363 kleur, 47 globaal, 47 schema, 415 Adsense, 128 advertenties, 128 Afbeelding vervangen, opdracht, 330 afbeeldingen, 330 als achtergronden, 47 alternatieve tekst, 340 corriger
Index 449 artikeltekst, 246 overvloeien van ene in andere frame, 246 artistieke tekst, 253 converteren naar curven, 340 langs een pad, 255 AutoAanpassen, 250 AutoVormen, 389 Blog (intelligent object), 215 openen, via offsite links, 72 bovenliggende/onderliggend e pagina's, 38, 66, 88 bron bekijken, 158 Bronbeheer, 56 browservoorbeeld, 430 B badges, 119 Beeld, werkbalk, 79 beeldfragment, 363 hyperlink instellen naar bestand, 108 toevoegen, 363 YouTube toevoegen, 363 belangrijke functies, 5 belichting (3D)
450 Index E e-commerce, 192 formulieren en knoppen toevoegen (PayPal), 195 hyperlink naar een winkelwagentje instellen, 108 minicart in, 192 E-commerce, knoppen, 119 effecten, 393, 398 2D-filter, 393 3D-filter, 398 contour, 396 draaibank (Direct 3D), 403 schaduw, 397 schuine rand (Direct 3D), 403 weerspiegeling, 396 effecten (afbeeldingen), 347 Fotolab, 347 effen kleuren, 408 exportopties (afbeeldingen), 340 Exportopties instellen, 340 externe afbeeldingen, koppelen aan, 378 F feestdagen (officiële), 288 fi
Index 451 gebeurtenissen (agenda), 289 Gebogen padtekst toevoegen, 255 gebruikers (toegangscontrole), 233 bannen, 233 blokkeren, 233 gebruikersgroepen (toegangscontrole), 233 aanmelden bij, 236, 238 Gebruikerslijst (intelligent object), 215, 229 gegevens samenvoegen, 202 gegevensbron maken in, 204 samenvoeggebieden voor, 206 geluidsbestanden, 363 geluidsfragment, 363 hyperlink instellen naar bestand, 108 toevoegen aan pagina, 363 genummerde lijsten, 273 Gereedschap Artistieke tekst, 253 Creatieve frame, 24
452 Index van objecten, 302 van pagina, 73 H HD-foto, 330 herbemonsteren, 341 Het tabblad Site (Studio), 38, 59, 66, 79, 88 hexadecimale kleurcode, 408 hotspots, 143 HTML, 78 code toevoegen aan webpagina´s, 158 code toevoegen als fragmenten, 158 Id's, 164 pagina's maken in, 78 HTML-frame toevoegen, 246 HTML-koptags, 48 HTML-pagina's toevoegen, 66 HTML-tabel toevoegen, 284 Huidig aantal bezoekers (intelligent object), 215 hyperlinks, 108 kleuren (globaal), 46 op doelvenster/-frame, 108 op lichtbakken, 131 Hy
Index 453 globaal, 47 effen kleur, 408 hyperlink, 47 globaal, 47 kleurverloop, 419 op pagina, 47 globaal, 47 schema's, 411 tint, 410 kleurenschema's, 411 toewijzen, 417 vooraf gedefinieerde items, 416 wijzigen, 418 kleurverloop, 419, 424 transparantie, 424 vulkleuren, 419 Knipselstudio, 355 knoppen, 88, 103 converteren naar navigatiebalk, 108 maken, aangepast, 106 knoppen/E-commerce, 119 Knopstudio, 106 koppelen, 320, 378 HTML aan objecten, 158 HTML aan pagina, 158 objecten aan tekst, 320 koppelen versus i
454 Index meervoudige selecties, 297 metabestanden, 330 importeren, 330 Minicart, 192 N Naar achteren, opdracht, 318 Naar achtergrond, opdracht, 318 Naar voorgrond, opdracht, 318 Naar voren, opdracht, 318 navigatie, 38 navigatiebalken, 38, 88 aanpassen, 93 achtergronden voor, 94 als deelvensters, 101 converteren naar deelvensters, 101 dynamisch, 100 en sitestructuur, 38 knoppen voor, 94, 103 knoptekst wijzigen in, 91 maken, 89 opslaan, 99 pagina's uitsluiten van, 99 pop-upmenu's, 96 scheidingslijnen, 98 uit
Index 455 opmaakprofielen, 267, 269, 401 lettertype, 267 object, 401 tekst (zie ook tekststijlen), 269 opwaarderen, 3 P padtekst, 255 Paginakiezer, 79 paginakleur, 47 globaal, 47 pagina's, 59 achtergrondgeluid, 363 achtergrondkleur, 47 beveiliging, 229 bovenliggende en onderliggende elementen, 38, 66, 88 code toevoegen aan, 158 eigenschappen, 56, 73 grootte instellen, 73 klonen, 66 optimaliseren, voor zoekmachines, 48 paginakleur, 47 globaal, 47 selecteren en weergeven, 79 toevoegen en verwijderen, 66 uits
456 Index randen, 388 rasterafbeeldingen, 330 Rechte padtekst toevoegen, 255 Regelmatig bijsnijden, 305 reliëf, effect, 393 robots, 48 robots.
Index 457 wijzigen, 73 stickers, 119 stramienpagina's, 59, 73 eigenschappen, 56, 73 koppelen, 60 meerdere, 61 meerdere, 61 objecten, 64 toevoegen, 66 verwijderen, 66 stramienpagina's koppelen, 60 SWF-bestanden, 361 Symbolen, 119 T tabellen, 284 overzicht, 284 Teken, tabblad, 267 tekenafstand, 267 tekengrootte, 267 tekens, 269 opmaakprofielen, 269 tekst, 246, 253, 255, 258, 267 aanpassen aan frames, 250 als curven, 340 artistiek (zelfstandig), 253 bewerken op pagina, 258 frame, 246 HTML, 246 marges, 250 toe
458 Index thema-opmaken, 26 TIFF-afbeeldingen, 330 tint, 410 toegangscontrole, 215, 229 toegankelijkheid, 340 alternatieve tekst (afbeeldingen) voor, 340 Toevoegen aan navigatiestructuur, 99 tokens, 166 Transformeren, tabblad (Studio), 301, 302 transparantie, 424 Transparantie, tabblad (Studio), 424 TrueType-lettertypen, 267 TWAIN-bron (camera/scanner), 347 U uitlijning, 73, 267 van alinea, 267 van pagina, 73 uitsnijden (afbeeldingen), 355 uitsnijden, objecten, 305 V variabelen, 278 vectorafbeeldingen, 330
Index 459 Y YouTube-video, 363 Z zakelijke sets (gebruikersgegevens), 277 Zoeken en vervangen, 56, 263 zoeken op websites, 117 zoekmachines, 48 robots.
