HTML- und CSS-Generator
Anzeige
Auf die Gefahr hin, das es Anderes oder Besseres gibt. Der Markup Generator macht aus einer Struktur ein HTML- und CSS-Gerüst. Das spart viel Arbeit wenn des Öfteren Seiten nach einem ähnlichem Muster angelegt werden müssen. Man nehme eine Struktur wie diese:
und heraus kommt:
<div id="Kopf">
<div id="Inhalt"></div>
</div>
<div id="Fuss"></div>
Die Einrückung sorgt für eine Verschachtelung der ersten beiden DIVs. Das dazugehörige CSS-Gerüst schaut folgendermaßen aus:
#Kopf { }
#Inhalt { }
#Fuss { }
Auch Klassen können angegeben und Texte bereits eingesetzt werden.
So wird aus:
h1#logo.red=Firmenname
Dieses Markup:
<h1 id="logo" class="red">Firmenname</h1>
Umlaute dürfen nicht benutzt werden.
Über Sven Lennartz
Verwandte Artikel
9 Kommentare zu “HTML- und CSS-Generator”
Meine Meinung
Bitte beachten Sie: Werbung und Spam sind unerwünscht und können eine Rechnung zur Folge haben. Woher kommen die Bilder neben den Kommentaren?
Bei solchen Tools stelle ich mir immer die Frage, welcher Webentwickler so ein Gedönse braucht? Otto-Normal User nimmt Dreamweaver, ein CMS, Blog o.ä. und die Profis schreiben Ihre Code eh per Hand...
Naja, vielleicht hilfts ja dem ein oder anderen Einsteiger
ob es darum wohl ging?
Also ich find's nicht schlecht, zumal ich WYSIWYG-Editoren grundsätzlich misstrauisch gegenüberstehe und gerne das Coding selber durch die Gegend schubse. Da kommt mir so ein kleines Tool gerade recht.
Danke für den Tipp!
Ich bin neulich schon über dieses Tool gestolpert und finde die Idee gar nicht so übel...
Ich schreibe meinen Code gewöhnlich auch selbst - kein Thema... Trotzdem erspart dieses Tool Schreibarbeit und wenn man mal auf die Schnelle ein Grundgerüst benötigt, ist das Teil doch ganz praktisch und sinnvoll...
hAVE pHUN
~~~d(o.o)b~~~
Also ich bin der Meinung man sollte nicht so viel von Tools generieren lassen. Schließlich sollte man auch die Hintergründe und die Struktur eines Quellcodes kennen.
Tanja
Ist eigentlich ganz lustig und funktioniert anscheinend auch super aber so viel codearbeit spart man sich auch nicht. nur das lästige "/" "" Tippen fällt weg.
Also ganz meine Meinung von Kevin!
Es gibt soviele Editors die diese Funktion hier standartmässig beinhalten....
Geniales Teil, ideal zum Anfang eines Projekts. Danke für den Link
Wenn man den Code öfters selbst schreibt, sollte man sich doch bereits Vorlagen erarbeitet haben
Ralph