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“.
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.
26.01.2010
Bilder Lorem ipsum
Blindtexte benötigt man beim Gestalten von Webseiten immer wieder. Generatoren für solche oder Seiten, die definierte Blindtexte bereitstellen, gibt es einige (s.u.). Über den Blog vom Matthias Schütz bin ich jetzt auf eine Seite aufmerksam geworden, die Platzhalter für Bilder beliebiger Größe erstellt. Der Dynamic Dummy Image Generator ist einfach zu handhaben:
- Seite des Image Generators aufrufen
- im Adressfeld die URL um die gewünschte Größe des Dummy-Bildes ergänzen; z.B. http://dummyimage.com/325×123
- die Seite aufrufen … die Platzhaltergrafik ist da
- Grafik herunterladen und einbinden
Alternativ lässt sich die Grafik auch direkt über einen Link einbinden, z.B. über
<img src="http://dummyimage.com/325x123" alt="A Dummy Image">
So sieht es aus:
Außerdem stellt der Autor Russell Heimlich die PHP-Dateien und eine Anleitung bereit, so dass man das Ganze auf dem eigenen Server laufen lassen kann.
—-
Blindtexte gibt es z.B. hier:
http://www.blindtextgenerator.de/
http://html-ipsum.com/
http://www.lorem-ipsum.info/generator3-de
Dummy Lipsum 3.0.0 Firefox-Erweiterung
12.01.2010
Neue Flatpress-Themes vom Zeuder
Themes für Flatpress gibt es nicht gerade wie Sand am Meer. Zeuder hat seinem Angebot gerade ein paar neue hinzugefügt. Sind ein paar schöne Sachen bei. Die Info kam heute über das Forum.
—–
Foto von alf07 °,°
09.01.2010
CSS-Templates zeichnen - wie cool ist das denn …
Heute bin ich via webstockbox.com auf ein Online-Tool aufmerksam geworden, mit dessen Hilfe es möglich ist, css-basierte Webseiten-Templates zu zeichnen. Es nennt sich Drawter und ist unter der gleichnamigen Adresse zu finden: drawter.com. Ich habe gleich ein wenig damit rumgespielt und bin schwer beeindruckt. Der grundlegende Einstieg ist ganz einfach: Man malt die benötigten Boxen und generiert anschließend den Code - fertig. Diesen gibt es sowohl als (X)HTML/CSS-Code in einer Datei als auch in getrennten (X)HTML und CSS-Dateien.
Allerdings ist mit dem Tool noch einiges mehr an Feinarbeit möglich. Wenn ihr ein wenig damit herumexperimentiert habt, seht euch unbedingt den zugehörigen Screencast an (oder heißt es das Screencast??). Hier einige Möglichkeiten des Tools aus der Erinnerung:
- Farben festlegen
- Schriftgrößen festlegen
- Bilder einbinden
- Boxen selbst benennen
- alle möglichen Styles für unterschiedliche Elemente festlegen
- Doctype und Sprache festlegen
- …
- …
Zukünftig ist von Drawter noch mehr zu erwarten. Das gegenwärtige Tool wird als Pro-Variante bezeichnet. HTML- und CSS-Kenntnisse werden vorausgesetzt. Demnächst soll es auch eine “Amateur”-Version geben, die dies nicht erfordert. Man darf gespannt sein.
Drawter Beta 2 is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. … Each tag is presented as a layer you have drawn.
Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required.
…
Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called “Amateur”. Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching soon, really soon.
07.08.2009
DoTemplate
Die Seite dotemplate.com bietet einige CSS-Website-Templates an, die online nach eigenen Vorstellungen (in Grenzen) gestaltet werden können. Es lassen sich für die Bereiche einer Seite verschiedene Farben definieren, Ränder einstellen, Textboxen mit runden oder echten Ecken versehen und ähnliches. Das Ergebnis kann als ZIP-Datei heruntergeladen werden. Das Ganze wird ausschließlich über html und css realisiert.
Ich finde, das ist ein interessantes Angebot für Freizeit-Designer, die noch am Anfang ihrer “Karriere” stehen. Das Tool ist einfach zu bedienen und die Ergebnisse sehen ordentlich aus. Natürlich darf man nicht zuviel erwarten. Die eine oder andere Anregung lässt sich aber dennoch sicher holen, wenn man den heruntergeladenen Code analysiert. Anschließend kann man ja fröhlich selbst Hand anlegen.
Das Angebot an Grundtemplates ist noch recht klein. Wenn ich es richtig übersehen, sind alle Vorlagen mit fixen Größen realisiert, die Navigation befindet sich in einer Leiste auf der rechten Seite, zusätzlich teilweise auch im Header. Vielleicht kommt ja im Laufe der Zeit noch weitere Vorlagen hinzu.