Handleiding Homepage 2

             

Handleiding   1-­‐2-­‐3  Homepage  2  

Introductie   1-2-3 Homepage 2 is een WYSIWYG (What-You-See-Is-What-You-Get) applicatie (oftewel Wat-UZiet- Is-Wat-U-Krijgt) voor het maken van complete web sites. Dit betekent dat de uiteindelijke pagina's er exact hetzelfde uitzien zoals ze zijn ontworpen. De applicatie genereert HTML (HyperText Markup Language) tags terwijl u de gewenste functies aanklikt; zo is het mogelijk web pagina's te maken zonder hiervoor eerst HTML te hoeven leren. 1-2-3 Homepage geeft u volledige vrijheid over de inhoud en indeling van uw pagina's. Eigenschappen: • Drag & drop van HTML elementen: Tekst, lijnen, afbeeldingen, Marquees, tabellen en veel meer! • Geintegreerde Web-site beheer via de Site Manager. Eenvoudig toevoegen, wijzigen, dupliceren en structureren van de web pagina's. • Aanpasbare menus, werkbalken, toetsenbord versnellers, dockable vensters, tabs, automatisch verbergen van ongebruikte vensters. • Formulieren, inclusief acties, verborgen velden. • Alle gangbare formulier elementen worden ondersteund: tekstvelden, knoppen, selectievakjes, keuzerondjes, keuzelijsten enz... • Geformateerde tekst ondersteuning: diversen lettertypes, kleuren, links, grootte, vet, cursief, onderstreept enz... • Mogelijkheid om eigen HTML toe te voegen (per object, per pagina of in een HTML object). • Vorm object (Rectangle, Round rect, Ellipse, Diamond, Hexagon, Octagon, Parallelogram, Triangle, Trapezoid, Arrows, Flag, Flower, Heart, Signs, Stars en Talk Bubbles). • ActiveX, JAVA, Flash, Windows Media player, Quicktime, Real Audio en overige Plug-In ondersteuning. • Aanpasbare scrollbar kleuren • Ingebouwde banner tool. • Rollover afbeeldingen • Bulleted Lists (Cirkel, Schijf, Vierkant, Nummers, Kleine letters, Hoofdletters, Klein romeins, Groote romeins en afbeeldingen). • Foto gallerie • Kant-en-klare Javascripts • Navigatiebalken • Menubalken • Image maps • Roterende afbeeldingen (voor bijvoorbeeld advertentie banners) • Importeer bestaande HTML pagina's. • Aanpasbare hyperlink kleuren/opmaak m.b.v. cascading style sheets. • Sjabloon/Template ondersteuning • Publiceer de gehele web site, een enkele pagina of een groep pagina's in één actie (naar een lokale disk of een web server) • Embedded pagina's. Waarmee objecten van andere pagina's hergebruikt kunnen worden. • Meta tags. • Uitgebreide uitlijning mogelijkheden • en nog veel meer!

1-2-3 Homepage 2 is een applicatie waarmee uw eenvoudig volledige Web sites kunt bouwen zonder hiervoor eerst HTML te hoeven leren. Wanneer u een de pagina's publiceert, genereert 1-2-3 Homepage 2 automatisch de benodigde HTML code voor u. Hier zijn een paar eenvoudige stappen om u op weg te helpen: 1-2-3 Homepage 2 opstarten Na het opstarten van 1-2-3 Homepage 2 wordt een nieuwe web site weergegeven met de naam 'naamloos1'. Een web site bestaat altijd minimaal uit één pagina, vandaar dat de nieuwe web site al één pagina bevat met de naam 'index'. Meestal is binnen een web site de 'index' pagina de eerste pagina die de bezoeker ziet, dit wordt ook wel de homepage genoemd. Aan de linkerkant worden alle beschikbare gereedschappen (Tools) weergegeven die kunnen worden gebruikt voor het bouwen van de web site. Dit gedeelte word de Toolbox genoemd. Aan de rechtkant wordt de zgn Site Manager weergegeven, hiermee kunnen pagina's worden toegevoegd, aangepast en gewijzigd. Ook kunnen bestaande pagina's worden gedupliceerd (gecloned). Het midden van het scherm is het 'werkblad' waar de web-pagina's kunnen worden ontworpen. D.m.v. drag & drop (slepen) kunnen elementen vanuit de toolbox aan de pagina worden toegevoegd. Pagina eigenschappen Eén van de eerste dingen die u waarschijnlijk zal doen is het configureren van een aantal algemene pagina eigenchappen zoals bijvoorbeeld de achtergrond kleur, titel van de pagina, afmetingen en dergelijke. Selecteer Pagina->Pagina eigenschappen om de venster 'Pagina eigenschappen' weer te geven. Tekst invoegen Selecteer Invoegen->Tekst en geef d.m.v. de muis aan op welke position de tekst moet worden geplaatst. Daarna kunt u de tekst dubbel klikken om de tekst aan te passen. Vervolgens kunt u de tekst aan passen op dezelfde manier als een gewone tekst edit. Om de opmaak van de tekst te wijzigen dient u eerst de tekst te markeren, waarna uw de attributen kunt aanpassen (zoals vet, cursief, lettertype enz). Zie ook: Opmaak Klik buiten het tekst gebied om de bewerking-modus te verlaten. Afbeelding invoegen Selecteer Invoegen->Afbeelding en geef d.m.v. de muis aan op welke position de afbeelding moet worden geplaatst. De grootte van het aangegeven gebied maakt niet uit, 1-2-3 Homepage 2 zal automatisch de afmetingen aanpassen zodra de afbeedling geladen is. De afmetingen van een afbeelding kunnen worden gewijzigd d.m.v. de selectie handsvaten (resize handles), die worden weergegeven als kleine vierkantjes op de randen van de afbeelding. Eventueel kunnen de afmetingen ook worden hersteld naar de orginele afmetingen d.m.v. de menu optie Bewerken->Herstellen originele afmetingen

Andere elementen invoegen Naast tekst en afbeeldingen zijn er nog veel meer elementen (objecten) die u aan een pagina kunt toevoegen. Meer informatie over deze objecten is hier te vinden: Toolbox Tip: de eenvoudigste manier om objecten toe te voegen, is door deze vanuit de Toolbox op de pagina te slepen. Links (koppelingen) maken Links (ook wel koppelingen genoemd) zijn tekst of afbeeldingen die kunnen worden aangeklikt, zodat de achterliggende pagina (of afbeelding, of geluidsbestand, enzovoort) wordt weergegeven. Meer informatie over het aanmakan van (hyper)links wordt hier beschreven: Links. Web Site opslaan Een web-site (inclusief alle pagina's die deze web-site bevat) kan worden opslagen via Bestand File>Opslaan Web Site. Merk op dat één bestand meerdere pagina's kan (en waarschijnlijk ook zal) bevatten! Het is dus niet de bedoeling dat alle pagfina's in afzonderlijke bestanden worden opgeslagen. 1-2-3 Homepage 2 bebruikt de extensie .wbs om project bestanden op te slaan, om één of meerdere pagina's op te slaan als HTML moet deze eerst worden gepubliceerd. Zie ook: Publiceren. Voorbeeld in browser weergeven Selecteer Bestand->Voorbeeld in browser(F5) om één of meerder pagina's in de browser weer te geven als voorbeeld, zodat kan worden bekeken hoe de uiteindelijke pagina er uit gaat zien. Afhankelijk van de Voorbeeld scope (Extra->Opties->Voorbeeld) kan zowel een enkele pagina als de volledige web site worden weergegeven. Het is ook mogelijk om de browser welke wordt gebruikt om het voorbeeld weer te geven, te wijzigen. Kies Extra->Opties->Voorbeeld om een alternatieve browser te selecteren. Pagina's publiceren Selecteer Bestand->Publiceren om één of meerdere pagina's te publiceren naar een lokale map of een FTP server. Meer informatie over publiceren vindt u hier: Publiceren. Meer informatie? Dit help bestand bevat een beschrijving van vrijwel alle mogelijkheden die 1-2-3 Homepage 2 te bieden heeft. Introductie Beschrijving van de beschikbare menu items: Bestand Bewerken Beeld Pagina Invoegen Opmaak Tabel Layout Extra Geadvanceerde opties: Formulieren Tabellen Of ga direct naar een beschrijving van één van de objecten: Toolbox.

Menu  Opties   De volgende menu opties zijn beschikbaar: Bestand Bewerken Beeld Pagina Invoegen Opmaak Tabel Indeling Extra

Bestand  -­‐  Menu   Nieuwe Web Site Maak een nieuw leeg web site project. Alle pageina's van een web site moeten worden opsgeklagen in één bestand. Nieuwe pagina's kunnen worden toegevoegd m.b.v. de Site Manager of via het Pagina menu. Nieuwe Web Site van Template Maak een nieuwe web site op basis van een template (sjabloon). Zie ook Templates. Openen Web Site Open een bestaande web site. Sluiten De actieve pagina sluiten. Sluiten Web Site De actieve web site sluiten. Opslaan Web Site Een web-site (inclusief alle pagina's die deze web-site bevat) kan worden opslagen via Bestand File>Opslaan Web Site. Merk op dat één bestand meerdere pagina's kan (en waarschijnlijk ook zal) bevatten! Het is dus niet de bedoeling dat alle pagfina's in afzonderlijke bestanden worden opgeslagen. 1-2-3 Homepage 2 bebruikt de extensie .wbs om project bestanden op te slaan, om één of meerdere pagina's op te slaan als HTML moet deze eerst worden gepubliceerd. Zie ook: Publiceren. Opslaan Web Site als De actieve web site opslaan onder een andere naam. Opslaan als Template De actieve web site opslaan als template. Zie ook Templates. Exporteren naar HTML Exporteer de actieve pagina naar een HTML bestand. Om meerder pagina's tegelijkertijd om te zetten naar HTML, kan gebruik worden gemaakt van Bestand->Publiceer. Voorbeeld in Browser Selecteer Bestand->Voorbeeld in browser(F5) om één of meerder pagina's in de browser weer te geven als voorbeeld, zodat kan worden bekeken hoe de uiteindelijke pagina er uit gaat zien. Afhankelijk van de Voorbeeld scope (Extra->Opties->Voorbeeld) kan zowel een enkele pagina als de volledige web site worden weergegeven. Het is ook mogelijk om de browser welke wordt gebruikt om het voorbeeld weer te geven, te wijzigen. Kies Extra->Opties->Voorbeeld om een alternatieve browser te selecteren. Publiceren Selecteer Bestand->Publiceren om één of meerdere pagina's te publiceren naar een lokale map of een FTP server. Meer informatie over publiceren vindt u hier: Publiceren.

Afdrukken De actieve pagina afdrukken. Afdrukvoorbeeld Volledige pagina's weergeven als afdrukvoorbeeld. Pagina-instelling Instellingen van de pagina-indeling wijzigen. Afsluiten De toepassing sluiten.

Bewerken  -­‐  Menu   Ongedaan maken De laatste bewerking ongedaan maken. Opnieuw uitvoeren De laatste ongedaan gemaakte bewerking opnieuw uitvoeren. Knippen De selectie knippen en naar het Klembord verplaatsen. Kopiëren De selectie naar het Klembord kopiëren. Plakken De inhoud van het Klembord invoegen. Wissen De selectie wissen. Alles selecteren Het gehele document selecteren (alle objecten). Vergrendelen/Vergrendeling opheffen Deze optie kan worden gebruikt om de geselecteerde objecten te vergrendelen, zodat deze niet langer per ongeluk kunnen worden verplaatst. Merk op dat dit tevens voorkomt dat de eigenschappen van een object kunnen worden gewijzigd. Dit gedrag is aan te passen in: Extra->Opties->Geavanceerd: 'Wijzigen van vergrendelde objecten toestaan'. Om de vergrendeling weer op te heffen kan dezelfde functie worden gebruikt. Alles vergrendelen Alle objecten binnen de actieve pagina vergrendelen. Alle vergrendelingen opheffen Alle vergrendelingen binnen de actieve pagina opheffen. Herstel originele afmetingen Deze optie herstelt de orginele afmetingen van de geselecteerde afbeelding of flash object. Eigenschappen Geeft de eigenschappen van het geselecteerde object en geeft de mogelijkheid deze te wijzigen. Zie ook Toolbox voor een beschrijving van alle objecten. HTML Geeft de aangemaakte HTML weer van het geselecteerde object. Het is ook mogelijk uw eigen HTML code toe te voegen!

Beeld  -­‐  Menu   Menubalk De menubalk weergeven of verbergen. Werkbalken->Standaard De werkbalk standaard weergeven of verbergen De beschikbare tools worden hier beschreven: Bestand en Bewerken. Werkbalken->Geavanceerd De werkbalk geavanceerd weergeven of verbergen. De beschikbare tools worden hier beschreven: Toolbox. Werkbalken->Uitlijnen De werkbalk uitlijnen weergeven of verbergen. De beschikbare tools worden hier beschreven: Indeling. Werkbalken->Formulier De werkbalk formulier weergeven of verbergen De beschikbare tools worden hier beschreven: Toolbox. Werkbalken->Opmaak De werkbalk opmaak weergeven of verbergen. Zie ook: Opmaak. Werkbalken->HTML De werkbalk HTML weergeven of verbergen. De beschikbare tools worden hier beschreven: Toolbox. Werkbalken->Navigatie De werkbalk navigatie weergeven of verbergen. De beschikbare tools worden hier beschreven: Toolbox. Werkbalken->Tabel De werkbalk tabel weergeven of verbergen. De beschikbare tools worden hier beschreven: Tabel. Werkbalken->Extra De werkbalk extra weergeven of verbergen. De beschikbare tools worden hier beschreven: Toolbox. Toolbox De Toolbox weergeven of verbergen. De toolbox kan worden gebruikt om nieuwe object aan een pagina toe te voegen. Selecteer één van de beschikbare items en geef d.m.v. de muis aan op welke position de tekst moet worden geplaatst. Het is ook mogelijk een object uit de toolbox te slepen en op de poagina te plaatsen. De beschikbare tools in de Toolbox worden hier beschreven: Toolbox. Statusbalk De statusbalk weergeven of verbergen. Site Manager

Het venster Site Manager weergeven of verbergen. Lees meer over de Site Manager. Raster Het raster weergeven of verbergen. Magnetisch raster Magnetisch raster aan of uitzetten. Gebruik het magnetisch raster op objecten exact te positioneren. 1-2-3 Homepage 2 maakt dan een "magnetische" aantrekkingskracht tussen het geselecteerde object en het raster. Linialen Linialen weergeven of verbergen Object randen Object randen weergeven of verbergen.

Opmaak   1-2-3 Homepage 2 beschikt over dezelfde opmaak functies die u beijvoorbeeld ook vind in text editors zoals WordPad en MS Word. De eerste stap om de opmaak van tekst te kunnen aanpassen is het markeren van de te wijzigen tekst d.m.v. de muis. De opmaak functies worden dan vervolgens geactiveerd. Lettertype D.m.v. de optie lettertype kunnen diversen eigenschappen van de geselecteerde tekst worden aangepast. Style Er zijn diversen tekst stylen bechikbaar zoals vet, cursief, onderstreept, doorhalen, superscript en subscript. Kleur Wijzigt de kleur van de tekst. Achtergrondkleur Wijzigt de achtergrondkleur van de tekst, ook wel de highlight kleur genoemd. Grootte De grootte van de tekst wordt opgegeven in punten: 6, 7, 8, 9, 10, 11, 12, 14, 16 ,18 ,20, 22, 24, 26, 28, 36, 48 en 72. In de uiteindelijke HTML wordt de grootte in pixels uitgedrukt zodat verschillende computer instellingen geen invloed hebben op de weergaven van de web pagina's. Uitlijnen De tekst op verschillende manieren worden uitgelijnd: Links, Centreren, Rechts en Uitgevuld. Hyperlink Style Sheet Normaal gesproken hebben alle links in een web-pagina de standaard HTML link kleuren. (link:blauw, visited:paars, active:rood, hover:blauw). 1-2-3 Homepage 2 geeft de mogelijkheid om de kleuren van links aan te passen d.m.v. de Hyperlink Style Sheet editor. Opmaak verwijderen Soms kan het nodig zijn alle opmaak van tekst in één actie te verwijderen. Markeer de tekst en selecteer Opmaak verwijderen zodat alle opmaak de standaard waarden krijgt. De opmaak attributen die worden verwijdert zijn vet, cursief, onderstrepen, subscript, superscript, doorstrepen, tekstkleur en achtergrondkleur.

Pagina eigenschappen De pagina eigenschappen zijn verdeeld in de volgende subgroepen: • • • • •

Algemeen Achtergrond Meta Tags Scrollbars Pagina overgangen

Pagina  eigenschappen  -­‐  Algemeen   Titel Voer hier de title van de web pagina in. Deze titel wordt normaal gesproeken in de titelbalk van de browser weergegeven. Knop naam De knopnaam wordt gebruikt voor item namen in navigationbalken en menubalken waarvoor de optie 'Synchroniseren met Site Manager' aan staat. Standaard zijn de pagina naam (zoals aangegeven in de Site Manager) en de knopnaam hetzelfde, maar d.m.v. dit veld kan er een andere tekst toegekend worden. Standaard Lettertype Deze optie bepaalt het standaard lettertype dat voor nieuwe tekst objecten wordt gebruikt. Grootte Deze optie bepaalt de standaard lettergrootte die voor nieuwe tekst objecten wordt gebruikt. Pagina breedte Bepaalt de paginabreedte van een web pagina. Opmerkingen: 1. Deze waarde wordt niet gebruikt door de browser, maar wordt alleen gebruikt door 1-2-3 Homepage om aan te geven wat het werkgebied is en om de scollbars aan te passen wanneer de pagina niet helemaal op uw scherm past. 2. De 'Centreren in browser' optie gebruikt deze waarde om het absolute midden van een web pagina te bepalen. Dit bekent dat indien u een web pagina heeft ontworpen voor een resolutie van 800x600, dat deze waarde op 800 moet staan anders wordt de pagina niet in het midden van het browser venster weergegeven! Pagina hoogte Bepaalt de paginahoogte van een web pagina. Opmerking: Deze waarde wordt niet gebruikt door de browser, maar wordt alleen gebruikt door 1-2-3 Homepage 2 om aan te geven wat het werkgebied is en om de scollbars aan te passen wanneer de pagina niet helemaal op uw scherm past. Extensie Normaal gesproken wordt de .html extensie gebruikt om een web pagina te publiceren. Maar in sommige gevallen kan het noodzakelijk zijn om een andere extensie op te geven zoals .php of .asp als de pagina één van deze scripttalen gebruikt. Character Set De character set zorgt ervoor dat de browser de juiste codering gebruikt om de pagina's weer te geven. Afhankelijk van de taal van de tekst in de pagina kan het nodig zijn de browser the instrueren een andere character set te gebruiken. De meest gebruikte character sets in west-europa zijn: ISO8859-1 (ANSI) en UTF-8 (UNICODE). Centreren in browser Indien deze optie wordt geactiveerd wordt de pagina in het center van het browser venster weergegeven. Deze pagina niet publiceren Indien deze optie geactiveerd wordt, zal de pagina niet gepubliceerd worden wanneer de complete

web site wordt gepubliceerd. Mogelijke redenen hiervoor kunnen zijn: 1. De pagina is momenteel geen onderdeel van de website of nog 'in aanbouw'. 2. De pagina wordt gebruikt als onderdeel van andere pagina's d.m.v. het Embedded Pagina object. 3. De pagina is niet gewijzigd en er is geen reden om hem opniew te publiceren. Deze pagina niet synchroniceren in navigatie objecten. Indien deze optie geactiveerd wordt, zal de pagina niet worden weergegeven in navigatie objecten waarvan de optie Synchroniseren met Site Manager aanstaat. Maak default Slaat de huidige instellingen op als default waarden voor nieuwe pagina's.

Pagina  eigenschappen  -­‐  Achtergrond   Achtergrondafbeelding Hiermee kan optioneel een afbeelding op de achtergrond van de web pagina worden weergegeven. Indien de afbeelding kleiner is dan de pagina grootte wordt deze herhaald zodat de gehele pagina wordt gevuld. Achtergrondkleur De kleur die wordt gebruikt als achtergrond van de pagina. Link kleur De standaard kleur van alle links van een pagina. De kleur van een (individuele) link kan ook worden aangepast door middel van Hyperlink Style Sheets. Bezochte link kleur De standaard kleur van alle bezochte links van een pagina. De kleur van een (individuele) link kan ook worden aangepast door middel van Hyperlink Style Sheets. Actieve Link kleur De standaard kleur van de actieve link van een pagina. De kleur van een (individuele) link kan ook worden aangepast door middel van Hyperlink Style Sheets. Geluid Deze optie kan worden gebruikt om aan te geven, dat bij het openen van de pagina op de achtergrond een geluidsfragment moet worden afgespeeld. Het kan daarbij bijvoorbeeld gaan om bestanden met de extensie wav, au en mid. Herhalen bepaalt hoe vaak het geluidsfragment herhaald moet worden. Wanneer Doorlopend wordt aangevinkt zal het geluidsfragment continue worden herhaald. Maak default Slaat de huidige instellingen op als default waarden voor nieuwe pagina's.

Pagina  eigenschappen  -­‐  Meta  Tags   Auteur Hiermee kan de auteur van de pagina worden opegegeven. Trefwoorden Hier kunnen trefwoorden worden opgegeven welke op de web pagina van toepassing zijn (een aantal zoekmachines voegt deze trefwoorden toe aan die, welke gevonden zijn in de pagina). Omschrijving Bevat een omschrijving van de web pagina (een aantal zoekmachines geeft deze omschrijving weer in de zoekresultaten in plaats van de eerste regels van de pagina). Generator Bevat informatie over de HTML-editor welke gebruikt is bij het maken van de web pagina.. Maak default Slaat de huidige instellingen op als default waarden voor nieuwe pagina's.

Pagina  eigenschappen  -­‐  Scrollbars   Microsoft Internet Explorer geeft web designers de mogelijkheid om de scrollbarskleuren aan te passen, zodat deze overeenkomen met de kleuren die binnen de pagina worden gebruikt. Het aanpassen van deze kleuren heeft waarschijnlijk geen effect bij weergave in andere browsers.

Pagina  eigenschappen  -­‐  Pagina  overgangen   Pagina overgangen voegen special effecten toe aan het openen of verlaten van een pagina/website. Deze overgangen werken alleen in Internet Explorer 4 en hoger. Om pagina overgangen te activeren, selecteer een Event (gebeurtenis) en ken een effect toe uit de lijst. De tijdsduur van een effect kan ook worden ingesteld.

Pagina  -­‐  Menu   Het pagina menu bevat een aantal functies voor het beheer van pagina's. Nieuwe pagina Voegt een nieuwe pagina toe aan de web site. De nieuwe pagina wordt automatisch, zodat direct kan worden gestart met het bewerken ervanp. De nieuwe pagina (met een unieke pagina naam) wordt onderaan Site Manager boom structuur toegevoegd. Pagina dupliceren Deze optie kan worden gebruikt om een exacte kopie van de actieve pagina te maken. De nieuwe pagina (met een unieke pagina naam) wordt onderaan Site Manager boom structuur toegevoegd. Pagina verwijderen Verwijder de actieve pagina uit de web site. Het is niet mogelijk de laatste pagina van een web site te verwijderen. Pagina hernoemen M.b.v. deze optiee kan de naam van de actieve pagina worden gewijzigd. Merk op dat de Site Manager zichtbaar moet zijn om een pagina te kunnen hernoemen. De naam van de pagina zal worden gemarkeerd in de Site manager, zodat uw vervolgens een nieuwe naam kan invoeren. Bij het wijzigen van de naam van de pagina worden alle interne links automatisch aangepast, zodat u zich geen zorgen hoeft te maken over de verwijzigen. HTML pagina importeren Het is mogelijk bestaande HTML pagina's te importeren binnen 1-2-3 Homepage. Indien mogelijk wordt de inhoud van deze pagina's dan geconverteerd naar het 1-2-3 Homepage 2 formaat. Voor meer informatie over het importeren van HTML zie ook: Importeren HTML. Pagina eigenschappen Deze optie geeft het venste Pagina eigenschappen weer. Zie ook: Pagina eigenschappen. Pagina HTML Deze optie geeft de door 1-2-3 Homepage 2 genereerde HTML van de actieve pagina weer. Het is ook mogelijk om eigen HTML code toe te voegen.

Invoegen  -­‐  Menu   Selectie Deze tool wordt gebruikt om objecten te selecteren. Om meerdere objecten tegelijk te selecteren, 'Tekent' u een selectie rechthoek om deze objecten heen, of houdt de Shift-toets ingedrukt tijdens het selecteren terwijl u de objecten één voor één aanklikt.. Horizontale lijn Hiermee kan een horizontale lijn worden toegevoegd. Zie ook: Lijn eigenchappen. Tekst Waarschijnlijk één van de meest gebruikte elementen is het tekst object. Hiermee kan een tekst blok aan een pagina owrden teoegevoegd. Gebruik de Opmaak tools om het lettertype, grootte, kleur of andere attributen van de tekst aan te passen. U kunt links toekennen aan een tekst d.m.v. Link tool. Zie ook: Tekst eigenschappen. Afbeelding Gebruik deze functie om een afbeelding aan een pagina toe te voegen. 1-2-3 Homepage 2 ondersteund jpg, gif en bmp bestandent. Indien GDI+ geinstalleerd is (Windows XP) kunnen ook png bestanden worden weergegeven. Zie ook: Afbeelding eigenschappen. ImageMap Je kunt image maps (of afbeeldingskaart) maken, die een afbeelding in meerdere regio's onderverdeeld, zodat een klik op de ene plek de gebruiker naar pagina A brengt terwijl een klik op een andere plek (in dezelfde afbeelding) hem naar pagina B brengt. Image maps kunnen bruikbaar zijn voor een plattengrond of wereld kaart, waarin verschillende links worden ondergebracht. Elke regio op de map (hotspot) kan één van de volgende vormen hebben vierkant, cirkel of polygon (onregelmatig figuur). Meer over Image Maps. Vorm Het vorm object kan worden gebruikt om vormen aan uw web pagina's toe te voegen zoals een recthoek, een rechthoek met afgeronden hoeken of ellipsen en cirkels. Wanneer een pagina wordt gepubliceerd worden de vomren omgezet naat .gif bestanden. Zie ook: Vorm eigenschappen. Bulleted List 1-2-3 Homepage 2 bevat het object Bulleted List voor het maken van lijsten, of opsommingen met onderwerpen. Er zijn diversen typen lijsten beschikbaar: Cirkel, Schijf, Vierkant, Nummers (1, 2, 3), Kleine letters (a, b, c), Hoofdletters (A, B, C), Klein romeins (i, ii, iii),, Groote romeins(I, II, III) en afbeeldingen. Meer informatie over Bulleted Lists. Marquee Het Marquee object voegt een lichtkrant toe aan uw web pagina. Zie ook: Afbeelding eigenschappen. Symbool

Deze optie kan worden gebruikt om een symbool (speciaal karakter) in een tekst te voegen. De optie is alleen beschikbaar wanneer uw tekst aan het bewerken bent. Link Opent het venster Link invoegen zodat een link kan worden toegekend aan een tekst, afbeelding of vorm. Zie ook: Link eigenschappen. Anker Ankers (ook wel bookmarks of bladwijzers genoemd) markeren een specifieke locatie op een pagina. M.b.v. anker kan de bezoeker van de pagina direct naar een bepaald gedeelte van de pagina springen zonder daarvoor te hoeven scrollen. U kunt het anker pictogram om iedere willekeurige plek in de pagina plaatsen, vervolgens kan dan vanuit het Link venster naar dit anker object wordt verwezen. Zorg ervoor dat elke anker object binnen een pagina een uniek naam heeft. Formulier Het object Formulier is het geraamte van een formulier. Alle objecten die onderdeel zijn van een formulier moeten op een forumlier opbject worden geplaatst. 1-2-3 Homepage 2 ondersteund een grote selectie aan formulier controls zoals: knoppen, tekstvelden, keuzerondje, selectievakjes en keuzelijsten. Zie ook: Formulier eigenschappen. Knop (Formulier component) Commandoknop invoegen in een formulier. Zie ook: Knop eigenschappen. Afbeelding knop (Formulier component) Commandoknop met afbeelding invoegen in een formulier. Zie ook: Afbeelding knop eigenschappen. Geavanceerde knop (Formulier component) Knop met geavanceerde mogelijkheden zoals tekst met opmaak, achtergrondkleur, instelbare randen en javascript acties. Zie ook: Geavanceerde knop eigenschappen. Selectievakje (Formulier component) Selectievakje invoegen in een formulier. De gebruiker kan het vakje selecteren (aankruisen) als hij/zij het met de bijbehorende omschrijving eens is. Zie ook: Selectievakje eigenschappen. Keuzerondje (Formulier component) Keuzerondje invoegen in een formulier. Keuzerondjes zijn ongeveer gelijk aan selectievakjes behalve dat in dit geval meerdere keuzes worden weergegeven waarvan er één moet worden aangevinkt. Zie ook: Keuzerondje eigenschappen. Tekstveld (Formulier component) Hiermee wordt een veld gedefinieerd waarin de gebruiker een enkel woord of een enkele regel tekst kan invoeren. Zie ook: Tekstveld eigenschappen. Meerregelig tekstveld (Formulier component)

Het Meerregelig tekstveld object definieert een rechthoekig vak in een formulier, waarin de gebruiker over meerdere regels tekst kan invoeren. Zie ook: Meerregelig tekstveld eigenschappen. Keuzelijst (Formulier component) Dit object wordt gebruikt om een keuzelijst (menu met enkelvoudige keuze) of een meervoudige keuzelijst te maken in een formulier. Zie ook: Keuzelijst eigenschappen. File Upload (Formulier component) Hiermee wordt de gebruiker de mogelijkheid geboden een bestand op te geven, dat met de overige informatie uit het formulier naar de server gestuurd moet worden. Zie ook: File Upload eigenschappen. HTML Een HTML object kan worden gebruikt om HTML code (of Javascript) aan een web pagina toe te voegen. De ingevoerde HTML wordt niet gecontroleerd op correctheid! Deze optie wordt vaak gebruikt om bijvoorbeeld tellers, advertenties of javascript in een pagina op te nemen. Zie ook HTML eigenschappen. Inline Frame M.b.v. een Inline Frame kan een andere pagina binnen de huidge pagina worden weergegeven. Een inline frames worden ook wel floating of zwevende frames genoemd. Zie ook: Inline Frame eigenschappen. ActiveX Het ActiveX object kan worden gebruikt om een mini-applicatie aan een web pagina toe te voegen. Zie ook: ActiveX eigenschappen. OLE Object U kunt een OLE object gebruiken om gegevens uit te wisselen tussen documenten die gemaakt zijn in verschillende applicaties. In de uiteindelijk HTML worden deze gegevens weergegeven als afbeelding. Zie ook: OLE Object eigenschappen. Embedded Pagina M.b.v. het embedded pagina kunnen objecten uit andere pagina worden hergebruikt in van de huidige pagina. Om deze manier kunt u voorkomen dat uw grote delen van een pagina telkens opnieuw moet maken en het wijzigen hoeft dan maar op één plek te worden gedaan. Zie ook: Embedded pagina eigenschappen. Java Java toepassingen zijn een efficiente manier om animaties, zoals bijvoorbeeld schuivende teksten of andere speciale effecten aan een pagina toe te voegen. Zie ook: Java eigenschappen. Flash 1-2-3 Homepage 2 biedt ondersteuning voor MacroMedia Flash files. Flash is een populair formaat voor het bieden van vector-based graphics en animaties over het Internet. Zie ook: Flash eigenschappen. Windows Media Player

Gebruik dit object om Windows media bestanden in een web pagina op te nemen. Zie ook: Windows Media Player eigenschappen. Quicktime Gebruik dit object om Quicktime media bestanden in een web pagina op te nemen. Zie ook: Quicktime eigenschappen. RealPlayer Gebruik dit object om RealPlayer media bestanden in een web pagina op te nemen. Zie ook: RealPlayer eigenschappen. Plug-In Alhoewel 1-2-3 Homepage 2 een groot aantal media bestanden ondersteund, kunnen er bestanden zijn die uw wilt invoegen in uw pagina's. Zoals bijvoorbeeld Adobe Acrobat PDF files. Dit kan d.m.v. het Plug-in object. Afhankelijk van het type bestand kunnen diversen parameters worden opgegeven in het eigenschappen venster van dit object. Banner Een banner is een afbeelding die normaal gesproken de titel van een web pagina weer geeft. Zo ziet de bezoeker direct waar de pagina over gaat. Zie ook: Banner eigenschappen. Rollover afbeelding Rollovers geven een ander plaatje weer wanneer de muis over de afbeelding heen beweegt. Wanneer de muis weer uit het plaatje wordt gehaald, wordt weer de orginele afbeelding weergegeven. Zie ook: Rollover afbeelding eigenschappen. Foto Gallerie De Foto Gallerie maakt het mogelijk d.m.v. een paar eenvoudige handelingen een complete foto gallerie aan een web pagina toe te voegen. Zie ook: Foto gallerie eigenschappen. Navigatiebalk De Navigatiebalk (ook wel linkbalk genoemd) is een set knoppen met links waarmee de bezoeker van een web site eenvoudig door de site van navigeren. Zie ook: Navigatiebalk eigenschappen. Go Menu Het Go Menu is een andere manier om een drop-down navigatie menu te maken, waarbij ieder menu item gekoppeld is aan een URL. Wanneer de bezoeker de 'Go'-knop selecteert , wordt de link geactiveerd. Zie ook: Go Menu eigenschappen. Menubalk D.m.v. een menubalk kunnen mooie menubalken aan een pagina worden toegevoegd. Dit kunnen ook menus zijn met meerdere nivo's. Zie ook: Menubalk eigenschappen. Kant-en-klare JavaScripts Met deze optie kunnen kant-en-klare JavaScripts aan een pagina worden toegevoegd. Zie ook: JavaScripts eigenschappen.

Ad Rotator Ad Rotator kan verschillende afbeeldingen in een sequence weergegeven (ook wel slideshow genoemd). Zo kunnen bijvoorbeeld verschillende produkt advertenties na elkaar worden weergegeven die allemaal hun eigen link kunnen bevatten. Zie ook: Ad Rotator eigenschappen. File Publisher Deze component kan automatisch de opgegeven bestanden naar de web server uploaden wanneer deze pagina wordt gepubliseerd. Dit kan handig zijn indien er extra files naar de server moeten worden geupload (bijv. scripts of multimedia bestanden). Zie ook: File Publisher eigenschappen.

Lijn   Hiermee kan een horizontale lijn worden toegevoegd. Hoogte Gebruikt worden om de hoogte van de lijn te definiëren. Lijnkleur Vaste lijn (geen schaduw): Deze attribuut kan gebruikt worden om de lijn niet zoals gebruikelijk in 3-D weer te geven. Kleur: de kleur van de lijn. Merk op dat er geen vertikale lijn bestaat binnen de HTML specificatie. gebruik hiervoor het Vorm object.

Tekst   Hiermee kan tekst aan een web pagina worden toegevoegd. Selecteer Invoegen->Tekst en geef d.m.v. de muis aan op welke position de tekst moet worden geplaatst. Daarna kunt u de tekst dubbel klikken om de tekst aan te passen. Vervolgens kunt u de tekst aan passen op dezelfde manier als een gewone tekst edit. Om de opmaak van de tekst te wijzigen dient u eerst de tekst te markeren, waarna uw de attributen kunt aanpassen (zoals vet, cursief, lettertype enz). Zie ook: Opmaak Klik buiten het tekst gebied om de bewerking-modus te verlaten. Dit zijn de beschikbare Lettertype New. Grootte Vet Cursief Onderstrepen Doorhalen Superscript Subscript Tekstkleur Achtergrondkleur

opmaak functies: - lettertype van de tekst, zoals Comic Sans, Times New Roman, en Courier - letter grootte. - vet opmaak - cursief opmaak - onderstrepen opmaak - tekent een lijn door de tekst - superscript opmaak - subscript opmaak - kleur van de tekst - achtergrondkleur van de tekst, ook wel highlight kleur genoemd.

Links uitlijnen Centreren Rechts uitlijnen Uitvullen Links (koppelingen) Voor meer informatie over het maken van koppelingen in tekst zie: Links. Converteer naar afbeelding Publiceer de tekst als afbeelding (de tekst wordt geconverteerd naar een .GIF) Deze optie kan handig zijn wanneer de tekst exact hetzelfde moet worden weergeven als in 1-2-3 Homepage, zelf wanneer geen 'websafe' lettertypes zijn gebruikt.

Afbeelding   Selecteer Invoegen->Afbeelding en geef d.m.v. de muis aan op welke position de afbeelding moet worden geplaatst. De grootte van het aangegeven gebied maakt niet uit, 1-2-3 Homepage 2 zal automatisch de afmetingen aanpassen zodra de afbeelding geladen is. De afmetingen van een afbeelding kunnen worden gewijzigd d.m.v. de selectie handsvaten (resize handles), die worden weergegeven als kleine vierkantjes op de randen van de afbeelding. Eventueel kunnen de afmetingen ook worden hersteld naar de orginele afmetingen d.m.v. de menu optie Bewerken->Herstellen originele afmetingen. 1-2-3 Homepage 2 ondersteund jpg, gif en bmp bestanden. Indien GDI+ geinstalleerd is (Windows XP) kunnen ook png bestanden worden weergegeven. Bestand: hiermee wordt de locatie van de afbeelding opgegeven of kies Bladeren om een afbeeldingen te selecteren. Alternate text: Deze attribuut zorgt er voor dat in plaats van de afbeelding een tekst geplaatst wordt indien de browser geen afbeeldingen kan weergeven (bij gebruik van een tekst-georiënteerde browser), of wanneer het automatisch laden van afbeeldingen in een grafische browser is uitgezet. Gebruik originele afmetingen van de afbeelding: Selecteer deze optie om de afbeelding weer te geven met behoud van de orginele afmetingen. Variabele afmetingen: Selecteer deze optie om de afmetingen te gebruiken zoals aangeven m.b.v. de muis. Randdikte: Met deze attribuut wordt de dikte van de rand om een afbeelding bepaald. Randkleur: Met deze attribuut wordt de kleur van de rand om een afbeelding bepaald. Links (koppelingen) Voor meer informatie over het maken van koppelingen in tekst zie: Links.

Marquee   Met het Marquee object wordt een lichtkrant in een web pagina opgenomen. Tekst Voer hier de tekst in die in de lichtkrant moet worden weergegeven. Het is ook mogelijk om HTML code in te voeren, inclusief referenties naar afbeeldingen ed. Richting Deze attribuut bepaalt in welke richting de tekst in de lichtkrant beweegt. Herhaal Deze attribuut attribuut bepaalt hoe vaak de tekst door de lichtkrant moet schuiven. Vertraging Dit attribuut wordt vastgelegd om de hoeveel tijd de tekst in de lichtkrant een stukje moet verschuiven. Snelheid Met deze attribuut wordt vastgelegd hoeveel de tekst bij elke beweging moet verschuiven.. Gedrag Deze attribuut legt vast hoe de tekst door de lichtkrant beweegt.

Link   Link naar: FTP: maak een link naar een FTP site. Syntax: ftp://username:[email protected] Web Site: maak een link naar een externe web site. Syntax: http://www.google.com Email Adres: maak een link naar een email adres. Syntax: mailto:[email protected] Pagina binnen deze web site: maak een link naar één van de pagina's van uw web site. Klik 'Selecteer' om een pagina te selecteren. Er wordt nu een lijst van alle pagina's van de huidige web site weergeven. Selecteer één van de pagina's en er wordt automatisch een relatieve link aangemaakt (bijv ./produkten.html). Opmerkingen: - Alle pagina's moeten worden gepubliseerd om relatieve links te kunnen testen. Omdat anders de pagina's niet bestaan en de browser ze niet zal kunnen vinden. - Interne links werken niet in 'Voorbeeld in browser', tenzij de Voorbeeld scope op Volledige Web Site staat ingesteld (Extra->Opties->Voorbeeld). Venster: D.m.v. het veld Venster kan een link in een nieuw venster geopend worden. Geef in dit veld het doel venster op waarin de link geopend moet worden. Bijvoorbeeld: _blank de URL wordt geopend in een nieuw venster van de browser _self de URL wordt geladen in het frame waarin het aangeklikt is _parent de URL wordt geopend in de "parent" van het huidige frameset _top de URL wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser Anker Ankers (ook wel bookmarks of bladwijzers genoemd) markeren een specifieke locatie op een pagina. M.b.v. anker kan de bezoeker van de pagina direct naar een bepaald gedeelte van de pagina springen zonder daarvoor te hoeven scrollen. U kunt het anker pictogram om iedere willekeurige plek in de pagina plaatsen, vervolgens kan dan m.b.v. de optie Anker naar dit anker object wordt verwezen. Zorg ervoor dat elke anker object binnen een pagina een unieke naam heeft. Uiterlijk Standaard zijn alle links in een web-pagina onderstreept en hebben de standaard HTML link kleuren (link:blauw, visited:paars, active:rood, hover:blauw). 1-2-3 Homepage 2 geeft de mogelijkheid om de manier waarop links worden weergegeven aan te passen d.m.v. de Hyperlink Style Sheet editor. Wanneern eenmaal een link style is definieerd kan deze style aan een link worden gekoppeld d.m.v. de Style dropdown lijst. Klik de Wijzigen knop om stylen toe te voegen of te wijzigen.

Anker   Ankers (ook wel bookmarks of bladwijzers genoemd) markeren een specifieke locatie op een pagina. M.b.v. anker kan de bezoeker van de pagina direct naar een bepaald gedeelte van de pagina springen zonder daarvoor te hoeven scrollen. U kunt het anker pictogram om iedere willekeurige plek in de pagina plaatsen, vervolgens kan dan vanuit het Link venster naar dit anker object wordt verwezen. Zorg ervoor dat elke anker object binnen een pagina een uniek naam heeft.

Formulier   Het object Formulier is het geraamte van een formulier. Alle objecten die onderdeel zijn van een formulier moeten op een forumlier opbject worden geplaatst. 1-2-3 Homepage 2 ondersteund een grote selectie aan formulier controls zoals: knoppen, tekstvelden, keuzerondje, selectievakjes en keuzelijsten. Tip: Zorg ervoor dat een formulier een Verzenden knop bevat. Zonder deze knop zal de bezoiker niet in staat zijn de ingevoerde data te verzenden. Formulier naam Dit attribuut kan gebruikt worden om een naam aan een formulier te geven, zodat er naar verwezen kan worden vanuit scripts. Actie Met dit attribuut wordt aangegeven waar de informatie uit het formulier heen gestuurd moet worden. De actie heeft een opbouw, welke afhangt van de methode die gebruikt wordt om de informatie te verzenden. De volgende mogelijkheden zijn beschikbaar: http (HyperText Transfer Protocol): de bestemming is meestal een CGI-script of een programma dat de informatie uit het formulier moet verwerken mailto: de informatie van het formulier wordt zonder tussenkomst van een CGI-script of een programma direct naar een op te geven e-mailadres gestuurd. voorbeeld: mailto:[email protected] Encoding type Indien de waarde van het methode attribuut "post" is, specificeert het ENCTYPE attribuut het Content Type of Internet Media Type (MIME), dat gebruikt moet worden bij het coderen van de informatie van het formulier bij het verzenden. Standaard wordt de waarde "application/x-www-form-urlencoded" gebruikt. Een alternatief is "text/plain", die meestal gebruikt wordt in combinatie met de actie mailto:. Verborgen velden Hier kan verborgen informatie worden opgegeven, welke voor de gebruiker niet zichtbaar is, maar wel met de overige informatie uit het formulier naar de server gestuurd wordt. Raster weergeven Raster weergeven of verbergen. Achtergrondkleur Met deze attribuut kan de achtergrondkleur van het formulier bepaald worden. Achtergrondafbeelding Met deze attribuut kan een achtergrondafbeelding voor het formulier worden opgegeven. De afbeelding wordt zo vaak gedupliceerd, dat het hele formulier er mee bedekt is.

Knop   Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Waarde Bepaald welke tekst op de knop komt te staan. Type Verzenden: hiermee wordt een knop gedefinieerd, die er voor zorgt dat, als erop wordt geklikt, de ingevoerde gegevens van het formulier naar de server worden verstuurd. Wissen: hiermee wordt een knop gedefinieerd, die bij klikken de beginwaarden van de verschillende controls herstelt (en dus ook alle ingevoerde tekst wist). Normaal: hiermee wordt een knop gedefinieerd, die er voor zorgt dat, als erop wordt geklikt, een script wordt uitgevoerd. Indien u meer controle wilt over het uiterlijk van een knop kan de Geavanceerde knop worden gebruikt. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Afbeelding  knop   Hiermee kan een afbeelding gebruikt worden als een knop voor verzenden (vergelijkbaar met de waarde "Verzenden"). Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Afbeelding: hiermee wordt de locatie van de afbeelding opgegeven of kies Bladeren om een afbeeldingen te selecteren. Gebruik originele afmetingen van de afbeelding: Selecteer deze optie om de afbeelding weer te geven met behoud van de orginele afmetingen. Variabele afmetingen: Selecteer deze optie om de afmetingen te gebruiken zoals aangeven m.b.v. de muis. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Geavanceerde  knop   De geavanceerde knop geeft meer controle over het uiterlijk en het gedrag van de knop, zoals tekst met opmaak, achtergrondkleur, instelbare randen en JavaScript acties. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Type Verzenden: hiermee wordt een knop gedefinieerd, die er voor zorgt dat, als erop wordt geklikt, de ingevoerde gegevens van het formulier naar de server worden verstuurd. Wissen: hiermee wordt een knop gedefinieerd, die bij klikken de beginwaarden van de verschillende controls herstelt (en dus ook alle ingevoerde tekst wist). Normaal: hiermee wordt een knop gedefinieerd, die er voor zorgt dat, als erop wordt geklikt, een script wordt uitgevoerd. OnClick: hiermee kan een JavaScript functie aan de knop worden gekoppeld. Selecteer één van de OnClick acties OnClick actie Hier kan een actie worden gespecificeerd die is gekoppeld aan het OnClick event van de knop, deze wordt uitgevoerd wanneer de knop wordt ingedrukt. • Navigeer naar opgegeven URL; voer een URL in als OnClick waarde • Open een nieuw venster en ga naar opgegeven URL; voer een URL in als OnClick waarde • Sluit het huige browser venster • Vernieuwen • Ga terug naar vorige pagina • Ga naar volgende pagina • Java Script functie uitvoeren; geef als OnClick waarde de functienaam op die ergens anders in de pagina geimplementeerd is. OnClick waarde Afhankelijk van de OnClick actie, wordt hier de OnClikc waarde opgegeven. Bijvoorbeeld voor Navigeer naar opgegeven URL moet hier de URL naar de web pagina worden ingevoerd. Achtergrondkleur Met deze attribuut kan de achtergrondkleur van de knop bepaald worden. Achtergrondafbeelding Met deze attribuut kan een achtergrondafbeelding voor de knop worden opgegeven. De afbeelding wordt zo vaak gedupliceerd, dat het hele formulier er mee bedekt is. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Selectievakje   De gebruiker kan het vakje selecteren (aankruisen) als hij/zij het met de bijbehorende omschrijving eens is. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Waarde De waarde van het selectievakje wanneer deze aangekruist is, deze waarde wordt dan met het formulier meegezonden. Beginstaat Beginstaat van het selectievakje. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Keuzerondje   Keuzerondjes zijn ongeveer gelijk aan selectievakjes behalve dat in dit geval meerdere keuzes worden weergegeven waarvan er één moet worden aangevinkt. Groep naam Het keuzerondje behoort tot de opgegeven groep. Bij elkaar behorende keuzerondjes krijgen behulp met deze attribuut dezelfde naam. Waarde Door middel van deze attribuut wordt bepaald welke informatie naar de server verzonden wordt worden. Beginstaat Beginstaat van het keuzerondje. Het is aan te bevelen met behulp van de Beginstaat attribuut een standaard keuze te aan te geven. Als een keuzerondje eenmaal geselecteerd is, kan de selectie alleen ongedaan gemaakt worden als een ander keuzerondje met dezelfde naam geselecteerd word. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Tekstveld   Hiermee wordt een veld gedefinieerd waarin de gebruiker een enkel woord of een enkele regel tekst kan invoeren. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Beginwaarde: Met behulp van dit attribuut kan een standaard tekst worden opgegeven, welke in het veld staat als het formulier geopend wordt. Max. lengte Met dit attribuut wordt bepaald hoeveel karakters de gebruiker kan intoetsen. Wachtwoord Hiermee wordt een veld gedefinieerd waarin de gebruiker gevoelige tekst (bijvoorbeeld een wachtwoord) kan invoeren. De ingevoerde karakters worden met een asterisk (*) weergegeven. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Meerregelig  tekstveld   Het Meerregelig tekstveld object definieert een rechthoekig vak in een formulier, waarin de gebruiker over meerdere regels tekst kan invoeren. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Waarde Met behulp van dit attribuut kan een standaard tekst worden opgegeven, welke in het veld staat als het formulier geopend wordt. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Keuzelijst   Dit object wordt gebruikt om een keuzelijst (menu met enkelvoudige keuze) of een meervoudige keuzelijst te maken in een formulier. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Type Combobox: keuzelijst (menu met enkelvoudige keuze) Listbox: meervoudige keuzelijst Meerdere selecties toestaan Meerdere selecties toestaan Toevoegen Voeg een nieuw item toe aan de lijst. Wijzigen Wijzig een item uit de lijst. Verwijderen Verwijder een item uit de lijst. Naar boven Verplaatst het geselecteerde item een positie naar boven. Naar beneden Verplaatst het geselecteerde item een positie naar beneden. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

File  Upload   Hiermee wordt de gebruiker de mogelijkheid geboden een bestand op te geven, dat met de overige informatie uit het formulier naar de server gestuurd moet worden. Naam Dit attribuut wordt gebruikt om een invoerveld een naam te geven. Het script of programma op de server dat het formulier afhandelt, wordt daarmee in staat gesteld het invoerveld te onderscheiden van andere controls in het formulier. Opmerking: Dit element is normaal gesproken onderdeel van een formulier.

Flash   1-2-3 Homepage 2 biedt ondersteuning voor MacroMedia Flash bestanden. Flash is een populair formaat voor het bieden van vector-based graphics en animaties over het Internet. Bestand Voer hier de naam van het MacroMedia Flash bestand (.swf) in. Version Minimum Flash versie die nodig om de animatie af te kunnen spelen. Quality De parameter "quality" bepaalt de kwaliteit van de weergave. Scale Bepaald hoe het bestand wordt weergeven in het aangegeven frame. Automatisch starten Bepaalt of het bestand direct bij het openen van de pagina afgespeeld moet worden, of pas als de gebruiker op de "play" knop drukt. Herhalen Bepaalt of de flash animatie herhaald moet worden. Volledig menu weergeven Volledig menu weergeven. Venster Mode Bepaalt de venster mode van de flash. Selecteer Transparent als de animatie transparant moet worden weergegeven.

Inline  Frame   M.b.v. een Inline Frame kan een andere pagina binnen de huidge pagina worden weergegeven. Een inline frames worden ook wel floating of zwevende frames genoemd. Naam Dit attribuut wordt gebruikt om het inline frame een naam te geven. Web Site: maak een link naar een externe web site. Syntax: http://www.google.com Pagina binnen deze web site: maak een link naar één van de pagina's van uw web site. Klik 'Selecteer' om een pagina te selecteren. Er wordt nu een lijst van alle pagina's van de huidige web site weergeven. Selecteer één van de pagina's en er wordt automatisch een relatieve link aangemaakt (bijv ./produkten.html). Opmerkingen: - Alle pagina's moeten worden gepubliseerd om relatieve links te kunnen testen. Omdat anders de pagina's niet bestaan en de browser ze niet zal kunnen vinden. - Interne links werken niet in 'Voorbeeld in browser', tenzij de Voorbeeld scope op Volledige Web Site staat ingesteld (Extra->Opties->Voorbeeld). Randen weergeven Bepaalt of the randen van het frame moeten worden weergegeven. Scrollbars Met dit attribuut kan vastgelegd worden of in het betreffende frame scrollbars worden weergegeven. Alternate text: Deze tekst wordt weergegeven door browsers die geen inline frames ondersteunen.

Quicktime   Gebruik dit object om Quicktime media bestanden aan een web pagina toe te voegen. Bestand Voer hier de naam van het Quicktime media bestand. QuickTime media hebben de .mov of .qt extensie. Verbergen Selecteer deze optie als het media bestand niet moet worden weergegeven in de pagina, maar alleen als achtergrond geluid wordt afgespeeld. Automatisch starten Bepaalt of het media bestand direct bij het openen van de pagina afgespeeld moet worden, of pas als de gebruiker op de "play" knop drukt. Herhalen Bepaalt of het media bestand herhaald moet worden. Houd filmpje in cache-geheugen Selecteer deze optie om het media bestand op te slaan in de cache van de web site bezoeker. Wanneer de bezoeker dan later terug komt op uw site, hoeft het filmpje niet opnieuw te worden gedownload.

Banner   Een banner is een afbeelding die normaal gesproken de titel van een web pagina weer geeft. Zo ziet de bezoeker direct waar de pagina over gaat. Banner Tekst Tekst die wordt weergegeven op de banner. Gebruik pagina titel Deze optie automatisch gebruikt de titel van de pagina als de banner tekst. Haal het vinkje weg om zelf een tekst op te geven. Lettertype Lettertype van de tekst, zoals Comic Sans, Times New Roman, en Courier New. Grootte Letter grootte. Style Style van het lettertype zolas Vet, Cursief of Normaal. Kleur Kleur van de tekst Banner grootte De grootte van de banner. Selecteer één van de voorgedefinieerde afmetingen of kies 'Grootte van het object' vooraangepaste afmetingen. Horizontaal uitlijnen Horizontaal uitlijnen van de tekst. Verticaal uitlijnen Verticaal uitlijnen van de tekst. Achtergrond effect Maak een keuze uit één van de vul effecten: 1. Effenkleur 2. Verloop (Gradient) 3. Afbeelding

Rollover  afbeelding   Rollovers geven een ander plaatje weer wanneer de muis over de afbeelding heen beweegt. Wanneer de muis weer uit het plaatje wordt gehaald, wordt weer de orginele afbeelding weergegeven. Initiële afbeelding Selecteer de afbeelding welke initieel wordt weergegeven. Mouseover afbeelding Selecteer de afbeelding welke wordt weergegeven indien de muis over het object wordt bewogen. Gebruik originele afmetingen van de afbeelding: Selecteer deze optie om de afbeelding weer te geven met behoud van de orginele afmetingen. Variabele afmetingen: Selecteer deze optie om de afmetingen te gebruiken zoals aangeven m.b.v. de muis. Links (koppelingen) Voor meer informatie over het maken van koppelingen zie: Links.

Foto  Gallerie   De Foto Gallerie maakt het mogelijk d.m.v. een paar eenvoudige handelingen een complete foto gallerie aan een web pagina toe te voegen. Toevoegen Voeg één of meerdere afbeeldingen toe aan de foto gallerie. Verwijderen Verwijder de geselecteerde afbeeldingen uit de foto gallerie. Alles Wissen Verwijder alle afbeeldingen uit de foto gallerie. Naar boven Verplaatst het geselecteerde item een positie naar boven. Naar beneden Verplaatst het geselecteerde item een positie naar beneden. Thumbnail titel Geef hier de tekst op die wordt weergegeven onder de thumbnail afbeelding. Om titels te activeren moet de optie 'Titel weergeven' aan worden gezet. Kolommen Het aantal afbeeldingen per rij. Uitlijnen Bepaalt hoe de afbeeldingen worden uitgelijnd. Deze optie heeft geen invloed wanneer 'Verhoudingen behouden' uit staat. Cel opvullen Met deze attribuut wordt de afstand tussen de rand van een cel en de inhoud vastgelegd. Tussenruimte cellen Met deze attribuut wordt de ruimte tussen de cellen van de gallerie en de ruimte tussen de buitenste cellen en de tabelrand vastgelegd. Verhoudingen behouden Selecteer deze option als uw de orginele verhoudingen van de afbeelding wilt behouden in de thumbnail. Anders wordt alle beschikbare ruimte gebruikt om de afbeelding weer te geven. Titel weergeven Geef de titel onder de afbeelding weer. Het is tevens mogelijk om het lettertype, de grootte en de kleur van deze title aan te passen. Venster Bepaalt het vesnter waarin de grote versie van de afbeelding wordt weergegeven. • Open in the same browser window • Open in a new browser window • Open in a popup window Thumbnail afbeeldingen aanmaken Standaard wordt door 1-2-3 Homepage 2 de orginele afbeelding gebruikt in het foto gallerie overzicht. Hierdoor kan het soms lang duren vorrdat de pagina wordt weergegeven. Indien Thumbnail

afbeeldingen aanmaken aangevinkt wordt, zal 1-2-3 Homepage 2 een kleine versie van de afbeelding (thumbnail) aanmaken en deze in het overzicht weergeven. Prefix Prefix welke gebruikt wordt voor de naam van een thumbnail afbeelding. Bijvoorbeeld: De naam van de orginele afbeelding is foto1.gif dan wordt de naam van de thumbnail tn_foto1.gif

Navigatiebalk   De Navigatiebalk (ook wel linkbalk genoemd) is een set knoppen met links waarmee de bezoeker van een web site eenvoudig door de site van navigeren. Selecteer Toevoegen om een nieuwe knop teo te voegen. In het Naam veld moet de tekst worden ingevoerd die op de knop komt te staan. Alternate tekst: Deze attribuut zorgt er voor dat in plaats van de afbeelding een tekst geplaatst wordt indien de browser geen afbeeldingen kan weergeven (bij gebruik van een tekst-georiënteerde browser), of wanneer het automatisch laden van afbeeldingen in een grafische browser is uitgezet. Wijzigen: Wijzig een item uit de lijst. Verwijderen: Verwijder een item uit de lijst. Naar boven: Verplaatst het geselecteerde item een positie naar boven. Naar beneden: Verplaatst het geselecteerde item een positie naar beneden. Link naar: FTP: maak een link naar een FTP site. Syntax: ftp://username:[email protected] Web Site: maak een link naar een externe web site. Syntax: http://www.google.com Email Adres: maak een link naar een email adres. Syntax: mailto:[email protected] Pagina binnen deze web site: maak een link naar één van de pagina's van uw web site. Klik 'Selecteer' om een pagina te selecteren. Er wordt nu een lijst van alle pagina's van de huidige web site weergeven. Selecteer één van de pagina's en er wordt automatisch een relatieve link aangemaakt (bijv ./produkten.html). Opmerkingen: - Alle pagina's moeten worden gepubliseerd om relatieve links te kunnen testen. Omdat anders de pagina's niet bestaan en de browser ze niet zal kunnen vinden. - Interne links werken niet in 'Voorbeeld in browser', tenzij de Voorbeeld scope op Volledige Web Site staat ingesteld (Extra->Opties->Voorbeeld). Venster: D.m.v. het veld Venster kan een link in een nieuw venster geopend worden. Geef in dit veld het doel venster op waarin de link geopend moet worden. Bijvoorbeeld: _blank de URL wordt geopend in een nieuw venster van de browser _self de URL wordt geladen in het frame waarin het aangeklikt is _parent de URL wordt geopend in de "parent" van het huidige frameset _top de URL wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser Synchroniseren met Site Manager Wanneer deze optie is geactiveerd, syncrhiseerd 1-2-3 Homepage 2 automatisch de knoppen het de inhoud van de Site Manager. Dus als er dan een nieuwe pagina aan de web site wordt toegevoegd, wordt er een extra knop aan de

navigatiebalk toegevoegd. Ook wanneer de naam van een pagina wordt gewijzigd wordt de betreffende knop aangepast. Nivo Deze waarde bepaalt welk nivo van de Site Manager wordt gebruikt om de knoppen te syncrhoniseren. First Level De aangemaakte knoppen wordt gelinkt naar de pagina van het eerste nivo. Parent Level De aangemaakte knoppen wordt gelinkt naar de "parent" van de huidige pagina. Current Level De aangemaakte knoppen wordt gelinkt naar de pagina's van het nivo van de huidige pagina. Child Level

De aangemaakte knoppen wordt gelinkt naar de sub pagina's van de huidige pagina.

Navigatiebalk Style Lettertype Lettertype van de tekst, zoals Comic Sans, Times New Roman, en Courier New. Grootte Letter grootte. Style Style van het lettertype zoals Vet, Cursief of Normaal. Kleur Kleur van de tekst Uitlijnen Horizontaal uitlijnen van de tekst. Afbeelding Hiermee kan het uiterlijk van de knop worden bepaald. Standaard bevat 1-2-3 Homepage 2 een aantal voorbeeld stylen, maar het is ook mogelijk zelf stylen toe te voegen: Kopieer de afbeeldingen van de knoppen naar deze submap: /navbar Dus wanneer 1-2-3 Homepage 2 geinstalleerd is in: C:\Program Files\1-2-3 Homepage\ dan moeten de afbeeldingen (gif, jpg or bmp) worden gekopieerd naar C:\Program Files\1-2-3 Homepage\navbar Geluid Dit geluid wordt afgespeeld wanneer de muis over de knop wordt bewogen.

Java  Script   Met deze optie kunnen kant-en-klare JavaScripts aan een pagina worden toegevoegd. Sommige scripts hebben eigenschappen waarmee het gedrag van de script kan worden gewijzigd. Opmerkingen: - Deze scripts zijn niet gemaakt door Invender. Indien mogelijk worden de orginele copyrights weergegeven. - Afhankelijk van de configuratie van de browser kan het zijn dat sommige script niet werken. - Het wordt niet aanbevolen meerdere JavaScript per pagina te gebruiken, omdat deze elkaar kunnen beinvloeden.

ActiveX   Het ActiveX object kan worden gebruikt om een mini-applicatie aan een web pagina toe te voegen. ActiveX is gebaseerd op Microsofts OLE-techniek. OLE (Object Linking and Embedding) is van oudsher de techniek waardoor verschillende programma's in een Windows-omgeving met elkaar kunnen communiceren; de techniek die het mogelijk maakt dat u bijvoorbeeld gegevens uit een database-programma kop ieert naar uw tekstverwerker en die het mogelijk maakt dat u vanuit die tekstverwerker vervolgens het elektronische-postprogramma start. ActiveX breidt deze samenwerking van Windows-programma's uit naar het Internet. Een ActiveX component kan met een Web-pagina over het Internet worden verstuurd en vervolgens op het lokale systeem samenwerken met andere Windows-programma's. Zo kunnen bijvoorbeeld in Word aangemaakte documenten wo rden opgenomen in een Web-pagina en kan de gebruiker deze documenten vervolgens zelfs bewerken in zijn Web-browser. Een ander voorbeeld is dat een Web-pagina wordt gekoppeld aan een nieuwsdienst zodat de gebruiker op elk moment dat hij een pagina opvraagt de meest actuele informatie krijgt gepr e senteerd. Maar ook animaties of interactieve applicaties kunnen in een ActiveX component worden verwerkt en dus via het Internet worden verstuurd. Bij het invoegen van een ActiveX object zal 1-2-3 Homepage 2 een lijst met alle geinstalleerde ActiveX componeten weergeven. Kies één van de items en klik OK. Om de eigenschappen van de ActiveX component aan te passen, kies Bewerken->Eigenschappen (of Alt+Enter). Sommige ActiveX componenten ondersteunen geen HTML als programmeertaal en kunnen in dit geval vreemd gedrag vertonen.

Java   Java toepassingen zijn een efficiente manier om animaties, zoals bijvoorbeeld schuivende teksten of andere speciale effecten aan een pagina toe te voegen. Alhoewel de meeste browsers Java-compatible zijn, wordt de Java-runtime environment tegenwoordig niet meer standaard geinstalleerd op Windows PC's, dit is wellicht iets om rekening mee te houden. Java toepassingen zijn onder andere te downloaden van deze web sites: http://www.javafile.com/ http://www.freewarejava.com/applets/index.shtml http://javaboutique.internet.com/ Volg de instructies die bij zo'n Java toepassing worden meegeleverd voor meer informatie over de benodigde parameters.

Ad  Rotator   Ad Rotator kan verschillende afbeeldingen in een sequence weergegeven (ook wel slideshow genoemd). Zo kunnen bijvoorbeeld verschillende produkt advertenties na elkaar worden weergegeven die allemaal hun eigen link kunnen bevatten. Toevoegen Voeg een nieuwe afbeelding toe aan de lijst. Wijzigen Wijzig een afbeelding uit de lijst. Verwijderen Verwijder een afbeelding uit de lijst. Naar boven Verplaatst het geselecteerde item een positie naar boven. Naar beneden Verplaatst het geselecteerde item een positie naar beneden. Tip: Om meerdere afbeeldingen tergelijkertijd toe te voegen hou dan de SHIFT-toets ingedrukt en kies Toevoegen.

Windows  Media  Player   Gebruik dit object om Windows media bestanden aan een web pagina toe te voegen. Bestand Voer hier de naam van het Windows media bestand. De volgende formaten worden ondersteund: Audio Files (*.wav,*.snd,*.mp3,*.wma,*.au,*.aifc,*.aiff) Midi Files (*.mid,*.midi) Movie Files (*.mpg,*.mpeg,*.m1v,*.mp2,*.mpa,*.mpe,*.mpv2) Video Files (*.avi,*.wmv) Windows Media Files (*.wm,*.wmv,*.asf,*.asx,*.wax,*.wma) Verbergen Selecteer deze optie als het media bestand niet moet worden weergegeven in de pagina, maar alleen als achtergrond geluid wordt afgespeeld. Automatisch starten Bepaalt of het media bestand direct bij het openen van de pagina afgespeeld moet worden, of pas als de gebruiker op de "play" knop drukt. Herhalen Bepaalt of het media bestand herhaald moet worden.

Go  Menu   Het Go Menu is een andere manier om een drop-down navigatie menu te maken, waarbij ieder menu item gekoppeld is aan een URL. Wanneer de bezoeker de 'Go'-knop selecteert , wordt de link geactiveerd. Selecteer Toevoegen om een nieuw item toe te voegen. Tekst: Tekst van het item in de lijst URL:De URL (Internet adres) waarnaar dit item moet linken. Voor meer informatie over het maken van links in tekst zie: Links. Selecteer Wijzigen om een bestaand item aan te passen. Verwijderen: Verwijder een item uit de lijst. Naar boven: Verplaatst het geselecteerde item een positie naar boven. Naar beneden: Verplaatst het geselecteerde item een positie naar beneden. Initiële tekst Dit is de initiële tekst welke wordt weergegeven in het dropdown menu. Knoptekst De tekst op de knop. Geen knop weergeven Geen knop weergeven, dropdown menu selectie activeert de link.

Menubalk   De Menubalk in 1-2-3 Homepage 2 is gebaseerd op Heng Yuan's JSCookMenu (http://www.cs.ucla.edu/~heng/JSCookMenu). 1-2-3 Homepage 2 biedt een menu editor waarmee eenvoudig menu items kunnen worden aangemaakt. Selecteer Toevoegen om een nieuw item aan de menubalk toe te voegen. Link naar: FTP: maak een link naar een FTP site. Syntax: ftp://username:[email protected] Web Site: maak een link naar een externe web site. Syntax: http://www.google.com Email Adres: maak een link naar een email adres. Syntax: mailto:[email protected] Pagina binnen deze web site: maak een link naar één van de pagina's van uw web site. Klik 'Selecteer' om een pagina te selecteren. Er wordt nu een lijst van alle pagina's van de huidige web site weergeven. Selecteer één van de pagina's en er wordt automatisch een relatieve link aangemaakt (bijv ./produkten.html). Opmerkingen: - Alle pagina's moeten worden gepubliseerd om relatieve links te kunnen testen. Omdat anders de pagina's niet bestaan en de browser ze niet zal kunnen vinden. - Interne links werken niet in 'Voorbeeld in browser', tenzij de Voorbeeld scope op Volledige Web Site staat ingesteld (Extra->Opties->Voorbeeld). Venster: D.m.v. het veld Venster kan een link in een nieuw venster geopend worden. Geef in dit veld het doel venster op waarin de link geopend moet worden. Bijvoorbeeld: _blank de URL wordt geopend in een nieuw venster van de browser _self de URL wordt geladen in het frame waarin het aangeklikt is _parent de URL wordt geopend in de "parent" van het huidige frameset _top de URL wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser Synchroniseren met Site Manager Wanneer deze optie is geactiveerd, synchroniseerd 1-2-3 Homepage 2 automatisch de knoppen het de inhoud van de Site Manager. Dus als er dan een nieuwe pagina aan de web site wordt toegevoegd, wordt er een extra item aan de menubalk toegevoegd. Ook wanneer de naam van een pagina wordt gewijzigd wordt het betreffende item aangepast. Indeling: De Menubalk kan verticaal of horizontaal worden weergegeven. Naar boven Verplaatst het geselecteerde item een positie naar boven. Naar beneden Verplaatst het geselecteerde item een positie naar beneden. Naar links Verplaatst het geselecteerde item naar links (indien mogelijk).

Naar rechts Verplaatst het geselecteerde item naar rechts (indien mogelijk). Style: Om het uiterlijk van de menubalk aan te passen kan een voorgedefinieerd thema worden geselecteerd of bij het selecteren van Default kan het uiterlijk worden aangepast. Opmerking: het effect van het geselecteerde thema is alleen zichtbaar in de browser. Dus de pagina moet eerst worden gepubliceerd.

Vorm   Het Vorm object kan gebruikt worden om een vorm te 'tekenen' op de web pagina. Wanneer de pagina gepubliceerd wordt, zal 1-2-3 Homepage 2 elke vorm als .gif bestand opslaan. Soort: Selecteer het soort vorm: Er zijn meer dan 40 verschillende vormen beschikbaar o.a.: Rectangle, Round rect, Ellipse, Diamond, Hexagon, Octagon, Parallelogram, Triangle, Trapezoid, Arrows, Flag, Flower, Heart, Signs, Stars en Talk Bubbles. Eventueel kan er een rande om de vorm worden weergegeven. Selecteer dan 'Randen weergeven' en geef de dikte en kleur op. Ook zijn er diversen vul effecten beschikbaar: 1. Effenkleur 2. Verloop (twee kleuren die in elkaar overlopen) 3. Afbeelding 4. Transparant Links (koppelingen) Voor meer informatie over het maken van koppelingen in tekst zie: Links.

OLE  Object   U kunt een OLE object gebruiken om gegevens uit te wisselen tussen documenten die gemaakt zijn in verschillende applicaties. In de uiteindelijk HTML worden deze gegevens weergegeven als statische afbeelding (gif bestand). Wat is OLE? Wanneer een object met in 1-2-3 Homepage 2 wordt gezet dan wordt de data feitelijk in het 1-2-3 Homepage bestand opgeslagen. Om het te bewerken kunt u er op dubbel klikken en de gelinkte toepassing starten. Dit is een goede manier om een spreadsheet met gegevens te linken of graphische informati e uit bijvoorbeeld Paint Shop Pro of MS Word Art. Hierdoor worden de mogelijkheden van 1-2-3 Homepage 2 sterk uitgebreidt.

HTML   Dit object kan worden gebruikt om eigen HTML code of Javascript in te voegen. Wanneer HTML wordt ingevoegd d.m.v. dit object, dan zal dit worden weergegeven op de positie van het object. Omschrijving Deze omschrijving wordt alleen gebruikt in 1-2-3 Homepage 2 als indentificatie van de HTML code. Opmerkingen: • De meeste objecten hebben ook de mogelijkheid om extra HTML toe te voegen aan de automatisch genereerde HTML. Selecteer een object en kies Bewerken->HTML uit het hoofdmenu. • Om extra HTML aan de pagina zelf toe te voegen (bijvoorbeeld in de HEAD of BODY tags), selecteer Beeld|Pagina HTML uit het hoofdmenu.

Embedded  pagina   M.b.v. het embedded pagina kunnen objecten uit andere pagina worden hergebruikt in van de huidige pagina. Om deze manier kunt u voorkomen dat uw grote delen van een pagina telkens opnieuw moet maken en het wijzigen hoeft dan maar op één plek te worden gedaan. Voorbeeld: U wilt een web site maken met een gemeenschappelijke header en navigatiebalk voor elke pagina. 1. Maak een nieuwe pagina met de naam master_pagina 2. Voeg een aantal objecten toe aan deze pagina 3. Openen een andere pagina en voeg een embedded pagina object toe. 4. Open de eigenschappen en selecteer de pagina master_pagina. 5. De objecten van de master_pagina worden nu onderdeel van de huidige pagina. Om de objecten te bewerken moet u terug gaan naar master_pagina, alle wijzigingen worden dan automatisch doorgevoerd in alle pagina's die verwijzen naar deze master pagina.

File  Publisher   Deze component kan automatisch de opgegeven bestanden naar de web server uploaden wanneer deze pagina wordt gepubliseerd. Dit kan handig zijn indien er extra files naar de server moeten worden geupload (bijv. scripts of multimedia bestanden).

Real  Player   Gebruik dit object om RealPlayer media bestanden aan een web pagina toe te voegen. Bestand Voer hier de naam van het RealPlayer media bestand. RealPlayer media bestanden kunnen de volgende extensie hebben: .ra, .rm, .rv, .rmvb, .rmj, .rms, .ram, .rmm, .rax, .rvx, .rp, .rtx, .rt, .rmx. Controls Bepaalt de zichtbare componenten van de RealPlayer Plug-in. ImageWindow Displays the image window. All Displays the basic RealPlayer control panel. ControlPanel Displays a compact RealPlayer control panel. PlayButton Displays a play/pause button. PlayOnlyButton Displays a play button. PauseButton Displays a pause button. StopButton Displays a stop button. FFCtrl Displays a fast-forward button. RWCtrl Displays a rewind button. MuteCtrl Displays a mute button. MuteVolume Displays a mute button and volume slider. VolumeSlider Displays a volume slider. PositionSlider Displays a clip position slider. TACCtrl Displays a clip information field. HomeCtrl Displays the Real™ logo. InfoVolumePanel Displays presentation information along with the volume slider and mute button. InfoPanel Displays the presentation information panel. StatusBar Displays the status panel, which shows informational messages. StatusField Displays the message text area of the status bar. PositionField Displays the position field, which shows the clip's current place in the presentation timeline and the total clip length. Console Bepaalt de console naam die gebruikt wordt om meerdere RealPlayer Plug-ins met elkaar te verbinden. Alle RealPlayer Plug-ins met dezelfde console naam werken samen. Bijvoorbeeld, als u meerdere Play en Stop knoppen heeft op dezelfde pagina, dan zorgt de console naam ervoor dat ze hetzelfde RealP layer media bestand besturen. Automatisch starten Bepaalt of het media bestand direct bij het openen van de pagina afgespeeld moet worden, of pas als de gebruiker op de "play" knop drukt. Herhalen Bepaalt of het media bestand herhaald moet worden. Meerdere controls koppelen Voorbeeld 1: U wilt een RealPlayer video bestand toevoegen aan een pagina zonder besturingselementen 1. Voeg één RealPlayer object toe aan de pagina

2. Specificeer de bestandsnaam 3. Zet de controls attribuut op ImageWindow 4. Zet de console attribuut op video1 Voorbeeld 2: U wilt een RealPlayer video bestand toevoegen aan een pagina met alle besturingselementen 1. Voeg twee RealPlayer objecten toe aan de pagina 2. Specificeer dezelfde bestandsnaam voor beide objecten 3. Zet de controls attribuut van object 1 op ImageWindow 4. Zet de controls attribuut van object 2 op All 5. Zet de console attribuut van beide objecten op video1 Voorbeeld 3: U wilt een RealPlayer video bestand toevoegen aan een pagina met alleeen een Play knop 1. Voeg twee RealPlayer objecten toe aan de pagina 2. Specificeer dezelfde bestandsnaam voor beide objecten 3. Zet de controls attribuut van object 1 op ImageWindow 4. Zet de controls attribuut van object 2 op PlayButton 5. Zet de console attribuut van beide objecten op video1 Voor meer informatie over het RealPlayer object bezoek de officiele website: http://service.real.com/help/library/guides/production8/htmfiles/control.htm

Image  Map   Je kunt image maps (of afbeeldingskaart) maken, die een afbeelding in meerdere regio's onderverdeeld, zodat een klik op de ene plek de gebruiker naar pagina A brengt terwijl een klik op een andere plek (in dezelfde afbeelding) hem naar pagina B brengt. Image maps kunnen bruikbaar zijn voor een plattengrond of wereld kaart, waarin verschillende links worden ondergebracht. Elke regio op de map (hotspot) kan één van de volgende vormen hebben vierkant, cirkel of polygon (onregelmatig figuur). Selecteer Invoegen->Extra->ImageMap en geef d.m.v. de muis aan op welke position de afbeelding moet worden geplaatst. De grootte van het aangegeven gebied maakt niet uit, 1-2-3 Homepage 2 zal automatisch de afmetingen aanpassen zodra de afbeedling geladen is. De afmetingen van een afbeelding kunnen worden gewijzigd d.m.v. de selectie handsvaten (resize handles), die worden weergegeven als kleine vierkantjes op de randen van de afbeelding. Eventueel kunnen de afmetingen ook worden hersteld naar de orginele afmetingen d.m.v. de menu optie Bewerken->Herstellen originele afmetingen. 1-2-3 Homepage 2 ondersteund jpg, gif en bmp bestanden. Indien GDI+ geinstalleerd is (Windows XP) kunnen ook png bestanden worden weergegeven. Bestand: hiermee wordt de locatie van de afbeelding opgegeven of kies Bladeren om een afbeeldingen te selecteren. Alternate text: Deze attribuut zorgt er voor dat in plaats van de afbeelding een tekst geplaatst wordt indien de browser geen afbeeldingen kan weergeven (bij gebruik van een tekst-georiënteerde browser), of wanneer het automatisch laden van afbeeldingen in een grafische browser is uitgezet. Gebruik originele afmetingen van de afbeelding: Selecteer deze optie om de afbeelding weer te geven met behoud van de orginele afmetingen. Variabele afmetingen: Selecteer deze optie om de afmetingen te gebruiken zoals aangeven m.b.v. de muis. Randdikte: Met deze attribuut wordt de dikte van de rand om een afbeelding bepaald. Randkleur: Met deze attribuut wordt de kleur van de rand om een afbeelding bepaald. Hotspots invoegen Er zijn 2 manieren om hotspots in te voegen: 1. Handmatig de coordinaten invoeren in de hotspot pagina van de image map eigenschappen. 2. Visueel de coordinaten wijzigen d.m.v. de muis Handmatig de coordinaten invoeren Open de image map eigenschappen en klik de Hotspots pagina om hotspots in te voegen. Je kunt uit drie soorten kiezen: a) Cirkel Geef hier de x en y coordinaten van het midden van de cirkel op en de straal. b) Vierkant Geef hier de x (links), y (boven) coordinaten en de breedt/hoogte van het vierkant op. c) Polygon (onregelmatig figuur) Geef hier alle punten op die de komplete figuur maken. Visueel de coordinaten wijzigen d.m.v. de muis Een efficiëntere manier om de coordinaten van de hotspots aan te passen is door gebruik te maken van de muis. a) Klik met de rechtermuis-knop op de image map om het context menu weer te geven. b) Selecteer het soort hotspot dat je wilt invoegen (Cirkel Hotspot invoegen, Vierkant Hotspot

invoegen of Polygon Hotspot invoegen) c) Een venster verschijnt waarin de initiëlen coordinaten, de URL van de regio kunnen worden opgegeven. Standaard zal 1-2-3 Homepage 2 de vorm in het midden van image map plaatsen. d) Nadat je OK hebt geklikt, wordt de vorm op de image map weergegeven. Je kunt nu de vorm selecteren, verplaatsen en van grootte veranderen d.m.v de muis. e) Om een hotspot te wijzigen of verwijderen, klik je met de rechtermuis-knop om het context menu weer te geven. Selecteer vervolgens: Hotspot wijzigen of Hotspot verwijderen.

