Hallo (:
hier kommt ein Tut rein, für das coden mit NVU.
Vorrausetzungen:
- Programm "NVU" installiert haben (kann man sich kostenlos runterladen, z.B. hier
- ein Layout zum coden haben
- den direkt Link zum Layout(einfach bei tinypic.com hochladen & den letzten code kopieren) & die Höhe und Breite wissen
1. Schritt
Ihr öffnet das Programm NVU und erstellt eine Tabelle.
2. Schritt
Es öffnet sich ein Fenster und ihr stellt die Anzahl der Zeilen und Spalten ein. Für den Anfang empfehle ich immer 6x6 zu nehmen. Später bekommt ihr dann ein Gefühl dafür
3. Schritt
So jetzt wechselt ihr unten von "Normal" zu "HTML-Tags". jetzt müsste so ein "Gitter" mit ein paar gelben Kästchen erscheinen.
Dort oben links könnt ihr ein Kästchen mit "TABLE" erkennen, darauf macht ihr einen Doppelklick.
4. Schritt
Jetzt öffnet sich ein neues Fenster, wobei ihr jetzt oben den Reiter "Tabelle" wählt.
Hier könnt ihr jetzt die Höhe und Breite eures Layouts reinschreiben.
WICHTIG
: Daneben unbedingt! Pixel auswählen und nicht % des Fensters.
5. Schritt
Anschließend geht ihr unten rechts auf "erweitert" und gebt bei Attribut "background" ein und bei Wert den Link zu eurem Layout.
Drückt anschließend auf OK
6. Schritt
Jetzt klickt ihr ERST auf Anwenden und DANN auf Ok.
So, nun die Fortzsetzung:
7. Schritt:
Jetzt geht ihr unten auf "Vorschau" und ihr müsste euer Layout sehen.
Nicht wundern, wenn es nicht sofort erscheint, weil es manchmal etwas dauert
8.Schritt
Nun kommen wir zum etwas schwierigeren Teil, aber nicht davonrennen, das wird schon
Ihr verschiebt jetzt die Zeilen und Spalten so, dass sie die Scrollbox umranden. Das macht ihr, indem ihr an den grauen Trennlinien "herumzieht".
Deshalb ist es auch wichtig, die Boxen immer genau untereinander bzw. nebeneinander zu haben.
Das macht ihr bei allen Scrollboxen.
Wenn ihr das habt, müsste es so aussehen:
9. Schritt:
Jetzt geht ihr wieder zu den HTML-Tags und klickt in das Srollbox-Feld.
Es müsste dann in der Box ein schwarzer, blinkender Strich auftauchen.
10. Schritt
Nun klickt ihr oben in der Auswahlleiste auf "Einfügen" und dann auf "HTML".
Fortsetztung folgt...