Gebruik WebCreator
Paginaopzet
De paginaopzet is de ruggegraat van de website. Hier geef u de kleur van de achtergrond aan, de kantlijnen en de titel van uw website. U kunt ook een afbeelding als achtergrond aangeven.
Klik Files -> Page setup om de Page setup dialoog te openen.
Titel Webpagina
De titel van uw website zal worden getoond in de titelbalk van de browser. Standaard is dit uw domeinnaam.
Om de titel van de website te veranderen, open de Page setup dialoog (zie boven). Voer daarna de gewenste titel in, in het veld Web page title, en klik OK.
Paginakantlijnen
De paginakantlijnen geven de ruimte weer tussen de randen van de browser en waar de inhoud van de webpagina begint. U kunt deze marges voor boven, onder, links en rechts aanpassen.
Om de marges van de website aan te passen, open de Page setup dialoog (zie boven) en voer de gewenste waarden in, in pixels. Klik daarna OK.
Achtergrondkleur
De achtergrondkleur is de kleur die in de achtergrond van de webpagina verschijnt.
Om de achtergrondkleur te veranderen, open de Page setup dialoog (zie boven).
Klik op het blok naast de hexadecimale kleurencode (in dit voorbeeld #ffffff) om een kleurenpalet te openen.
Hier kunt u een kleur kiezen voor de achtergrond. Als u dit heeft gedaan, klik OK.
Een andere manier om de achtergrondkleur te veranderen is door te klikken op het icoon voor achtergrondkleur in de taakbalk. Dit opent het standaardpalet waaruit u een kleur kunt kiezen.
Achtergrondafbeelding
De achtergrondafbeelding kan een eigen afbeelding zijn of een voorgedefinieerde afbeelding van het sjabloon. Indien in het sjabloon al een achtergrondafbeelding is gedefinieerd, zal dit standaard worden getoond. De achtergrondafbeelding wordt herhaald getoond, niet slechts éénmaal geplaatst.
Om een achtergrondafbeelding te gebruiken of te veranderen, open de Page setup dialoog (zie boven) en vink Use background image aan, indien dit niet al het geval is.
Voer daarna het pad naar de nieuwe afbeelding in, of klik Browse Files om een afbeelding te kiezen op uw webruimte.
Wanneer dit is afgerond, klik OK.
Uw project beheren
Met de sidebar kunt u de webpagina's die aan het huidige project zijn gerelateerd beheren. In de sidebar kunt u nieuwe pagina's toevoegen, en aangeven welke van de pagina's moeten worden gepubliceerd. Elke pagina die wordt gepubliceerd in het project wordt automatisch toegevoegd in een menu op elke pagina van het project.
De sidebar
U kunt kiezen of u de sidebar aan de linkerkant getoond wilt hebben, of in het geheel niet, door te klikken op dit icoon:
Met de sidebar kunt u uw project organiseren. In uw project kunt u gepubliceerde en niet-gepubliceerde bestanden hebben. De naam van elke pagina met daarbij een link is in een lijst aangegeven in de sidebar.
Pagina toevoegen
Om een nieuwe pagina toe te voegen aan het project, klik op de Add... knop in de sidebar. Wanneer een pagina wordt toegevoegd, moeten 3 velden worden ingevuld.
Menu text is de tekst die in het menu verschijnt met een link. Indien deze tekst wordt aangepast, wordt deze automatisch op elke pagina veranderd.
Filename is de naam van het bestand op uw webruimte. U kunt toegang krijgen tot het bestand via Bestandenbeheer.
Web Page Title is de titel die bovenaan de browser verschijnt. Het kan anders zijn van de andere webpagina's die er zijn. U kunt het bijvoorbeeld Mijn website - Producten noemen, indien de pagina die u aanmaakt producten bevat.
Klik op OK en de nieuwe pagina wordt aangemaakt.
Beheren
Na het klikken op de Organize... knop, krijgt u een lijst van verschillende sites in het project. Klik op één van de bestanden en diverse mogelijkheden verschijnen aan de rechterkant van het venster.
U kunt de pagina's naar boven en beneden in het menu verplaatsen. Het bestand bovenaan in de lijst is de eerste link die in het menu getoond wordt.
Indien de pagina in het menu nog niet is gepubliceerd (en onder Unpublished in de sidebar getoond wordt), moet het bestand geselecteerd worden en klik daarna op de Publish knop aan de rechterkant van het venster. Door op Unpublish te klikken wordt de pagina van het menu verwijderd.
Om de menu tekst te veranderen, pas de tekst aan in het veld onder Change menu text en klik op Update.
Om een pagina uit het project te verwijderen, moet de pagina 'unpublished' worden, het document bewaard en moet er voor gezorgd worden dat het niet wordt geopend in de WebCreator.
Kies het correcte bestand in de lijst en klik Delete page.
Om de veranderingen door te voeren, klik op de OK knop.
Opmaak
Wanneer tekst wordt toegevoegd aan de website, staan er veel verschillende opties ter beschikking voor de opmaak. Deze komen overeen met welke ook in een normaal tekstverwerkingsprogramma te vinden zijn.
Stijlopmaak
Wanneer opmaak aan tekst wordt toegepast kan tussen een aantal pré-gedefinieerde stijlen gekozen worden. Dit kan door de gewenste tekst te selecteren en een stijl te kiezen uit het Style menu.
Lettertype instellen
Selecteer de gewenste tekst and kies het lettertype uit het Font drop-down menu om het lettertype te veranderen.
Grootte lettertype instellen
Om de grootte van het lettertype te veranderen selecteer de tekst en kies de gewenste grootte uit het Size drop-down menu.
Kleur van lettertype instellen
Om de kleur van het lettertype aan te passen, selecteer de tekst en kies de gewenste kleur door op het Font color icoon te klikken.
Tekst benadrukken
Om bepaalde delen tekst te benadrukken, selecteer de tekst en kies een kleur door te klikken op het Highlight color icoon.
Dit zal de tekst op de volgende manier weergeven:
Dik, schuine en onderstreepte tekst
Om dik, schuine en onderstreepte tekst te gebruiken, selecteer de tekst en klik op één van de volgende iconen:
Genummerde lijst of lijst met opsommingstekens
Om een genummerde lijst te maken, klik op het icoon in de taakbalk.
Dit zal het nummer 1 plaatsen. Schrijf daarna enige tekst en druk 'Enter' om naar de volgende regel te gaan.
Wanneer u de gewenste lijst heeft gemaakt, druk 'Enter', en dan Backspace om terug te gaan naar normale tekstverwerking.
Het maken van lijsten met opsommingstekens werkt op dezelfde manier, door te klikken op dit icoon:
Vergroten/verkleinen inspringing
Om de inspringing te vergroten, plaats de cursor aan de linkerkant van de tekst en klik op het Increase Indent icoon.
Dit zal de inspringing vergroten. Om het weer te verkleinen, plaats de cursor weer aan de linkerkant van de tekst en klik op het decrease indent icoon.
Subscript en superscript
Om een tekst subscript te krijgen, selecteer het en klik op het Subscript icoon.
De tekst zal er dan als volgt uitzien:
Om een tekst als superscript te tonen, selecteer deze en klik op het Superscript icoon.
De tekst zal er dan als volgt uitzien:
Hyperlinks
Hyperlinks zijn een van de belangrijkste functies in het bouwen van een website. Het linkt de gemaakte pagina's aan elkaar. Links kunnen ook of tekst of afbeeldingen zijn in de webpagina.
Toevoegen link naar pagina/bestand op de server
Om een link toe te voegen naar een pagina op de server, selecteer de tekst of afbeelding die als link moet dienen, en klik op het Link icoon en kies Insert link to HTML Document.
Dit opent een dialoogvenster, waar gekozen kan worden naar welke pagina gelinkt moet worden.
Klik OK om de link toe te voegen.
Om een link naar een bestand (bv. pdf of doc) toe te voegen, voer het volledige pad in naar het bestand in het bestandsnaamveld en klik OK (het is niet mogelijk om het bestand in het dialoogvenster te zien).
Toevoegen link aan webpagina
het is uiteraard ook mogelijk om te linken naar externe pagina's. Om dit te doen, selecteer de tekst/afbeelding die als link moet dienen, klik op het Link icoon en kies Insert link to website.
Dit opent het volgende dialoogvenster:
Voer de URL in (bv. http://www.anotherdomain.com ) naar de andere site en klik OK.
Subpagina maken en link toevoegen
Een andere optie wanneer links gemaakt worden is tegelijkertijd de subpagina te maken waarnaar gelinkt moet worden. Om dat te doen, selecteer de tekst/afbeelding die als link moet fungeren, klik op het link icoon en kies Create new subpage and insert link.
Dit opent een dialoogvenster. Kies eerst een titel voor de nieuwe subpagina, door het veld Web page title in te vullen.
Kies daarna of de nieuwe pagina een kopie van de huidige moet worden, een lege pagina, of een lege pagina met een vaste lay-out breedte.
Kies tot slot de bestandsnaam File name voor de nieuwe pagina. Dit moet eindigen op .html of .htm.
Klik OK. De nieuwe pagina zal dan in een nieuw venster laden.
Verwijderen van een link
Om een link te verwijderen zonder de tekst/afbeelding te verwijderen, selecteer de link, klik op het link icoon en kies Remove link (verwijder link).
De tekst zal niet worden verwijderd, wanneer een link wordt verwijderd..
Afbeeldingen
Er zijn 3 mogelijkheden, wanneer via de Webcreator een afbeelding toegevoegd moet worden:
Uploaden en toevoegen afbeelding
Plug-in accepteren
Om een afbeelding vanaf de eigen computer toe te voegen, moet een plug-in geïnstalleerd worden voor de afbeelding upload. De plug-in geeft de volgende informatie:
Plug-in name:
Image Component for Ilosoft web page Composer
Plug-in author:
One.com A/S
Afbeelding zoeken
Na de plug-in geïnstalleerd te hebben, kies de knop Open... rechts bovenin van het geopende venster.
Vind nu op de lokale computer de afbeelding die toegevoegd moet worden. Alle afbeeldingsformaten worden geaccepteerd, inclusief PNG en GIF.
Roteren afbeelding
Indien gewenst kan de afbeelding geroteerd worden. Dit kan gedaan worden met de twee knoppen onder de >strong>Open... knop. De afbeelding kan naar links én naar rechts geroteerd worden.
Grootte kiezen
Er kan gekozen worden uit 4 verschillende groottes bij het uploaden:
- Kleine afbeelding - 180x135
- Normaal - 320x240
- Grote afbeelding - 640x480
- Originele grootte
Indien het bestand groter dan 80 kb is, kan de optie 'Original Size' niet gekozen worden. Wanneer meerdere afbeeldingen worden toegevoegd is 'Original Size' niet aanbevolen.
Afbeelding toevoegen vanaf server
Wanneer wordt gekozen voor Insert image from server..., wordt een venster geopend met een lijst met alle afbeeldingen in een bepaalde map.
Het is mogelijk om door de verschillende mappen te gaan en de afbeelding te vinden die toegevoegd moet worden aan de webpagina.
Na het vinden van het gewenste bestand, klik op OK en de afbeelding zal worden toegevoegd op de positie van de cursor.
Toevoegen clipart
De WebCreator biedt clipart in meer dan 70 verschillende categoriëen aan en deze gaan van simpele zwart-wit tekeningen tot gekleurde afbeeldingen. Deze kunnen vrij in de webpagina toegepast worden.
Na het kiezen van de gewenste clipart, klik op Insert en de clipart wordt toegevoegd op de positie van de cursor.
Afbeeldingen in sjablonen
De meeste afbeeldingen in de sjablonen van de WebCreator kunnen worden vervangen door deze met de cursor te selecteren, en dan op de Delete toets op het keyboard te drukken. Some afbeeldingen echter zijn als achtergrondafbeeldingen toegevoegd in de sjablonen, in tabelcellen. Zie het hoofdstuk Tabelcel eigenschappen om te zien hoe deze afbeeldingen kunnen worden vervangen.
Tabellen en tekstboxen
Een tabel toevoegen
Om een tabel toe te voegen, klik op de tabel icoon in de werkbalk.
Kies met de muis het aantal rijen en kolommen en klik om de tabel toe te voegen.
Om de geavanceerde tabel dialoog te openen, klik of op Insert -> Table of op Advanced na het klikken op het bijbehorende icoon in de werkbalk. Het geavanceerde menu is beschreven in het onderstaande 'Tabelcel eigenschappen' hoofdstuk.
Toevoegen rijen en kolommen
Om een rij in een tabel toe te voegen, rechts-klik in de rij boven de plaats waar de nieuwe rij moet worden toegevoegd, en kies Insert Row.
Om een kolom in een tabel te voegen, rechts-klik in de kolom, links van waar de nieuwe kolom moet worden toegevoegd, en kies Insert Column.
Rijen en kolommen verwijderen
Om een rij of een kolom te verwijderen, rechtsklik in de rij/kolom, en kies Delete Row of Delete Column.
Tabel eigenschappen
Om de geavanceerd tabel eigenschappen te openen, rechts-klik op de tabel, en kies Table properties.
Kies de grootte van de tabel bovenaan. Klik op de %-knop om naar pixels over te gaan. Indien de breedte of hoogte ingesteld is op automatisch, wordt de tabel zo hoog of breed als de inhoud er van.
Kies vervolgens de breedte en kleur van de tabelrand. Indien de breedte op 0 wordt gesteld, zal de tabel zonder randen zijn. Voer de hexadecimale waarde in voor de gewenste kleur in het kleurenveld, of klik op het kleuricoon om de kleur aan te passen.
Vervolgens kan een marge ingesteld worden voor de cellen van de tabel, door een waarde in te voeren voor het aantal pixels in het veld.
Kies onderstaande een vorm van tekstomloop voor de tabel. Indien gekozen wordt voor In front of text can de tabel vrij over text en afbeeldingen verplaatst worden.
Kies vervolgens een achtergrondkleur voor de tabel door te klikken op het kleur icoon. Standaard is de tabel transparant.
Tot slot kan een achtergrondafbeelding gekozen worden voor de tabel door de optie Use background image aan te vinken. Klik daarna op Browse Files om een afbeelding te kiezen die al op de server staat, of voer het pad in het tekstveld in. Klik daarna OK om de eigenschappen van de tabel te wijzigen.
Tabelcel eigenschappen
Om de eigenschappen van een enkele cel aan te passen, rechts-klik in die cel en kies Table cell properties.
Dit opent een dialoogvenster.
Bovenaan kan een vaste breedte en hoogte van de cel gekozen worden. Klik op de %-knop om over te schakelen naar pixels.
Indien één van beide op auto is ingesteld, zal de cel de breedte en hoogte van de inhoud hebben.
Kies onderstaand de tekstuitlijning voor de cel in horizontale en verticale richting.
Kies vervolgens een achtergrondkleur voor de cel door te klikken op het kleurenicoon. Standaard is de achtergrond van de cel hetzelfde als de tabel.
Tot slot kan een achtergrondafbeelding voor de cel gekozen worden door Use background image aan te vinken. Klik daarna op Browse Files om een afbeelding te kiezen die al op de server staat, of voer het pad in in het tekstveld. Klik dan OK om de wijzigingen op te slaan.
Textveld
Tekstvelden worden gezien als enkele tabelcellen, die vrijelijk verplaatst kunnen worden. Tekstvelden kunnen zowel transparant zijn als een achtergrond hebben.
Een tekstveld maken
Om een nieuwe tekstveld te maken, klik op Draw -> Draw text box of op het icoon in de werkbalk.
Kies Draw transparent text box om een tekstveld met een transparente achtergrond te maken.
Klik en sleep tot de gewenste grootte.
Een tekstveld verplaatsen
Een tekstveld kan vrijelijk worden verplaatst. Om een tekstveld te verplaatsen, klik en sleep het naar de gewenste positie.
Een tekstveld vergroten/verkleinen.
Om een tekstveld aan te passen, klik er op. Het is nu mogelijk om het tekstveld in elke richting tot de gewenste grootte te vergroten of verkleinen, door te klikken op de kleine witte velden en van daar te slepen.
Eigenschappen van een tekstveld
Om de eigenschappen (achtergrondkleur, kleur van de rand, etc) van een tekstveld aan te passen, zie het hoofdstuk Tabelcel eigenschappen voor meer informatie.
