Blog
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:
Javascript Lektion 3 Schleifen while, for
In dieser Lektion behandeln wir Schleifen in Javascript. Wie ich zuvor sagte, ist die Syntax von PHP ähnlich wie die von Javascript, deshalb können Sie sich auch die Schleifen in PHP ansehen:
PHP-Lektionen – Lektion 12 – Schleifen while, foreach, for
Mit Ausnahme eines Punkts: In Javascript gibt es keine foreach()-Schleife, deshalb werden wir in Zukunft die each()-Methode in jQuery verwenden, um Elemente zu durchlaufen.