Bulleted  List   1-2-3 Homepage 2 bevat het object Bulleted List voor het maken van lijsten, of opsommingen met onderwerpen. Er zijn diversen typen lijsten beschikbaar: Genummerde (of geordende lijsten), waarin de items worden voorafgegaan door een nummer; Ongenummerde (of ongeordende lijsten), waarin de items worden voorafgegaan door een opsommingsteken (of bullet). Om een bulleted list in de pagina te voegen kies Invoegen->Bulleted List. Selecteer vervolgens het aantal items dat de lijst in eerste instantie moet bevatten en de bullet soort Cirkel, Schijf, Vierkant, Nummers (1, 2, 3), Kleine letters (a, b, c), Hoofdletters (A, B, C), Klein romeins (i, ii, iii),, Groote romeins(I, II, III) en afbeeldingen. Merk op dat de het aantal item, de soort bullet en andere eigenschappen later eenvoudig kunnen worden aagepast! Hoe kan ik de tekst van een item aanpassen? Dubbelklik het item om de tekst te wijzigen. Het wijzigen van de opmaak van de tekst gaat op dezelfde manier als bij normale tekst. Hoe kan ik een nieuw item toevoegen? Klik met de rechtermuis-knop op de lijst om het context menu weer te geven en selecteer Item invoegen. Hoe kan ik een item verwijderen? Klik met de rechtermuis-knop op de lijst om het context menu weer te geven en selecteer Item verwijderen. Hoe kan ik het volgende item in de lijst selecteren met het toetsenbord? Gebruiks de Tab toets om naar het volgende item te gaan. Hoe kan ik de afstand tussen de bullet en de tekst aanpassen? Beweeg de muis tussen de bullet en de tekst (de cursor verandert nu in een resize cursor). Sleep nu de (onzichtbare) rand om de afstand groter of kleiner te maken. Waarom gebruikt 1-2-3 Homepage 2 geen 'echte' bullet tags in de output HTML? Helaas geven niet alle browsers de standaard bulleted list op dezelfde manier weer. Iedere browser heeft zo zijn eigen methode van weergeven, waarbij vaak de afstand tussen bullets, regel afstand en andere eigenschappen vaak sterk verschillen. Daarom is er voor gekozen i.p.v. de standaard

