Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > Code oder Codeschnipsel einfügen

Code zwischen den head-Tags der Seite einfügen

(1/1)

nettesekel:
"Füge folgenden Code zwischen die head-Tags deiner Seite ein."
Diese oder eine ähnlich lautende Aufforderung findet man in vielen unserer Tutorials.
Und eben weil diese Aufgabenstellung so oft an euch gerichtet wird und ich wenig bis keine Lust  (rofl) habe, diesen Vorgang immer und immer wieder aufs Neue zu erklären, habe ich mich entschlossen an dieser Stelle mal eine kleine Anleitung hierzu zu veröffentlichen auf welche wir dann künftig nur noch bequem verlinken brauchen.

Wenn es also heißt, füge diesen Code zwischen den head-Tags deiner Seite ein, dann ist folgendes zu tun.

------------------------------------------------------------------------------------------------------
Was bedeutet "Code zwischen den head-Tags einfügen"?
------------------------------------------------------------------------------------------------------

Wenn man mal in den Quelltext einer Website schaut, dann findet man im Groben überall das selbe Grundgerüst:


--- Zitat ---<!DOCTYPE....>
<html>
<head>
     <title>Meine Website</title>
</head>
<body>
     Meine Inhalte
</body>
</html>
--- Ende Zitat ---

In meinem Beispiel-Grundgerüst, seht ihr rot markiert die head-Tags. Alles was zwischen dem öffnenden Tag <head> und dem schließenden Tag </head> zusehen ist (grün markiert) befindet sich "zwischen den head-Tags".
Wenn also die Rede davon ist, einen Code zwischen den head-Tags einzufügen, dann muss der Code in diesem  Bereich eingebunden werden.



nettesekel:
Schritt 1
------------------------------------------------------------------------------------------------------
Soll die Anwendung, für welche der Code dient, auf einer oder mehreren Seiten laufen?
------------------------------------------------------------------------------------------------------

Benötigt man die Anwendung nur auf einer einzelnen Seite, so reicht es den Code ins Layout-html einzufügen. Die Eigenschaften für das Layout ruft ihr mit der Taste F9 oder mit einem Klick ins Layout auf.




Benötigt man die Anwendung auf mehreren oder allen Seiten, so empfiehlt es sich den Code ins Masterrahmen-html einzufügen. Die Eigenschaften für den Masterrahmen ruft ihr mit der Taste F10 oder mit einem Klick in den Masterrahmen auf.





Schritt 2
------------------------------------------------------------------------------------------------------
Wo finde ich die Stelle in NetObjects Fusion, an der ich den Code einfügen muss?
------------------------------------------------------------------------------------------------------

Da NOF ein html-Generator ist, bringt es uns nichts den Code in die generierte html-Seite einzufügen, da NOF diese Einfügung bei jeder neuen Publizierung überschreiben würde.
Deshalb binden wir den Code direkt ins bestehende Projekt ein.
Ihr habt euch entschieden, ob ihr den Code ins Layout- oder ins Masterrahmen-html einbinden wollt? Dann ruft nun die entsprechende Eigenschaftenpalette auf und klickt im Anschluss auf den "html-Button" auf der Palette.

Es öffnet sich in beiden Fällen ein Fenster für die Eingabe des Codes. NOF hat hier eine Hilfestellung für den Anwender integriert um die passende Stelle für die Einfügung zu finden.

In älteren NOF-Versionen ist das Fenster zweigeteilt und verschiedene Reiter sorgen für eine übersichtliche Einteilung. Man wählt also den Reiter "Zwischen den Head-tags" und fügt darunter den Code ein. Eingabe mit OK bestätigen und fertig.





In den neueren NOF-Versionen gibt es die Reiter nicht mehr, dafür gibt es Icons am oberen Fensterrand, welche man anklicken kann. Bei Klick auf das Icon "Zwischen head-Tags" positioniert das Programm den Cursor dann an der für die Einfügung richtigen Stelle. Man fügt den Code dort ein, wo der Cursor blinkt und bestätigt mit dem OK-Button.





Und das wars auch schon! (clap)

Navigation

[0] Themen-Index

Zur normalen Ansicht wechseln