Tabellen in Dreamweaver

Name: Tabellen in Dreamweaver
Author: Patti Scully-Lane

Während HTML die Struktur liefert, sorgt CSS für die Schönheit. In diesem Modul machen Sie sich damit vertraut, was CSS ist, wie die verschiedenen Stile…

Preview the first lesson free — get full access to all 4 lessons.

Demo anfragen Anmelden

Kurs: On-Demand

In dieser Lektion werden Sie lernen So erstellen Sie eine Tabelle in Adobe Dreamweaver. Bevor wir an unserem Tisch arbeiten können, Wir müssen eine Site in Dreamweaver einrichten. Also gehen wir zum Site-Menü, zu New Site. Wir werden dies benennen Arbeiten mit Tabellen, und wir werden auf das Ordnersymbol klicken. Jetzt habe ich den Ordner mit den Unterrichtsdateien genommen aus diesem Module3, und ich habe sie auf meinem Desktop abgelegt. Also werde ich diese Module3_tables auswählen und wählen Sie diesen Ordner aus, und wir werden auf die Schaltfläche Speichern klicken. Wenn Sie ein bisschen mehr wissen müssen über das Arbeiten mit Sites in Dreamweaver, Sie können zu Module1 und den Websites zur Verwaltung der Lektionen zurückkehren in Dreamweaver, um ein bisschen mehr zu erfahren warum wir mit Sites in Dreamweaver arbeiten. Ich gehe zum Dateifenster, und ich werde aufhikes.html doppelklicken. Dadurch wird diese Datei in unserem Hauptfenster geöffnet. Wir werden eine Tabelle verwenden als echte Tabelle in diesem Dokument. Es ist jedoch wichtig zu beachten dass am Anfang des Designs für das Internet, Tische wurden als Gestaltungselemente verwendet vor CSS, Cascading Style Sheets, und sie werden noch heute verwendet als Gestaltungselemente in HTML-E-Mails. Jetzt habe ich die Entwurfsansicht aus meinen Ansichtsmodi ausgewählt. Wenn Sie also Live-Ansicht ausgewählt haben, Ich werde Sie bitten, nach oben zu gehen und Design auszuwählen. Und wir setzen unseren Cursor in dieses Kästchen Hier links, und wir werden tippen in WANDERWEGE und drücken Sie dann die Eingabetaste. Um nun eine Tabelle hinzuzufügen, Wir werden zum Menü Einfügen zu Tabelle gehen. Das Tabellendialogfeld erscheint, und wir werden eine Tabelle erstellen mit drei Zeilen und zwei Spalten. Wir werden eine Tabellenbreite von 300 Pixel haben mit einer Randstärke von eins. Nun, wenn wir wollten, könnten wir uns dafür entscheiden entweder eine Kopfspalte oder eine Kopfzeile oder beides, aber wir werden das als keine belassen, und wir werden auf OK klicken. In Dreamweaver die einfachste Möglichkeit, Änderungen vorzunehmen zu Ihrem Tisch finden Sie hier unten im Bereich Eigenschaften. Also werden wir die Breite ändern der Tabelle von 300 bis 600, und Sie können sehen, wie gut es in diesen Bereich passt. Wir gehen zu der Stelle, an der Align steht. Wir werden das von "Standard" auf "Mitte" ändern, so wird es es gut in unserem Bereich zentrieren. Und wir geben diese oberste Reihe Wanderwege in MA ein. Und nun, um zum nächsten Abschnitt zu gelangen, Alles, was wir tun müssen, ist die Tabulatortaste zu klicken, und Sie können sehen, dass sich das ändert unser Tisch nur ein bisschen. Und es ist wichtig zu wissen das, wenn Sie Tabellen entwerfen Es gibt bestimmte Dinge, die dies zu einem flüssigen Tisch machen. Und so wird es sich ändern, wenn wir Informationen eingeben in unsere Zellen. Ich drücke noch einmal die Tabulatortaste, und ich werde Trail Name eingeben, und Tabulatortaste und geben Sie Stadt ein. Sie können also sehen, wie ich die Stadt einstelle Meine Spalten ändern sich ein bisschen mehr. Jetzt haben wir ein bisschen mehr Informationen in unserer Tabelle Ich möchte zurückgehen und einige zusätzliche Änderungen vornehmen an den Tisch. Also klicken wir auf diese 600 oben an unserem Tisch und wählen Sie unseren Tisch aus, und das erlaubt uns, unser Properties-Panel zu bringen für unseren Tisch wieder aufstehen. Und wir werden über die Zellenpolsterung sprechen und der Zellenabstand unserer Tabelle. Wenn Sie keine Nummer in Ihre Zellenauffüllung eingeben und Ihren Zellenabstand, standardmäßig wird HTML gesetzt ein Pixel Polsterung in jedem. Cell Padding ist die Menge an Platz zwischen dem Rand der Zelle und dem Inhalt. Wenn wir also 10 als Zellfüllung eingeben und die Eingabetaste drücken, Sie können sehen, wie jetzt unser Typ ein bisschen weiter entfernt ist vom Rand unserer Zellen. Zellenabstand, ich gebe jetzt nur fünf ein, ist der Abstand zwischen den Zellen selbst. Also werde ich das löschen und die Eingabetaste drücken und belassen Sie dies als Standardeinstellung. Nun das andere Eigentum, das wir haben denn unser Tisch ist die Grenze. Derzeit haben wir eine Grenze von eins, aber Sie können sehen, ob wir eine Grenze von Null setzen, Dreamweaver in der Entwurfsansicht zeigt uns die Kanten unseres Tisches. Aber wenn wir zur Live-Ansicht gehen Sie können sehen, dass wir den Tabellenrand überhaupt nicht sehen. Ich werde dies wieder in die Entwurfsansicht verschieben weil die Entwurfsansicht uns bei der Arbeit hilft wesentlich effizienter bei der Arbeit mit Tabellen. In den nächsten Lektionen werden wir mehr über das Modifizieren lernen und formatieren unsere Zellen. In dieser Lektion haben Sie also gelernt, wie man erstellt eine Tabelle in Adobe Dreamweaver.

