Netzkescher

13.04.2010

Tutorial-Tipp: PHP-Webseiten-Template erstellen

Auf 1stwebdesigner.com ist heute ein ausführliches und meiner Ansicht nach empfehlenswertes Grundlagentutorial erschienen: “How to Create a PHP Website Template from Scratch“.

Zunächst wird erklärt, wie man mit HTML und CSS eine statische Webseite erstellt. Um das zu verstehen reichen wenige Grundkenntnisse in beiden Bereichen. Anschließend beschreibt der Autor Kevin Stanley, wie dieser Seite mit Hilfe von PHP ein wenig Dynamik eingehaucht werden kann. Die HTML-Seite wird zur PHP-Seite und Bereiche wie Header, Footer und Navigation werden in externe PHP-Dateien ausgelagert, die dann includiert werden. Zum Schluss wird noch ein wenig mit Variablen gearbeitet. Beispielhaft werden etwa der Titel der Webseite und der Footer-Text durch Variablen ersetzt. Es wird erläutert, wie man diese Variablen wiederum mit konkretem Inhalt gefüllt bekommt.

Das Tutorial vermittelt einen guten Einstieg in die Thematik php-basierter Web-Templates. Dies ist auch das erklärte Ziel des Autors. Auf dieser Basis kann man bei Interesse Möglichkeiten finden, die Anregung selbstständig weiter zu entwickeln. Z.B. ließe sich ein Formular kreieren, dass die oben erwähnten Variablen mit Inhalt füllt. Man lernt ja immer am besten, wenn man sich selbst (lösbare) Aufgaben stellt.

Alle für das Tutorial erforderlichen Dateien stehen zum Download bereit.

07.04.2010

Webdesign-Tutorial

Um es mir einfach zu machen, zitiere ich hier mal den Autor des Webdesign-Tutorials Manuel Becker:

Bei dieser Seite handelt es sich um eine möglichst vollständige Anleitung zum Erstellen von professionellen Webseiten.

Ich hab es bisher nur kurz überflogen - ein Blick lohnt sich aber auf alle Fälle. Es werden eine ganze Menge Themen angesprochen. Natürlich nicht wirklich “vollständig” - das wäre auch zu viel verlangt - aber sicher sind sowohl für Anfänger als auch für fortgeschrittenere Designinteressierte eine Menge Informationen in den einzelnen Kapiteln enthalten. Das Ganze wirkt sehr aufgeräumt und gut lesbar. Natürlich sollten die Workshops nachgearbeitet werden. Sonst wird es wohl nichts mit dem Lerneffekt.

Auszugsweise und beispielhaft einige Themen aus dem Inhalt:

• HTML, CSS, PHP, MySQL und JavaScript
• Was macht eine professionelle Webseite aus?
• Wahl des Grundlayouts
• Die richtige Farbwahl
• Das Basisdesign
• HTML- und CSS-Grundlagenq
• PHP-Grundlagen
• MySQL-Grundlagen
• Content Management System (CMS)

—

Wie bin ich darauf gestoßen?

Webdesign-Know-how für Einsteiger
Wie man zum Webdesigner wird
der-webdesigner.net

04.04.2010

Tutorials und Informationen für 100 Jahre

Eigentlich möchte ich mit dieser Webseite auf Ausgewähltes hinweisen - auf das, was mir beim täglichen Keschern im Netz hängen bleibt und für Freizeitwebdesigner interessant erscheint. Aber heute muss ich mal auf etwas ganz Dickes aufmerksam machen.

Wer der englischen Sprache mächtig ist und noch Bedarf an Tutorials zu Themen wie HTML, CSS, JavaScript, PHP, jQuery und was weiß ich noch alles hat, der sollte sich mal w3schools zu Gemüte führen. Für lau gibt es da so ziemlich alles und mehr, was ein echter Webdesigner (vielleicht) wissen sollte; zum Selberlernen oder Nachschlagen.

Hier mal ein Screenshot als kleine Einstimmung. (Das ist aber längst nicht alles.)

Nun bin ich ja zum Glück kein Webdesigner, sonst würde ich mich erschlagen und auch ein wenig mutlos fühlen - Glück gehabt. Aber für euch gelten vielleicht ganz andere Maßstäbe. Dann mal los ….

Webdesign erstellen und coden

Heute möchte ich euch wieder einmal auf ein schönes Tutorial von sixrevisions.com hinweisen. Der Autor ist diesmal Waheed Akhtar.

Create a Clean and Professional Web Design ist ein ausführliches aus zwei Teilen bestehendes Tutorial. Im ersten Teil wird schrittweise beschrieben, wie in Photoshop ein ansprechendes Layout erstellt werden kann. Hier gibt es die Vorschau.

Im zweiten Teil wird gezeigt, wie man das grafische Layout in HTML und CSS umsetzt.

Alle benötigten Dateien werden zum Download angeboten.

Das Tutorial ist sehr detailliert aber auch verständlich geschrieben (wie so oft bei Tutorials von sixrevisions). Da gibt beim Durcharbeiten für viele sicher eine Menge zu lernen - Spaß macht es obendrein. Angemeiert sind natürlich immer die ein wenig, die keinen Zugriff auf Photoshop haben. Da heißt es dann Abstriche beim Design machen oder nur den zweiten Teil durcharbeiten.

Frohe Ostern!