HTML und CSS in Dreamweaver verstehen

Name: HTML und CSS in Dreamweaver verstehen
Author: Patti Scully-Lane

Sie beginnen Ihre Reise durch die Programmierung in diesem Dreamweaver-Kurs für Anfänger

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

Kurs: On-Demand

In dieser Lektion Sie werden eine kurze Geschichte von HTML lernen. HTML ist die Sprache, die zum Erstellen von Webseiten verwendet wird. Mit Dreamweaver können Sie diese Webseiten erstellen ohne dass Sie wirklich etwas mit dem Code tun müssen. Aber es ist wichtig, ein bisschen zu verstehen darüber, wie wir mit HTML-Code dahin gekommen sind, wo wir heute sind. Bevor wir uns mit der Geschichte von HTML befassen, Wir müssen ein wenig darüber reden, was HTML ist. Nun, HTML ist eine Auszeichnungssprache. Nun, was bedeutet es, eine Auszeichnungssprache zu sagen? Nun, wir haben Tags, und diese Tags öffnen und schließen sich um unseren Inhalt. Diese Tags formatieren den Inhalt, der sich in den Tags befindet. Also packen wir die Tags ein, wir öffnen sie und wir schließen sie, und alle Inhalte, die sich innerhalb dieser Tags befinden wird je nach Art des Tags formatiert. Bei einem H1-Tag ist das beispielsweise ein Überschriften-1-Tag. Das macht unseren Typ da drin sehr groß und prominent auf der Seite. HTML-Tags definieren also den Textinhalt auf der Seite, aber auch, HTML definiert Bereiche der Seite. Wir verwenden das div- oder division-Tag um unsere Seite in Inhaltsboxen zu unterteilen. Das Footer-Tag ist ein relativ neues Tag die entweder die Fußzeile der Seite definiert oder die Fußzeile eines Bereichs der Seite. HTML ist also eine Auszeichnungssprache die viele verschiedene Tags enthält die definieren, wie wir die Dinge auf der Seite sehen. Die Versionen. Brunnen. HTML 1 wurde ungefähr 1990 geboren, und zwischen 1990 und 1998, Es gab drei verschiedene Versionen von HTML, Aber HTML hat 1998 mit HTML 4 seinen Höhepunkt erreicht. Kurz darauf kam XHTML, erweiterbare Auszeichnungssprache, das ist eine Abwandlung, eine strengere Variante von HTML. Und dann wurde 2008 HTML 5 eingeführt, und das ist die aktuelle Version von HTML, die wir heute verwenden. Was sind also die Unterschiede zwischen ihnen? HTML 4 wurde 1998 eingeführt, also vorher Wir hatten HTML 1 bis HTML 3.2. Jetzt war HTML für seinen losen Code bekannt. Was bedeutet das? Nun, Tags mussten nicht unbedingt geschlossen werden. Sie können wählen, ob Sie Tags in Großbuchstaben oder in Kleinbuchstaben verwenden möchten. oder eine Kombination aus beidem auf Ihren Seiten. Die Attributwerte mussten nicht in Anführungszeichen gesetzt werden. Und bis zu diesem Punkt Wir haben den Text unserer Seite mit einem Font-Tag definiert, und es musste um einzelne Schriftfelder gewickelt werden, viel Arbeit beim Definieren von Textinhalten. Aber mit HTML 4, Font-Tags wurden durch Cascading Style Sheets ersetzt. Jetzt ist XHTML ein viel strengerer Code. XHTML entstand um das Jahr 2000 herum, und das war, als die Leute anfingen, Seiten zu erstellen, insbesondere E-Commerce-Seiten, und es war viel Handarbeit erforderlich, um diese Seiten zu kodieren. Also dachten die Leute, wäre es nicht einfacher für uns, Seiten zu erstellen basierend auf einer Datenbank? XML ist also eine erweiterbare Auszeichnungssprache, und es ist eine Sprache der Datenbanken. Daher ist XML sehr streng. Und deshalb, HTML musste geändert werden, um ein wenig strenger zu sein. Daher müssen alle Tags in XHTML geschlossen werden. Alle Tags müssen in Kleinbuchstaben geschrieben werden, und alle Attributwerte müssen in Anführungszeichen gesetzt werden. Das Ende von Flash. Bis zu diesem Zeitpunkt jedes Mal, wenn es irgendeine Art von Interaktivität auf einer Seite gab oder eine Animation auf einer Seite, es wurde mit Flash gemacht. Flash war eine proprietäre Software von Adobe. Aber als das iPhone 2007 von Apple veröffentlicht wurde, Sie entschieden, dass es keine SWF-Unterstützung geben würde. Und so erkannte das World Wide Web Consortium Sie mussten auf einen anderen Weg umsteigen unsere Seiten interaktiv zu gestalten und Erstellen von Animationen auf den Seiten. So wurde 2008 die HTML 5-Familie eingeführt. Allerdings hat es einige Jahre gedauert, bevor es zum Standard wurde, mit dem Seiten erstellt wurden. Und der Grund dafür war, dass es eine Weile gedauert hat damit es von allen Browsern vollständig unterstützt wird, denn die Browser da draußen, Chrome und Firefox und Safari, Sie mussten zur Unterstützung neu konfiguriert werden die neue Auszeichnungssprache, die mit HTML 5 kam, um die Animations- und Übergangsfunktionen zu unterstützen das kam mit CSS3, und um das verwendete Java Script zu unterstützen anstelle von Flash für die Animationen, sowie die Interaktivität. Also, was wir derzeit in Dreamweaver erstellen sind Seiten, die auf der Auszeichnungssprache HTML5 aufgebaut sind, aber es ist wichtig, die Geschichte dahinter zu kennen und zu wissen, dass beim Erstellen von Seiten Sie erstellen mit der HTML5-Familie. Aber wenn Sie mit der Bearbeitung von Seiten beauftragt sind, Einige dieser Seiten wurden möglicherweise erstellt Verwendung einer früheren HTML-Version, und auf diese Weise werden Sie sich ein wenig vertraut fühlen mit dem, was Ihnen beim Bearbeiten von Seiten begegnen könnte. In dieser Lektion haben Sie also eine kurze Geschichte von HTML gelernt.