en
tags tabellen te gebruiken. Op deze manier hebben we veel meer controle over de uiteindelijke layout en ziet het uiteindelijke resultaat er precies hetzelfde uit in alle browsers.

Tabel  -­‐  Menu   Tabel invoegen Selecteer Tabel->Tabel invoegen en geef d.m.v. de muis aan op welke position de tabel moet worden geplaatst. Het venster Tabel invoegen wordt nu weergegeven. Geef het gewenste aantal kolommen en rijen van de tabel aan. Voer de indeling en cel parameters op en klik OK om de tabel in te voegen in de pagina. Rijen of kolommen toevoegen Selecteer deze optie om extra rijen of kolommen aan een bestaande tabel toe te voegen. Geef d.m.v. de selectie aan waar de nieuwe cellen moeten worden toegevoegd: • Links van de selectie • Rechts van de selectie • Boven selectie • Onder selectie Kolom verwijderen Gebruik deze functie om de geselecteerde kolom te verwijderen. Rij verwijderen Gebruik deze functie om de geselecteerde rij te verwijderen. Tabel eigenschappen Rand dikte Deze attribuut bepaalt de dikte van het kader van de tabel (de buitenrand). Cel opvullen: Met deze attribuut wordt de afstand tussen de rand van een cel en de inhoud vastgelegd. Tussenruimte cellen Met deze attribuut wordt de ruimte tussen de cellen van een tabel en de ruimte tussen de buitenste cellen en de tabelrand vastgelegd. Achtergrondkleur Met deze attribuut kan de achtergrondkleur van de tabel bepaald worden. Achtergrondafbeelding Met deze attribuut kan een achtergrondafbeelding voor de tabel bepaald worden. De afbeelding wordt zo vaak gedupliceerd, dat de hele tabel er mee bedekt is. Randkleur Met deze attribuut kan de kleur van de randen van de tabel bepaald worden. Tabel HTML Geeft de aangemaakte HTML weer de tabel. Het is ook mogelijk uw eigen HTML code toe te voegen! Cel eigenschappen Achtergrondkleur Met deze attribuut kan de achtergrondkleur van een cel bepaald worden. Achtergrondafbeelding Met deze attribuut kan een achtergrondafbeelding voor de cel bepaald worden. De afbeelding wordt zo vaak gedupliceerd, dat de hele cel er mee bedekt is. Cel HTML Geeft de aangemaakte HTML weer de cel. Het is ook mogelijk uw eigen HTML code toe te voegen! Tip: Om de properties van alle cellen in een tabel in één keer aan te passen: selecteer de tabel (maar

zonder een cel te markeren) en klik Cel eigenschappen.

