CSS-Lehrbuch
Also, Sie haben das HTML-Buch gelesen und machen nun den nächsten Schritt, um Ihre schöne Webseite zu erstellen, indem Sie CSS lernen. Wozu braucht man CSS? Wenn Sie meine „Ersten Schritte HTML“ gelesen haben, ist Ihnen wahrscheinlich aufgefallen, wie kurz dieses kleine Handbuch ist. Ich habe absichtlich viele Tags und Attribute weggelassen, die für die Gestaltung zuständig sind: Kursivschrift, Fett, Farbe, Form, Hervorhebung. Das habe ich gemacht, weil Sie das zunächst nicht brauchen.
CSS-Lehrbuch – Lektion 1 – CSS-Stile einbinden
Ich werde nicht erklären, wozu CSS gut ist. Wenn Sie dieses Lehrbuch geöffnet haben, möchten Sie es lernen. Von meiner Seite aus nur so viel: Die Möglichkeiten von CSS sind sehr umfangreich und erlauben das Layouten von Designs jeder Komplexität. Die Nutzung von CSS bedeutet jedoch, dass Sie auf die Verwendung verschiedener Attribute wie size, color, bgcolor, align und andere verzichten müssen, die CSS „stören“ würden.
CSS-Lehrbuch – Lektion 2 – Einstieg in CSS. CSS-Eigenschaften background, color.
Hallo zusammen. In der letzten Lektion habe ich zwei Dateien erstellt: HTML und CSS. Hier ist ihr Code:
index.html:
<html> <head> <title>CSS-Lehrbuch</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Lernen Sie CSS mit drupalbook.org</p> <p>2. Zeile: Lernen Sie CSS mit drupalbook.org</p> </body> </html>
style.css:
CSS-Lehrbuch – Lektion 3 – Die Eigenschaften background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Im Laufe der HTML-Geschichte wurden viele Tags erfunden, von denen man mit der flächendeckenden Nutzung von CSS auf einige verzichten wird müssen, darunter <font>, <b>, <i>, <center>. Später werden wir weitere „verbotene“ Tags betrachten. Diese CSS-Eigenschaften helfen Ihnen auch, überflüssigen Code im HTML zu vermeiden und stattdessen in CSS-Dateien auszulagern.
CSS-Lehrbuch – Lektion 4 – Die Eigenschaft display. Unterschied zwischen div und span.
In den vorherigen Lektionen haben wir CSS über eine Datei eingebunden und ein wenig CSS-Code geschrieben, um zu sehen, wie das alles funktioniert. In dieser Lektion beschäftigen wir uns mit einer wichtigen Eigenschaft: display. Die Eigenschaft display bestimmt, wie ein Tag im HTML-Dokument dargestellt wird, ob er wie ein Inline-Text angezeigt wird oder als Block mit eigener Höhe und Breite. Fangen wir mit dem Einfachsten an: Wie Tags standardmäßig angezeigt werden. Sie werden unterschiedlich dargestellt: <div> wird als Block angezeigt, <span> als Inline-Text.
CSS-Lehrbuch – Lektion 5 – Die Eigenschaften float, clear. Umfließen und Ende des Umfließens.
Stellen Sie sich einen reißenden Bergfluss vor, der sehr schnell und laut fließt. Und auf dem Weg dieses Flusses steht ein Stein, den der Fluss umfließt. Befindet sich der Stein links bezogen auf die Flussrichtung, fließt der Fluss rechts am Stein vorbei, befindet sich der Stein rechts, fließt der Fluss links daran vorbei. So funktioniert auch die CSS-Eigenschaft float.
CSS-Lehrbuch – Lektion Abschluss – Von HTML/CSS zu Drupal
Hier endet das CSS-Lehrbuch, aber das Lernen von CSS hört damit nicht auf. Ich schlage vor, mit der Praxis zu beginnen und CSS weiter zu lernen, indem wir ein Drupal-Theme erstellen. Ich werde im Internet ein PSD-Layout finden und wir werden es in ein Drupal-Theme basierend auf dem Zen-Theme umsetzen.
Sie können auch mit dem Lernen von PHP beginnen:
Javascript-Lektionen (Lehrbuch, Selbststudium)
Javascript ist eine der beliebtesten Programmiersprachen der Welt, obwohl es im Laufe der Zeit etwas an Bedeutung verliert, interessieren sich dennoch viele Programmierer für das Erlernen von Javascript.
Javascript benötigen Sie für das spätere Erlernen von jQuery, daher sollten Sie die Grundlagen von Javascript kennen, bevor Sie sich an jQuery heranwagen, das wiederum ein Javascript-Framework ist.
Javascript-Code wird direkt in den HTML-Seiten-Code mit dem Tag <script></script> eingebettet:
Javascript Lektion 1 Variablen und Operationen mit ihnen
Ich werde nicht lange um den heißen Brei herumreden und alle Variablentypen oder Operationen beschreiben, das brauchen wir nicht. Unser Hauptziel ist es, die grundlegende Syntax von Javascript zu verstehen, um dann zu jQuery überzugehen und später Ihre Kenntnisse und Fähigkeiten in Javascript zu verbessern. Wenn Sie dennoch Javascript lernen wollen und die Nutzung des großartigen Javascript-Frameworks Sie nicht reizt, sollten Sie sich ein umfassenderes Lehrbuch zu Javascript suchen.
Javascript Lektion 2 Die if-Anweisung
In dieser Lektion erklären wir, wie man die if-Anweisung in Javascript verwendet. Die Syntax in Javascript ist ungefähr gleich wie in PHP (beide wurden mit Blick auf C++-Programmierer entwickelt). Über if können Sie in dieser PHP-Lektion lesen: