Diese Tools benutze ich und jeder andere der was macht in Bezug auf Webseitenerstellung vermutlich auch.

Webdeveloper

Link: Beschreibung:

Firebug

Firebug kann unter der Adressegetfirebug kostenlos heruntergeladen werden. Der Einsatz ist für Sie der totale Zeitgewinn. Man kann online debuggen und gestalten. Es ist wirklich ein Hammer.

Unter Firefox and Firebug: A Developer's Swiss Army Knife finden Sie einiges vorab. Ich hoffe PE wird hier einiges schreiben.

View Source Chart Link:(https://addons.mozilla.org/en-US/firefox/addons/policy/0/655/52947)

Beschreibung:

Nachschlagewerke:

SelfHTML SideBar

Link:

Alles was rund ist, ist

CSS ist der Dekorateur. Wer kennt diesen Satz nicht :)

HTML: Hypertext Markup Language

Refernzen: css4you in Deutsch und genial

Farbpalletten - wie wird es bunt

In anderen Artikel hatte ich ja bereits einige vorstellt. Auch die Firma Adobe hält einen Service für Farbpalletten bereit. Toll aber auch nicht so einzigartig im Web ist die Möglichkeit basierend auf einem Bild für den Header sich eine passende Farbtabelle generieren zu lassen. Schön bequem ist natürlich als Quelle flickr zu haben. Ein schönes freies Bilde gesucht, ran ans Tool und der Seitenaufbau kann beginnen.

Wir gehen ans Seitenlayout

Modernes Webdesign ist nicht nur barrierefrei (wer erklärt das mal). Die Trennung von Daten, dem html-code und vor allem syntaktisch korrekt.

Kunden meine sollten, um einfach schneller zu einem gemeinsamen, glücklichen Ergebnis zu kommen, auch ein wenig von Boxen und den wichtigsten Seitenelementen verstehen. Die Entwurfsphase, das erste Scribble sind so viel schneller abgehandelt. Boxen kann man auf Papier, in Gimp oder Photoshop erzeugen. Auch der YamlBuilder ist eine sehr gute Möglichkeit. Nett und klein ist GridCalc.

Gestaltungsraster erzeugen

Nun da kommen wirkich viele Programme in Frage. Einige eher viele werden wohl mit reinen Malprogrammen wir Photoshop oder Gimp arbeiten. Andere mit AdobePDF (wie heißt es richtig). Ich könne mir aber auch CAD-Programme vorstellen. Wichtig ist das Erzeugen von einem Raster, die Bildung von Boxen und einige Farben für die Bereiche.

Da ich früher mit dem alten XPress sehr fitt war, wäre auch dies eine Möglichkeit. Ich habe mich noch nicht festgelgt, werde aber drüber berichten. :) Gerne dürfen Sie auf Scribus die OpenSource Variante ausweichen. Ich habe jahrelang unter Linux damit gerne gearbeitet. Python läßt grüßen. Den OS X Download finden Sie hier

Typographie und freie Schriften

Ich bin ja kein Gestalter oder Designer. Aber Begriffe wie der "Goldene Schnitt", Durchschuß und Typographie sind mir bekannt. Schrift und deren maßvoller Einsatz sind für mich das A und O. Noch sieht man es nicht, ich weiß :( Freie Schriften kann man unter dieser Quellen finden:

urbanfonts

Blindtext finde Sie unter lorem ipsum

weitere WebResourcen für angehende Webseitenproducer:

  1. liste mit Tools und Hilfe
  2. css in Perfektion
  3. deutsche WEB-Puristen
  4. little helper & friends
  5. CSS Code Snippets 1
  6. freie Fonts
  7. ein Beispiel von mir online)