www.edv-zaehringer.de
 :: EDV-Schulungen :: Computerberatung ::  Webdesign ::

 
 

 

 

Tabellen mit NVU




Tabellen ratzfatz!


Mit NVU können Sie auf einfache Weise Tabellen erzeugen. Warum gerade Tabellen außerhalb der Fußballsaison, fragen Sie sich vielleicht?

Nun, Tabellen haben mehrere unschlagbare Vorteile


  • mit Tabellen können Sie einen definierten Bereich innerhalb einer Seite abgrenzen, der sich nicht mehr verschiebt
  • einer Tabellenzelle können Sie die Anweisung geben, dass sie sich über die gesamte Breite erstrecken soll, oder aber nur über Teilbereiche
  • in einer Tabellenzelle können Sie Text, Bilder, Filme, Audiodateien u.a. unterbringen

Wir erkennen: Tabellen, so antiquiert sie auch anmuten mögen, haben unschlagbare Vorteile!



Aufgabe:

Erstellen einer einfachen Tabellenkonstruktion mit NVU als Vorbereitung für eine spätere Bewerbungshomepage (für den Aufbaukurs geplant)





Schritt 1: Öffnen von NVU in der Normalansicht (Ansicht rechts beschnitten)

tabellen nvu normalansicht leer



                              Schritt 2 Tabelle einfügen. Wir erzeugen eine Tabelle mit neun Tabellenzellen, drei Spalten und drei                                       Zeilen.

                              Dazu bewegen wir uns im Menü ganz oben zum Punkt "Tabelle" und bewegen
                             uns  über den Punkt "einfügen..." weiter nach rechts zum Unterpunkt "Tabelle". Nun öffnet sich ein                                       Fenster aus Quadranten, die sich blau einfärben, wenn man mit gedrückter Maustaste drüberfährt.

                              Wir überstreichen 9 Kästchen und erzeugen damit eine 3x3-Tabelle mit den neun Tabellenzellen.


9x9-Zellen-Tabelle erzeugen

                                Bitte beschriften Sie die Zellen, damit sie bzw. die Tabelle im Browser angezeigt werden.
       
                                Mit ein wenig Phantasie ahnen Sie schon die Struktur!




                                Schritt 3: Tabelle auseinanderziehen und Zellengrenzen anpassen.



    VORSCHAU            

    Das Prinzip dürfte nun klar sein: wir verschieben die Tabellenlinien an den Stegen oben oder seitlich so lange, bis uns die         Struktur zusagt. Es lassen sich auch Zellen einfach verbinden. Das bietet sich in der Bannerleiste ganz oben an. Eingehen         möchte ich darauf nicht. Experimentieren Sie ruhig ein wenig herum!

    Kontrollieren Sie die Zwischenergebnisse regelmäßig mittels der Vorschau. NVU ist ein WYSIWYG-Editor ("what you see is         what you get"), d.h. in der Regel sieht das Endergebnis im Browser genau so aus wie der Entwurf.

    Was fehlt? Richtig! Wir müssen diesen Entwurf noch abspeichern. NVU macht es uns einfach. Die erste                           Entwurfsseite  muss gespeichert werden - es erscheint ein Fenster mit der entsprechenden Aufforderung. Wir              tragen in die Zeile "index"  ein, das reicht! NVU ergänzt den Rest zu "index.html". Einfacher geht es nicht!                      Speichern Sie die index.html im Projektordner ab.


Das alles war doch wirklich kein Hexenwerk? Diese Tabellenkonstruktion können Sie z.B. als Vorlage für eine Bewerbungshomepage nutzen.

Nun fehlen eigentlich nur noch zwei Punkte:  Das Einfügen von Bildern und Grafiken, und
die Navigation.


 
 
© 2005 - 2011 by www.edv-zaehringer.de back top