Indeling  -­‐  Menu   Beschikbare functies: Uitlijnen Links Uitlijnen Rechts Uitlijnen Bovenkant Uitlijnen Onderkant Horizontaal centreren Verticaal centreren Afstand aanpassen Horizontaal Vertikaal

Afstand van geselecteerd objecten gelijk maken (horizontaal) Afstand van geselecteerd objecten gelijk maken (verticaal)

Centreren verticaal Centreren horizontzal

Objecten verticaal centreren in de pagina Objecten horizontaal centreren in de pagina

Maak dezelfde breedte Maak dezelfde hoogte Maak dezelfde breedte en hoogte Naar Naar Naar Naar

voorgrond achtergrond voren achteren

Object Object Object Object

naar naar naar naar

voorgrond verplaatsen achtergrond verplaatsen voren verplaatsen achteren verplaatsen

Raster instellingen Raster weergeven Raster weergeven of verbergen Magnetisch raster Magnetisch raster aan of uitzetten. Gebruik het magnetisch raster op objecten exact te positioneren. 1-2-3 Homepage 2 maakt dan een "magnetische" aantrekkingskracht tussen het geselecteerde object en het raster. Hulplijnen &weergeven bij tabellen waar rand = 0 Wanneer deze optie geactiveerd is zal 1-2-3 Homepage 2 de tabel cel randen aangeven d.m.v. een stippellijn als de randdikte 0 is. Hulplijnen weergeven Hulplijnen kunnen handig zijn bij het ontwerpen van een web pagina die voor speciale afmetingen gemaakt wordt. Normaal gesproken staan deze afmetingen hetzlfde ingesteld als de pagina breedte/hoogte.

