Tutorials von Thomas Frei-Herrmann

Toolbox - Ad-Creator” von NOF 10.0 (dies ist kein Popup-Fenster).

Diese Seite wird nicht korrekt im Mozilla Firefox angezeigt,
jedoch im Internet Explorer.

Das Fenster öffnet sich hier nach 2 Sekunden und ist verschiebbar.

... eine andere Alternative findet Ihr hier oder hier mal gucken für eine viel bessere Lösung mit Overlib.

Zunächst erstellt Ihr Euch mal einen Ordner für die Skript-Dateien den dieser NOF Generator erzeugt. Diesen Ordner würde ich in dem Ordner “User Sites” von NOF anlegen.

Nun öffnet Ihr das Programm “Toolbox Ad Creator”, das sich in Eurem Ordner von “NetObjects 10” befindet und wählt “Neue Anzeige erstellen”, siehe Bild unten.

Nachdem Ihr auf “Weiter” geklickt habt, erscheint das Bild unten.

Hier wählt Ihr nun die Option “Post-it” und gebt dieser Arbeitsdatei einen Namen,
wie z.B. “MeinPost-It” (Bei mir heißt diese Datei schlicht “Thomas”).

Nachdem Ihr auf “Weiter” geklickt habt, erscheint das Bild unten.

Hier könnt Ihr nun alle möglichen Einstellungen vornehmen. In meinem Beispiel habe ich lediglich dies getan:

Reiter “Allgemein

1) “Position” des Fensters eingestellt (Links 200px, Oben 300px)
2) “Rahmen Farbe” auf blau gesetzt.
3) “Verhalten” auf Ziehbar gesetzt.

Nun wechselt Ihr zum Reiter “Erweitert

Hier könnt Ihr nun alle möglichen Einstellungen vornehmen. In meinem Beispiel habe ich lediglich dies getan:

1) “Verzögerung” auf 2 Sek. gestellt
2) “Titelleiste” anzeigen angehakt und meinen Namen unter “Titel” eingegeben.
3) “Hintergrund-Farbe” der Titelleiste bei “Hintergrund” auf blau gesetzt.

Nun wollte ich gerne auch ein Bild einfügen, was man bei dem “Editor”, dem Symbol rechts neben der Weltkugel, machen kann. Dort gibt man auch seinen Text, usw. ein.

Bei dem Symbol “Hammer und Schlüssel” kommt man in den “Code Editor” (Bild unten). Hier musste ich jedoch feststellen , dass das Bild, welches ich im Editor hinzugefügt hatte, auf einen Pfad auf meinem PC verweist, was natürlich dann “online” nicht klappen kann.

Also habe ich das Bild in meinem Server-Ordner:

/assets/images/

kopiert.

Dann habe ich den Link zu diesem Bild im Code Editor entsprechen mit einem “relativen” Link angepasst. Hier:

../assets/images/Stinktier.gif

und anschließend auf “Fertig” geklickt.

Nachdem Ihr auf “Weiter” geklickt habt, erscheint das Bild unten.

Jetzt müsst Ihr den von diesem Programm erzeugten Code speichern, und zwar in dem Ordner, den Ihr wie oben bereits beschrieben, schon angelegt hattet. Dies müsst Ihr auch nach jeder späteren Änderung wiederholen.

Hiefür dann auf den Button “Code-Dateien speichern” klicken und diesen (Euren) Ordner dann wählen.

Nachdem Ihr auf “Weiter” geklickt habt, erscheint das Bild unten.

Hier seht Ihr den von NOF erzeugten Code, den Ihr in die Seite, auf der das Fenster erscheinen soll, kopieren müsst. Und zwar so:

1.

Klickt auf die kleine “Hand” neben dem oberen Code. Dadurch wird der gesamte Code markiert.
Nun kopiert Ihr den Code (rechte Maustaste) in die Zwischenablage und fügt diesen dann in Eurer Seite ein.

Und zwar hier:

> Im Master-Rahmen (Master-Rahmen-Eigenschaften) auf “HTML” klicken
> Reiter “Zwischen Head-Tags

2.

Klickt auf die kleine “Hand” neben dem mittleren Code. Dadurch wird der gesamte Code markiert.
Nun kopiert Ihr den Code (rechte Maustaste) in die Zwischenablage und fügt diesen dann in Eurer Seite ein.

Und zwar hier:

> Im Master-Rahmen (Master-Rahmen-Eigenschaften) auf “HTML” klicken
> Reiter “Im Haupttext-Tag

3.

Klickt nun auf die kleine “Hand” neben dem unteren Code. Dadurch wird der gesamte Code markiert.
Nun kopiert Ihr den Code (rechte Maustaste) in die Zwischenablage und fügt diesen dann in Eurer Seite ein.

Und zwar hier:

> Im Master-Rahmen (Master-Rahmen-Eigenschaften) auf “HTML” klicken
> Reiter “Beginn des Haupttextes

Zunächst gebt Ihr der Seite, in der dieses Fenster erscheinen soll, einen eigenen
Master-Rahmen-Namen!

Das Fenster erscheint in allen Seiten mit dem gleichen Master-Rahmen!

Nun könnt Ihr dieses Programm schließen aber nicht vergessen dieses vorher zu speichern, damit Ihr später wieder daran arbeiten könntet.

AdCreator 07

Nun kommt das Wichtigste!

Ihr müsst jetzt noch folgende Schritte vornehmen:

Falls Ihr nach “Asset-Typ” Eure Seite publiziert, wird NOF Eure HTML-Seiten in den Ordner

html

hochladen. Oder eben in den Ordner, wo sich die Seite, auf der Ihr die Codes eingefügt habt, befindet.

Der Ordner, den der Generator von NOF mit Code-Dateien (.hp) erzeugt hat, heißt:

adcreator

welchen Ihr in dem von Euch (weiter oben beschrieben) selbst angelegtem Ordner finden werdet.

Ihr müsst nun den von NOF erzeugten Ordner “adcreator” (den gesamten Ordner, diesen auch nicht irgendwie umbenennen) in Euren Ordner

html

(bzw. in den Ordner, wo sich die Seite, auf der Ihr die Codes eingefügt habt, befindet)

auf Euren Server mittels FTP-Programm kopieren.

Nun könnt Ihr Eure Seite, in der Ihr die Skripte in den HTML-Code eingefügt hattet, publizieren.


Solltet Ihr diese Seiten auch gerne in der “Seitenvorschau” und in der “Lokalen Publizierung” sehen wollen, müsstet Ihr noch folgendes machen:

Den Ordner adcreator in Euren Ordner “Preview” von NOF und ebenfalls in den Ordner für die lokalen Publizierung kopieren. Eventuelle Bilder würden bei diesem Beispiel nicht angezeigt werden, da ich ja oben einen “relativen” Link auf meinen Server in den Code eingebaut hatte.


Solltet Ihr später etwas ändern, müsst Ihr die Code-Dateien erneut speichern und diesen Ordner erneut hochladen und natürlich auch den neu erzeugten Code von NOF erneut in Eure HTML Tags kopieren.



Fertig!

zurück

diese Seite weiter empfehlen



Counter Statistik