Een applet toevoegen in/op een pagina (met style conformatie) (m.n. het toevoegen van de benodigde HTML-code en de directory aanpassen)

Je kunt met behoud van de Site Style externe Applet (.class) files copieeren in het LayOut gedeelte van de pagina (page),

zodat je in een keer het externe object in je pagina invoerd.

In deze beschrijving nemen we het voorbeeld van .Boiler.class met behoud van de Site style, m.a.w.de style van deze Boiler pagina zal niet afwijken van de algemene Pagina- of Site style.

  1. Maak een nieuwe pagina aan in NetObjects Fusion
  2. Noem de pagina Boiler Applet demo
  3. Aktiveer eerst het LayOut gedeelte van de pagina waarin je de Applet presenteert.

  4. In Page view klik in het LayOut gedeelte
  5. Je gaat nu in de LayOut een leeg tekstveld aanmaken

  6. Klik op het Text icoon van de Standard Tools
  7. Trek over de volle breedte van de LayOut een tekstveld (zie Figuur 1)
  8. Dit tekstveld blijft leeg en ook geselekteerd.

    Je gaat nu de externe applet html code in dit tekstveld importeren. Deze informatie blijft in Page view onzichtbaar.

  9. Klik op de Format tabulator (standaard instelling) van het Text Properties.
  10. Figuur 1

     

    Zorg nu dat je met een TekstEditor het stukje HTML tekst van de Boiler applet (zie Figuur 3) op het ClipBoard klaar hebt staan.

  11. Klik op de HTML button van het Text Properties window
  12. Paste de ClipBoard data m.b.v. ctrl-v in het Insert HTML window.
  13. Figuur 2

     

    De externe data verschijnt in het grijze tekstvlak. Het is hier tevens editbaar.

    In principe hoef je niets te veranderen, dus

  14. Klik op de OK button
  15. Het enige wat je nu nog met ‘de hand’ moet doen is het in de juiste folder(s) plaatsen van de externe files zoals Boiler.class, SimLib, en BackgroundBoiler.jpg.

    Dit is tevens het nadeel van deze methode, maar het grote voordeel t.o.v. andere methodes is dat de pagina style en/ of de site style intakt blijft. Je voorkomt hiermee het gebruik van verschillende styles in het produkt.

    Met ‘de hand’ handelingen.

    Nu moet je NetObjects Fusion nog duidelijk maken waar de files Boiler.class, BackgroundBoiler.jpg en de folder Simlib staan. Voor Preview mode moeten deze files in de Preview Folder staan en voor Publicatie in de Publish Folder. Deze folders worden pas aangemaakt nadat je de eerste keer op de Preview- en voor publiekatie op de Publish button hebt geklikt. Voorlopig bekijk je eerste de Preview mode.

    De allereerste keer bestaat er nog geen Preview Folder in jouw < jouw User Site folder > Folder. Deze folder wordt automatisch aangemaakt als je op de Preview button klikt van de menubar

    Om een Preview folder aan te maken doe je het volgende:

  16. Klik op de Preview ( ) button van de menubar
  17. Ga naar de File Manager in Windows en copieer de files SimLib,Boiler.class en BackgroundBoiler.jpg in de Preview folder van jouw User Site folder in Z:\zzMopx \< jouw User Site folder >\Preview\.
  18. Nu weet NetObjects Fusion waar de externe files in Preview mode gezocht moeten worden.

     

  19. Test je pagina eens uit in Preview mode.

In de Publish mode doe je hetzelfde maar dan voor de folder Publish.

Afdruk van de applet code ‘Boiler’ uit de file Boiler.htm