Webdesign-Grundlagen

Kein Medium hat sich in den letzten Jahren so rasant entwickelt wie das Internet. Der Trend vom Web 2.0 geht hin zu Blogs, Foren, Gästebüchern und so weiter. Man kann entweder auf fertige Dienste zurückgreifen, oder sich selbst eine Webpräsenz schaffen. Auf dieser Seite gebe ich einen kleinen Leitfaden, wie man das Webdesign richtig angeht.

HTML (Hypertext Markup Language) lernen

Der erste Schritt zum Webdesign ist das Erlernen von HTML. Auf der Seite http://de.selfhtml.org findest du eine Schritt für Schritt-Anleitung zum Erlernen von HTML.

CSS (Cascading Style Sheets) lernen

Sobald du dich mit HTML einigermaßen gut auskennst, solltest du dir CSS aneignen. Heutzutage werden die Formatierungen von Text, Tabellen und sonstigen Elementen eigentlich ausschließlich mit CSS realisiert. Eine Einführung in CSS findest du ebenfalls unter http://de.selfhtml.org.

PHP (PHP Hypertext Preprocessor) lernen

Um deinen Webauftritt dynamisch zu gestalten empfiehlt es sich, PHP zu lernen. PHP ist derzeit die Programmiersprache für dynamische Webinhalte und in Zusammenhang mit der relationalen Datenbank MySQL einfach unschlagbar. PHP ist sehr leicht zu erlernen. Auf der Seite http://tut.php-q.net findest du einen guten Einstieg in die Programmiersprache PHP. Auf der Referenzseite zu PHP, nämlich http://www.php.net, findest du detaillierte Beschreibungen zu jeder Funktion. Am einfachsten rufst du eine Funktionsbeschreibung auf, indem du an www.php.net getrennt durch einen Bindestrich den Funktionsnamen hängst, also z.B. http://www.php.net/echo

Die richtigen Programme

Im Grunde genommen benötigt man für das Webdesign nur einen einfach Texteditor. Jedoch ist es ziemlich unkomfortabel und unübersichtlich, seine Quelltexte in einem einfachen Texteditor zu schreiben. Deshalb sollte man sich lieber einen Editor mit Syntaxüberprüfung, Code-Highlighting und Auto-Completition zulegen. Für HTML gibt es auch sogennante WYSIWYG (What You See Is What You Get)-Editoren, aber diese erzeugen in der Regel unsauberen Quellcode, weshalb ich empfehle, den Quelltext manuell zu schreiben.

Ich kann persönlich die kostenlose Entwicklungsumgebung Aptana empfehlen. Diese bietet zahlreiche nützliche Funktionen zum Erstellen von Webseiten, wie z.B. Unterstützung für XHTML, CSS, PHP, MySQL, sowie das Syntax-Highlighting und die Code-Completition. Für das Erstellen und Bearbeiten von Grafiken kann ich das kostenlose GIMP empfehlen.