Anfänger Anbieter : Patti Scully-Lane 6 Lektionen · 46m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

HTML-Kenntnisse sind keine Voraussetzung für die Verwendung von Dreamweaver. Es wird jedoch empfohlen. In diesem Modul machen Sie sich mit der Tag-Struktur einer HTML-Seite vertraut und erfahren, wie Sie mit Dreamweaver die Code-Ansicht nutzen können, um beim Erstellen von Seiten HTML zu lernen.

Lernziele

Was Sie lernen werden

Verstehen Sie eine kurze Geschichte von HTML
Machen Sie sich mit der HTML-Syntax vertraut
Arbeiten Sie mit der Codeansicht in Dreamweaver, um HTML zu erlernen, während Sie Seiten erstellen
Arbeiten Sie mit Cascading Style Sheets (CSS) und CSS-Syntax
Verwenden Sie CSS-Code in Dreamweaver und seinen zugehörigen Dateien

Wichtige Erkenntnisse

HTML zu verstehen ist keine Voraussetzung für die Verwendung von Dreamweaver, wird aber empfohlen.
Dreamweaver macht es einfach, die Codeansicht zu verwenden, um HTML zu erlernen, während Sie Seiten erstellen.
Dieses Modul behandelt die Tag-Struktur einer HTML-Seite zusammen mit HTML-Syntax.
Der Kurs behandelt auch Cascading Style Sheets, einschließlich CSS-Syntax und wie CSS-Code in Dreamweaver und zugehörigen Dateien funktioniert.

Häufig gestellte Fragen

Muss ich HTML verstehen, bevor ich diesen Kurs belege?

Nein. HTML zu verstehen ist keine Voraussetzung für die Verwendung von Dreamweaver, wird aber empfohlen. Der Kurs macht Sie mit der Tag-Struktur einer HTML-Seite vertraut und zeigt, wie Dreamweaver's Codeansicht es einfach macht, HTML zu erlernen, während Sie Seiten erstellen.

Welche Themen deckt dieser Kurs ab?

Der Kurs behandelt eine kurze Geschichte von HTML, HTML-Syntax, Arbeiten mit Codeansicht in Dreamweaver, Arbeiten mit Cascading Style Sheets, CSS-Syntax und CSS-Code in Dreamweaver und zugehörigen Dateien.

Welche Fähigkeiten werde ich aus diesem Kurs gewinnen?

Sie werden Fähigkeiten in Adobe Dreamweaver, HTML-Anwendung, HTML-Generierung, HTML-Skripterstellung und Adobe Dreamweaver-Zertifizierung aufbauen.

Wie hilft Dreamweaver beim Erlernen von HTML?

Dreamweaver macht es einfach, die Codeansicht zu verwenden, um HTML zu erlernen, während Sie Seiten erstellen.