Tools & Tutorials für das WebDesign

Hier gibt es Links zu den Tools und Tutorials, die ich für das WebDesign von www.PhilEcon.de verwendet habe.

• hinzugefügt im Mai 2005:
  • neues Tool: SpamMask
  • neue Tutorials zur Farbgestaltung: Metacolor.de und Hypermedic.com
  • neue Tutorials zu barrierefreiem WebDesign: Einfach für Alle und E-Workers.de

---

Diese Seiten habe ich selbst erstellt. Doch zahlreiche Helferlein und Ratgeber fand ich im Internet. Bei allen möchte ich mich vielmals bedanken.

Im folgenden handelt es sich um »externe Links». In einem neuem Fenster öffnen sie sich bei gleichzeitigem Drücken der Shift-Taste während des üblichen Mausklicks.

↑

verwendete tools - alle freeware

• 
• In Scribe! fand ich einen mächtigen Quelltext-basierten Web-Editor (inklusive PlugIns).
• topStyle light habe ich in Scribe! als CSS-Style-Editor eingebunden.
• Als ftp-Programm verwende ich FileZilla.
• Mit "OpenOffice.org Zeichnung" und Gimp habe ich das Logo erstellt. Letzterem habe ich auch bemüht um Fotos rund und Streifen wegzubekommen.
  Auch mit Gimp allein lassen sich einfach wirkungsvolle Logos erstellen (mit Skript-Fu geht es automatisch).
• Die wenigen Bilder bringe ich mit meinem Lieblings-Bild-Betrachter-und-Bearbeiter Irfan-View in die richtige Größe und in ein platzsparendes Format.
• Mit EmailCrypto verschleiere ich meine Email-Adresse als Dezimalcode vor Spam-Mail-Such-Robotern.
  SpamMask finde ich sogar noch schöner.
• Mit IconEdit32 habe ich mein überarbeitetes Favicon erstellt (siehe Bild).

  Ein Favicon ist ein kleines Bildchen, das bei manchen Browsern in der Taskleiste bzw. bei den Lesezeichen zu sehen ist - natürlich ist MSIE da manchmal etwas zickig.
  So sieht mein Favicon aus:

• Etliche andere Tools gab es noch, für Content Management, Farbauswahl, Email-Kryptifizierung etc. - ich konnte sie gar nicht alle ausprobieren.

 

---

↑

tutorials - damit habe ich (x)html&co gelernt

• Bei der deutschen Referenz SELFHTML konnte ich (X)HTML und CSS lernen und immer wieder nachschlagen.
• Bei Dr. Web fand ich viele interessante Tipps und Tricks zu CSS - zu größerem Teil mit experimentellem Charakter und nicht auf jedem Browser anzuschauen (von wegen MSIE ist standardkonform).
• Die auch im MSIE funktionierenden CSS-Hover-Effekte (= mouse-over-Effekt = das Aussehen der Links ändert sich bei Mauskontakt). fand ich bei www.gungfu.de.
• Interessantes zu Favicons erfährt man auf Favicons.de - alle Infos zu favicon.ico.
• Ausführliche Informationen zur Farbgestaltung von Webseiten (inkl. Farb-Harmonie) gibt es theorie-lastig bei Metacolor.de und etwas pragmatischer bei Hypermedic.com.
• Zu barrierefreiem Webdesign waren zwei Artikel in der c't - Magazin für Computertechnik sehr hilfreich.
  "Web-Design: Behindertengerecht gestalten", in: c't-Heft 18/2004, S.186 und c't-Heft 19/2004 S.194
• Nützliche Informationen zu barrierefreiem WebDesign gibt es außerdem auch bei Einfach für Alle und E-Workers.de
• Zahlreiche weitere Seiten mit Ratgebern (v.a. für CSS) habe ich gefunden und bestimmt auch Anregungen übernommen.

 

---

Feedback erwünscht: WebWizard@philecon.de

↑