Webentwicklung
Auf dieser Seite werden einige grundlegende und weiterführende Internetadressen zur Erstellung einer eigenen Homepage gelistet. Hier finden sie ausgesuchte und vom Webmaster selbst benutzte Editoren, wichtige Online-Handbücher, Links zur Überprüfung der erstellten Webseiten, Seiten welche sich mit Stylesheets und PHP beschäftigen, wichtige Hinweise zur Suchmaschinenoptimierung und URIs (Universal Resource Identifier - URL → Uniform Resource Locator), bei welchen Scripte in PHP und Javascript gesammelt werden.
Html-Editoren für Windows und Linux
KompoZer ist der Nachfolger des NVU und ebenfalls ein WYSISYG Editor, also ein Programm, mit welchen sie bereits während der Seitenerstellung sehen können, wie die neue Seite aussehen wird (What You See Is What You Get). Kompozer hat einige Schwachstellen, welche man erst nach dem Speichern der Datei bemerkt, so kommt er bei manchen Arten von Ankern völlig durcheinander und setzt Anker frei Schnauze an x-beliebige andere Stellen auch, wenn man das Programm anweist, in einer Xhtml-Seite einen Anker zu setzen. Ich selbst setze es eigentlich nur ein, um das Grundgerüst einer Seite zu erstellen, sowie um längere Texte einzugeben. Auch zur Rechtschreibprüfung ist es gut geeignet und ein brauchbarer CSS-Editor ist integriert. Ab einen bestimmten Zeitpunkt allerdings muß man mit einem reinen HTML-Editor weiterarbeiten.
Das Programm gibt es für Linux und für Windows..
Von Charles Cooke gibt es eine Anleitung bzw. ein Handbuch zu NVU in deutscher Übersetzung von Jürgen Klose (PDF 3MB), NVU ist zur Zeit mit Kompozer noch immer fast identisch, weshalb dieses Handbuch gute Dienste leistet. Einen Einführungskurs über Kompozer findet sich auf www.elew.de, also der gleichen Domain. "Ein Land eine Welt" - ein Abstecher dorthin lohnt nicht nur wg. dem Kurs.
Quanta Plus
Der mit Abstand beste Editor für Linux fiel leider dem KDE-Team zum Opfer. Wer jedoch noch ein KDE der 3er Reihe hat - bloß nicht auf KDE 4 aktualisieren! Abgesehen davon, daß KDE mit der Versionsreihe 4 (man könnte auch sagen: Versuchsreihe 4!) völlig unbrauchbar geworden ist, wird auch Quanta Plus vom neuen KDE, sehr zu meinem Ärger, nicht mehr unterstützt. Hier ein Tutorial zu Quanta Plus
Texteditoren
Da mir nun aber Quanta Plus leider nicht mehr zur Verfügung steht, die anderen Linux HTML-Editoren wie "Bluefish" oder "Screem" sind nur bedingt brauchbar, bearbeite ich jetzt meine Webseiten mit einem normalen Texteditor. Weder unter Windows noch unter Linux herrscht an guten Editoren Mangel. Voraussetzung für die Arbeit mit Webseiten ist, dass der Editor HTML und PHP Syntax-Highlighting beherrscht. Meine Wahl unter Linux fiel auf Geany, ein erstklassiger Editor mit vielen Plugins und Projektverwaltung. Unter Windows ist Notepad++ ein gleichwertig guter Editor (Freeware -GPL). Ebenfalls mit jeder Menge Plugins. Mit wine unter Linux läuft das Programm leider instabil und ist deshalb unbrauchbar, wegen Geany aber auch nicht nötig.
Plugins Geany: (Geany Plugins dort: HTML and PHP Snippets)
Aptana Studio
Ein recht guter Editor mit Projektverwaltung und vielen Funktionen. Plattformübergreifend da ein Javaprogramm, unter GPLizenz.
Dokumentationen, Kurse, Anleitungen und Handbücher
de.Selfhtml.org
Eine ausführliche Dokumentation und Anleitung mit vielen nützlichen Beispielen zur HTML-Erstellung gibt es bei dem berühmten SELFHTML. DAS Nachschlagewerk zu HTML schlechthin! Auch zum Download...
SELFPHP
Was der obige Link für HTML ist, ist SELFPHP für PHP. Im Internet gefundene Scrite müssen in der Regel angepasst werden, selbst wenn man nicht wirklich PHP kann. Hier kann man die Befehle nachschauen und somit nachvollziehen, was denn eigentlich dieses Script macht, um durch die Versuch und Irtum Methode dieses anzupassen. Eine andere Möglichkeit wäre ja, mit selfphp PHP zu lernen...
PHP: Hypertext Preprocessor
Alles über PHP, Handbuch in deutsch, Downloads...
Kurzzusammenfassung der wichtigsten HTML-Tags
Wenn man kurz mal was nachschlagen will und keine Lust hat, sich durch das riesige SelfHTML zu arbeiten...
CSS für alle Browser
Nützliche 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...
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.
IEs for Linux
Um Webseiten mit den, für Webseiten-Ersteller unberechenbarsten (weil sich um irgendwelche Standards nicht kümmernden) älteren Browsern von Microsoft zu überprüfen, deren Verwendung diese Firma ja von Haus aus unter Betriebssystemen wie Linux verunmöglicht, kann man dieses Programm hier downloaden und unter wine verwenden.
Aber auch die neueren MS-Browser halten sich nur bedingt an Standards, von der virtuellen Welt in die Reale übertragen, ist das etwa so, als würde die Firma Volkswagen in seinen Autos nur Sondergewinde verwenden, in welche nur Schrauben der Firma Volkswagen passen. Einhundertfünfzig Jahre nach Einführung von Normen!
Überprüfung und SEO-Tools
W3C Linkchecker
Bei der Überprüfung von Links auf einer Webseite, steht diese 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! Nach der Prüfung wird eine HTML-Seite mit den Meldungen erstellt. TOP!
Beispiel eines Online-Checks aller Seiten einer Domain und anschließendes Anzeigen der Fehlermeldungen im Firefox-Browser unter Linux:
bash-3.2$ linklint -error -http -host www.beispiel.de /@ -doc /Verzeichnis/; firefox /Verzeichnis/index.html
Unter der Windows-Eingabeaufforderung funktionierts natürlich mit Backslash.
CSS-Lint
Online kann man Stylesheetdateien auch mit CSS-Lint überprüfen, für Linux gibt es das Programm als Kommandozeilentool.
W3C-Validator
"Fertige" Webseiten sollten online, per Upload oder durch direkte Eingabe beim W3C-Validator auf Fehler überprüft werden. Leider unterlassen das viele Webmaster.
tidy
Das Kommandozeilen-Programm "Tidy" mit seinen Parametern ist ja bekanntlich zur Webseitenerstellung und Säuberung von Web-Seiten unerlässlich (Div. Betriebssysteme).
Eine weitere gute Online-Validierungs-Seite: html tidy online.
Total-Validator
Ein weiterer Validator ist der Total-Validator. Leider hat die Firma die Online-Überprüfung eingestellt, bietet aber für verschiedene Betriebssysteme (Linux, Windows, OS X) einen kostenlosen und recht brauchbaren Validator zum Download an.
Html Validator for Firefox and Mozilla
Firefoxerweiterung, kann HTML-Seiten offline überprüfen. (Z.B. Seiten die erst mit 'include' und PHP zusammengesetzt werden -Apache)
Google-Tools
Ganz wichtig ist die Anmeldung bei den Google-Tools, denn ohne gute Auflistung bei Google kann heutzutage der Webmaster den Laden dicht machen.
XML Sitemap Generator - Erstellung von Sitemaps
Ratsam ist, eine Sitemap einzureichen, ein sehr gutes python-Script zur Sitemap-Erstellung gibt es hier bei sourceforge.net.
Bing Webmastertools
Bing hat sich nach Google, in respektvollem Abstand, in Deutschland zur zweitgrößten Suchmaschine gemausert. Weltweit soll sie sogar mittlerweile laut einer Meldung der PC-Welt auf Platz 1 liegen. Wie dem auch sei, 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
Seitenüberprüfung, einigermaßen brauchbar. Hat Schwierigkeiten bei UTF-8 codierten Seiten.
Keyword-Tool
Hilfen zur Keyword-Recherche von Google AdWords.
database-search.com
"Dieses Programm stellt automatisch wichtige Links und Abfragen zur Verfügung." (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.
OesterBlog
Riesige Linksammlung zu Thema XHTML, CSS, WAI, .htaccess uvm.
SEMRush
"Wie kann ich meine Seite bei SEMRush hinzufügen? Der beste Weg Ihre Seite in die SEMRush Datenbank zu integrieren, ist in den Google Suchergebnissen zu stehen. Wir arbeiten ausschliesslich mit Google SERP. Wenn Ihre Seite in den Google Top 20 nicht wenigstens mit einem von 35 Millionen der populärsten und teuersten Suchbegriffe repräsentiert ist, die SEMRush kennt, nehmen wir diese nicht in unsere Datenbank auf"
CSS
CSSplay
CSSplay ist eine Klasse Seite mit vielen Beispielen zur Seitengestaltung per Stylesheets. Hier habe ich das Ausklapp-Menü dieser Seite gefunden und eingebaut. Um nicht jede Seite ändern zu müssen, wenn eine neue Seite hinzukommt, kann man eine Extra-Seite mit den Menüeinträgen erstellen und diese per php-include in alle Seiten einbinden. (Wer sich dafür interessiert, den Quelltext dieser Seite ansehen und die Datei "menu.php" aus der Wurzel im Browser laden, hier die zugehörige CSS. Stu Nicholls, der Autor, beansprucht ein Copyright - für privaten Gebrauch kostenlos.
CSS Template Generator
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.
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)
Javascript und PHP
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!
MagpieRSS
MagpieRSS ein simpler RSS Parser in PHP. Einfach zu konfigurieren, keine Probleme mit verschiedenen Kodierungen, lediglich auf den grafischen Schnickschnack muß verzichtet werden.
CJ Ad Rotator
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.
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."
php-archiv.de
Sammlung mit vielen PHP-Links.
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 beschreibt den Inhalt.
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)
webmastermind
"Kostenloses für die Homepage"" (Zitat der Webseite)
Sonstiges
2 Klicks für mehr Datenschutz
Immer mehr Web-Seiten binden die Gefällt-Mir-Buttons von Facebook, Google+ und Twitter ein; auch bei heise online stand das auf der Todo-Liste. Allerdings werden durch diese Buttons schon beim Laden der Seite – also ganz ohne dass der Anwender etwas dazu tut – Daten an die Betreiber der Netzwerkplattformen übertragen...
Lösung:
Der Code unserer 2-Klick-Buttons ist recht einfach und weitgehend portabel. Er steht unter einer Open-Source-Lizenz, damit man ihn an seine eigenen Bedingungen anpassen kann...
Darum geht`s:
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.
wxget
Einfaches aber gutes script um aktuelle Wetterdaten von METAR als Tabelle auf Webseiten darzustellen. Hier eine Demoseite. (Wettermeldung Flughafen Phuket)
tree
Sehr gutes Perlscript zur Erstellung einer Sitemap. Hier eine Demoseite. Tree, ein nur 15 kb kleines Script, ist nicht dafür gedacht, eine von Suchmaschinen bevorzugte xml Sitemap zu ersetzen, sondern um dem Besucher einer Domain die Orientierung zu erleichtern, wenn viele Seiten vorhanden sind. Für Suchmaschinen sollte das oben, unter "SEO", aufgeführte Script "XML Sitemap Generator" verwendet werden.
ListGarden Program 1.3.1
Perl-Programm zur Erstellung von XML/RSS Feeds
DMOZ
DMOZ ist der größte manuell editierte Webkatalog in den man sich eintragen sollte. Auch Ablehnungen sind möglich.
Impressum
Ob und wie ein Impressum ausehen sollte.
Awstats
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 findet sich unter site-check.cc.
Pavlog
Mit Pavlog lassen sich Sever-logs analysieren. Zwar finde ich awstats gelungener, doch ist das Tool ebenfalls recht brauchbar und es zeigt auch die einzelne Verweildauer der IP-Adressen an. Als natives Windowsprogramm, läuft es aber auch unter wine. Im wine-Konfigurator ist bei mir für das Programm Windows ME eingestellt, da es sonst Fehlermeldungen produziert.
BlaBlaMeter
"PR-Profis, Politiker, Berater, Werbetexter oder Professoren müssen hier tapfer sein! Das BlaBlaMeter entlarvt schonungslos, wieviel heiße Luft sich in Texte eingeschlichen hat. Ein praktischer Helfer für alle, die mit Text zu tun haben!"
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.
user-agents.org
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.
XAMPP
Um Scripts in PHP ausführen zu können, kann man einen Apache-Server und PHP auf der eigenen Maschine installieren, und die scripts testen. Apache und PHP ist bei allen großen Linux Distributionen dabei und auch unter Windows kann man XAMPP, ein Bundle aus dem Apache Server, PHP und MyYSQL, installieren. Im Netz findet sich die Dokumentation für Apache, z. B. für die Version 2.2, unter apache.org/docs/. Die Internet-Verzeichnisse werden unter Linux gewöhnlich in /var/www/ angelegt. Der Syntaxcheck "apachectl -t" liefert bei gestartetem Apache den Servernamen (wenn nicht definiert etwa "127.0.0.1").
Direkte Verlinkung zu SEO Tools
Arbeiten sie bitte stets mit Sicherungskopien ihrer Dateien.
Beachten sie bitte, dass Webseiten den Inhalt wechseln und auch verkauft werden können. Sollte der Inhalt einer Webseite nicht ihren Erwartungen entsprechen, bitte ich um eine Nachricht.
VoIP: Skype für Windows Phone auf dem MWC 2012 → Microsofts mobiles Betriebssystem soll um einen Skype Client erweitert werden, der Mutmaßungen zufolge auf dem Mobile World Congress 2012 vorgestellt wird.
 |  |
| |
| |
| |
| |
| |