10-Punkte Plan für absolute Anfänger

...der Versuch einen 10-Punke plan für absolute Anfänger aufzubauen... Anmerkungen oder Ergänzungen sind willkommen...

Folgender 10-Punkte Plan gibt eine Antwort auf eine Frage wie:

"Ich hab noch nie mit HTML, CSS oder PHP zu tun gehabt, kann ich Drupal lernen und was muss ich tun?"
(Die Frage gibts in unterschiedlichen Variationen) ;-)

Vorneweg: der 10-Punkt Plan richtet sich an Leute, die es verstehen WOLLEN. Wenn Du also nur IRGENDWIE Drupal zum laufen bringen willst, und damit IRGENDWAS machen willst überspring diesen Plan ;-)

Ausgangspunkt ist totale oder nahezu total Unkenntniss in den angesprochenen Bereichen.

Der 10-Punkte Plan oder the bloody path to success

1. Lern HTML
Bau ein paar Seiten in normalem "popligem" HTML. Setzt dich mit dem logischen Aufbau ausseinander, spiel rum, schau was passiert wenn Du das eine oder das andere änderst. Spiel mit Schriften, Größen, px, em, align, href, links, Farben,...

Quellen:
http://de.selfhtml.org/ is eine gute (aber hässliche) Quelle dafür. Fang an bei <a>...
(Überspringe Teile wo es um Tabelen als Layout-mittel geht ;-) Tabellen sind doof, divs sind toll ;-)

2. Lern CSS
Mach dich mit dem "Prinzip CSS" vertraut. Erkenne, dass Du gewisse sachen in der .html Datei mit gewissen Sachen mittels CSS ersetzen kannst. CSS klingt simpel, kann aber viel. Versuch eine simples 2-spaltenlayot mit Header zu bauen. Experimentier mit float, divs, ol, ul, li,
Schau auf margin, padding, border, box-modell usw. Alles zwar nicht schwer wenn man's verstanden hat, aber man sollte es halt verstehen. ;-)

Quellen:
Auf http://www.css4you.de/ findest Du CSS Angaben und Beispiele dazu. Gute Seite. (und nicht so hässlich wie selfhtml ;-) )

3. Mach dich mit PHP vertraut. GROB.
Soll nicht heissen, dass Du zum PHP-crack werden sollst, aber schau Dir an wie eine PHP-Funktion aufgebaut ist, wie PHP-code in HTML eingebunden wird, und was er bewirkt. GROB. nicht programmieren lernen.

Quelle:
http://www.php-einfach.de/index.php

4. Kümmer dich nicht um MYSQL
GROB: Das ist die Datenbank, da stehen die Inhalte deiner Homepage drin... ;-)

5. Installier Drupal (lokal), Firefox, Firebug und einen Texteditor
Über MAMP (OS X) oder XAMP (Win) kannst Du Drupal lokal installieren, sprich auf deiner Festplatte. Tu das.
Lad dir Firefox und Firebug runter. Spiel damit rum. Untersuche Elemente, divs, ändere ein paar Werte "live" und stelle fest wie sich die Sachen auswirken und stelle fest, dass das was du in Schritt 1 und 2 gelernt hast nicht umsonst war.

Installier dir einen Texteditor. Dreamweaver oder gar Müll wie GoLive, Frontpage etc. wirst Du nicht mehr brauchen. Ein Texteditor, ev. mit Auto-Vervollständigung (was es Dir leichter machen wird) von CSS, reicht vollkommen.

Quellen:
http://www.getfirefox.com
https://addons.mozilla.org/de/firefox/addon/1843
Guter Texteditor für OS X(aber ohne Auto-Vervollständigung): Smultron (Freeware)
Guter Texteditor für OS X(aber MIT Auto-Vervollständigung): SkEdit (nicht Freeware)

6. Installier dir ein fertiges Theme
Spiel damit rum, ändere Farben, Formen, Größen, Anordnungen, Hindergrundbilder... usw. Alles mit CSS und den Werkzeugen aus Schritt 5.

7. Module
Irgendwann wirst Du sachen denken wie "Hey, es wär doch cool wenn meine Homepage dies oder jenes könnte". Such das modul (oder frag im Forum nach), installier es und denke Sachen wie "fett... das is ja cool, dass das so einfach geht... und das kann genau das was ich will"

8. Wenn du alles begriffen hast, schau dir ZEN an.
ZEN ist ein "Grundtheme" das gut und verständlich aufgebaut ist. Es ist nach der Installation und Aktivierung "nakt" d.h. Du musst ALLES stylen. von Hand... selber... mit Texteditor und Fluchen und denken "Das gibts doch nicht... das MUSS doch gehn"

9. Eigenes Theme
Sehr kompliziert. Dazu musst Du dich mit den Drupal-variablen ihrem Aufruf, wie sie erstellt werden usw. auskennen... ich würds lassen.

10. TATAAAAA
Im Idealfall hast Du jetzt viel spass mit Drupal.

Ein letzter guter Tip: LIES READMES ! Dort stehen IMMER Sachen drin an die du nicht gedacht hast. IMMER!