WebCreator4Hol.xp
9/05/07
17:42
Page 1
Licentieovereenkomst 1. Onderstaande licentievoorwaarden vormen een overeenkomst tussen u en Mindscape Northern Europe BV. 2. Door de software te installeren, te kopiëren of anderszins te gebruiken, verbindt u zich aan de bepalingen van deze overeenkomst gebonden te zijn. Indien u niet met de licentieovereenkomst instemt, dient u de softwaredrager (CD-rom, DVD-rom, diskettes) in zijn ongeopende verpakking, compleet met verpakking, eventueel ander toebehoren en het betalingsbewijs te retourneren aan MIndscape, waarna de aanschafprijs aan u zal worden terugbetaald. Daarbij dient u wel over gegronde redenen te beschikken om van de overeenkomst af te zien en deze nader te onderbouwen. 3. De licentie houdt in dat u bevoegd bent 1 exemplaar van het programma te installeren en te gebruiken. Hieruit volgt dat u bevoegd bent om de software te laden in het geheugen van de computer en het vervolgens in beeld te brengen. Tevens mag u handelingen verrichten die noodzakelijk zijn om de werking van het programma waar te nemen, te bestuderen of te testen, voor zover die handelingen het auteursrecht in de software niet schenden. Ten slotte bent u bevoegd één reservekopie te maken. Indien u de software volledig in het vaste geheugen van de computer installeert, geldt de originele informatiedrager als reservekopie. 4. Voor het overige bent u niet bevoegd de software, inclusief alle beeld, tekst en databestanden en haar verpakkingen openbaar te maken of te verveelvoudigen. Alle auteursrechten op het programma of licenties daarop berusten bij Mindscape. U bent evenmin bevoegd om de software te sublicentiëren, uit te lenen, te verhuren of in lease te geven aan derden of op enige andere wijze te distribueren. Het is openbare bibliotheken evenmin toegestaan de software te verhuren of uit te lenen, al dan niet tegen een vergoeding. 5. U bent bevoegd om de software over te dragen aan een andere partij, maar alleen als u (a) deze licentieovereenkomst en alle andere documentatie bij de software en de volledige ongewijzigde software overdraagt aan de andere partij en (b) u al uw kopieën van de software vernietigt, inclusief de kopieën op uw harde schijf of vergelijkbaar medium en (c) de andere partij deze licentieovereenkomst heeft gelezen en instemt met de voorwaarden daarvan. Vanaf het moment van overdracht vervalt uw licentie en treedt de andere partij in uw rechten en verplichtingen. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
1
WebCreator4Hol.xp
9/05/07
17:42
Page 2
6. U bent niet bevoegd: a. om de software te wijzigen, te deassembleren, te decompileren of anderszins te converteren, te vertalen, of te proberen de broncodeversie uit de doelcodeversie van de software te achterhalen, tenzij dit krachtens een wettelijk voorschrift of krachtens internationale verdragen of richtlijnen is toegestaan (artikel 45m Auteurswet 1912/artikel 6 EG-richtlijn 1991/250). b. handelsnamen, merken en andere eigendomsvermeldingen uit de software te verwijderen of onleesbaar te maken; c. de software te gebruiken op een netwerk, via het Internet of een Intranet, WebTV en satelliet of enige andere gelijksoortige technologie. 7. Geregistreerde gebruikers hebben recht op ondersteuning door de helpdesk van Mindscape. Dit recht eindigt 6 maanden nadat de software door Mindscape niet meer wordt verkocht. Voor ondersteuning die niet direct gerelateerd is aan de software kan een kleine vergoeding in rekening gebracht worden. 8. Indien de software gekoppeld kan worden aan door derden op de markt gebrachte software, kan het zijn dat koppelingen niet meer werken ten gevolge van veranderingen in het programma van deze derden, nadat de software is gemaakt. Hoewel Mindscape in de praktijk deze koppelingen regelmatig aktualiseert, kan zij hiertoe niet door u worden verplicht. 9. Er bestaat vrijwel geen software die 100% foutloos werkt. Mindscape kan er dan ook niet voor in staan dat de software op uw systeem 100% foutloos zal functioneren. Dit heeft te maken met de veelheid van systeemconfiguraties, terwijl het niet doenlijk is om die allemaal te testen. Problemen die zich kunnen voordoen worden bijgehouden en medegedeeld in het bestand "leesmij.txt" U dient dit bestand voor ingebruikneming van de software te lezen en de inhoud daarvan in acht te nemen. 10. Mindscape garandeert 60 dagen vanaf aankoopdatum dat de informatiedrager waarop de software is geplaatst vrij is van fouten. De garantie houdt in dat Mindscape, naar eigen keuze, of het aankoopbedrag zal terugbetalen indien het aankoopbewijs wordt getoond en u zich als gebruiker heeft laten en, of dat zij kosteloos een werkend exemplaar van de software zal verstrekken. Overige garanties worden niet gegeven. 11. Op deze licentieovereenkomst is bij uitsluiting Nederlands recht van toeing.
2
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 3
Inhoudsopgave Installatie en Update . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5 Over deze help . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5 Installatie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5 Activering . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5 Overzicht . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Nieuw in Web Creator 4? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Het project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7 Ontwerp: Globale presentatie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .8 Tabblad Bewerken en voorbeeld . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 HTML en JavaScript bewerking (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 Werkbalk Selectie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13 Elementenselectie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14 Tabblad Elementen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15 Elementeigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15 Pagina-eigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16 Tabblad Sjabloonkleuren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17 Kleurkiezer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19 Tabblad Pagina's . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19 Werkbalk Snelle toegang bibliotheek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20 Menu Bestand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21 Nieuw project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21 Nieuwe pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21 Een project openen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Opslaan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Opslaan als . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Projecteigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Afdrukken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24 Opties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .25 Menu Bewerken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Ongedaan maken (Ctrl+Z) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Knippen (Ctrl+X) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Kopiëren (Ctrl+C) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Plakken (Ctrl+V) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Verwijderen (Del) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Alles selecteren (Ctrl+A) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Groepen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27 Koppeling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27 Elementeigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28 Menu Weergave . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Huidige pagina weergeven in... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Werkbalken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
3
WebCreator4Hol.xp
9/05/07
17:42
Page 4
Raster . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Vernieuwen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Menu Invoegen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30 Tekst . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30 Beeldeigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30 Knopeigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32 Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .36 Menu's (Pro-versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37 Animatie/Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38 Geluidseigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42 Bericht . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43 Galerie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44 Blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44 Kalender . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45 Rss, XML, Podcast (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45 Wachtwoord (Pro-versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46 Formulier (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47 Formuliervelden (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48 Editor formulierlijst (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50 Teller . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50 Webobjecten (Pro-Versie) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51 Groepen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52 Pagina-eigenschappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .53 Opties-Elementen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54 Acties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 Koppeling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56 Koppelingopties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56 Menu Opmaak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 Naar voor brengen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 Naar achter zenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 Uitlijnen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 Vergroten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 Extra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 Paginagrootte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 Sitekaart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 Website-optimalisering . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 De website en . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60 Opties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61 Menu Venster . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 Help . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 Eerste stappen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 Technische ondersteuning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 De website en . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .63 Web hosting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .65 4
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 5
Installatie en Update Over deze help Deze help is hetzelfde voor de beide versies van WebCreator, Standard en Professional. Indien u de Standard versie bezit, zult u geen toegang hebben tot sommige van de functies beschreven in deze help.
Installatie Installeren Het installatieprogramma is een uitvoerbaar bestand dat op een cd-rom kan staan of ge kan worden. Zijn grootte is ongeveer 100 MB en het kan op verschillende media gekopieerd worden (Internet, netwerk, USB-stick, CD Rom...) en gebruikt worden om Web Creator te installeren als een demoversie op andere computers. De software zal volledig functioneel zijn gedurende 30 dagen na de initiële installatie. Online activering is vereist om een permanente licentie te hebben.
Activering Om een versie met licentie van de software te verkijgen, moet u twee getallen invoeren: een serienummer en een numerieke sleutel. Elk softwarepakket vereist een unieke set van deze nummers en een geldig e-mailadres. U kunt uw gegevens openen en wijzigen op www.lmsoft.com/registration. LMSOFT zal de gegevens niet vrijgeven aan derden. Als u geen geldig e-mailadres opgeeft, kunt u geen gratis updates, kortingen en technische ondersteuning krijgen. Als u de sleutels verliest, kunt u ze niet opnieuw ophalen zonder een geldig e-mailadres. Merk op dat de licentieovereenkomst een installatie toestaat op tot 3 verschillende computers, op voorwaarde dat deze aan u toebehoren d.w.z. thuis, op kantoor en een portable.
Handmatige activering In sommige gevallen is het mogelijk dat de verbinding met onze server niet mogelijk is omwille van een te ijverige firewall of omdat men probeert de software te installeren op een draagbare computer zonder internettoegang. De handmatige activeringsprocedure maakt in zulke gevallen de productactivering mogelijk. U moet een HTML-bestand kopiëren van een niet-verbonden machine en dit bestand dan openen op een verbonden computer (vriend, kantoor, internetcafé...). Er wordt dan een bestand verkregen van onze server dat op de niet-verbonden computer moet worden gekopieerd. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
5
WebCreator4Hol.xp
9/05/07
17:42
Page 6
Overzicht Nieuw in Web Creator 4? • De nieuwe teksteditor aanvaardt alle talen ter wereld, inbegrepen niet-Latijn dubbel byte zoals Chinees, Arabisch, Japans, Hindi enz... • Importeer geformateerde tekst (RTF), tabellen en Excel-grafieken met de nieuwe teksteditor. • Nieuwe Vista (Microsoft TM) stijl sjablonen. • Eenvoudige Blog Creator. Volledige artikels zijn Web Creator-pagina's en kunnen geluid en video bevatten. Geïntegreerde RSS feed generator voor een eenvoudig abonnement. De Pro-versie bevat een zelfstandige RSS editor met Podcast-mogelijkheid. • Web Object-tool om externe code te bevatten en deze op de pagina te plaatsen. • Werkbalk voor snelle toegang tot bibliotheekelementen. Eenvoudig toevoegen van alle types grafische verbeteringen: kaders, getint glas, stickers, banners, enz. De Pro-versie voegt een categorie "Mijn elementen" toe voor een snelle toegang tot vaak gebruikte elementen. • SiteMap generator, de nieuwe zoekenginestandaard aangenomen door Google, Microsoft en Yahoo om de zichtbaarheid en classificatie van uw website te verbeteren. • Eliminatie van de stap "voor het web voorbereiden" en belangrijke herstructurering van de gegenereerde code: elke pagina wordt nu rechtstreeks in HTML opgeslagen. De code werd ook gewijzigd zodat de tekst en koppelingen van een pagina nu in een eerste HTML-deel staan. Visuele en interactiviteitseffecten volgen in een JavaScript-deel. Het effect hiervan is om de paginacompatibiliteit met verschillende browsers te verbeteren en ze eenvoudiger te maken om gezien te worden door zoekrobotten.
6
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 7
Het project
Alle ontwikkeling concentreert zich op de pagina. Het project bestaat uit één of meer pagina's die aan elkaar gekoppeld zijn. Elke pagina kan een aantal multimedia elementen bevatten zoals: • Afbeeldingen • Tekst • Geluiden • Animaties en video's • Knoppen en navigatiemenu's • Formulieren (Pro-versie) • Aangepaste menu's (Pro-versie) Een project begint met een eerste pagina die elementen bevat. Verschillende acties kunnen worden gekoppeld aan deze elementen: • Vertragingen en verschijningseffecten • Interactie tussen elementen op dezelfde pagina • Koppelingen naar andere pagina's
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
7
WebCreator4Hol.xp
9/05/07
17:42
Page 8
Het is niet nodig om multimedia elementen te verplaatsen, te kopiëren of te converteren wanneer ze op pagina's worden ingevoegd. U moet enkel aangeven waar ze staan op de vaste schijf.
Ontwerp: Globale presentatie Het ontwerp van Web Creator maakt het een zeer gebruiksvriendelijk programma. Het is gebaseerd op de meest recente ontwikkelingen op het vlak van ergonomie. U kunt het gemakkelijk aanen afhankelijk van uw behoeften of gebruiken. • De menu's: Bestand, Bewerken, Beeld, Invoegen, Opmaak, Venster, Help • Werkbalk: Web Creator verschaft twee werkbalken die naar de hoofdfuncties leiden. Het is mogelijk om te personaliseren hoe deze werkbalken worden weergegeven.
> De eerste geeft toegang tot de functies multimedia element en bestandsbeheer.
> De tweede geeft toegang tot de invoegfuncties van het multimedia element. Selectiewerkbalk: Deze zone bevindt zich aan de rechterkant van het scherm. Ze geeft de projectpagina's weer, hun eigenschappen en de eigenschappen van elk multimedia element op de pagina. Het eigenschaprooster geeft rechtstreekse toegang tot elementeigenschappen voor een snellere bewerking. Indien meer dan één element geselecteerd werd, worden enkel gemeenschappelijke eigenschappen en waarden getoond. De wijzigingen worden toegepast op alle geselecteerde elementen. Geeft de elementeigenschappen weer in alfabetische volgorde. Geeft de eigenschappen van de elementen weer Snelle toegang bibliotheekwerkbalk.: Maakt het eenvoudig om met de bibliotheek te werken en bespaart tijd voor de Pro-versie. U kunt de werkbalken loskoppelen en verplaatsen naar elke plaats op het scherm. U kunt deze ook sluiten. Dubbelklik op de selectiewerkbalk Titelbalk, en deze zal naar zijn oorspronkelijke positie terugkeren.
8
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 9
Tabblad Bewerken en voorbeeld Het hoofdvenster van Web Creator heeft drie tabbladen: • Bewerken: Gebruik deze modus om webpagina's te creëren, multimedia elementen (afbeeldingen, tekst, knoppen, video's, enz.) in te voegen en hun eigenschappen te wijzigen. • Bewerkingen van HTML en JavaScript (Pro-versie): Gebruik deze modus als u kunt programmeren, maar Web Creator kan zonder te programmeren worden gebruikt. U kunt deze modus gebruiken om meer specifieke functies in de code in te voegen. • Voorbeeld in Internet Explorer: Via deze modus kunt u de huidige pagina in verschillende webbrowsers weergeven. Merk op dat bepaalde koppelingen in deze modus mogelijk niet actief zijn.
HTML en JavaScript bewerking (Pro-Versie) Bewerking van JavaScript Deze functie vereist een grondige familiariteit met het web. Zonder te beschikken over programmeervaardigheden, is het toch nuttig om bepaalde basiszaken te weten over de taal die wordt gebruikt om webpagina's te creëren. Het typische gebruik van deze functie is om HTML of JavaScript code te importeren die door anderen geschreven is of gekopieerd werd van het web. Gezien het onmogelijk is om te weten wat u zult vinden, kunnen we niet garanderen dat geïmporteerde code zal werken zoals gehoopt. De enige aanpak is om ze te proberen en te zien of de geïmporteerde code correct werkt door het volgend tabblad te gebruiken: Huidige pagina weergeven met Internet Verkenner. Er zijn twee niveaus voor code-integratie, getoond in de twee subtabbladen:
Web Creator Pro JavaScript De code in dit deel bevat aanvankelijk wat gegenereerd is door de tabbladen Actie van de verschillende elementen. Deze code kan worden gewijzigd. Bijvoorbeeld, ervaren gebruikers kunnen code kopiëren en plakken in plaats van het invoeren van de opdrachten te herhalen met de zin Actie voor gelijkaardige elementen. Via de twee velden aan de linkerkant kunt u snel een element en zijn geassocieerde methode vinden. De cursor positioneert zichzelf in de geselecteerde functie. Nieuwe JavaScript code kan ook worden toegevoegd.. Deze code kan werken in alle uitvoeropties van LMSOFT software: op een plaatselijk netwerk, in uitvoerbare bestan-
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
9
WebCreator4Hol.xp
9/05/07
17:42
Page 10
den en op cd-rom op voorwaarde dat één van de volgende methoden gebruikt wordt in deze nieuwe code. Beschikbare methoden en gebeurtenissen voor Web Creator elementen Global: alert(STRING message) setTimeout(String function, Long time) Seite: Methoden: GetX() GetY() GetW() GetH() Ereignisse: OnClick OnMouseDown OnMouseUp OnMouseEnter OnMouseLeave Schaltfläche: Methoden: SetX( value) GetX() SetY( value) GetY() SetW( value) GetW() SetH( value) GetH() SetXYWH( value, value, value, value) IsVisible() Show() Hide() ShowEffect() HideEffect() ToggleVisibleState() IsDrawingEffect() RollIn() RollOut()
10
IsPress() Press(state) Ereignisse: OnClick OnMouseDown OnMouseUp OnMouseEnter OnMouseLeave WhenButtonDown WhenButtonUp Grafik: Methoden: SetX( value) GetX() SetY( value) GetY() SetW( value) GetW() SetH( value) GetH() SetXYWH( value, value, value, value) IsVisible() Show() Hide() ShowEffect() HideEffect() ToggleVisibleState() IsDrawingEffect() RollIn() RollOut() Ereignisse: OnClick OnMouseDown OnMouseUp
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
OnMouseEnter OnMouseLeave Text: Methoden: SetX(value) GetX() SetY(value) GetY() SetW(value) GetW() SetH(value) GetH() SetXYWH(value,value,va lue,value) IsVisible() Show() Hide() ShowEffect() HideEffect() ToggleVisibleState() IsDrawingEffect() RollIn() RollOut() Animation/Video: Methoden: SetX(value) GetX() SetY(value) GetY() SetW(value) GetW() SetH(value) GetH() SetXYWH(value,value,va lue,value) IsVisible() Show() Hide() ShowEffect() HideEffect() ToggleVisibleState() IsDrawingEffect() RollIn() RollOut()
Page 11
Play() Stop() TogglePlayState() Ereignisse: OnClick OnMouseDown OnMouseUp OnMouseEnter OnMouseLeave WhenVideoTerminate Sound: Methoden: RollIn() RollOut() Play() Stop() TogglePlayState() Ereignisse: WhenSoundTerminate Flash: Methoden: SetX(value) GetX() SetY(value) GetY() SetW(value) GetW() SetH(value) GetH() SetXYWH(value,value, value,value) IsVisible() Show() Hide() ShowEffect() HideEffect() ToggleVisibleState() IsDrawingEffect() RollIn() RollOut() Play() Stop() TogglePlayState()
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
11
WebCreator4Hol.xp
9/05/07
17:42
Rewind() Back() Forward() Formular: Methoden: FSubmit() FReset() Ereignisse: OnSubmit OnReset Felder: Eigenschaften: Objekt (HTML Tag Input) Methoden: SetX(value) GetX() SetY(value) GetY() GetW() GetH() IsVisible() Show() Hide() ShowEffect() HideEffect()
Page 12
ToggleVisibleState() IsDrawingEffect() RollIn() RollOut() focus() Enable() Disable() ToggleEnableState() Ereignisse: OnEnable OnDisable OnClick OnDblClick OnMouseDown OnMouseUp OnEnter OnLeave OnChange OnKeyDown OnKeyPress OnKeyUp OnSelect Validierung
Validierungsbeispiel für Feld1 (3 Arten des Zugriffs auf den Wert des Feldes): function Field1_OnChange() { if(is.ns) Field1=FindTagFromId(«Field1»); // For Netscape compatibility alert(Field1.object.value); // Access by object properties if(is.ns) Form1=FindTagFromId(«Form1»); // For Netscape compatibility alert(Form1.variable1.value); // Access with variable alert(Form1.obj Field1.value); // Access by object: obj Field1 } Das Feld selbst ist im Element eingeschlossen. Um auf dieses Objekt zuzugreifen, verwenden Sie seine Eigenschaften. Der Name dieses Tags ist der Name des Elements plus «obj» am Namensanfang. 12
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 13
Kompatibilität: Die Elemente sind direkt im Internet Explorer zugänglich, aber nicht in Netscape. Für eine Kompatibilität mit beiden Browsern müssen Sie folgende Zeile hinzufügen, bevor Sie eine Eigenschaft oder eine Methode eines Elements aufrufen: if(is.ns) element1=FindTagFromId(«element1»); Nun möglich: Verwendung von element1.XXX Andere Codes als Web HTML und JavaScript Jeder HTML- oder JavaScript-Code, der den W3CAnforderungen entspricht, kann in dieser Option hinzugefügt werden. In der Regel können Codes, die bereits auf Webseiten funktionieren, in dieses Fenster eingefügt werden. Sie können überprüfen, ob seine Funktionen auf Ihrer Seite einwandfrei funktionieren: Verwenden Sie dazu Aktuelle Seite mit Internet Explorer anzeigen. Zeigt dieser Code etwas an und möchten Sie ihn an einer anderen Stelle auf der Seite verwenden, können Sie diesen Code in ein Zählerelement einfügen.
Werkbalk Selectie De werkbalk Selectie maakt het bewerken veel eenvoudiger. Deze bevindt zich aan de rechterkant van het hoofdvenster en geeft een gemakkelijke toegang tot de hoofdeigenschappen van de pagina's en hun elementen. De werkbalk Selectie heeft de volgende tabbladen: • Tabblad Elementen • Tabblad Sjabloonkleur • Tabblad Pagina's U kunt de werkbalk Selectie ook verplaatsen en deze weergeven waar u wenst op de pagina.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
13
WebCreator4Hol.xp
9/05/07
17:42
Page 14
Elementenselectie
U moet in de modus Bewerken zijn om elementen op de pagina te selecteren. U kunt meer dan één element selecteren via: • Ctrl+klik : Selecteert verschillende elementen. • Ctrl+A : Selecteert alle elementen die ingevoegd zijn op een pagina. Met behulp van de "elastische selectie" kunt u alle elementen selecteren die u omvat met de rechthoek. Om een rechthoek te tekenen, druk op de linkermuisknop en houd deze ingedrukt terwijl u deze beweegt. Wanneer u klikt op een element in de lijst van elementen, wordt het overeenkomstige element op de pagina omgeven door een grijs kader. U kunt dit kader dan verplaatsen en positioneren waar u wilt op de pagina. Als u daarentegen klik op een element op de pagina, selecteert u het ook in het tabblad elementen in de selectiewerkbalk. Wanneer u verschillende elementen selecteert, wordt een grijs kader weergegeven dat alle elementen omvat. U kunt het kader dan verplaatsen en positioneren waar u wilt op de pagina. Het is mogelijk om de geselecteerde elementen te verwijderen met de toets Verwijderen of met de knop Verwijderen . 14
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 15
Tabblad Elementen Op het tabblad Elementen op de werkbalk Selectie, verschijnt de lijst van elementen in de modus Bewerken. De volgorde van de elementen vertegenwoordigt de volgorde waarin de elementen worden weergegeven op de pagina terwijl de pagina aan het en is. Het is mogelijk om de volgorde te wijzigen door een element te selecteren en vervolgens op de pijlen aan de rechterkant te klikken om het omhoog of omlaag te schuiven in de lijst. Klik eenmaal om een element te selecteren. • Het oogpictogram maakt een element onzichtbaar in de modus Bewerken. • Het vergrendelpictogram verhindert de selectie van het element. Nuttig voor het achtergrondbeeld bijvoorbeeld. Dubbelklik op een element om zijn dialoogvenster eigenschappen te openen. De eigenschappen van één of meer elementen kunnen worden gezien in het onderste deel van het tabblad. Geeft de eigenschappen weer in alfabetische volgorde. Geeft de eigenschappen per groep weer.
Elementeigenschappen Dialoogvensters Eigenschappen Maakt het mogelijk om de eigenschappen van de geselecteerde elementen één voor één te wijzigen door een specifiek dialoogvenster eigenschappen te openen. Eigenschapraster Geplaatst op de selectiewerkbalk, maakt het tabblad Elementen het mogelijk om gemakkelijk de eigenschappen van geselecteerde elementen te wijzigen. Wanneer verschillende elementen geselecteerd zijn, geeft het tabblad Elementen hun gemeenschappelijke eigenschappen weer. Indien u één eigenschap wijzigt van een element dat toebehoort aan een groep of een selectie van verschillende elementen, zal deze wijziging een effect hebben op al de andere geselecteerde elementen. Geeft de eigenschappen per functionele groep weer: elementen, koppelingen, opties, enz. Geeft de eigenschappen in alfabetische volgorde weer: actie, bibliotheek, compressie, enz.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
15
WebCreator4Hol.xp
9/05/07
17:42
Page 16
Pagina-eigenschappen De pagina-eigenschappen kunnen opgeroepen worden door te dubbelklikken op het pictogram pagina in de elementenlijst. Een andere manier is om te klikken op het potloodpictogram nadat een pagina geselecteerd werd in het tabblad Pagina. Deze eigenschappen zijn ook beschikbaar in het Eigenschapsrooster. De eigenschappen van een pagina zijn: • Pagina > Paginabestandsnaam: Specificeert de naam van de geselecteerde pagina. De naam van een pagina kan niet worden gewijzigd wanneer deze is ingevoerd. De enige uitzondering is de eerste pagina. U kunt de naam ervan wijzigen wanneer de site klaar is om te worden overgedragen naar een webserver. De reden hiervoor is dat alle koppelingen die naar die pagina leiden een fout zouden veroorzaken. Indien u de naam moet wijzigen, maak een kopie van de pagina (in het tabblad Pagina's), plaats de nieuwe naam en wijzig de koppelingen op alle andere pagina's, menu's enz.. > Titel: Specificeert de titel van de huidige pagina die door de webbrowser wordt weergegeven. > Achtergrondkleur: Standaard wit. Om dit te wijzigen, klik op Achtergrond. > Tegelafbeelding: Kies een achtergrondafbeelding. Het beeld wordt weergegeven met een tegeleffect. > Wachtwoord: Activeer wachtwoordbescherming zodat enkel gemachtigde mensen sommige pagina's of delen van de site kunnen consulteren. De geldigheid, in minuten, betekent dat het wachtwoord in het geheugen zal worden gehouden gedurende X minuten nadat de pagina geladen is. Tijdens deze tijd, kan de bezoeker elke andere pagina bereiken die beschermd is door hetzelfde wachtwoord zonder dit opnieuw te moeten invoeren. De teller gaat terug naar zero voor elke nieuwe pagina. Het is niet mogelijk om meerdere wachtwoorden te definiëren voor een gegeven pagina. In zulk een geval moet u de pagina dupliceren. • Opties > Definieert de paginagrootte van de geselecteerde pagina. Andere opties voor paginagrootte en positie kunnen worden gevonden in de Projecteigenschappen. • Acties > Zie het deel Acties • Koppelingen > Zie het deel Koppeling 16
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 17
• Metatags > Metatags zijn trefwoorden waarmee zoekengines een site kunnen identificeren, classificeren en indexeren. Om specifieke metatags in te voeren voor de geselecteerde pagina, klik op het project in het venster elementen, klik op de knop metatags en vul de velden in het venster Metatags Generator dat verschijnt in. Scheid de trefwoorden alleen door een spatie. Klik dan op OK. Web Creator zal de HTML code genereren met de metatags die u hebt ingevoerd. Deze informatie garandeert niet dat de site eerst zal verschijnen wanneer met een zoekmachine gezocht wordt. Om zo'n resultaat te krijgen, neem op met specialisten of lees boeken en de websites die hieraan gewijd zijn.
Tabblad Sjabloonkleuren
Het tabblad Sjabloonkleuren op de selectiewerkbalk maakt het mogelijk om snel de hoofdkleuren van de volledige website te wijzigen. Deze sjabloonkleuren zijn gemeenschappelijk voor alle pagina's van een project. Zo kunt u de website aanen aan de bedrijfskleuren door deze te personaliseren. Het is mogelijk om de kleuren voor een enkele pagina te wijzigen. Het is ook mogelijk om de sjablonen aan te en door bepaalde kleuren te wijzigen.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
17
WebCreator4Hol.xp
9/05/07
17:42
Page 18
De kleuren wijzigen van alle pagina's van een site U kunt deze functie gebruiken met de sjablonen geleverd door Web Creator. Om deze sjablonen te openen, klik op Bestand/Nieuw/Nieuw project. Het venster Nieuw project wordt weergegeven. Kies in dit venster een sjabloon. Klik op OK. Om de kleuren van alle pagina's in het project te wijzigen, klik in de selectiewerkbalk op het tabblad Sjabloonkleuren. In het venster Stijl, klik op de lijst en kies een andere set kleuren. De wijziging is onmiddellijk. Ze wordt toegepast op alle pagina's van het model naarmate ze geladen worden voor bewerking.
De kleuren van de website aanen Om de website aan te en aan de kleuren van uw bedrijf, creëer uw eigen kleurenpalet. In de selectiewerkbalk, klik op het tabblad Sjabloonkleuren. In de zone Bestand, klik op de knop Paletbeheer . Het venster Paletselectie wordt weergegeven. Klik op de knop Nieuw palet om een nieuw kleurenpalet te maken. Geef het een naam. Selecteer het vervolgens en klik op de knop OK. Terug in de selectiewerkbalk, in het tabblad Sjabloonkleur, kunt u de primaire, secundaire en andere kleuren van uw aangepast palet wijzigen. Klik op de naam van elke kleur die u wilt wijzigen. Klik bijvoorbeeld op de Primaire kleur. Het Kleurenvenster wordt weergegeven. Selecteer een: • Basiskleur. • Kleur binnen de tintselectie . • Een specifieke kleur met de kleurkiezer. Om de kleurkiezer te openen, plaats de cursor buiten het Kleurenvenster. Wanneer de cursor een kleurkiezer wordt, klik op de gewenste kleur met de linkermuisknop. Web Creator analyseert de kleur en geeft deze weer in het Kleurenvenster. Stijl: Het is mogelijk om het kleurenpalet van een sjabloon te wijzigen door een palet uit de lijst te kiezen. Het kan enkele seconden duren voor alle nieuwe kleuren worden toegepast. Het is ook mogelijk om elke individuele kleur te wijzigen. Klik rechts. Het kleurenvenster en de kleurenkiezer worden weergegeven zodat u een kleur ergens op het scherm kunt ophalen. Deze functie is erg nuttig om uw site te harmoniseren met uw bedrijfskleuren. Bestanden: Via het paletselectiebeheer, kunt u de gecreëerde kleurenpaletten beheren. Bovendien kunt u de doorzichtigheid voor elke kleur wijzigen. Klik op het pictogram uitvouwen voor de naam van elke kleur, specificeer dan de waarde van de doorzichtigheid.
18
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 19
Kleurkiezer Via de kleurkiezer kunt u een specifieke kleur selecteren. Deze functie is nuttig, bijvoorbeeld, om een knop te maken met een kleur die identiek is of perfect gecoördineerd is met elementen die al op een pagina ingevoegd zijn ( zoals een logo). Om deze tool te openen, plaats de cursor buiten het Kleurenvenster. De cursor wordt een kleurenkiezer. Klik met de linkermuisknop op de gewenste kleur. Web Creator analyseert de kleur en geeft deze weer in het Kleurenvenster. U kunt deze aangepaste kleur opnieuw gebruiken door Opslaan als een aangepaste kleur te gebruiken zoals aangegeven hieronder.
Tabblad Pagina's
In de Bewerkingsmodus, in de Selectiewerkbalk geeft het tabblad Project alle pagina's van het project weer. U kunt gemakkelijk elke pagina openen door op zijn pictogram te klikken. Klik met de rechtermuisknop op een paginapictogram om een pop-upmenu weer te geven met de volgende functies: • Dupliceren. • Naam wijzigen. • De pagina verwijderen. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
19
WebCreator4Hol.xp
9/05/07
17:42
Page 20
Opmerking denk goed na voor u een pagina verwijdert. De koppelingen
van andere pagina's naar de verwijderde pagina zullen tot fouten leiden.
Werkbalk Snelle toegang bibliotheek Deze balk geeft bibliotheekelementen weer. Deze kunnen aan een pagina worden toegevoegd door te slepen en neer te zetten. De positie van de muis als men loslaat zal deze zijn van de linkerbovenhoek van het element. Door te dubbelklikken op een bibliotheekelement zal dit in het centrum van de pagina komen. Om het knopdeel te bevolken, is het nodig om knoppen te genereren met behulp van +.
De Pro-versie biedt ook de categorie "Mijn elementen" waar vaak gebruikte elementen (logo's, knoppen, menu's enz...) in uw verschillende projecten kunnen worden opgeslagen. Gebruik + om het geselecteerde element op de pagina toe te voegen aan "Mijn elementen".
20
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 21
Menu Bestand Nieuw project Om een nieuw project te creëren, start van een lege pagina of van een sjabloon uit de Bibliotheek geleverd bij de software. Web Creator geeft het project automatisch een naam die later kan worden gewijzigd. Geef betekenisvolle namen aan de projectpagina's zodat u deze later gemakkelijk kunt vinden. Kies namen zoals index, introductie, enz. Sla het project op in een willekeurige map op uw vaste schijf. Wanneer u voor het eerst een webproject maakt, kopieert Web Creator aanvankelijk de multimedia elementen van het project niet, die zich bevinden op dezelfde vaste schijf als het programma. Het creëert enkel koppelingen. Om al de bestanden en items die in het project ingevoegd werden te dupliceren, gebruik de functie Opslaan als. Web Creator maakt een nieuwe map en plaats daarin alle elementen uit het Webproject.
Nieuwe pagina Er zijn vier manieren om een nieuwe pagina te maken: • Selecteer Bestand/Nieuw/Nieuwe pagina: Het venster Paginamodelselectie verschijnt. Kies Lege pagina of gebruik een sjabloon. • Van elk multimedia item. Dubbelklik op het item; het venster Elementeigenschappen verschijnt. In het deel Koppeling, kies een nieuwe pagina of een bestaande pagina. • In de selectiewerkbalk in het deel Projectpagina's, klik met de rechtermuisknop op een pagina . In het pop-upmenu dat verschijnt, selecteer Dupliceren. • In de selectiewerkbalk, in het deel Projectpagina's. Klik op het pictogram
.
• Wanneer een nieuw project gestart wordt, biedt het venster van de site sjabloonbibliotheek een hele reeks thema's en opmaken: • Indien u een Lege pagina kiest, kunt u uw eigen mulitmedia elementen handmatig invoegen.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
21
WebCreator4Hol.xp
9/05/07
17:42
Page 22
Een project openen Opent één of verschillende projecten tegelijkertijd. In het laatste geval kunnen multimedia elementen gekopieerd worden tussen projecten met kopiëren/plakken of slepen en neerzetten. U kunt echter geen pagina's kopiëren van het ene project naar het andere. Om een volledige pagina te kopiëren van het ene project naar het andere, creëer een koppeling naar die pagina.
Opslaan Slaat het huidige project op.
Opslaan als De functie Bestand/Opslaan als kopieert het volledige project. Alle bestanden vervat in de pagina's worden ook naar de nieuwe map gekopieerd. Indien u het project wilt verplaatsen naar een nieuwe computer, is dit de functie die u moet gebruiken. Opslaan als kopieert niet enkel de gecreëerde bestanden (.lwc en .pag) maar ook de elementen (beelden, geluiden, enz.) in de projectpagina's. U kunt de functie Opslaan als ook gebruiken voor een back-up van het project in de verschillende ontwikkelingsfases. Wijzig de naam van het project als u een back-up neemt.
Projecteigenschappen Project De werkbalk Selectie geeft de volgende projecteigenschappen weer: • Metatags > Metatag generator: Klik op dit vak en vervolgens op de knop bladeren die verschijnt. Het venster Metatag Generator wordt weergegeven. Typ de trefwoorden in die uw website beschrijven, de auteur (uw naam), een korte beschrijving van uw site, de creatiedatum en de taal. Web Creator genereert automatisch de HTML-code die de metatags bevat. > Metatags (trefwoorden): Specificeert de metatag trefwoorden die uw site beschrijven. Scheid elk woord met een spatie. • Project > Lusgeluid: Indien Ja, zal het geluidsbestand dat werd opgegeven in de onderstaande Geluidbestandsnaam continue spelen. 22
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 23
> Eerste pagina project: Specificeert de locatie op de vaste schijf van de eerste pagina van het project. > Geluidbestandsnaam: Specificeert de locatie op de vaste schijf van het geluidsbestand gekoppeld aan de site. > Geluidsbibliotheek: Opent de Geluidsbibliotheek geleverd door Web Creator. • Webinstellingen > Positie in de browser: Specificeert de positie van de webpagina's in het browservenster: in het midden, bovenaan links, onderaan rechts, enz. De meest gebruikelijke positie is bovenaan in het midden en bovenaan links. > Uitrekken in browser: Standaard, Nee. Indien Ja zullen de pagina's de volledige weergavebreedte van het browservenster innemen. Ze verliezen mogelijk hun originele proporties en de beelden zullen vervormd zijn. > Uitrekwaarde: Specificeert in welke proporties de webpagina's het weergaveoppervlak van het browservenster in beslag zullen nemen. Indien de webpagina's uitgerekt zijn, zullen de afbeeldingen waarschijnlijk vervormd zijn. > Naam eerste webpagina: Specificeer de naam van de eerste pagina van de website. We bevelen aan dat u een eenvoudige maar betekenisvolle naam kiest. De eerste pagina zal een andere naam moeten krijgen (bijv. index.html) wanneer de website geüpload is naar het web.
Het venster Projecteigenschappen leidt naar de volgende functies: Tabblad Globaal • Project eerste pagina: Specificeert de naam van de eerste pagina van de website. Merk op dat het mogelijk is om deze te wijzigen. Dit betekent dat het mogelijk is om de eerste pagina te vervangen door een andere of om een andere pagina in te voegen voor de eerste pagina. Een pagina moet natuurlijk worden aangeduid als de eerste pagina van de site. Stel dan zijn koppelingen met andere pagina's in en controleer deze. • Achtergrondgeluid: Maakt het mogelijk om een achtergrondmuziekgeluid in te voegen dat zal worden afgespeeld tijdens bezoeken aan de site.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
23
WebCreator4Hol.xp
9/05/07
Opgepast
17:42
Page 24
Alleen de titel van de eerste pagina wordt weergegeven in de titelbalk van de browser tijdens bezoeken aan de site. Het is bovendien veel beter om zoveel mogelijk Midi (* mid) of MP3 (* mp3) geluiden aan de pagina's toe te voegen. De andere formaten zoals Wav zijn zeer grote bestanden die veel tijd vragen.
Tabblad Webinstellingen Lees a.u.b. de aanbevelingen van uw Internet Service Provider. • HTML: Specificeer de naam van de eerste pagina van de site. Indien index.html niet werkt, vraag aan de leverancier van de webhosting hoe verder te gaan. • Uitrekken: Kies of de pagina's de het volledige weergaveoppervlak van het browservenster in beslag zullen nemen of op een vooraf bepaalde grootte vastgesteld zullen worden. We bevelen aan om uitrekken niet toe te staan. Indien wel zullen de pagina's hun originele proporties verliezen en zullen de afbeeldingen vervormd worden. • Positie in de browser: Specificeert de positie van de webpagina's in het browservenster: in het midden, bovenaan links, onderaan rechts, enz. De meest gebruikelijke positie is bovenaan in het midden en bovenaan links.
Tabblad Metatags Metatags zijn trefwoorden waarmee zoekengines de site kunnen identificeren, classificeren en indexeren. Klik op de knop Generator en voer in het venster Metatag Generator de trefwoorden en andere informatie in die uw site beschrijven. De trefwoorden moeten enkel door een spatie worden gescheiden. Klik dan op OK. Web Creator zal automatisch de HTML code genereren met de metatags die u hebt ingevoerd. Opmerking: De zuivere aanwezigheid van deze informatie garandeert helemaal niet dat uw site zal vermeld worden in zoekresultaten van een zoekopdracht met een zoekengine. Om zo'n resultaat te krijgen, neem op met specialisten of lees boeken en de websites die hieraan gewijd zijn.
Afdrukken Drukt enkel de huidige pagina af.
24
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 25
Opties Raster Het raster vereenvoudigt het uitlijnen van elementen op het scherm. Stel de rastergrootte in pixels en zijn kleur in. Het rooster kan actief zijn of niet en kan zichtbaar zijn of niet. De standaard rasterinstelling is tien pixels.
Webbrowsers Stel de locatie in van de uitvoerbaarbare bestanden van uw browsers: Internet Explorer, Netscape en/of Firefox. Deze zullen worden gebruikt om een voorbeeld te geven van webpagina's in het menu Beeld.
Compressie Stel de standaard compressieverhouding in voor het converteren van beelden naar .jpg. Het is ook mogelijk om de compressieverhouding te specificeren voor individuele beelden.
Diversen Geschiedenis: Stelt het aantal recent geopende bestanden in voor verschijning in het menu Bestand.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
25
WebCreator4Hol.xp
9/05/07
17:42
Page 26
Menu Bewerken Ongedaan maken (Ctrl+Z) Maakt de laatste bewerking(en) één voor één ongedaan tot de laatste keer dat het project werd opgeslagen.
Knippen (Ctrl+X) Plaatst een kopie van het(de) geselecteerde element(en) op het klembord en verwijdert het/ze van de pagina. Vergeet niet om eerst een of meer elementen te selecteren voor het snijden.
Kopiëren (Ctrl+C) Kopieert de geselecteerde multimedia items. In tegenstelling tot de functie Snijden, verwijdert deze functie het element niet van de pagina. Vergeet niet om eerst één of meer elementen te selecteren vooraleer te snijden.
Plakken (Ctrl+V) Plakt de inhoud van het klembord op de huidige pagina. Het is mogelijk om multimedia elementen te plakken vanuit elke Microsoft Windowsprogramma of vanuit Windows Verkenner door te slepen en neer te zetten. Merk op dat sommige bestanden of elementen geconverteerd zullen worden naar andere formaten. Bijvoorbeeld, vector grafische bestanden (.wmf voor Windows MetaFile) worden geconverteerd naar bitmap-bestnadne (.bmp).
Verwijderen (Del) Verwijdert de geselecteerde elementen uit de huidige pagina. Selecteer eerst een of meer elementen voor het verwijderen.
Alles selecteren (Ctrl+A) Selecteert alle elementen op de pagina maar niet de pagina zelf.
26
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 27
Groepen Web Creator verschaft een groepcreatiefunctie. Met deze functie kunt u verschillenden multimedia elementen samen groeperen als één eenheid. Hierdoor kunt u: • Efficiënter werken: Wanneer de groepen gecreëerd zijn, is het mogelijk om ze te verplaatsen en acties erop in te stellen als een groep. • Websites creëren waarop enkel de informatie wordt getoond die vereist is door de gebruiker. De sjablonen Flat Tabs zijn een voorbeeld van geavanceerd webontwerp dat eerder een uitgebreide programmering vereiste. Om een groep te creëren, selecteer de elementen die tot deze groep zullen behoren. Om verschillende elementen te selecteren, klik met de linkermuisknop + druk op de toets CTRL. Klik vervolgens om een groep te creëren op het: • Groeppictogram
in de werkbalk.
• Bewerken van/Toevoegen aan een groep. • Selecteer elementen met de rechtermuisknop. Er wordt een contextmenu weergegeven. Kies Aan groep toevoegen/Nieuw. Als de groep gecreëerd is, geeft de Selectiewerkbalk de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Inbegrepen in site: Moet Ja zijn. > Zichtbaar: Indien Waar zal de groep worden weergegeven wanneer de pagina ge is. Indien Onwaar, zal de groep onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) deze weergeeft. Klik op de pijl omlaag om Onwaar of Waar te kiezen. • Elementen > Elementenselectie: Specificeer de elementen die tot de groep behoren. • Opties > Naam: Specificeer de naam van de groep.
Koppeling Dit pictogram opent het dialoogvenster Koppeling. Vergeet niet om een element te selecteren voor u een koppeling toevoegt.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
27
WebCreator4Hol.xp
9/05/07
17:42
Page 28
Het dialoogvenster Koppeling werkt ongeveer op dezelfde manier als voor elk element. Met Web Creator kan inderdaad elk multimedia element gekoppeld worden naar een ander bestand. Om bijvoorbeeld een koppeling te activeren op een afbeelding, een knop of een tekstvak, klik erop. De koppeling voor geluids- en animatieclips kan gereactiveerd worden wanneer ze stoppen met spelen. Koppeling: Specificeert de te krijgen pagina of bestand. Deze koppeling kan worden verwijderd of gewijzigd. Automatische koppeling: Deze optie doet de browser automatisch het gekoppelde bestand halen X seconden nadat de pagina met de koppeling wordt geladen. Zie Koppelingopties
Elementeigenschappen Dialoogvensters Eigenschappen Maakt het mogelijk om de eigenschappen van de geselecteerde elementen één voor één te wijzigen door een specifiek dialoogvenster eigenschappen te openen.
Eigenschapraster Geplaatst op de selectiewerkbalk, maakt het tabblad Elementen het mogelijk om gemakkelijk de eigenschappen van geselecteerde elementen te wijzigen. Wanneer verschillende elementen geselecteerd zijn, geeft het tabblad Elementen hun gemeenschappelijke eigenschappen weer. Indien u één eigenschap wijzigt van een element dat toebehoort aan een groep of een selectie van verschillende elementen, zal deze wijziging een effect hebben op al de andere geselecteerde elementen. Geeft de eigenschappen per functionele groep weer: elementen, koppelingen, opties, enz. Geeft de eigenschappen in alfabetische volgorde weer: actie, bibliotheek, compressie, enz.
28
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 29
Menu Weergave Huidige pagina weergeven in... Geeft de huidige pagina weer in de geselecteerde browser vooraleer de website te en: Deze optie is zeer nuttig om juist te zien hoe een pagina zal worden weergegeven in de belangrijkste browsers die u op uw systeem geïnstalleerd hebt. Een van de grote voordelen van onze software is juist dat de pagina-opmaak dezelfde blijft op alle browsers. Er kunnen echter wel kleine dynamische verschillen optreden zoals deze voor overgangseffecten. Tekst met koppelingen kan ook automatisch onderlijnd worden zoals door sommige Netschape browsers. Gebruik deze optie om te controleren hoe een browser uw pagina-ontwerpen kan beïnvloeden. Om browsers toe te voegen, zie het deel Opties van het menu Extra.
Werkbalken Via de menuopties kunt u selecteren welke werkbalk op uw bureaublad zal verschijnen. De werkbalken zijn verplaatsbaar en dokbaar en kunnen om het even waar op het scherm worden geplaatst. Ze kunnen verticaal of horizontaal worden gegroepeerd. De punaise zal de werkbalken na muisbewegingen verbergen en tonen. Door te dubbelklikken op het titelgebied zullen de werkbalken terug in hun originele positie komen. De optie opnieuw instellen is handig om gesloten werkbalken terug te halen.
Raster Raster weergeven (Ctrl+H): Geeft het magnetisch raster weer. Het raster kan zichtbaar maar niet actief zijn. Raster actief (Ctrl + G): Activeert het magnetische raster of snap. Het raster kan actief maar niet zichtbaar zijn.
Vernieuwen Herlaadt de pagina inbegrepen de laatste wijzigingen. In bepaalde gevallen kan het nodig zijn om de pagina te vernieuwen om de juiste weergave van doorzichtigheid en layout te verkrijgen. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
29
WebCreator4Hol.xp
9/05/07
17:42
Page 30
Menu Invoegen Tekst De nieuwe teksteditor van Versie 4 maakt het mogelijk om tekst rechtstreeks in verschillende elementen in te voeren zonder dat het nodig is om een afzonderlijke toeing te starten. Zijn functies zijn deze van een klassieke op RTF gebaseerde teksteditor. De nieuwe editor ondersteunt nu alle talen van de wereld op voorwaarde dat ze aanwezig zijn op uw machine. Het is meestal mogelijk om de opmaak te behouden van documenten die gemaakt zijn met andere tools zoals Word of Excel. Het is dus mogelijk om een Excel-grafiek of tabel te importeren door te knippen en te plakken. Hypertekstopties Een hypertekst is een koppeling die komt van een woord of van een groep woorden in een tekst. Om een hypertekstkoppeling te creëren, selecteer de tekst met de muis en klik op de tool Hypertekst of op de menu-optie. De volgende eigenschappen zullen van toeing zijn voor de geselecteerde tekst: • Koppeling zelfde als alle andere elementen. • Acties zelfde als alle andere elementen. Ga naar Volgende Hypertekst: Springt naar de volgende hypertekst.
Beeldeigenschappen Om een afbeelding toe te voegen, klik op: • Het menu Invoegen/Afbeelding • De afbeedlingsknop
op de werkbalk.
• Of sleep en zet de afbeedling uit een Microsoft Windows-toeing neer. Om de volgende eigenschappen te wijzigen in het venster Beeldeigenschappen, dubbelklik op de afbeelding:
Bestand Geef de bibliotheek weer, die afbeeldingen en sjablonen bevat die geleverd zijn met Web Creator.
30
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 31
Zoekt de afbeelding op de vaste schijf. Indien een afbeelding niet gevonden wordt op de lokale vaste schijf, zal Web Creator deze kopiëren in de projectmap, omdat alle bestanden van een project op dezelfde schijf moeten staan. Opmerking Terwijl u uw website aan het instellen bent, genereert Web
Creator koppelingen naar de elementen die in de webpagina's zijn ingevoegd. Wijzig dus de locatie van de ingevoegde elementen niet. De bestanden worden gekopieerd naar dezelfde map – op dezelfde vaste schijf wanneer u de functie Opslaan als gebruikt.
Afbeeldingsgereedschappen Door te klikken op het selectievakje, worden de initiële verhoudingen van de afbeelding behouden zodat deze niet kan worden uitgerekt. Deze functie opent ook gereedschappen om een afbeelding in te voegen in een pagina--om een deel ervan uit te halen en doorzichtige zones in te stellen. Zie Afbeeldingsgereedschappen.
Compressie De software definieert automatisch de juiste afmetingen van een beeld en zet het in de formaten Jpeg of Gif. De Gifs blijven net zoals ze zijn. Alle andere formaten worden geconverteerd tot Gifs (wanneer er een doorzichte kleur is) of tot Jpg. In het laatste geval wordt de compressieverhouding gedefinieerd in het menu Opties. Deze waarde verschaft een goed compromis tussen de weergavekwaliteit van een afbeelding en de tijd. In bepaalde gevallen (technische tekeningen, grafieken, beelden met tekens) kan het wenselijk zijn om de compressieverhouding te wijzigen. Voer het cijfer in het voorziene veld in. Web Creator herberekent de grootte van een afbeelding en schat de tijd. Gebruik de weergave Voorbeeld in Internet Verkenner om het effect te controleren van de compressieverhouding op de kwaliteit van de afbeelding. • Opties • Acties • Koppelingen
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
31
WebCreator4Hol.xp
9/05/07
17:42
Page 32
Knopeigenschappen Om een knop toe te voegen, klik op het: • Menu Invoegen/Knop • De knop
op de werkbalk.
Knoppen worden in het algemeen gebruikt om iets te doen gebeuren wanneer erover geschoven wordt of wanneer erop gedrukt wordt. Voor een betere ergonomie kan Web Creator verschillende types knoppen genereren met tal van mogelijkheden.
Knopblibliotheek
Opmerking: Om toegang te krijgen tot de duizenden knoppen in de bibliotheek, moet u de optie "Nieuw" van het dialoogvenster of de "+" in de Bibliotheekwerkbalk gebruiken. Specificeer de gewenste opties: grootte, texturen, effect, pictogram, enz. en de knop zal worden toegevoegd aan de knopbibliotheek. In deze fase zijn alle knoppen grijs. Ze zullen de kleuren aannemen die ingesteld zijn in het kleurenpalet van het project wanneer ze op de pagina zijn geplaatst.
Andere knoptypes: 2D knoppen: Tekst op de knop 32
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 33
Elke knop kan wat tekst weergeven, behalve onzichtbare knoppen. Specificeer tekst voor de knop, en er zal meer tekst verschijnen wanneer op de knop wordt gedrukt (voor naar de gebruiker). Deze tekst kan dezelfde zijn, met een kleine offset, die de indruk zal geven van een beweging na het klikken. Voeg een verzonken of verhoogd effect toe aan de knop om de tekst beter leesbaar te maken. Opmerking: De knoppen worden geconverteerd (en gecomprimeerd) tot afbeeldingen voor het en ervan naar de webserver. Tijdens het comprimeerproces kan de tekst op de knoppen kwaliteit verliezen en minder leesbaar worden. Het is aan te raden om het resultaat in uw internetbrowser te controleren om de beste typografie voor de knoppen te vinden. 3D knoppen Schakelknop: Indien Ja zal de knop zich gedragen als een schakelaar, met een hoge en lage positie. Indien Nee, zal de knop zijn initiële vorm hernemen nadat erop geklikt wordt. (Denk aan de Pauze-knop op een bandrecorder.) Wanneer op een schakelknop werd geklikt, blijft deze in de lage positie. Door een tweede keer op de knop te klikken, keert deze terug naar zijn initiële positie. Beeldknop: Deze knop wordt gemaakt van 1 à 3 beelden: 1. Verhoogd: Initiële afbeelding van de knop; 2. Ingedrukt: Afbeelding wanneer op de knop wordt geklikt; 3. Aanwijseffect: Afbeelding wanneer over de knop wordt gerold; Enkel de verhoogde positie is verplicht. De ingedrukte en aanwijsbeelden zijn optioneel, maar ze maken de pagina meer dynamisch. Onzichtbare knoppen Deze knoppen zijn zeer nuttig om hot zones in te stellen op technische beelden of illustraties. Opmerking: Combineer deze knoppen met knopinfo om te helpen een aangrenzend beeld te verkennen.
Knopeigenschappen De werkbalk Selectie geeft de volgende knopeigenschappen weer: • Zichtbaar en onzichtbaar > Effect: standaard is geen verschijningseffect geactiveerd. Om een effect te creëren, klik op deze eigenschap om het te selecteren en klik op de pijl naar
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
33
WebCreator4Hol.xp
9/05/07
omlaag enz.).
17:42
Page 34
. Selecteer dan het uitzicht om het effect te geven (rond, gordijnen,
> Vertraging verbergen: Geef aan, in seconden, hoe lang de knop onzichtbaar zal zijn wanneer de pagina ge is. > Vertraging weergeven: Geef aan, in seconden, hoe lang de knop weergegeven zal worden wanneer de pagina ge is. > Zichtbaar: Indien Waar zal het element worden weergegeven wanneer de pagina ge is. Indien Onwaar, zal het element onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) vereist dat deze wordt weergegeven. Klik op de pijl omlaag om Onwaar of Waar te kiezen. • Element > Knoptype: 2D: Platte knop 3D: Knop in 3 dimensies Onzichtbaar: Het element zal onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) vereist dat deze wordt weergegeven. Afbeelding: Vormt elke afbeelding om tot een knop. > Bibliotheek: Deze optie opent de bibliotheek van knoppen die geleverd worden door Web Creator. Klik op bibliotheek, vervolgens op de knop bladeren. Het venster Knopselectie wordt weergegeven met een open venster Knopcreatie. Standaard geactiveerd: Indien Ja, verschijnt de knop alsof deze al geactiveerd is. Deze optie kan worden gebruikt, bijvoorbeeld om te betekenen dat de knop niet actief kan zijn (onbereikbare functie of al gebruikt) of om te bevestigen dat de vorige pagina niet met deze knop kan worden bereikt. Tekst voor ingedrukte status: Specificeert de tekst van de knop wanneer op de knop wordt geklikt. Tekst voor verhoogde status: Specificeert de initiële tekst van de knop voor erop geklikt wordt. Tekst voor aanwijseffect: Specificeert de tekst van de knop wanneer erover gerold wordt. > Schakelknop: Indien Ja zal de knop zich gedragen als een schakelaar, met een hoge en lage positie. Indien Nee, zal de knop zijn initiële vorm hernemen nadat erop geklikt wordt.
34
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 35
• Koppelingen en gebeurtenissen/acties > Gebeurtenis/actie: Standaard is geen gebeurtenis/actie geactiveerd. Om er één te creëren, klik op het veld aan de rechterkant. Klik vervolgens op de pijl omlaag . In het dialoogvenster Gebeurtenis/actie, specificeer: De gebeurtenis: Op een knop klikken? Op de muis klikken? Het element: Kies de knop. De actie (het gevolg): Het element wordt weergegeven, verschijnt, enz. > Koppelingen: Specificeert de hypertekstkoppelingen naar elk multimedia element. Indien geen koppeling actief is, klik op de knop bladeren om er één te selecteren. > Aanwijseffect: Geeft een element weer op de pagina wanneer de muiscursor over het element gaat. Om een lijst van mogelijke elementen om uit te kiezen weer te geven, klik op het veld aan de rechterkant en klik op de pijl omlaag . Selecteer het element uit de lijst die verschijnt. Opmerking: Om het element te kiezen na het aanwijzen, specificeer dat dit element niet zichtbaar is in het begin. > Koppeling voor tweede status: Koppeling wanneer een knop voor tweede status wordt losgelaten. > Knopinfo: Specificeert de knopinfo die wordt weergegeven wanneer over een knop wordt geschoven. • Opties > Hoogte: Specificeert de hoogte van de knop, in pixels. > Maximaliseren: Nee, voor knoppen. > Naam: Specificeert de naam van de geselecteerde knop. > Breedte: Specificeert de breedte van de knop, in pixels. > X: Specificeert de horizontale positie van de knop in de browser. > Y: Specificeert de vertikale positie van de knop in de browser. Wanneer u dubbelklikt op een knop, laat het venster Knopeigenschappen u de volgende eigenschappen wijzigen: • Opties • Acties • Koppelingen
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
35
WebCreator4Hol.xp
9/05/07
17:42
Page 36
Flash Met dit element kunt u flashvideo's en animaties aan uw project toevoegen. Om een flashanimatie toe te voegen: • Ofwel menu Invoegen/Flash • Of druk op de knop
op de werkbalk.
Bestand Het swf-formaat moet worden gebruikt bij het invoegen van flashanimaties. In de modus Bewerken, wordt het flashelement vertegenwoordigd door het flash logo . Standaard voert Web Creator een flashanimatie in het midden van de pagina in.
Aaningen Automatische start: Dit betekent dat de animatie zal lopen van zodra de pagina wordt weergegeven. Lus: De clip wordt opnieuw afgespeeld van zodra hij beëindigd is. Volledig contextmenu door met de rechtermuisknop te klikken: Indien gemarkeerd, kunt u met de rechtermuisknop klikken op het flashanimatievenster om een breed contextmenu weer te geven met de functies zoom, kwaliteit en eigenschappen. Kwaliteit: Van laag naar hoog. Door de kwaliteit te reduceren, is de animatie vloeiender en de tijd korter. Gebruik deze functie voor grote animaties. Probeer het beste compromis te vinden en zoek de funtie Voorbeeld in Internet Verkenner om de resulterende kwaliteit te controleren. Schaal: Kies tussen: • Originele grootte: De originele proporties van de clip blijven dezelfde terwijl deze de pagina vult met de animatie. • Venster vullen: Rekt de flashanimatie uit om het venster te vullen. Dit reduceert de weergavekwaliteit. • Vensterclip vullen indien nodig: Behoud de originele grootte en proporties maar knipt de animatie als het venster kleiner is. Venstermodus: Kies tussen de verschillende opties (venster, ondoorzichtig, doorzichtig) om de animatie-achtergrond weer te geven. Voorbeeld: Geeft een idee van hoe de animatie eruit ziet en een schatting van de tijd met een 56 K modem.
36
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 37
Menu's (Pro-versie) Om een menu in te voegen en te maken, klik op: • Het menu-item Invoegen/Menu • De menuknop
op de werkbalk.
Het venster Menu-eigenschappen wordt weergegeven. Klik op de knop Toevoegen en typ de naam van het menu dat u wilt maken. De menunaam wordt weergegeven in de zone Items. Merk op dat zijn eigenschappen worden weergegeven aan de rechterkant wanneer u die selecteert. Herhaal voor elk menu en submenu dat u creëert. Om een menu te verwijderen uit de zone Item, selecteer het en klik op de knop Verwijderen .
Submenu creëren Om submenu's te creëren, moet u eerst het menu-item definiëren en vervolgens zijn relatie tot het menu definiëren. Om de menu-items die u hebt gemaakt te transformeren in submenu's, selecteer het menu dat u om wilt vormen tot een submenu. Gebruik de pijlknoppen , om het onder zijn menu te plaatsen. Klik vervolgens op de rechterpijl om het menu één niveau naar rechts te verschuiven en het een submenu te maken van het menu dat er net boven staat. Herhaal voor alle andere submenu's die u wilt maken.
Koppelingen en acties maken Nog altijd in het venster Menu-eigenschappen, selecteer een menu of submenu. Zijn eigenschappen worden weergegeven aan de rechterkant in een Eigenschappenvenster. • Aanen: Kies Ja en er zullen twee nieuwe eigenschappen verschijnen in het eigenschappenvenster Globaal/normaal en Globaal/over. • Koppelingen en gebeurtenissen/acties > Gebeurtenis/actie: Standaard is geen gebeurtenis/actie geactiveerd. Om er één te creëren, klik erop. Klik vervolgens op de pijl omlaag . Er wordt een dialoogvenster weergegeven. Specificeer: De gebeurtenis: Op een knop klikken? Op de muis klikken? Het element: Kies een element. De actie (het gevolg): Het geselecteerde element wordt weergegeven, verschijnt, enz. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
37
WebCreator4Hol.xp
9/05/07
17:42
Page 38
• Globaal/normaal ; Globaal/over: > Standaard, gedeactiveerd. Klik op Aanen om de volgende eigenschappen van het menu-item te wijzigen: Achtergrondkleur; Achtergrond onzichtbaar; Rand; Rand onzichtbaar; Randdikte; Effect; Lettertype; Positie > Globaal/over: Hetzelfde als Globaal/normaal, wanneer de muis over het item schuift. • Koppeling: Specificeert de hypertekstkoppeling naar elk element. Indien geen koppeling is ingesteld, Klik op de knop Bladeren . • Aanwijseffect: Geeft een element weer op de pagina wanneer de muiscursor over het menu-item schuift. Om een lijst weer te geven van mogelijke elementen om uit te kiezen, klik op Aanwijseffect, vervolgens op de pijl omlaag . Selecteer dan het element dat na het aanwijzen moet worden weergegeven. • Muis over-tekst: Wijzigt de tekst van het menu-item wanneer de muiscursor erover beweegt. • Tekst normaal: Wijzigt de tekst van het menu nadat de cursor erover is gegaan. • Knopinfo: Geeft knopinfo weer wanneer de cursor over het menu-item schuift.
Animatie/Video Om animatie/video in te voegen, klik op het: • menu Invoegen/Animatie/video. • De knop Animatie/video
op de werkbalk.
De werkbalk Selectie geeft de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Effect: standaard is geen verschijningseffect geactiveerd. Om een effect te creëren, klik op deze eigenschap om het te selecteren. Klik vervolgens op de pijl omlaag en specificeer het effectuitzicht (rond, gordijnen, enz.). 38
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 39
> Vertraging verbergen: Geef aan, in seconden, hoe lang de clip onzichtbaar zal zijn wanneer de pagina ge is. > Vertraging weergeven: Geef aan, in seconden, hoe lang de clip weergegeven zal worden wanneer de pagina ge is. > Zichtbaar: Indien Waar zal de clip worden weergegeven wanneer de pagina ge is. Indien Onwaar, zal de clip niet worden afgespeeld tot een actie (op een knop drukken, op de muis klikken, enz.) deze start. Klik op de pijl omlaag om Onwaar of Waar te kiezen. • Element > Animatie/Video: Specificeert de locatie van de animatie op de vaste schijf. Laat ook toe om een andere animatie te selecteren. > Automatische start: Indien Ja, wordt de animatie gestart zodra de pagina wordt weergegeven. > Besturingsbalk: Een besturingsbalk van het animatievenster worden weergegeven.
kan aan de onderkant
> Afbeeldingen: Maakt het mogelijk een reeks te maken gebaseerd op verschillende afbeeldingen. Klik op de eigenschap om deze te selecteren en klik op de pijl omlaag om het venster animatiereeks te openen. Klik op de knop toevoegen om de afbeeldingen voor de reeks te selecteren. Verwijder afbeeldingen, indien nodig, door te klikken op de knop Verwijderen . Of wijzig hun volgorde of uitzicht door te klikken op de pijlen omhoog en omlaag en . > Bibliotheek: Opent de animatiebibliotheek geleverd door Web Creator. > Lus: Indien Waar, wordt het element opnieuw afgespeeld van zodra het beëindigd is. > Seconden / afbeeldingen: Specificeer hoe lang elke afbeelding (in de reeks) wordt weergegeven. • Koppelingen en gebeurtenissen/acties > Gebeurtenis/actie: Standaard is geen gebeurtenis/actie geactiveerd. Om er één te creëren, klik op Gebeurtenis/actie. Klik vervolgens op de pijl omlaag . Er wordt een dialoogvenster weergegeven. Specificeer: De gebeurtenis: Op een knop klikken? Op de muis klikken? Het element: Kies het element. De actie (het gevolg): Het gekozen element wordt weergegeven, verschijnt, enz.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
39
WebCreator4Hol.xp
9/05/07
17:42
Page 40
> Koppelingen: Specificeert de koppelingen naar elk multimedia element. Indien geen koppeling actief is, klik op de knop om er één te selecteren. > Koppeling aan het einde van lussen: Specificeert de pagina die zal worden weergegeven of de actie die zal worden uitgevoerd, wanneer het bestand beëindigd is. Automatische koppeling: Specificeer, in seconden, hoe lang de video wordt weergeggeven voor een andere webpagina wordt geladen. Koppeling: Specificeert de koppelingen naar elk multimedia element. Indien geen koppeling actief is, klik op de knop om er één te selecteren. Lussen: Specificeert hoeveel keer de video wordt gespeeld voor een andere pagina wordt geladen. > Aanwijseffect: Geeft een element weer op de pagina wanneer de muiscursor over de clip beweegt. Om een lijst van mogelijke elementen weer te geven, klik op aanwijseffect, en klik vervolgens op de pijl omlaag . Er wordt een dialoogvenster weergegeven. Opmerking Om een element weer te geven na het aanwijzen, selecteer
het element en zet zijn zichtbaarheid op Onwaar. > Knopinfo: Specificeert de knopinfo om te worden weergegeven wanneer de cursor over de clip beweegt. • Opties > Hoogte: specificeert de hoogte van de animatie/video, in pixels. > Maximaliseren: Zou Onwaar moeten zijn. Indien Ja, zal de animatie/video uitrekken en zijn initiële verhoudingen verliezen. > Naam: specificeert de naam van de geselecteerde animatie/video. > Breedte: specificeert de breedte van de animatie/video, in pixels. > X: specificeert de horizontale positie van de animatie/video in de browser. > Y: specificeert de vertikale positie van de animatie/video in de browser. Om de volgende eigenschappen te wijzigen in het venster Animatie-eigenschappen, dubbelklik op de animatie:
Type animatie Om een animatie/video te openen:
40
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 41
Web Creator kan de meeste animatie- en videobestanden openen: Video voor Windows, QuickTime (MOV), MPEG en Autodesk animaties (FLI en FLC). Om de QuickTime-technologie te kunnen gebruiken, moet u deze eerst installeren. Quicktime is meegeleverd op de Web Creator CD. Of ga naar www.apple.com. De afmetingen van video's zullen hetzelfde blijven. Gebruik gespecialiseerden software om de grootte van video's te wijzigen en deze bestanden voor het web te optimaliseren. Opmerking Surfers moeten geïnformeerd worden dat ze de verschillende
animatie- en videotechnologieën (Quicktime, Flash, enz.) in hun browers moeten installeren vooraleer ze deze kunnen gebruiken.
Een animatie maken van een reeks beelden Deze krachtige tool maakt een animatie van een reeks beelden - in verschillende formaten en grootten. Om tegelijkertijd verschillende afbeeldingen te selecteren, in de bestandsselectie, druk op de toetsen Ctrl + Shift. De animatie wordt initieel gemaakt met de grootte van de eerste afbeelding in de reeks. De grootte van een animatie, zoals van elk ander multimedia-element kan worden gewijzigd. De snelheid van de animatie kan ook worden geregeld. Het is ook mogelijk om decimale getallen te gebruiken (bijv. 1.5).
De juiste technologie kiezen Om een animatie te openen, kies opwel Microsoft (Player Media) ofwel APPLE (QuickTime). Indien de clip niet afspeelt via een toeing, probeer deze af te spelen via de andere toeing.
Eigenschappen en voorbeeld van animaties Automatische start: Dit betekent dat de animatie zal lopen van zodra de pagina ge is. Lus: Het element zal worden gelezen zodra deze eindigt. Besturingsbalk: Een besturingsbalk kan aan de onderkant van het animatievenster worden weergegeven. Deze besturingsbalken komen van Windows Media Player of QuickTime. U kunt deze niet gebruiken met een animatie gebaseerd op een reeks afbeeldingen.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
41
WebCreator4Hol.xp
9/05/07
17:42
Page 42
Seconden / afbeeldingen: Specificeer hoe lang elke afbeelding van de reeks wordt weergegeven. De waarde is decimaal: 0,5 seconde betekent 2 afbeeldingen per seconde. • Opties • Acties • Koppelingen De opties Koppelingen zijn dezelfde voor een afbeelding, met één extra mogelijkheid: de automatische uitvoering van de koppeling aan het einde van de clip. In dit geval, selecteer Lus zodat de animatie opnieuw kan worden afgespeeld. Het is ook mogelijk om een automatische koppeling te combineren met een andere beginnende van een klik op het animatievenster.
Geluidseigenschappen Om een geluid toe te voegen, klik op het: • Menu Invoegen/Geluid. • De Geluidsknop
iop de werkbalk.
De werkbalk Selectie geeft de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Moet ingesteld zijn op ja voor geluiden. • Element > Bibliotheek: Opent de geluidsbibliotheek geleverd door Web Creator. > Geluidbestandsnaam: Specificeert de locatie van het geluidsbestand op de vaste schijf. Maakt het ook mogelijk om een ander geluid te selecteren: Klik op Geluidbestandsnaam en vervolgens op de knop bladeren om het bestand te openen. > Lus: Indien Waar, wordt het element opnieuw gelezen van zodra het beëindigd is. • Koppelingen en gebeurtenissen / acties (werkt mogelijk niet in alle browsers) > Gebeurtenis/actie: Standaard is geen gebeurtenis/actie geactiveerd. Om er één te creëren, klik erop. Klik vervolgens op de pijl omlaag . Er wordt een dialoogvenster weergegeven. Specificeer: De gebeurtenis: Op een knop klikken? Op de muis klikken? Het element: Kies het element.
42
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 43
De actie (het gevolg): Het geselecteerde element wordt weergegeven, verschijnt, enz. > Koppeling: Specificeert een koppeling naar elk multimedia element. Indien geen koppeling actief is, klik op de knop bladeren om er één te selecteren. Automatische koppeling: Specificeer, in seconden, hoe lang het geluid wordt afgespeeld voor een andere webpagina wordt weergegeven. Koppeling naar: Specificeert een koppeling naar elk multimedia element. Indien geen koppeling actief is, klik op de knop bladeren om een element te vinden. Lussen: Specificeert hoeveel keer de browser het geluid zal afspelen voor een andere webpagina wordt weergegeven. Nieuwe browser: Nee, voor een geluid. > Koppeling aan het einde van lussen: Specificeert de pagina die zal worden weergegeven of de actie die zal worden uitgevoerd, wanneer het afspelen van het bestand beëindigd is. • Afspelen/Stoppen: > Afspelen: Standaard, Ja. Indien niet, zal het geluid niet worden afgespeeld. > Afspeelvertraging: Specificeert hoe lang het geluid stil zal blijven nadat de webpagina ge werd. > Vertraging stoppen: Specificeert hoe lang het geluid zal spelen tot het stopt. De meeste geluidsbestanden kunnen rechtstreeks in het project worden ingevoegd. Om er zeker van te zijn dat het geluid juist kan worden afgespeeld, voeg het in en klik op de functie voorbeeld om het geluid te horen. Zoals met videobestanden, worden geluidsbestanden niet geconverteerd door Web Creator. Voor webtoeingen is het aanbevolen een gecomprimeerd formaat te gebruiken zoals .mp3. Het is mogelijk om een koppeling te creëren naar een ander element aan het einde van het geluid. Deze functie kan nuttig zijn om een reeks beelden en spraakverklaringen te organiseren, bijvoorbeeld.
Bericht Met deze functie kunt u een berichtbanner op uw scherm maken. Om een bericht toe te voegen, klik op: • Het menu Invoegen/Bericht. B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
43
WebCreator4Hol.xp
9/05/07
• De berichtknop
17:42
Page 44
op de werkbalk.
Klik dan op OK. Het berichtelement verschijnt op de pagina. De werkbalk Selectie geeft de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Inbegrepen in site: Moet Ja zijn. • Element > Actief: Moet Ja zijn. > Animatieype: Selecteer een leveringsoptie (alleen voor de Titel- en Statusbalken). > Bericht: De berichttekst. > Doel: Specificeert waar het bericht zal worden weergegeven (de Titelbalk, Statusbalk of een bericht pop-upvak). • Opties > Naam: Specificeert de naam van het huidige beticht. > X: Specificeert de horizontale positie van het bericht in de browser. > Y: Specificeert de verticale positie van het bericht in de browser.
Gebruik het voorbeeldmenu om deze functie te controleren.
Galerie Deze functie wordt gebruikt om snel een groot aantal foto's op een webpagina in te voegen. De initiële minatuur- of diavoorstellingweergave kan worden geselecteerd. In de diavoorstelling kan een vertraging worden ingesteld tussen beelden. Door te klikken op een foto wordt deze in een afzonderlijke browservenster geopend.
Blog Dit element wordt gebruikt om blog(s) toe te voegen aan elke pagina van uw website. Een blog wordt gemaakt van een reeks ingangen die posts heten en geclassificeerd zijn volgens datum op een kalender die ze met elkaar koppelt. Een post kan volledig worden weergegeven of als een samenvatting die naar een grondiger artikel koppelt. Dit artikel is een normale Web Creator pagina en kan dus alle gewenste elementen bevatten zoals geluiden, video, enz., waardoor het eenvoudig is om een video- of audioblog te maken. Hier zijn de voornaamste componenten van het Blog-element: Blognaam: Verplicht. Het is mogelijk om meer dan één blog op een website te creëren.
44
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 45
Vraag naar opmerking: Wat onder de post zal staan om opmerkingen te krijgen van bezoekers. E-mailadres om opmerkingen te ontvangen: E-mail waarnaar opmerkingen zullen worden verzonden. Om deze aan uw blog toe te voegen, kopieer en plak ze in het hoofdartikel. Deze methode is de veiligste wanneer geen monitor voltijds aanwezig is om onaanvaarbare opmerkingen of spam blog te voorkomen. Ingang Titel: Titel van de nieuwe post. Koppeling naar artikel: Maak een koppeling naar de pagina (gebruik zijn naam met de extensie .html) die het volledige artikel bevat of creëer deze onmiddellijk (on the fly). Miniatuur: Om een kleine afbeelding naast de post toe te voegen. Deze afbeelding wordt automatisch aangepast in grootte en zal klikbaar zijn. De originele afbeelding op volledige grootte wordt dan opnieuw geopend in een nieuwe browservenster. Publicatiedatum: Stelt de datum van de post in, gekoppeld aan de kalender. Invoertekst: Typ de tekst van de post. Merk op dat het mogelijk is om hyperkoppelingen te maken naar andere webpagina's, uw pagina's of externe pagina's, binnenin de tekst. De drie volgende tabbladen bieden krachtige opties om de doeltreffendheid en het uitzicht van uw blog te verbeteren. • RSS Feed: Creëer een .xml zodat de mensen zich op uw website kunnen abonneren. Klik hier voor meer details over RSS feed. Klik hier voor meer over RSS feed. • Weergave: Regelt het uitzicht van de blog. Merk op dat gedeeltelijke doorzichtigheid niet beschikbaar is voor de blog. Maar het is gemakkelijk om de blogkleuren en -stijl aan te en aan uw model of aan uw verbeelding. • Opties: Zelfde als voor andere elementen.
Kalender De kalender wordt in het algemeen automatisch aan een blog gekoppeld. De weergave ervan kan gecoördineerd worden met en zoals de blog. De dagen waarvoor een post bestaat krijgen een kader. Een kalender kan op een pagina worden geplaatst die onafhankelijk is van een blog.
Rss, XML, Podcast (Pro-Versie) Deze tool is beschikbaar als een zelfstandig programma met de Pro-versie. Deze editor wordt gebruikt om .xml-bestanden te bouwen die conform zijn aan de RSS 2 standaard. Deze bestanden hebben twee hoofddoeleinden: B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
45
WebCreator4Hol.xp
9/05/07
17:42
Page 46
RSS feed Dit type bestand maakt het bezoekers die hun adres toevoegen aan een RSS aggregator mogelijk om automatisch te worden verwittigd wanneer de blog of website die vermeld staat in het RSS-bestand bijgewerkt wordt.
Podcast Om een Podcast te creëren, moet men het adres van een geluidsbestand (mp3) of videobestand (mp4) invoegen in het veld "Bijlage/Podcast" van het tabblad invoeren. Merk op dat de zelfstandige RSS editor gevonden kan worden in de programmagroep Web Creator van het startmenu van Windows. Het is daarom mogelijk om een Podcast te creëren en te en, onafhankelijk van een website.
Wachtwoord (Pro-versie) Deze functie activeert de wachtwoordbescherming zodat enkel gemachtigde bezoekers toegang krijgen tot bepaalde pagina's of secties van uw website. De geldigheidsperiode, in minuten, betekent dat het wachtwoord in het geheugen zal worden gehouden gedurende X minuten nadat uw bezoekers een beschermde pagina openen. Tijdens deze periode, kan de bezoeker elke andere pagina openen die beschermd is door hetzelfde wachtwoord zonder dit opnieuw te moeten invoeren. Deze waarde wordt herzet telkens wanneer een nieuwe pagina wordt geladen. Om een wachtwoord te creëren, klik op: • Het menu Invoegen/Wachtwoord • De knop Wachtwoord
op de werkbalk.
Klik in het dialoogvenster Eigenschappen op Wachtwoordbescherming inschakelen. Vul dan de volgende velden in: • Wachtwoord: Voer het wachtwoord in. • Aanmelden: Voer de naam in van de persoon die aan het wachtwoord gekoppeld is. • Wachtwoord geldig: Specificeer de pagina's die verschijnen wanneer een surfer probeert om een pagina te openen die met een wachtwoord beschermd is, zonder het wachtwoord. • Sessieduur: Specificeer hoe lang een surfer kan browsen op de website met hetzelfde wachtwoord.
46
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 47
Formulier (Pro-Versie) Een website kan één of meer formulieren bevatten. In het eerste dialoogvenster, geef aan hoe de verzonden informatie naar u zal worden teruggezonden en ken een naam toe aan het formulier (in het tabblad Opties) Om een formulier toe te voegen, klik op het: • Menu Invoegen/Formulier. • De formulierknop
op de werkbalk.
Het dialoogvenster Formuliereigenschappen verschijnt: • Formulier > Gegevens verzenden naar een e-mailadres: Deze optie laat u de voltooide formulieren ontvangen op het opgegeven e-mailadres. Na ontvangst van de email kunt u rechtstreeks antwoorden of gegevens invoeren in uw favoriete programma. > Gegevens verzenden naar een webpagina: Deze optie is nuttig voor ervaren programmeurs die weten hoe gegevens te ontvangen en te verwerken op Internetservers. > Een Javascript-functie oproepen: Dit is de oplossing voor het verwerken van gegevens binnen de huidige pagina. Het Javascript moet worden toegevoegd via het tabblad Javascript en HTML-bewerking. • Opties Klik op de knop OK. De werkbalk Selectie geeft de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Zichtbaar: Indien Waar zal het formulier worden weergegeven wanneer de pagina ge is. Indien Onwaar, zal het formulier onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) dit weergeeft. Klik op de pijl omlaag om Onwaar of Waar te kiezen. • Element > Actie: Specificeert het retouradres voor het formulier (e-mail, webpagina of script), afhankelijk van de beheermodus van het formulier > Actietype: Specificeert de beheermodus van het formulier: gegevens verzenden naar een e-mailadres
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
47
WebCreator4Hol.xp
9/05/07
17:42
Page 48
gegevens verzenden naar een webpagina een JavaScript-functie oproepen • Opties > Naam: Specificeert de naam van het opgegeven formulier. > X: Specificeert de horizontale positie van het formulier in de browser. > Y: Specificeert de verticale positie van het formulier in de browser. U moet in alle gevallen een knop Verzenden toevoegen aan de pagina, en de gebruiker moet erop klikken om de gegevens te verzenden. Voeg tenslotte de velden voor dit formulier in.
Formuliervelden (Pro-Versie) Een formulier kan alle soorten gegevens bevatten. Deze optie wordt gebruikt om gegevensvelden te definiëren en ze aan een formulier te koppelen. U moet minstens één formulier definiëren voor u een veld kunt creëren. Om velden voor een formulier in te voegen, klik op het: • Menu-item Invoegen/Veld • De veldknop
op de werkbalk.
Het dialoogvenster Eigenschappen formulier invoegen verschijnt: • Instellingen > Formuliernaam: Koppel de velden aan één van de formulieren. > Variabelnaam: Voor elk veld, specificeer een naam voor een variabel om deze te koppelen aan de inhoud van het door de bezoeker ingevuld veld. > Standaard ingeschakeld: Deze optie geeft het veld weer in het grijs op de pagina, maar ze kan niet worden gebruikt. Het is mogelijk ze actief te maken beginnende van een ander element met de zin Gebeurtenis/Actie of programmeren. • Type invoer De verschillende veldcategorieën zijn: • Invoertekst > Enkele lijn Initiële waarde: Deze waarde zal aanwezig zijn in het veld tot de gebruiker een andere waarde invoert. Veldbreedte (tekens): Breedte van het veld in aantal tekens. 48
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 49
Maximum tekens: Langste string toegestaan. De tekst zal horizontaal schuiven als deze waarde groter is dan de voorgaande. Vereiste invoer: Staat een validatie van eerste niveau van de inhoud van het formulier toe. De software zal het veld controleren op de aanwezigheid van gegevens (Niet leeg), alleen cijfers (Cijfers), alleen tekst (Letters) of iets dat eruit ziet als een e-mailadres (e-mail) met een @ teken. Indien niet aan één van deze voorwaarden wordt voldaan, zal de pagina een bericht geven wanneer getracht wordt om het formulier te verzenden en de cursor zal automatisch in het(de) incorrect(e) veld(en) worden geplaatst. Niet leeg: Het is mogelijk om de aanwezigheid van gegevens verplicht te maken. Cijfers/letters/e-mail: De surfer kan enkel cijfers of letters of een e-mailadres invullen. Initiële waarde: De inhoud die in het veld zal worden weergegeven voor de gebruiker gegevens invoert.. Kol/Rijen: Breedte aantal rijen in tekens van het tekstveld. > Keuzevakje Waarde: De waarde van dit vak zal gezonden worden indien dit vak geselecteerd wordt tijdens het verzenden van het formulier. Opmerking Om een lijst van onderling exclusieve knoppen (d.w.z. slechts
één kan worden geselecteerd) te creëren, moet een enkele variabelnaam worden gebruikt voor alle betrokken knoppen. De verzonden gegevens zullen eruit zien als "variabel=waarde". > Selectievakje Waarde: De waarde van het selectievakje zal worden gezonden indien dit selectievakje is geselecteerd. Dit is niet de beschrijving van het item dat afzonderlijk moet worden gecreëerd als een tekstelement. > Lijst: Geeft een lijst weer. Initiële waarde: Voeg items toe aan de lijst met het pictogram Toevoegen , dat een dialoogvenster weergeeft om de lijst te maken. Met de andere pictogrammen kunt u geselecteerde items in de lijst wissen, wijzigen of verplaatsen. De optie Meerdere selecties toestaan maakt het u mogelijk om meer dan een item te kiezen in de lijst. Het is ook mogelijk om een deel van de lijst te kiezen en het is mogelijk om deze vertikaal te schuiven.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
49
WebCreator4Hol.xp
9/05/07
17:42
Page 50
> Menu naar beneden schuiven: Via deze methode wordt een lijn weergegeven waarop het eerste item staat. Een pijl aan de rechterkant doet een schuiflijst naar onder verschijnen waaruit de gebruiker kan selecteren. Initiële waarde: Voeg items toe aan de lijst met het pictogram Toevoegen , dat een dialoogvenster weergeeft om de lijst te maken. Met de andere pictogrammen kunt u geselecteerde items in de lijst wissen, wijzigen of verplaatsen. > Verborgen: Zoals de naam impliceert, is met deze optie ingeschakeld, het veld niet zichtbaar op de pagina. Maar zijn waarde wordt samen met de andere gezonden, zoals de pagina of originele site van het formulier enz. > Knop Verzenden of Opnieuw instellen Voeg een knop toe om het formulier te verzenden. Het is ook mogelijk om een knop te maken om Opnieuw in te stellen om de gegevens die in het formulier werden ingevoerd te wissen en terug een leeg formulier te krijgen. Deze knop zal grijs zijn. U kunt natuurlijk uw eigen knoppen maken en de zin Gebeurtenis/Actie gebruiken om een koppeling in te stellen naar de functies verzenden of opnieuw instellen die beschikbaar zijn voor formulieren.
Editor formulierlijst (Pro-Versie) Deze functie voegt elementen of items toe aan een lijst. De eerste lijn bevat de tekst zoals deze voor de surfer zal verschijnen. Via de tweede lijn kunt u een andere waarde koppelen (een productcode, bijvoorbeeld) die zal worden overgedragen wanneer het formulier wordt verzonden. Indien niets wordt ingevoerd op de tweede lijn, wordt een standaardwaarde overgedragen.
Teller Om een teller toe te voegen, klik op het: • Menu Invoegen/Teller. • Tellerknop
op de Werkbalk.
De werkbalk Selectie geeft de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Zichtbaar: Indien Waar zal de teller worden weergegeven wanneer de pagina ge wordt. Indien Onwaar, zal de teller onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) deze weergeeft. Klik op de pijl omlaag om Onwaar of Waar te kiezen.
50
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 51
• Element > Html Code: De tellers zijn gebaseerd op HTML of JavaScript code. U kunt ze vinden op gespecialiseerde websites. Typ "teller" in Google". U kunt de code die u vindt kopiëren in het JavaScript venster of Web Creator. We bevelen ten zeerste aan dat u elke teller test die u op uw website plaatst voor u de website t naar het web. • Opties > Hoogte: Specificeert de hoogte van de teller, in pixels. > Naam: Specificeert de naam van de teller. > Breedte: Specificeert de breedte van de teller, in pixels. > X: Specificeert de horizontale positie van de teller in de browser. > Y: Specificeert de verticale positie van de teller in de browser. Om een teller in te voegen Via dit vak kunt u een teller invoegen op de huidige pagina. Verschillende websites bieden tellers, gebaseerd op HTML- of JavaScript-code. Sommige zijn rudimentair terwijl andere meer gesofistikeerd zijn. Omwille van de grote variëteit, kunnen we niet garanderen dat deze juist zullen werken. De enige manier om dit te weten is er een te kiezen en te testen. Kopieer de code in het JavaScript-venster en klik op OK. Om een voorbeeld te hebben van hoe dit werkt, klik op Voorbeeld in het tabblad Internet Verkenner, vergeet niet om het te controleren wanneer de site on line is.
Webobjecten (Pro-Versie) Dit element wordt gebruikt om webobjecten in te voegen en te plaatsen op Web Creator pagina's. Deze term beschrijft combinaties van code en script die diverse functies bieden. Deze tool kan worden gebruikt om een knop Paypal in te voegen voor het afhandelen van de verkoop van items op de site. De procedure omvat het verkrijgen van de code van de leverancier en deze te plakken in het Web Object element. Omwille van de grote variëteit aan beschikbare webobjecten, kunnen we hun goede werking niet garanderen. De enige manier is om te experimenteren. Merk op dat in sommige gevallen de code enkel zal werken wanneer de site online is.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
51
WebCreator4Hol.xp
9/05/07
17:42
Page 52
Groepen Web Creator verschaft een groepcreatiefunctie. Met deze functie kunt u verschillenden multimedia elementen samen groeperen als één eenheid. Hierdoor kunt u: • Efficiënter werken: Wanneer de groepen gecreëerd zijn, is het mogelijk om ze te verplaatsen en acties erop in te stellen als een groep. • Websites creëren waarop enkel de informatie wordt getoond die vereist is door de gebruiker. De sjablonen Flat Tabs zijn een voorbeeld van geavanceerd webontwerp dat eerder een uitgebreide programmering vereiste. Om een groep te creëren, selecteer de elementen die tot deze groep zullen behoren. Om verschillende elementen te selecteren, klik met de linkermuisknop + druk op de toets CTRL. Klik vervolgens om een groep te creëren op het: • Groeppictogram
in de werkbalk.
• Bewerken van/Toevoegen aan een groep. • Selecteer elementen met de rechtermuisknop. Er wordt een contextmenu weergegeven. Kies Aan groep toevoegen/Nieuw. Als de groep gecreëerd is, geeft de Selectiewerkbalk de volgende eigenschappen weer: • Zichtbaar en onzichtbaar > Inbegrepen in site: Moet Ja zijn. > Zichtbaar: Indien Waar zal de groep worden weergegeven wanneer de pagina ge is. Indien Onwaar, zal de groep onzichtbaar zijn tot een actie (op een knop drukken, op de muis klikken, enz.) deze weergeeft. Klik op de pijl omlaag om Onwaar of Waar te kiezen. • Elementen > Elementenselectie: Specificeer de elementen die tot de groep behoren. • Opties > Naam: Specificeer de naam van de groep.
52
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 53
Pagina-eigenschappen De pagina-eigenschappen kunnen opgeroepen worden door te dubbelklikken op het pictogram pagina in de elementenlijst. Een andere manier is om te klikken op het potloodpictogram nadat een pagina geselecteerd werd in het tabblad Pagina. Deze eigenschappen zijn ook beschikbaar in het Eigenschapsrooster. De eigenschappen van een pagina zijn: • Pagina > Paginabestandsnaam: Specificeert de naam van de geselecteerde pagina. De naam van een pagina kan niet worden gewijzigd wanneer deze is ingevoerd. De enige uitzondering is de eerste pagina. U kunt de naam ervan wijzigen wanneer de site klaar is om te worden overgedragen naar een webserver. De reden hiervoor is dat alle koppelingen die naar die pagina leiden een fout zouden veroorzaken. Indien u de naam moet wijzigen, maak een kopie van de pagina (in het tabblad Pagina's), plaats de nieuwe naam en wijzig de koppelingen op alle andere pagina's, menu's enz.. > Titel: Specificeert de titel van de huidige pagina die door de webbrowser wordt weergegeven. > Achtergrondkleur: Standaard wit. Om dit te wijzigen, klik op Achtergrond. > Tegelafbeelding: Kies een achtergrondafbeelding. Het beeld wordt weergegeven met een tegeleffect. > Wachtwoord: Activeer wachtwoordbescherming zodat enkel gemachtigde mensen sommige pagina's of delen van de site kunnen consulteren. De geldigheid, in minuten, betekent dat het wachtwoord in het geheugen zal worden gehouden gedurende X minuten nadat de pagina geladen is. Tijdens deze tijd, kan de bezoeker elke andere pagina bereiken die beschermd is door hetzelfde wachtwoord zonder dit opnieuw te moeten invoeren. De teller gaat terug naar zero voor elke nieuwe pagina. Het is niet mogelijk om meerdere wachtwoorden te definiëren voor een gegeven pagina. In zulk een geval moet u de pagina dupliceren. • Opties > Definieert de paginagrootte van de geselecteerde pagina. Andere opties voor paginagrootte en positie kunnen worden gevonden in de Projecteigenschappen. • Acties > Zie het deel Acties
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
53
WebCreator4Hol.xp
9/05/07
17:42
Page 54
• Koppelingen > Zie het deel Koppeling • Metatags > Metatags zijn trefwoorden waarmee zoekengines een site kunnen identificeren, classificeren en indexeren. Om specifieke metatags in te voeren voor de geselecteerde pagina, klik op het project in het venster elementen, klik op de knop metatags en vul de velden in het venster Metatags Generator dat verschijnt in. Scheid de trefwoorden alleen door een spatie. Klik dan op OK. Web Creator zal de HTML code genereren met de metatags die u hebt ingevoerd. Deze informatie garandeert niet dat de site eerst zal verschijnen wanneer met een zoekmachine gezocht wordt. Om zo'n resultaat te krijgen, neem op met specialisten of lees boeken en de websites die hieraan gewijd zijn.
Opties-Elementen Deze functie is beschikbaar voor elk element.
Identificatie Geef een betekenisvolle naam aan elk element. Dit is nuttig om te differentiëren tussen de elementen op de pagina, vooral indien de beeldvoorbeelden niet groot genoeg zijn om ze goed te bekijken. De software kent automatisch namen toe zoals lmg2 voor de tweede afbeelding, enz.
Grootte en positie De eerste optie "Aan pagina aanen" (Gemaximaliseerd) rekt het element om de pagina te vullen. Dit is nuttig voor achtergrondbeelden. "Positie" definieert nauwkeurig de positie en de grootte van het element. De meeteenheid is in pixels.
Zichtbaar op paginaweergave Deze optie zegt het element wanneer te verschijnen bij het laden van een pagina. Wanneer niet aangevinkt, laden de elementen maar blijven ze onzichtbaar tot een actie op de pagina ze doet verschijnen. In het project Voorbeeld, verschijnen de beelden van de vakken enkel wanneer de opties op het menu aangeklikt zijn. Voor meer informatie, zie het onderwerp De optie gebeurtenis/actie ontdekken.
54
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 55
Zichtbaar en onzichtbaar Met deze optie, kunt u een effect en een vertraging instellen om elementen te doen verschijnen en verdwijnen. Dit kan zeer nuttig zijn bij het maken van kleine diavoorstellingen. Bij het plannen voor het web, is het een goed idee om foto's te verdelen over vele pagina's ten einde de tijd te verdelen. Alle effecten zouden functioneel moeten zijn wanneer gepubliceerd op een lokaal netwerk of een cd-rom.
Effecten Het is mogelijk om overgangseffecten toe te voegen. IE en NS geven aan dat het effect zal werken op Internet Explorer en Netscape. Indien de initiële browser afwezig is, zal het element verschijnen zonder effect in de niet-gespecificeerde browser.
Acties Via dit tabblad is het mogelijk, zonder iets te moeten programmeren, om acties te definiëren die door de surfer zullen worden veroorzaakt.
Knopinfo Knopinfo is een tekst in een klein zelfaanend venster die verschijnt wanneer de cursor over een specifiek gebied of element schuift op de pagina. De knopinfo verdwijnt automatisch wanneer de cursor het actieve gebied verlaat. Deze wordt vaak gebruikt om een element te identificeren of de gebruiker te waarschuwen voor een aanstaande actie, zoals op de eerste twee menu's van Voorbeeld.
Aanwijseffect Deze optie gelijkt op de vorige behalve dat elk element zichtbaar kan worden of kan wijzigen wanneer de muisaanwijzer erover beweegt. De lijst in het dialoogvenster toont alle beschikbare elementen die een optie aanwijseffect geactiveerd kunnen hebben.
Gebeurtenis/actie Deze optie biedt nog meer mogelijkheden dan de optie aanwijseffect. I.p.v. enkel het aanwijseffect, kunnen hier alle mogelijke gebeurtenissen op een element worden gebruikt om een actie te veroorzaken. I.p.v. enkel andere elementen weer te geven, is het mogeljk om elke gebeurtenis voor een element te kiezen. Om deze acties op een pagina in te voegen, moet u enkel de voorgestelde zin voltooien. De software stelt enkel die keuzes voor die van toeing
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
55
WebCreator4Hol.xp
9/05/07
17:42
Page 56
zijn op het geselecteerde element. Deze functie is zeer krachtig en kan ondermeer worden gebruikt om menu's te maken. Voor meer informatie, zie Gebeurtenissen/acties ontdekken Met Web Creator hoeft u slechts een eenvoudige zin in te voeren: • Wanneer een bepaalde gebeurtenis op de pagina optreedt • Vervolgens zal het geselecteerde element • iets doen Bijvoorbeeld: Wanneer de muis over het geselecteerde element schuift, zal de video van het element worden afgespeeld.
Koppeling Dit pictogram opent het dialoogvenster Koppeling. Vergeet niet om een element te selecteren voor u een koppeling toevoegt. Het dialoogvenster Koppeling werkt ongeveer op dezelfde manier als voor elk element. Met Web Creator kan inderdaad elk multimedia element gekoppeld worden naar een ander bestand. Om bijvoorbeeld een koppeling te activeren op een afbeelding, een knop of een tekstvak, klik erop. De koppeling voor geluids- en animatieclips kan gereactiveerd worden wanneer ze stoppen met spelen. Koppeling: Specificeert de te krijgen pagina of bestand. Deze koppeling kan worden verwijderd of gewijzigd. Automatische koppeling: Deze optie doet de browser automatisch het gekoppelde bestand halen X seconden nadat de pagina met de koppeling wordt geladen. Zie Koppelingopties
Koppelingopties Een koppeling creëren naar een nieuwe pagina of een bestaande pagina Gebruik deze optie om pagina's aan een project toe te voegen. Geef een naam aan de toekomstige pagina en ga dan verder zoals u deed voor de eerste pagina. De procedure voor elke nieuwe pagina is dezelfde als voor de eerste pagina. Een bestaand bestand (MP3, PDF, Zip, enz.) Met deze optie, kunt u koppelingen naar bestaande pagina's creëren bij het bewerken van uw project. De Web Creator bestanden gekoppeld aan deze pagina's, hebben het suffix *.pag.
56
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 57
Dezelfde optie kan worden gebruikt om koppelingen naar programma's (.EXE, .COM) of bestanden te maken. Wanneer uw bezoeker een koppeling naar een programma of een bestand activeert, zal het openen in een venster boven de huidige toeing, op voorwaarde dat het programma op de computer van de gebruiker staat. In het geval van een website, worden programma's en bestanden ge voor het openen. Tip
Indien u wilt dat een bestand door de gebruiker wordt ge i.p.v. te worden weergegeven door de browser, kunt u het bestand zippen en een koppeling naar het gezipte bestand maken.
Een website of URL Deze optie wordt gebruikt om koppelingen te maken naar web- of FTP-sites. Wanneer u het adres van een website invoert, zoals http://www.site.com, kunt u een voorbeeld ervan bekijken in het venster Internet Verkenner door te klikken op het element. Het is ook mogelijk een koppeling te openen in een nieuw browservenster. Dat wil zeggen, de website zal worden weergegeven in een ander venster. U kunt niet enkel de afmetingen van dit nieuw browservenster specificeren, maar ook alle werkbalkelementen vermeld hierboven. Dit nieuw browservenster is onafhankelijk van het hoofdbrowservenster. De gebruiker zal dit browservenster handmatig moeten sluiten. Een e-mail zenden Voer het e-mailadres in waarnaar bezoekers een e-mail kunnen zenden. Wanneer uw bezoeker klikt op het element, zal het e-mailprogramma starten met uw adres al ingevuld.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
57
WebCreator4Hol.xp
9/05/07
17:42
Page 58
Menu Opmaak Naar voor brengen Wijzigt de weergavevolgorde van de elementen op de pagina, en brengt het geselecteerde naar voor. In de Selectiewerkbalk, kunt u een element selecteren en op de pijl omhoog klikken. Dit verplaatst het element naar achter in de weergavevolgorde.
Naar achter zenden Wijzigt de weergavevolgorde van de elementen op de pagina, en brengt het geselecteerde naar achter. In de Selectiewerkbalk, kunt u een element selecteren en op de pijl omlaag klikken. Dit verplaatst het element naar voor in de weergavevolgorde.
Uitlijnen • Links: Lijn de geselecteerde elementen uit aan de linkerkanten. • Rechts: Lijn de geselecteerde elementen uit aan de rechterkanten. • Bovenkant: Lijn de geselecteerde elementen uit aan de bovenkanten. • Onderkant: Lijn de geselecteerde elementen uit aan de onderkanten.
Vergroten • Links: Vergroot de geselecteerde elementen beginnende vanaf de linkerkant. • Rechts: Vergroot de geselecteerde elementen beginnende vanaf de rechterkant. • Bovenkant: Vergroot de geselecteerde elementen beginnende vanaf de bovenkant. • Onderkant: Vergroot de elementen beginnende vanaf de onderkant
58
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 59
Extra Paginagrootte Web Creator levert een module om de tijd voor uw webpagina's te schatten. Deze schatting is afhankelijk van het verbindingstype van uw bezoekers (standaard modem, kabel, ADSL, enz.). Deze module geeft de geschatte grootte en tijd van uw afbeeldingen en webpagina's.
Grootte en tijd van een afbeelding Om de grootte en de tijd van een pagina te kennen, klik op Paginagrootte in het menu Extra. De grootte van elk element wordt getoond evenals de totale en geschatte laadtijd met een basis ADSL service. Deze functie is nuttig om te bepalen welke elementen u mogelijk wilt wijzigen omdat ze te groot zijn.
Sitekaart Deze functie bouwt een .xml-bestand dat de sitekaart beschrijft voor zoekrobots die het web doorzoeken. Microsoft, Yahoo en Google hebben overeenkomsten afgesloten betreffende de technische aspecten van dit bestand. Onze generator vindt en vermeldt de sitepagina's. Voor elke pagina kunt u twee soorten informatie verschaffen: Updatefrequentie: Dit is de verwachte frequentie voor wijzigingen en updates van de site. De robots zullen op gespecificeerde intervallen komen. Het is nutteloos om een hoger cijfer te geven indien u de site niet bijwerkt. De robots kunnen u in tegendeel dan volledig negeren. Prioriteit: Dit is het relatieve gewicht dat u zelf toekent aan de verschillende pagina's van uw website. Deze waarde moet tussen 0 en 1 liggen. Het gemiddelde van de site moet rond de 0,5 liggen. Het is nutteloos om te proberen het systeem te bedotten door waarden van bijvoorbeeld 1 te geven aan alle pagina's. In zulke gevallen zullen de robots 0,5 toekennen aan alle pagina's en zullen geen een hogere classificatie krijgen in de resultaten van de zoekengine.
Website-optimalisering Deze procedure is ontworpen om bestanden te elimineren die niet langer worden gebruikt in de site. Bijvoorbeeld, indien u een element aan een pagina toevoegt en vervolgens de gebeurtenis/actie die deze weergeeft verwijdert, zal het element op de pagina blijven. Door deze procedure van tijd tot tijd uit te voeren, wordt de overdrachttijd B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
59
WebCreator4Hol.xp
9/05/07
17:42
Page 60
van nutteloze bestanden geminimaliseerd. Deze bewerking is niet vereist voor kleine updates van de site.
De website en Het is mogelijk uw project te en naar uw Internet service provider via Web Creator FTP, een deel van FTP Site Manager of elke andere FTP-overdrachtsoftware.
en met Web Creator FTP Web Creator FTP is geïnstalleerd met Web Creator en zal automatisch worden opgeroepen bij het en. 1. Vul het hoofdeel in en valideer. Vraag uw Internet Service Provider om de volgende informatie. U kunt ook naar www.lmsoft.com gaan voor informatie over complete webhosting-oplossingen. Naam van hun FTP-server. Uw gebruikersnaam of aanmeldnaam. Uw wachtwoord. Selecteer de map waarin uw site gecreëerd werd op uw machine. De FTP zou zichzelf daarin automatisch moeten plaatsen. Maar indien u het om welke reden ook moet doen, zoek de bestanden van de site in de "volledige" map van uw project. 2. Klik op de knop Met de FTP-server verbinden. 3. Wanneer verbonden, klik op de knop De bestanden kopiëren om de bestanden over te dragen van de vaste schijf naar de webserver van de ISP. 4. Wanneer de overdracht voltooid is, verbreek de verbinding of sluit af.
Het proces stoppen Stopt het overdrachtproces op elk ogenblik. Waarschuwing Bepaalde ISP's vereisen dat de website in een specifieke
submap wordt geplaatst. Vergeet niet om deze submap te openen voor u de site kopieert. Belangrijke opmerking: Het is ook mogelijk om de website manueel te kopiëren. In dit geval kunnen de over te dragen bestanden in de map "web" worden gevonden. De "volledige" submap bevat alle bestanden die moeten worden overgedragen.
60
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 61
Waarschuwing Het is de INHOUD van de "volledige" map die moet wor-
den overgedragen en NIET de map zelf. U moet een aantal bestanden en mappen zien, waaronder index.html, de startpagina die automatisch zal openen wanneer uw website wordt bezocht. LMSOFT wordt geleverd met een hulpprogramma om uw website over te dragen tussen uw computer en de FTP-site. Indien u wenst kunt u ook een meer uitgebreid FTPoverdrachtsprogramma gebruiken waarmee u de inhoud van de FTP-map kunt weergeven en beheren (kopiëren, verwijderen, enz.) alsof het een normale map was. Deze software heet LMSOFT FTP Site Manager. U vindt een proefversie voor 30 dagen op www.lmsoft.com/s. Merk op dat onze software automatisch het basisprogramma zal vervangen wanneer u deze t.
Opties Raster Het raster vereenvoudigt het uitlijnen van elementen op het scherm. Stel de rastergrootte in pixels en zijn kleur in. Het rooster kan actief zijn of niet en kan zichtbaar zijn of niet. De standaard rasterinstelling is tien pixels.
Webbrowsers Stel de locatie in van de uitvoerbaarbare bestanden van uw browsers: Internet Explorer, Netscape en/of Firefox. Deze zullen worden gebruikt om een voorbeeld te geven van webpagina's in het menu Beeld.
Compressie Stel de standaard compressieverhouding in voor het converteren van beelden naar .jpg. Het is ook mogelijk om de compressieverhouding te specificeren voor individuele beelden.
Diversen Geschiedenis: Stelt het aantal recent geopende bestanden in voor verschijning in het menu Bestand.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
61
WebCreator4Hol.xp
9/05/07
17:42
Page 62
Menu Venster U kunt verschillende projecten tegelijkertijd openen en gemakkelijk elementen slepen en neerzetten van het ene project naar het andere. Gebruik het menu Venster/Schikken om de manier te organiseren waarop de projecten worden weergegeven.
Help De Web Creator on-line help biedt informatie over zijn belangrijkste functies, evenals advies en instructies die het eenvoudiger maken om te leren hoe deze software te gebruiken. Zie het deel Ontwerp: globale presentatie en Eerste stappen voor u een project start. Gebruik de helpbestanden op 3 manieren: • Help inhoud: Geeft alle onderwerpen van het helpbestand weer. • Index: Geeft een lijst met trefwoorden weer. • Zoeken: Zoekt het opgegeven trefwoord in het helpbestand.
Eerste stappen Deze optie geeft toegang tot een kleine on line zelfstudie op de LMSOFT website. Deze verklaart de basisstappen voor het maken van webpagina's. Er wordt ook informatie gegeven over het maken van een eerste pagina, het invoegen van een knop, het koppelen aan een andere pagina en het en van uw project naar het web.
Technische ondersteuning Mocht u vragen hebben over de installatie of problemen ondervinden bij het in gebruik nemen van de software waarvoor u geen oplossing heeft kunnen vinden in de handleiding of de help, dan kunt u opnemen met onze afdeling . Onze ervaring leert dat softwareproblemen vaak worden veroorzaakt door verouderde of foutieve stuurprogramma's. Vooral de stuurprogramma's voor uw videokaart en printer zijn van belang, omdat zij belangrijke functies ter beschikking stellen aan alle programma's.
62
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 63
Controleer daarom a.u.b. of u de meest actuele stuurprogramma's voor uw videokaart en uw printer gebruikt. U vindt de meest actuele stuurprogramma's bijvoorbeeld via de internetpagina's van de overeenkomstige fabrikant. Voor vragen kunt u opnemen met onze technische . Nederland Telefoonnummer: 0900 8524 357 (€ 0,45 per minuut) Op werkdagen van 10:00 uur tot 15:00 uur Schriftelijk: Mindscape Afdeling Postbus 858 2003 RW Haarlem Nederland U kunt ook het online helpdeskformulier invullen op onze website: www.mindscape.nl/tech/default.asp België Telefoonnummer: (02) 333 8686 Op werkdagen van 10:00 uur tot 15:00 uur Schriftelijk: ABC soft Afdeling Humaniteitslaan 231 1620 Drogenbos België Ondersteuning e-mail:
[email protected] Zorg ervoor dat u de volgende gegevens bij de hand heeft of vermeld in uw brief of bericht. • het artikelnummer van het product (deze code wordt vermeld op de verpakking van het product) • informatie over de in uw systeem gebruikte hardware (videokaart en stuurprogrammaversie, printer en stuurprogramma-versie, enzovoort) • het besturingssysteem dat u gebruikt • de precieze bewoording van de op het scherm getoonde meldingen (indien van toeing) • een beschrijving van het probleem en de werkwijze B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
63
WebCreator4Hol.xp
9/05/07
17:42
Page 64
De website en Het is mogelijk uw project te en naar uw Internet service provider via Web Creator FTP, een deel van FTP Site Manager of elke andere FTP-overdrachtsoftware.
en met Web Creator FTP Web Creator FTP is geïnstalleerd met Web Creator en zal automatisch worden opgeroepen bij het en. 1. Vul het hoofdeel in en valideer. Vraag uw Internet Service Provider om de volgende informatie. U kunt ook naar www.lmsoft.com gaan voor informatie over complete webhosting-oplossingen. • Naam van hun FTP-server. • Uw gebruikersnaam of aanmeldnaam. • Uw wachtwoord. Selecteer de map waarin uw site gecreëerd werd op uw machine. De FTP zou zichzelf daarin automatisch moeten plaatsen. Maar indien u het om welke reden ook moet doen, zoek de bestanden van de site in de "volledige" map van uw project. 2. Klik op de knop Met de FTP-server verbinden. 3. Wanneer verbonden, klik op de knop De bestanden kopiëren om de bestanden over te dragen van de vaste schijf naar de webserver van de ISP. 4. Wanneer de overdracht voltooid is, verbreek de verbinding of sluit af.
Het proces stoppen Stopt het overdrachtproces op elk ogenblik. Opmerking Bepaalde ISP's vereisen dat de website in een specifieke
submap wordt geplaatst. Vergeet niet om deze submap te openen voor u de site kopieert. Belangrijke opmerking: Het is ook mogelijk om de website manueel te kopiëren. In dit geval kunnen de over te dragen bestanden in de map "web" worden gevonden. De "volledige" submap bevat alle bestanden die moeten worden overgedragen.
64
We b C r e a t o r 4 • H a n d l e i d i n g
WebCreator4Hol.xp
9/05/07
17:42
Page 65
Opmerking Het is de INHOUD van de "volledige" map die moet worden
overgedragen en NIET de map zelf. U moet een aantal bestanden en mappen zien, waaronder index.html, de startpagina die automatisch zal openen wanneer uw website wordt bezocht. LMSOFT wordt geleverd met een hulpprogramma om uw website over te dragen tussen uw computer en de FTP-site. Indien u wenst kunt u ook een meer uitgebreid FTPoverdrachtsprogramma gebruiken waarmee u de inhoud van de FTP-map kunt weergeven en beheren (kopiëren, verwijderen, enz.) alsof het een normale map was. Deze software heet LMSOFT FTP Site Manager. U vindt een proefversie voor 30 dagen op www.lmsoft.com/s. Merk op dat onze software automatisch het basisprogramma zal vervangen wanneer u deze t.
B e z o e k o n z e w e b s i t e o p : w w w. m i n d s c a p e . n l
65
WebCreator4Hol.xp
9/05/07
17:42
Page 66
Web hosting Er zijn verschillende oplossingen mogelijk om uw site on line te plaatsen. • Gratis web hosting. Deze oplossing is niet de handigste. Het is gratis, maar de pagina's worden overspoeld door advertenties. Bovendien zijn de webservers vaak verzadigd en zijn de pagina's niet bereikbaar. Tenslotte zeggen sommige van de web hosters dat het in het begin gratis is en vragen ze nadien geld. Voor al deze redenen bevelen we dit type oplossing niet aan. • Subdomein naamhosting: Het webadres van een website wordt een domein genoemd. http://www.lmsoft.com, de website van ons bedrijf, en www.lmsite.net, dat de web hosting services verleent, zijn twee domeinnamen. In een subdomein hosting overeenkomst, staat de naam van het web hosting bedrijf naast uw naam. Indien het bedrijf bijvoorbeeld ABC heet, is het subdomein abc.lmsite.net. Deze oplossing elimineert de betaling voor een domeinnaam. Ze is eenvoudig en voordelig. • Hosting met een domeinnaam. In dit geval, registreert u uw eigen domeinnaam, www.abc.com, bijvoorbeeld. Controleer eerst dat uw domeinnaam niet bestaat en aan niemand toebehoort. Deze oplossing is duurder maar biedt meer mogelijkheden. LMSOFT stelt verschillende web hosting oplossingen voor met subdomeinnamen of domeinnamen. Onze servers zijn zeer snel en hebben een zeer hoog beveiligingsniveau tegen defecten en schadelijke aanvallen. Bezoek www.lmsoft.com voor meer informatie over onze web hosting oplossingen.
66
We b C r e a t o r 4 • H a n d l e i d i n g