Mittelstufe Anbieter : Patti Scully-Lane 4 Lektionen · 30m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Urdu, Chinese

Kursbeschreibung

Während HTML die Struktur liefert, sorgt CSS für die Schönheit. In diesem Modul machen Sie sich damit vertraut, was CSS ist, wie die verschiedenen Stile kaskadieren und welche HTML-Elemente stilisiert werden können.

Lernziele:

Was Sie lernen werden

Verstehen Sie die Ebenen von CSS und CSS-Syntax
Erstellen Sie Tabellen in Dreamweaver
Ändern Sie Zeilen und Spalten in Tabellen
Formatieren Sie Zeilen und Spalten in Tabellen
Erkennen Sie externe versus interne Stile
Importieren Sie Tabellendaten direkt in eine Tabelle

Wichtige Erkenntnisse

HTML bietet die Struktur einer Seite, während CSS die Stilisierung bietet.
CSS-Stile kaskadieren über verschiedene Ebenen hinweg, und HTML-Elemente können mit CSS stilisiert werden.
Dieses Modul behandelt das Erstellen von Tabellen sowie das Ändern und Formatieren ihrer Spalten und Zeilen.
Der Kurs unterscheidet zwischen externen und internen Stilen in CSS.
Lernende können Tabellendaten direkt in eine Tabelle importieren.

Häufig gestellte Fragen

Was behandelt dieser Kurs?

Dieses Modul behandelt, was CSS ist, wie sich verschiedene Stile kaskadieren und welche HTML-Elemente stilisiert werden können. Es lehrt Sie auch, Tabellen zu erstellen, Spalten und Zeilen zu formatieren und zu ändern, externe versus interne Stile zu erkennen und Tabellendaten in eine Tabelle zu importieren.

Welche Fähigkeiten werde ich in diesem Kurs erwerben?

Sie werden Fähigkeiten in Adobe Dreamweaver, CSS-Frameworks, HTML-Komponenten, HTML-Formatierung, HTML-Tabellen und objektorientierten CSS entwickeln.

Welche Lektionen sind in diesem Kurs enthalten?

Die Lektionen sind: Tabelle erstellen, Zeilen und Spalten in Tabellen ändern, Zeilen und Spalten in Tabellen formatieren und Tabellendaten in eine Tabelle importieren.

Was ist der Unterschied zwischen HTML und CSS wie in diesem Kurs gelehrt?

Nach dem Kurs bietet HTML die Struktur, während CSS die Schönheit bietet. Das bedeutet, CSS wird verwendet, um HTML-Elemente zu stilisieren.