Extra  -­‐  Menu   Links verifiëren Deze optie scant de pagina's op links en geeft deze weer in een lijst. Vervolgens is het mogelijk deze links aan te passen of d.m.v. de knop Verifiëren de links the controleren op geldigheid. 1-2-3 Homepage 2 zal in dit geval de URL proberen te bezoeken en geeft het resultaat weer in het venster. Mogelijke statussen: Niet geverifieerd Geldige URL URL niet gevonden

- nog niet geverifieerd - URL is geldig - URL is niet geldig (of momnteel niet bereikbaar)

Aanpassen Deze optie is voor ervaren gebruikers en maakt het mogelijk menus, werkbalken en toetsenbord shortcuts aan te passen. Gebruikers die bekend zijn met Microsoft Office produkten, zullen waarschijnlijk de meeste wel herkennen. HTML Opties Browser compatibilty Fixed Page Layout - Gebruik Cascading Style Sheet (CSS) positionering. Genereert moderne HTML waarbij de objecten worden gepositioneerd m.b.v. CSS. Hierdoor kunnen objecten elkaar overlappen. Dynamic Page Layout - Gebruik complexe verborgen tabellen (classic HTML). Deze optie staat het niet toe om objecten te overlappen, omdat standaard HTML wordt aangemaakt. Beide opties genereren verschillende HTML output. Alhoewel de meeste moderne browsers CSS ondersteunen, kunnen er situaties zijn waar het nodig is terug te vallen op classic HTML. Forceer word-wrap (d.m.v. spaties) in tabel cellen. Deze optie helpt word-wrapping problemen in tabellen te voorkomen. Deze optie is geimplementeerd omdat FireFox geen word wrapping stylen ondersteund. Geavanceerde Opties De meeste opties in deze categorie spreken voor zichzelf. Nieuwe web site openen bij opstarten Applicatie vensters maximaliseren bij opstarten. Open de meest &recente bewerkte web site bij opstarten. Wijzigen van vergrendelde objecten toestaan. Initiële tekst: Bepaald de initiële tekst van het tekst object. Standaard waarde: Dubbelklik om deze tekst te bewerken Initiële tekst niet weergeven, ga direct naar bewerkings modus.. Map Opties In de Map pagina kan worden opgegeven waar 1-2-3 Homepage 2 bestanden standaard opgeslagen worden. Hierdoor kunnen alle 1-2-3 Homepage 2 bestanden op een plaats worden bewaard. Ook de afbeeldingen kunnen in een apart map bewaard worden. Indien de optie Maak kopie van afbeeldingen wanneer de web site wordt opgeslagen geactiveerd wordt, maakt 1-2-3 Homepage 2 een kopie van alle afbeeldingen die onderdeel zijn van een de website. Dit voorkomt dat wanneer het orginele bestand wordt verwijdert, 1-2-3 Homepage nog steeds de kopie kan gebruiken. Tevens voorkomt het dat er binnen een website meerdere afbeeldingen met dezelfde naam bestaan.

