Webentwicklung
Hinweis: Auch unter "Windows"
(wine-Programme) finden sich einige Tools zu Webdesign und
Entwicklung.
Ohne Gewähr. Keinerlei Haftung für evt. Schäden durch befolgen der Tipps oder empfohlene Programme!
Arbeiten sie bitte stets mit Sicherungskopien ihrer Dateien.
Ohne Gewähr. Keinerlei Haftung für evt. Schäden durch befolgen der Tipps oder empfohlene Programme!
Arbeiten sie bitte stets mit Sicherungskopien ihrer Dateien.
WYSIWYG-Editoren
KompoZer ist der Nachfolger des NVU und ebenfalls
kostenlos zu haben. Diese Webseite ist die erste die ich mit diesem
Programm erstellt habe, es sollen einige Fehler des NVU-Editors
ausgemerzt sein. Viel bemerkt habe ich davon allerdings nicht. Das
Programm gibt es für Linux und für Windows. Achtung: Der Editor
in der von mir von der KompoZer-Website heruntergeladenen Version
entfernt eingefügte PHP-Aufrufe beim speichern wieder! Eine
erneute Installation mit meiner speziellen Distributionsversion
behob jedoch das Problem.
Ein kostenloser HTML-Editor ist
auch NVU. Das Programm ist derart
einfach zu handhaben, daß jeder der fähig ist ein
Textverarbeitungsprogramm zu bedienen, auch eine HTML Seite
erstellen kann. Das Programm gibt es für Linux und für
Windows.Dokumentationen, Kurse, Anleitungen und Handbücher
Von Charles Cooke gibt es eine Anleitung bzw. ein Handbuch zu NVU in deutscher Übersetzung von Jürgen Klose (PDF 3MB, analog also am Besten mit einem Downloadmanager öffnen), sowie einen Einführungskurs auf www.elew.de ("ein Land eine Welt" - ein Abstecher dorthin lohnt nicht nur wg. dem Kurs).P. S.:
Da NVU und Komposer zur Zeit noch nahezu identisch sind, ist das NVU-Handbuch auch eine Anleitung für den KompoZer, ja, sogar wenn man einen ganz anderen Editor benutzt, erfährt man nützliches. Jedenfalls wohl, solange man nicht gerade ein Vollprofi ist - und die werden sich kaum hierher verirren. ;-)
Eine ausführliche Dokumentation und Anleitung mit vielen nützlichen Beispielen zur HTML-Erstellung gibt es bei dem berühmten de.Selfhtml.org. Auch zum Download! Gedruckt gibt es das Buch von Stefan Münz
"HTML-Handbuch" auch, zum Beispiel
bei Amazon
(Amazon ist ein Affiliate-Anzeigenpartner).Was der obige Link für HTML ist, ist SELFPHP für php. Jetzt, da ich PHP-Scripte in meinen Seiten verwende, werde ich wohl nicht umhin kommen, dort ab und an vorbei zu schauen, um wenigstens ungefähr eine Ahnung zu bekommen, was denn diese Scripte überhaupt machen.
PHP: Hypertext Preprocessor Alles über PHP, Handbuch in deutsch, Downloads...
CSS für alle Browser Ein umfangreicher, leider etwas älterer, aber immer noch nützlicher Artikel über das leidige Thema: Crossbrowser-Strategien.
"CSS 4 you - die deutsche Seite für Cascading Stylesheets (CSS) Dies ist eine nahezu komplette CSS-Referenz auf deutsch - ergänzt durch etliche Tipps, Tricks und andere Referenzen." (Zitat der Webseite)
http://jendryschik.de Artikel zur Webseitengestaltung.
volderette.de "Das Blog für Grafikdesign, Webdesign, Videodesign und Filmdesign." (Zitat der Webseite)
JavaScripts selbst erstellen Autor: Stefan Münz
WWW-Software / Java, JavaScript "Hier finden Sie Links zu Java und JavaScript (Beispiele, Demos, Tutorials, Referenz)." (Zitat der Webseite)
online-marketing-breuer.de "Suchmaschinenoptimierung - Linkbuilding - Linkaufbau - Online Marketing Breuer" Tipp: auf der Hauptseite nach unten scrollen bis links die Rubrik "Weitere Inhalte" auftaucht. In "Linkblog-Building" sind zum Beispiel einige sehr interessante SEO-Artikel zu finden.
Hilfe zu XHTML, SVG, CSS, PHP "Dr. O. Hoffmann: Hilfeseite zu css, xhtml, svg, php"
Webseiten überprüfen/optimieren
Browserverhalten
GEOTEK netrenderer Diese Webseite stellt das Aussehen der eingegebenen URL in verschiedenen Versionen des unsäglichen Internet Explorers von Microsoft dar. Recht brauchbare und schnelle Webseite, allerdings zeigt GEOTEK netrenderer bei manchen Containern mit IE7 und 1024x768 eine horiz. Overflow-Scroll-Leiste, welche bei Browsershots nicht erscheint, in solchen Fällen sollte mit diesem nachkontrolliert werden.Browsershots Testet das Aussehen einer Webseite in so gut wie allen wichtigen Browsern. Die gewünschten Browser können durch Markieren einzeln ausgewählt werden. Auch die Seitensprache kann gewählt werden. Eine erstklassige Webseite! Die Überprüfung dauert allerdings ziemlich lange.
Überprüfung und SEO-Tools
Natürlich steht der W3C Linkchecker bei der Überprüfung der Links auf einer Webseite, wie alle Tools des W3C, mit ganz oben in der Brauchbarkeit.linklint, ein Linux/Windows Kommandozeilenprogramm in Perl, untersucht, je nach mitgegebenen Parametern, eine Webseite oder eine lokale HTML-Seite auf tote Links. Gehört auf jeden Webentwickler-PC, vor allem bei Leuten, die wie ich noch analog durch's Netz kriechen! Nach der Prüfung wird eine HTML-Seite mit den Meldungen erstellt. TOP! (Anders als empfohlen habe ich linklint in mein homeverzeichnis/bin/ entpackt und die linklint.nr.so.wie.so als linklint in /usr/bin/ verknüpft. Bsp. eines Online-Checks aller Seiten einer Domain und anschließendes Anzeigen der Fehlermeldungen im Firefox-Browser:
bash-3.2$ linklint -error -http -host www.beispiel.de /@ -doc /Verzeichnis in der linklint seine Meldungen_speichern soll/; firefox /Verzeichnis in der linklint seine Meldungen jetzt gespeichert hat/index.html
-[Dauer eines Checks mit analogem Modem, 1137 Dateien via http, mit 654 externen Links: 30 Minuten] )
"Fertige" Webseiten sollten online, per Upload oder durch direkte Eingabe beim W3C-Validator auf Fehler überprüft werden. Leider unterlassen das viele Webmaster.
Ein weiterer sehr guter Validator ist der Total-Validator. Dieser zeigt die Fehler übersichtlich im Quelltext an, verweist auf die richtigen Stellen des W3C-Standards mit den genauen Spezifikationen, prüft auch die Links und stellt ein Add-on für den Firefox zum Download. Einziger Nachteil, es gibt ein Tageslimit an Überprüfungen. Weder der W3C- noch der Total-Validator erkennen alle "Fehler", einige werden vom einen, andere vom anderen toleriert. Am Besten ist, mit beiden zu prüfen und den Total-Validator etwas sparsam, d. h. nach dem W3C-Validator oder zur Fehleranalyse einzusetzen!
Das Kommandozeilen-Programm "tidy" mit seinen Parametern ist ja bekanntlich zur Webseitenerstellung und Berichtigung unerlässlich. Für Microsoftianer gibt es auch irgendwo eine graphische Oberfläche für das Programm, welche ich zwar nicht für gut halte, jedoch die Pfadeingabe unter der Windows-"Eingabeaufforderung" - oh jeh... Doch kann, wer das gute alte DOS noch nicht ganz verlernt hat, ja auch eine Stapelverarbeitungsdatei erstellen. Aber auch Online kann man sich einigermaßen sauberen Code erzeugen lassen. Zum Beispiel bei html tidy online.
Ganz wichtig ist auch die Anmeldung bei den Google-Tools, denn ohne gute Auflistung bei Google kann heutzutage der Webmaster den Laden dicht machen. Ratsam ist, eine sitemap einzureichen, ein sehr gutes python-Script zur Erstellung von sitemaps gibt es dort auch irgendwo. Außerdem ist die Diagnose wichtig.
Der YAHOO! Site Explorer zeigt, welche Seiten einer URL im Yahoo-Index sind. Es gibt ja nicht nur Googler, nach einer Registrierung können dort auch Sitemaps und eine Authentifizierung, ähnlich der bei den Google-Webmastertools, eingereicht werden. Auch Suchformulare mit denen das Web oder die eigene Seite durchsucht werden können, gibt es hier von Yahoo genauso wie bei den Google-Tools.
Windows Live Search hat sich nach Google, in respektvollem Abstand, in meinen Statistiken zur zweitgrößten Suchmaschine gemausert. Auch dort kann man sich anmelden, eine Sitemap einreichen und einige Webmastertools nutzen. Akzeptiert werden auch User, welche im Browser ihre Linux-Kennung mitsenden ;-).
Monstercheck.de Umfangreiche Seitenüberprüfung in einem Rutsch. Einigermaßen brauchbar. Schwierigkeiten bei UTF-8 codierten Seiten in manchen der frames.
Google Pagerank inspector Checkt den PageRank aller Seiten einer URL. Ein Top-Tool!
diekleinschreiber.de "Diese Webseite soll unerfahrenen aber auch erfahrenen Webmastern den Alltag mit ihrer Homepage vereinfachen. Es stehen eine Vielzahl von Tools & Downloads zur Verfügung die beim generieren von HTML oder Java Scripts oder zur Promotion der Page helfen sollen." (Zitat der Webseite)
Klaus Schallhorn hat auf seiner Seite drei ungewöhnliche Tools, die zur Suchmaschinen-Optimierung dienen können.
Monsterkey.de Hilfen zur Keyword-Recherche.
computerhilfen.de Betreibt eine Tipps-Webmaster-Rubrik
database-search.com "Dieses Programm stellt automatisch wichtige Links und Abfragen zur Verfügung." (Zitat der Webseite)
Netprofit Linksammlung zum Thema Pagerank überprüfen.
Keyword Tools Eine Sammlung von Links zum Thema Keywords.
SUMA TOOLS "Suchmaschinenoptimierung mit SEO Tools." (Zitat der Webseite)
webmasterpro.de Beschäftigt sich mit Design, Entwicklung, Management und Server.
geizkragen.de Unterhält auch eine Rubrik: "Alles für die Homepage"
AnyBrowser.com Bietet verschiedene Hilfsmittel zur Erstellung und Überprüfung von Webseiten an.
ABAKUS bietet eine Linksammlung von Online-Tools zur Webseitenüberprüfung.
contator listet auf einer Seite ebenfalls eine längere Sammlung von Onlineüberprüfungs-Tools.
OesterBlog Riesige Linksammlung zu Thema XHTML, CSS, WAI, .htaccess uvm.
Zwar mag es für manchen unangenehm sein, doch ist es sehr leicht, den Inhaber einer Domain herauszubekommen. Die Denic verwaltet die ".de" Kennung. International gibt es allwhois, und schließlich steht ripe für personalisierte Eintragsauskunft zur Verfügung. Beachten sie bitte, daß solche Auskünfte nur bei wirklichem Informationsbedarf eingeholt und nicht mißbraucht werden dürfen.
Auskunft über den Eigner einer Webseite, deren geschätzten Wert und weitere Infos wie den Serverstandort usw. gibt zum Beispiel: http://www.sitelogr.com/
Wichtig können auch die Infos von Alexa über Webseiten sein.
CSS
CSSplay ist eine Klasse Seite mit vielen Beispielen zur Seitengestaltung per Stylesheets. Hier habe ich z.B. ein Ausklapp-Menü gefunden, das auch Submenüs kann (extra zur Demo dringelassen) und auf diesen Seiten eingebaut. Um nicht jede Seite ändern zu müssen, wenn eine neue Seite hinzukommt, habe ich eine Extra-Seite mit den Menüeintragen erstellt und diese per php-include in alle Seiten eingebunden, Wie es scheint, können die Sumas damit umgehen, und zur Sicherheit gibts ne Sitemap. (Wer sich dafür interessiert, den Quelltext ansehen und die Datei "menu.php" aus der Wurzel im Browser laden, hier die zugehörige CSS. Aber: Stu Nicholls, der Autor, beansprucht ein Copyright - für privaten Gebrauch kostenlos. Na ja, wer selber rumprobiert wird sicherlich zu einer ähnlichen, wenn nicht sogar gleichen Lösung kommen, doch wenn man die vielen Stunden vertrödelte Zeit berechnet...)Mit dem CSS Template Generator läßt sich auf einfache Weise ein dreispaltiges Seiten-Layout generieren. Wer es einfach liebt, dem liefert die Seite ein Grundgerüst und der Code muß ja sowieso verändert werden.
/* Position Is Everything */ — Fehler in modernen Browsern werden hier anhand von Beispielen detailiert erklärt.
CSS Cascading Style Sheet Optimiser Auf dieser Seite kann durch Eingabe der URL oder des Codes ein Stylesheet opimiert werden. Trotz der offenkundig etwas merkwürdigen Phantasie des Webmasters eine gute Seite zum Thema.
Dr. Web Weblog "Wer es darauf anlegt, der muss im Web fast nichts mehr selber machen. Für beinahe alles gibt es Online-Generatoren. Wir haben versucht die nützlichsten und besten davon zusammenzutragen." (Zitat der Webseite)
Menüs und Sitemaps mit CSS "Hier sind ein paar Formatierungsvorschläge für Links, Buttons und Menüs. Nur so als Anregung für Eure eigenen Entwicklungen..." (Zitat der Webseite)
.htaccess
htaccess-Generator Wer sich nicht groß mit dieser wichtigen Datei beschäftigen möchte, kann hier eine einfache htacess-Datei nach Vorgabe generieren lassen. Achtung, Fehler in dieser Datei können zum Beispiel zur Folge haben, daß Suchmaschinen Seiten oder ganze Verzeichnisse nicht lesen, ja sogar für Surfer überhaupt nicht mehr zugänglich sind!selfHTML bietet auf dieser Seite eine ausführliche Erläuterung der erlaubten Anweisungen in einer .htaccess-Datei.
HTML
301 Weiterleitung "Wenn Webseiten umbenannt werden, oder eine Website auf eine andere Domain umzieht, kann man von den alten Dateien auf die neuen mit einem sogenannten permanent Redirect (301 Redirect) weiterleiten." (Zitat der Webseite) Google empfiehlt einen 301 bei Adressänderung, Ich selbst habe jedoch mit .htaccess-Weiterleitungen bessere Erfahrungen gemacht (schnellere Ausführung UND schnellere Aufnahme in Sumas, letzteres kann allerdings auch ein Ausnahmefall sein).Javascript PHP
Das Menue auf diesen Seiten ist meine erste Erfahrung mit der Integration von PHP-Scripten in meine Seiten. Beim kostenlosen Arcor steht PHP ja nicht zur Verfügung. Ich habe etwas gesucht, das es ermöglicht, die Menueeinträge in einer zentralen Datei zu definieren, das erspart das Ändern aller Seiten, wenn neue Einträge hinzukommen. Am Besten hat mir PHP Drop Down Menu 0.6 gefallen. Das Script ist sehr einfach zu konfigurieren und sieht, wie ich finde, gut aus. Das "Programm" kann übrigens auch mit MySQL arbeiten. --- Schnee von gestern! Mittlerweile besteht das Menue aus einer css-basierten Datei, da ich eingesehen habe, daß eine Javascript-Lösung zu viele Nachteile hat. Erst hab ich noch eine Datenbankbasierte Lösung gesucht, aber auch nix vernünftiges gefunden. Siehe Details zum Menue auf dieser Seite unter "CSS Play".www.walterzorn.de Einige erstklassige Scripte. Zum Beispiel ein: "Leicht verständliche, einfach benutzbare DHTML -Bibliothek, die darüber hinaus Layern und Bildern Drag&Drop -Fähigkeit verleiht. Cross-browser-tauglich." (Zitat der Webseite) Empfehlenswert!
Die in diesen Bookmarksammlungen eingesetzten RSS-News werden mit dem "zFeeder" angezeigt (GPL). Hat aber Problem wenn unterschiedliche Kodierungen benutzt werden.
MagpieRSS dieses Script ersetzt jetzt nach und nach meine ZFeeder-RSS-News. Einfach zu konfigurieren, keine Probleme mit verschiedenen Kodierungen, lediglich auf den grafischen Schnickschnack muß verzichtet werden.
Zum Einbinden von Affiliate-Partnerbannern habe ich das sehr einfach zu konfigurierende CJ Ad Rotator gefunden. Es steht unter GPL und ist eigentlich keine richtige Bannerrotation, da die Banner nur bei einem Seitenrefresh bzw. bei Aufruf der nächsten Seite mit einer Einbindung der Reihe nach gewechselt werden. So ensteht keine wilde Wechselshow und trotzdem kommt jeder Banner mal dran. Ich bin bis jetzt damit recht zufrieden (siehe meine Reiseseiten). Um nicht alle Seiten auf php umstellen zu müssen, habe ich eine Extra-PHPSeite erstellt, welche nur eine Tabellenzelle mit der "include" Anweisung enthält und diese dann per iframe in meine html-Seiten geladen. Damit die mit den Bannern verlinkten Seiten nicht in dem winzigen Frame (468x80) geladen werden, wurden die Links in der "linkcode.inc" mit target="_blank" übergeben.
aardvarktopsitesphp.com "A Free PHP Topsites Script A topsites list ranks a group of related sites by popularity. Webmasters join the topsites list and are given a button to put on their site and link back to the topsites list. Aardvark Topsites PHP is a free topsites script built on PHP and MySQL. It is licensed under the GNU General Public License so it will always remain completely free." (Zitat der Webseite) Das Script habe ich mal getestet, sehr einfache Installation und Administration, braucht aber MySQL. Ich bin am Überlegen, ob ich es auf einer meiner Domains einbaue.
Hier beginnt die Sammlung
von Scriptarchiven. Diese sind von unterschiedlicher Qualität,
einige fliegen bestimmt raus!
scriptsearch.com "Your programming directory for free JavaScript, scripts, php, flash, source code, books, examples, help and more! Now with thousands of categorized listings in a searchable index." Die Seite bleibt!
php-archiv.de Sammlung mit vielen PHP-Links.
phpfinder.de "Endlich gibt es ein Portal, welches sich umfassend mit der Programmierung in php beschäftigt." (Zitat der Webseite)
PHP-resource.de "Hier erhalten Sie aktuelle Informationen rund um die Web-Scriptsprache PHP und mySQL sowie begleitende Informationen." (Zitat der Webseite)
perlUNITY U. a. PERLScripts, PHPScripts JavaScripts
hotscripts Eine Menge PHP-Scripts
WEBMASTER RESOURCE "Webmaster Partnerprogramme - Tools - Links - Tutorials" (Zitat der Webseite)
jswelt.de "Sie finden hier das vermutlich grösste, deutschsprachige JavaScript-Archiv, samt diversen Webmaster-Foren." (Zitat der Webseite)
Michael Mailer's JavaScripts Der Name sagt es.
J.a.d.I - JavaScripte.aus.dem.Internet "Javascripte aller Art" (Zitat der Webseite)
dynamic-webpages.de "Deutscher Knotenpunkt für PHP" (Zitat der Webseite)
mob-i-co "Die Bannerverwaltung ist ein auf PHP und MySQL basierendes Script, welches es Ihnen ermöglicht Werbebanner auf Internetseiten zu verwalten." (Zitat der Webseite)
webmastermind "Kostenloses für die Homepage"" (Zitat der Webseite)
Sonstiges
Kostenlose Fotos "Auf dieser Seite finden Sie eine Auswahl von Seiten die Bilder, Fotos und Grafiken kostenfrei zur Verfügung stellen. Bitte beachten Sie jedoch die Bedingungen und AGB der einzelnen Dienstleister beziehungsweise Fotografen. So fordern einige beispielsweise die Nennung des Agenturnamens oder das setzen eines Links." (Zitat der Webseite)E-Mail Check "Mit diesem Tool kann überprüft werden, ob eine E-Mail Adresse vom zuständigen Mail Exchange Server (MX Server) angenommen wird. Weiters werden alle MX-Server der jeweiligen Domain angeführt und überprüft." (Zitat der Webseite) Nützlich bei manchen Gästebucheinträgen. Dort gibt es auch Tools für Webmaster.
Kostenloser Webspace "Wollen Sie Ihre Homepage erst einmal testen oder möglichst wenig oder gar kein Geld dafür investieren? Dann schauen Sie sich folgende Gratis Webspace-Angebote an. Es ist für jeden was dabei egal ob’s ein Free-Hoster mit CGI, PHP oder sogar einer MySql-Datenbank sein soll." (Zitat der Webseite) Zusammenstellung kostenloser Hoster.
wetter.t-online.de "In vier einfachen Schritten erstellen Sie ein Wetter-Modul für Ihre Homepage." (Zitat der Webseite)
Bei The Wayback Machine kann man durch viele Milliarden seit 1996 archivierter Webseiten surfen! Um schneller gefunden und archiviert zu werden, kann man sich dort auch manuell anmelden.
DMOZ ist der größte manuell editierte Webkatalog in den man sich eintragen sollte. Auch Ablehnungen sind möglich.
Ob und wie ein Impressum ausehen sollte.
Zur Auswertung der Server Logfiles und Erstellung von Besucher-Statistiken ist das Kommandozeilen-Programm Awstats das Mittel meiner Wahl. Ich halte es für das zur Zeit beste Analyseprogramm. Eine Begriffserklärung habe ich vor langer Zeit auch mal gefunden (PDF). Eine weitere Seite zum Thema findet sich unter site-check.cc.
Die Grafik-Software meiner Wahl ist natürlich der "GIMP".
Den gibt es aber auch für Windows, und die mächtige
Grafikbearbeitung hat auch den ganz großen Vorteil vor den
kommerziellen Programmen, daß die jeweils neueste Version völlig
kostenlos heruntergeladen werden kann, obwohl die Software mit
teuer gekauften Programmen locker mithält.Unter user-agents.org findet sich eine Liste der Kennungen von Spidern, Robots, Crawlern und Browsern. Nützlich z. B. beim Ausschließen in der .htaccess oder bei der Analyse von Statistiken.
Um Scripts in PHP ausführen zu können, ist es für Webmaster, welche nur einen analogen Zugang zum Netz haben, praktisch unerlässlich, einen Apache-Server und PHP zu installieren, um die scripts zu testen. Apache und PHP ist bei allen großen Distributionen dabei und ich glaube, auch unter Windows kann man diese installieren. Leider hapert es, zumindest bei Mandriva, an der Dokumentation. Doch im Netz kann man sie, z. B. für die Version 2.2, unter apache.org/docs/ einsehen. Die Internet-Verzeichnisse werden unter Mandriva 2008 in /var/www/ angelegt. Der Syntaxcheck "apachectl -t" liefert bei gestartetem Apache den Servernamen (wenn nicht definiert etwa "123.0.0.0"). Dies bedeutet z.B., wenn Verzeichnisse mit PHP-Dateien in /var/www/html/ verknüpft werden, können die php-Dateien im Browser lokal aufgerufen und getestet werden. Beispiel: "http://servern.a.m.e/test/index.php" parst die lokale Internetseite index.php, wenn eine Verknüpfung zur index.php oder das Original in /var/www/html/test/ liegt. Ähnliche Regeln gelten für Perl (cgi-bin).