Publiceren Opties Verbindings timeout, verhoog deze waarde als er veel timeouts optreden bij het maken van een verbinding de FTP server. De standaard waaede is 30 seconden. Logboek, schakel het logboek in wanneer er problemen zijn met het publiceren van bestanden naar uw web site. De log kan bruikbare informatie bevatten over de oorzaak van dit probleem. Afbeeldingen map, 1-2-3 Homepage 2 kan afbeeldingen die onderdeel zijn van uw web site in een andere map opslaan dan de HTML bestanden. Indien de server geen submappen ondersteund, moet dit veld leeg gemaakt worden, zodat alle afbeeldingen gepubliceerd worden in dezelfde map als de HTML bestanden. Voorbeeld Opties Gebruik standaard browser, wanneer deze optie geactiveerd is gebruikt 1-2-3 Homepage 2 de standaard browser voor het weergeven van voorbeeld pagina's. Haal het vinkje bij deze optie weg om een alternatieve browser op te geven bijvoorbeeld: C:\Program Files\Mozilla Firefox\firefox.exe Voorbeeld scope, deze optie bepaald de voorbeeld scope van 1-2-3 Homepage. Selecteer Huidige pagina om alleen de actieve pagina weer tegeven in de voorbeeld functie of Gehele web site om de gehele website te testen. Applicatie opties Taal: Gebruik deze optie om een andere taal op te geven voor de menus, vensters en andere gebuikersinterface onderdelen. Default is Engels. Voordat een andere taal kan worden geselecteerd uit de lijst, moet eerst de juiste taal module worden geinstalleerd. Bezoek de website van 1-2-3 Homepage voor een overzicht van de beschikbare taal modules. Docking algoritme voor vensters: Default of Visual Studio 2005 style.

Formulieren   Een formulier biedt een manier om gegevens te verzamelen van de bezoekers van uw web-site. Een bezoeker voert gegevens in of maakt een selectie uit meerdere opties en verzend (submit) daarna de gegevens. Het resultaat kan verzonden worden via email. Indien uw web server de juiste software heeft geinstalleerd, kunnen de gegevens ook worden opgeslagen in een database. De beschikbare formulier eigenschappen worden hier beschreven: Formulier eigenschappen.

Tabellen   Tabellen hebben kolommen en rijen met cellen die tekst kunnen bevatten (afbeeldingen, formulieren, en andere elementen worden op dit moment niet ondersteund). Tabellen zijn bruikbaar voor het weergeven van gegevens. Wanneer er tekst in een tabelcel wordt ingevoerd, wordt deze automatisch horizontaal en verticaal geresized om ruimte te maken voor de ingevoerde tekst Het is mogelijk de opmaak en andere eigneschappen (zoals achtergrondkleur of afbeelding) per cel aan te passen M.b.v. de randen van de cellen en de tabel zelf is het mogelijk de grootte ervan te wijzigen. Meer informatie over de beschikbare eigenschappen van tabellen: Tabel eigenschappen.

Publiceren   D.m.v. de ingebouwde publiceer tool kunnen web pagina's worden gekopieerd naar een web server of lokale schijf. Selecteer Bestand->Publiceren om het venster 'Publiceer Web Site' weer te geven. Er zijn twee mogelijkheden om uw web site te publiceren: • Publiceren naar een lokale folder. • Publiceren naar een FTP server (Web server). Publiceren naar een lokale folder Klik Toevoegen om een nieuwe locatie aan te maken. Geef de lokatie een naam en selecteer Lokaal als type. Geef de Map op voor de output bestanden. Klik OK om de locatie op te slaan en vervolgens Publiceer om de bestanden naar de opgegeven output folder te kopieeren. Indien u geen afbeeldingen of andere componenten wilt publiceren, omdat deze bijvoorbeeld niet gewijzigd zijn, kies dan 'Alleen HTML bestanden publiceren'. Publiceren naar een FTP server (Web server). Klik Toevoegen om een nieuwe locatie aan te maken. Geef de lokatie een naam en selecteer FTP Server als type. FTP server Het host adres veld bevat de (internet) locatie van de FTP server. Er kan zowel een URL als een IP adres worden opgegeven. Poort De standaard poort van een FTP verbinding is 21, maar indien dit nodig is kan ook een andere waarde worden ingevoe Gebruik 'passive mode' Passive mode kan in sommige gevallen noodzakelijk zijn, bijvoorbeeld indien uw computer zich achter een firewall bevindt. Gebruikersnaam Hier moet de gebruikersnaam van de FTP Account worden ingevoerd, waarmee kan worden ingelogd op de FTP Server (zie ook Anonymous instelling). Wachtwoord Wachtwoord van het FTP account. Anonymous Sommige FTP sites staan het toe in te loggen met een 'anonymous' account. Wanneer deze optie wordt geselecteerd, wordt automatisch de gebruikersnaam (=anonymous) en het wachtwoord (=email adres) ingevuld. Map op server Dit is de map op de server waar de bestanden geplaatst worden. Klik OK om de locatie op te slaan en vervolgens Publiceer om de bestanden naar de opgegeven output folder te kopieeren. Indien u geen afbeeldingen of andere componenten wilt publiceren, omdat deze bijvoorbeeld niet gewijzigd zijn, kies dan 'Alleen HTML bestanden publiceren'. Het is ook mogelijk afbeeldingen van web pagina is een aparte map op de server te publiceren. Selecteer Extra->Opties->Publiceren->Afbeeldingen map om deze map aan te passen. Laat het veld leeg om de afbeeldingen naar dezelfde map als de HTML bestanden

Te Publiceren Pagina's Selecteer welke pagina(s) u wilt publiceren. Entire Web Site, publishes all pages of the web site (except the pages which have enabled 'Don't Publish this Page' in Page Properties) Select Page Only, publishes the select page, click Select to specify the page to be published. Select Page and Sub Pages, publishes the select page and all of its sub pages (if any). Meer informatie over publiceren: Om de web pagina's online te zetten zodat andere Internet gebruikers ze ook kunnen zien, moeten de bestanden naar een web server worden gekopieerd. Meestal gaat dit d.m.v het uploaden naar een FTP server. Er zijn heel veel hosting bedrijven: http://www.geocities.com http://www.tripod.com http://www.free-webhosts.com Belangrijk is dat de webhost FTP ondersteund, waardoor het eenvoudiger wordt de pagina's direct vanuit 1-2-3 Homepage 2 te publiceren. Zodra u zich heeft aangemeld bij een webhost, dan ontvangt u een FTP server address, gebruikersnaam en wachtwoord. Voer deze gegevens in het venster Publiceer Web Site eventueel moet u ook een map op server aangeven waar de bestanden worden geplaatst bijvoorbeeld 'public_html'. In geval van problemen kunnen de resultaten van de FTP sessie ook worden gelogd via: Extra>Opties->Publiceren->Logboek Weergeven. Hoe kan ik mijn pagina's publiceren bij gratis web hosting welke geen ondersteuning heeft voor FTP? In plaats van de web-pagina's direct via FTP te publiceren, slaat uw ze nu eerst op in een lokale folder. Selecteer nu al deze bestanden uit deze folder en upload deze m.b.v. File Manager van uw webhost (bijv. geocities, yahoo...). Wat te doen in geval van problemen? • Controleer of het FTP server adres juist is. Geef niet de URL van de web server op. • Is de gebruikersnaam en wachtwoord juist? • Blokkeert de firewall de FTP verbinding? • Selecteer 'Gebruik 'passive mode'' • Verhoog eventueel de verbindingstimeout naar 120 seconden (Extra->Opties->Publiceren) • Een lijst van alle mogelijke fout codes en bijbehorende omschrijving bezoek: http://support.microsoft.com/default.aspx?scid=kb;EN-US;193625

Links   Links (ook wel koppelingen genoemd) zijn tekst of afbeeldingen die kunnen worden aangeklikt, zodat de achterliggende pagina (of afbeelding, of geluidsbestand, enzovoort) wordt weergegeven. Volg de volgende stappen om een link in 1-2-3 Homepage 2 aan te maken: Markeer de tekst of selecteer de afbeelding waar uw de link aan wilt toekennen. Kies Invoegen->Link uit het hoofdmenu of druk CTRL+K op het toetsenbord. Het venster Link invoegen wordt nu weergeven. Link naar een pagina op een andere web site Zet de Link naar optie op Web Site. Voer de volledige URL (Internet adres) van de pagina in het veld URL. Externe URLs moeten beginnen met "http://" anders zullen ze niet werken! Bijvoorbeeld, om te linken naar de Invender web site, type "http://www.invender.nl/" in plaats van "www.invender.nl". Link naar een pagina binnen uw eigen web site Zet de Link naar optie op Pagina binnen deze web site Klik 'Selecteer' om een pagina te selecteren. Er wordt nu een lijst van alle pagina's van de huidige web site weergeven. Selecteer één van de pagina's en er wordt automatisch een relatieve link aangemaakt (bijv ./produkten.html). Opmerkingen: - Alle pagina's moeten worden gepubliseerd om relatieve links te kunnen testen. Omdat anders de pagina's niet bestaan en de browser ze niet zal kunnen vinden. - Interne links werken niet in 'Voorbeeld in browser', tenzij de Voorbeeld scope op Volledige Web Site staat ingesteld (Extra->Opties->Voorbeeld). Link naar een bestand Upload het bestand naar de web server (d.m.v. een FTP client) en onthoudt de locatie (URL). Zet de Link naar optie op Web Site. Voer nu de volledige pad naar het bestand in het URL veld. Bijvoorbeeld: http://www.invender.nl/downloads/mijnbestand.zip of http://www.invender.nl/mijndocument.doc Link naar een email adres Selecteer Email Adres uit de Link naar lijst en voer vervolgens het email adres in (met de prefix mailto:) Bijvoorbeeld: mailto:[email protected] of mailto:[email protected]?subject=Website Feedback Open de link in een nieuw venster D.m.v. het veld Venster kan een link in een nieuw venster geopend worden. Geef in dit veld het doel venster op waarin de link geopend moet worden. Bijvoorbeeld: _blank de URL wordt geopend in een nieuw venster van de browser _self de URL wordt geladen in het frame waarin het aangeklikt is _parent de URL wordt geopend in de "parent" van het huidige frameset

_top de URL wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser Ankers Ankers (ook wel bookmarks of bladwijzers genoemd) markeren een specifieke locatie op een pagina. M.b.v. anker kan de bezoeker van de pagina direct naar een bepaald gedeelte van de pagina springen zonder daarvoor te hoeven scrollen. U kunt het anker pictogram om iedere willekeurige plek in de pagina plaatsen, vervolgens kan dan vanuit het Link venster naar dit anker object wordt verwezen. Zorg ervoor dat elke anker object binnen een pagina een uniek naam heeft.

Pagina  namen   1-2-3 Homepage 2 slaat de project bestanden die alle pagina's van een web site bevatten op met de .wbs extensie. Zodra de pagina's klaar zijn, moeten ze worden geconverteerd naar HTML zodat de browser ze kan weergeven. De naam van de HTML bestanden wordt bepaald aan de hand van de pagina naam zoals opgegeven in de Site Manager. Dus als de pagina in de Site Manager de naam 'index' heeft wordt het uiteindelijke HTML bestand index.html. Indien de pagina een andere extensie moet hebben (zoals .php of .asp), dan kan dit opgegeven worden inde Pagina eigenschappen. Hier zijn een aantal richtlijnen voor het benoemen van uw web pagina's: 1. Voeg niet de .html of .htm extensie toe aan de pagina naam. 1-2-3 Homepage 2 zal automatisch .html extensie (of .php, .asp, enz) toevoegen wanner de pagina wordt gepubliceerd. 2. Noem de homepage van een web site altijd "index", dit is de meest gangbare naam voor homepage. 3. Gebruik altijd kleine letter voor bestandsnamen, de meeste web servers zijn hoofdletter gevoelig en zullen waarschijnlijk problemen hebben met het vinden van pagina's met de naam "Index" of "INDEX". 4. Gebruik geen spaties of andere speciale tekens in de pagina naam, houdt de naam eenvoudig: "pagina1" of "mijn_produkten" 5. Gebruik underscores (_) om woorden te verbinden.

Templates   1-2-3 Homepage 2 heeft een handige optie genaamd 'Templates' ook wel Sjablonen genoemd. Templates kunnen later gebruikt worden als basis voor een nieuwe website. Wanneer een web site opgeslagen wordt als template, worden alle afbeeldingen en ander objecten in het template bestand opgeslagen. Zo kan de complete web site in één bestan van de ene computer naar de andere worden gekopieerd zonder afzonderlijk alle afbeeldingen mee te hoeven kopieren. 12-3 Homepage Templates hebben de .wbt extensie en woreen opgeslagen in de map \Templates van de 1-2-3 Homepage 2 applicatie map (c:\Program Files\1-2-3 Homepage).

Hyperlink  Style  Sheet   Standaard zijn alle links in een web-pagina onderstreept en hebben de standaard HTML link kleuren (link:blauw, visited:paars, active:rood, hover:blauw). 1-2-3 Homepage 2 geeft de mogelijkheid om de manier waarop links worden weergegeven aan te passen d.m.v. de Hyperlink Style Sheet editor. Hoe kan ik het onderstrepen van links verwijderen? 1. Selecteer Opmaak->Hyperlink Style Sheet 2. Klik Toevoegen om een nieuwe hyperlink style aan te maken. 3. Geef de nieuwe style een naam bijvoorbeeld 'niet_onderstrepen' 4. Haal het selectie vakje weg bij 'Onderstrepen', doe dit voor alle 4 statussen (link, bezochte link, actieve link en hover link). 5. Selecteer vervolgens de link en open de link eigenschappen (Invoegen->Link) en geef bij Uiterlijk de nieuw aangemaakte style 'niet_onderstrepen' op. 6. Publiceer of gebruik 'Voorbeeld in browser' om het effect van de style te zien. Opmerking: de link stylen worden pas actief bij het weergeven van de pagina in de browser. 1-2-3 Homepage geeft alle links altijd in onderstreept blauw weer. Hoe kan ik de kleur links wijzigen? 1. Selecteer Opmaak->Hyperlink Style Sheet 2. Klik Toevoegen om een nieuwe hyperlink style aan te maken. 3. Geef de nieuwe style een naam bijvoorbeeld 'zwarte_link' 4. Selecteer de gewenste kleur (bijvoorbeedl zwart). Per status kan de opmaak van een link worden aangepast. (link, bezochte link, actieve link en hover link). 5. Selecteer vervolgens de link en open de link eigenschappen (Invoegen->Link) en geef bij Uiterlijk de nieuw aangemaakte style 'zwarte_link' op. 6. Publiceer of gebruik 'Voorbeeld in browser' om het effect van de style te zien. Opmerking: de link stylen worden pas actief bij het weergeven van de pagina in de browser. 1-2-3 Homepage geeft alle links altijd in onderstreept blauw weer. Meer over links.

Importeren  HTML   Alhoewel 1-2-3 Homepage 2 geen HTML editor is, is het wel mogelijk HTML pagina's te importeren. Selecteer Pagina->Importeren->HTML pagina importeren om het venster 'Importeren HTML pagina' weer te geven. Het is mogelijk om een HTML pagina vanaf de lokale schijf of een web site te importeren. Voer de URL in en klik OK om de pagina te importeren. 1-2-3 Homepage 2 zal automatisch alle afbeeldingen naar de lokale schijf kopieren. Belangrijke informatie over het importeren HTML: • 1-2-3 Homepage 2 is geen HTML editor, maar een HTML generator! 1-2-3 Homepage 2 importeert de HTML d.m.v. het renderen van de inhoud van de pagina en deze vervolgens te converteren naar 1-2-3 Homepage's interne object formaat. • De import functie importeert momenteel alleen tekst, images, afbeeldingen, formulieren en body attributen (link kleuren, achtegrond afbeelding, meta tags). Tabellen, scripts, stylesheets en multimedia elementen worden niet geimporteerd. Maar in de meeste gevallen zal dit voldoende zijn om als basis voor een nieuwe pagina te dienen. • 1-2-3 Homepage 2 importeert geen style sheets, dus in sommige gevallen kan de tekst er anders uit zien dan in het orgineel. • 1-2-3 Homepage 2 ondersteund momenteel geen framesets. Indien u een pagina wilt importeren die gebruik maakt van frame, dan moete nalle afzonderlijke frames apart geimporteerd worden. • Het is zeer moeilijk om alle varianten van HTML te ondersteunen. Zelfs populaire browsers geven HTML pagina's ander weer, dus verwacht geen wonderen. Als het importeren van een pagina mislukt, betekent dit waarschijnlijk dat deze HTML bevat die niet wordt ondersteund en moet alsnog de pagina g eheel opnieuw gemaakt worden. • Het importeren van pagina's gemaakt m.b.v. 1-2-3 Homepage 2 geeft het beste resultaat!

Toolbox   De toolbox kan worden gebruikt om elementen aan een web pagina toe te voegen. Selecteer één van de beschikbare tools en geef d.m.v. de muis aan op welke position het object moet worden geplaatst. Tip: de eenvoudigste manier om objecten toe te voegen, is door deze vanuit de Toolbox op de pagina te slepen. Hier is een lijst met de beschikbare items: Algemeen: • Tekst • Horizontale lijn • Afbeelding • Vorm • Marquee • Tabel • Anker • Bulleted List Formulieren: • Formulier • Knop • Selectievakje • Keuzerondje • Tekstveld • Meerregelig tekstveld • Keuzelijst • File Upload • Afbeelding knop • Geavanceerde knop Geavanceerd: • Inline Frame • HTML • Active X • OLE Object • Embedded Pagina • File Publisher • Flash • Java Applets • Quicktime • Real Player • Windows Media Player Navigatie: • Go Menu • Menubalk • Navigatiebalk Extra: • Ad Rotator • Banner

• • • •

Foto Gallerie ImageMap Kant-en-klare JavaScripts Rollover afbeelding

Site  Manager   De Site Manager kan worden gebruikt voor het beheer van pagina's binnen een web site. De Site Manager heeft een eigen werkbalk om pagina's toe te voegen, wijzigen, dupliceren of verwijderen.

In de afbeelding hier boven wordt een voorbeeld gegeven van een web site structuur. De bestandsnaam van dit voorbeeld is 'mywebsite.wbs', deze naam wordt altijd bovenaan de boomstructuur van de web site weergegeven. De web site kan één of meerdere pagina's bevatten en elke pagina kan ook weer subpagina's hebben. Web sites hebben altijd een home page die vaak de naam 'index' heeft, dus om deze reden voegt 12-3 Homepage automatisch deze pagina toe aan een nieuw project. De namen van de items (pagina's) in de boomstructuur zijn de werkelijke namen die worden gebruikt voor de output HTML bestanden, dus een pagina met de naam 'index' wordt gepubliceerd als index.html. Een nieuwe pagina toevoegen 1. Selecteer de positie waar de pagina moet worden toegevoegd, bijvoorbeeld de bestandsnaam 'mywebsite.wbs' om de pagina in het eerste nivo toe te voegen. 2. Klik de eerste knop op de werkbalk (Nieuwe pagina) 3. 1-2-3 Homepage 2 voegt nu een nieuwe pagina toe aan het project en zal deze automatisch openen, zodat uw direct aan de slag kunt gaan met deze pagina. Om een nieuwe pagina toe te voegen als subpagina, selecteert u eerst deze pagina en daarna 'Nieuwe pagina'. Opmerking: Het is ook mogelijk om het context menu te gebruiken (rechtermuis klik) voor het toevoegen van pagina's en andere taken or selecteer Pagina->Nieuwe pagina in het hoofdmenu. Een bestaande pagina openen 1. Selecteer het item (pagina naam) dat u wilt openen. 2. Klik de tweede knop op de werkbalk (Pagina wijzigen)

Opmerking: Het is ook mogelijk om het context menu te gebruiken (rechtermuis klik) voor het openen van een pagina. Of dubbelklik de pagina naam. Een pagina dupliceren (clonen) Om een exacte kopie te maken van een bestaande pagina, selecteert u het item (pagina naam) en klikt de derde knop op de werkbalk (Pagina dupliceren). Een pagina verwijderen Selecteer de pagina die u wilt verwijderen en klik de 'Pagina verwijderen' knop op de werkbalk of druk Delete op het toestenbord. Het is niet mogelijk de laatste pagina van een website te verwijderen. De naam van een pagina wijzigen Selecteer de pagina waarvan u de naam wilt wijzigen of druk F2 op het toetsenbord. Het is nu mogelijk in de Site Manager de naam te wijzigen. Bij het wijzigen van de naam van de pagina worden alle interne links automatisch aangepast, zodat u zich geen zorgen hoeft te maken over de verwijzigen. Lees meer over pagina namen. Pagina eigenschappen wijzigen Selecteer de pagina waarvan u de eigenschappen wilt wijzigen en klik de eigenschappen knop op de werkbalk. Items rangschikken Items kunnen worden gerangschikt d.m.v. het slepen van de items, selecteer een item en sleep deze naar de nieuwe positie. Een andere manier op items te rangschikken is: 1. Selectee een pagina 2. Kilk rechts met de muis om het menu weer te geven. 3. Selecteer Schikken en daarna één van de beschikbare opties: Naar boven verplaatsen, Naar beneden verplaatsen, Naar links verplaatsen of Naar rechts verplaatsen. HTML Pagina importeren (context menu) Het is mogelijk bestaande HTML pagina's te importeren binnen 1-2-3 Homepage. Indien mogelijk wordt de inhoud van deze pagina's dan geconverteerd naar het 1-2-3 Homepage 2 formaat. Voor meer informatie over het importeren van HTML zie ook: Importeren HTML