html – Seite 4 – Homepage Anleitung

Aufrufe ohne www. auf www.meineadresse.de umleiten

Bei Google führt doppelter Content unter Umständen zu einem schlechteren Ranking und damit zu einer ungünstigeren Positionierung in den Ergebnislisten. Um sich nicht selbst ein Beinchen zu stellen, sollte man Aufrufe seiner Website mit oder ohne www. so verarbeiten, dass letztlich immer die Version mit www. aufgerufen wird. Das lässt sich mit wenig Aufwand in der .htaccess-Datei erzwingen, und zwar mit folgendem Code: RewriteEngine On RewriteCond %{HTTP_HOST} ^ meineadresse \.de$ [NC] RewriteRule ^(.*)$ http://www.meineadresse.de/$1 [R=301,L] Das Code-Beispiel bezieht sich auf die Domainadresse meineadresse.de. Passen Sie es bitte an Ihre Domainadresse an. Am besten schreibt man den Code am Anfang in die .htaccess-Datei. Sollte noch keine existieren, erzeugt man sie im Wurzelverzeichnis der Internetpräsenz.

GSL-Team2011-08-22T08:48:28+02:00August 22nd, 2011|HTML|Kommentare deaktiviert

Weniger Klassen machen HTML- und CSS-Dateien übersichtlich

Wer ein kleines Projekt mit CSS beginnt, legt häufig Klassen an, wie er sie gerade braucht. Da findet man dann in der CSS-Datei solche Konstrukte: .h1rot { color=#933 usw. } .h2rot { color=#933 usw. } .prot{ color=#339 usw. } Und es werden immer mehr Klassen, die die HTML-Datei immer unübersichtlicher machen: <div> <h1 class="h1rot">Überschrift 1</h1> <h2 class="h2rot">Überschrift 2</h2> <p class="prot"> Hier steht der Inhalt </p> </div> Dagegen kann man etwas tun. Mit einem gut geschriebenen CSS kann man sich viele Klassen sparen: .rot p { color=#933 usw. } .rot h1 { color=#933 usw. } .rot h2 { color=#933 usw. } In diesem Beispiel wird nur eine Klasse, nämlich rot, benutzt und die unterschiedlichen Kindelemente wie p, h1 oder h2 werden über ihre Elternelemente erreicht. Der HTML-Code sieht dann so wesentlich übersichtlicher aus: <div class="rot"> <h1>Überschrift 1</h1> <h2>Überschrift 2</h2> <p> Hier steht der Inhalt </p> </div>

GSL-Team2011-08-11T08:50:52+02:00August 11th, 2011|HTML|Kommentare deaktiviert

Email versenden mit HTML

Auch ohne PHP oder gar spezialisierte Email-Klassen kann man ganz einfach eine Email mit dem mailto-Kommando versenden. Dazu reicht HTML als Basis völlig aus. Das funktioniert bei allen Benutzern, auf deren Computern ein korrekt installierter Email-Client vorhanden ist, denn das mailto-Kommando benutzt den auf dem jeweiligen System installierten aktiven Client für den Versand der Email. So wird das Kommando eingebunden: <a href=mailto:meineadresse@meinedomain.de> Email an mich</a> Will man die Mail an mehrere Empfänger senden, gibt man mehrere Emailadressen an, die jeweils durch ein Semikolon getrennt werden. <a href=mailto:meineadresse@meinedomain.de; nocheine@meineddomain.de> Email an mich</a> Es gibt auch noch weitere Möglichkeiten für die mailto-Anweisung, eine komplette Übersicht zeigt SelfHTML. Man sollte sich darüber klar sein, dass Adressensammler sich sehr über solche offenen Emailadressen in HTML-Seiten freuen…

GSL-Team2011-07-18T08:18:02+02:00Juli 18th, 2011|Allgemein, HTML|2 Kommentare

Datum und Uhrzeit mit PHP ausgeben

In HTML gibt es keine Möglichkeit, Datum und Uhrzeit auf einer Seite mit auszugeben. Gerade bei statischen Seiten ist es ein deutlicher Vorteil für die Auswertung einiger Suchmaschinen, wenn auf den einzelnen Webseiten das aktuelle Tagesdatum angezeigt wird. Der PHP-Code dazu ist nur ein übersichtlicher Einzeiler: <?php echo date("d.m.Y")." – ".date("H:I")." Uhr"; ?> Die Ausgabe sieht dann so aus: 30.05.2011 - 07:57 Uhr Wenn man den Code in eine gemeinsame Kopf- oder Fußzeile eintragen kann, braucht man ihn nur einmal einsetzen und er zeigt auf jeder Seite der Präsenz das Datum und die Uhrzeit an.

GSL-Team2011-05-30T08:12:45+02:00Mai 30th, 2011|HTML, PHP|Kommentare deaktiviert

Typdefinitionen für Aufzählungen in HTML

Im Alltag eines Webseiten-Erstellers kommen Aufzählungen immer wieder vor. Dabei kann man nicht nur die üblichen Grafikzeichen als Aufzählungszeichen verwenden, sondern über das wenig bekannte Typ-Attribut der Liste eine der definierten Varianten wählen. Diese definierten Varianten sind: type=1 arabische Ziffern (1,2,3) type=a Kleinbuchstaben (a,b,c) type=A Großbuchstaben (A,B,C) type=i römische Zahlen in Kleinbuchstaben (i,ii,iii) type=I römische Zahlen in Großbuchstaben (I,II,III) Ein Beispiel mit Kleinbuchstaben <ol type=a> <li>Apple</li> <li>Google</li> <li>Microsoft</li> </ol> erzeugt folgende Ausgabe: a. Apple b. Google c. Microsoft

GSL-Team2011-05-26T08:05:50+02:00Mai 26th, 2011|HTML|1 Kommentar

Weiterleitung in HTML, .htaccess und PHP

Wenn ein Inhalt auf einen neuen Server umzieht, kann ein Umzugsservice genutzt werden: die Weiterleitung. Sobald jemand die alte Adresse aufruft, wird transparent der Inhalt von der neuen URL abgerufen. Das ist auch interessant, wenn ein Inhalt sowohl unter der alten als auch unter der neuen Adresse erreichbar sein soll. Eine Weiterleitung (neudeutsch: redirect) kann auf drei verschiedene Arten realisiert werden. .htaccess -> Die Weiterleitung über eine .htaccess-Datei im alten Verzeichnis sieht so aus: Redirect / http://www.neueurl.de/. Mit dieser Methode kann man auch einzelne Seiten weiterleiten, zum Beispiel mit der Zeile: Redirect /alteseite.html neueseite.html. Das funktioniert auch mit Verzeichnissen. HTML -> Eine Weiterleitung mit HTML besteht aus einem Meta-Tag, das im Header-Bereich der Seite eingetragen wird: <meta http-equiv="refresh" content="0; url=http://www.neueurl.com/" />. PHP -> Die Weiterleitung in PHP kann man auch von Bedingungen abhängig machen, dadurch ist sie besonders flexibel. Ein Konstrukt wie "header ("Location: http://www.url.com/");" führt gerne mal nach einer Plausibilitätsprüfung zurück zu einem Eingabeformular oder nach ungültigem Versuch zu einem erneuten Login. Dabei kann man auch Querystring-Parameter angeben wie "?fehler=Bitte geben Sie Ihre Email-Adresse an".

GSL-Team2011-04-21T08:26:43+02:00April 21st, 2011|Allgemein|1 Kommentar

PHP dominiert Projekte

Eine Analyse der Projektvermittlungs-Plattform twago, die Projekte im Bereich Programmierung, Design und Service vermitelt, war PHP die gefragteste Fähigkeit im abgelaufenen Jahr. In gut 7 % aller bei twago ausgeschriebenen Projekte waren PHP-Kenntnisse gefragt. Es folgten HTML- und MySQL-Kenntnisse mit 5% bzw. 4,8%. Damit waren PHP, HTML und MySQL 2010 die gefragtesten Skills in der Branche. Auch CSS, Flash, Java und Javascript konnten sich 2010 in den Top Ten der gefragtesten Fertigkeiten halten. Neu hinzugekommen sind AJAX und .NET von Microsoft. Für 2011 wird eine stärkere Nachfrage für Entwickler mit Kenntnissen der App-Programmierung für Smartphones und Tabs erwartet. Dabei geht es nicht nur um Apple-Equipment wie iPhones und iPads, sondern besonders um Apps für Android-Geräte. Die Herausforderungen sind dabei Sprachen wie Objective C, Java oder C-sharp.

GSL-Team2011-04-07T08:11:57+02:00April 7th, 2011|Allgemein|Kommentare deaktiviert

Formulare mit Fieldset- und Legend-Element umrahmen

Eine wenig bekannte und sehr effiziente Methode zur Gruppierung von Formularelementen ist das Fieldset-Element. Damit können Formulare oder Teile davon gruppiert und umrahmt werden. <fieldset> <legend>Adressdaten</legend> <input> <input> <input> </fieldset> Das im Beispiel verwendete Element <legend> gibt an, welcher Beschreibungstext in die Rahmenlinie gesetzt werden soll. Das Ergebnis dieses Beispiels sieht wie folgt aus: Man kann die Elemente <fieldset> und <legend> aber auch für die Strukturierung beliebiger anderer HTML-Elemente einer Webseite verwenden. Egal, ob man es um Formulare, Tabellen oder Listen legt, es führt immer dazu, dass diese Bereiche umrahmt und mit einem Bezeichner versehen werden.

GSL-Team2011-02-21T11:16:11+02:00Februar 21st, 2011|Allgemein|Kommentare deaktiviert

SelfHTML als Wiki

Jeder, der Internetseiten erstellt, kennt auch SelfHTML. Hier wird jede Frage zu HTML ausführlich beantwortet und neben den Grundlagen und Befehlsreferenzen auch Tutorials und Kurse zu HTML, XML, XHTML, Javascript, Perl und CSS angeboten. Es gibt fast keine Frage zu diesen Themen, die nicht ausführlich behandelt wird. Jetzt haben die Verantwortlichen eine neue Entwicklung begonnen: SelfHTML wird sukzessive zu einem Wiki umgebaut. Das bisherige SelfHTML unter selfhtml.org wird noch parallel angeboten, bis das Wiki weitgehend aufgebaut ist und einen zufriedenstellenden Standard hat. Wenn ein Thema im neuen Wiki schon gut abgehandelt ist, wird in der alten Dokumentation ein Link auf den Eintrag im Wiki gesetzt. Auf der Startseite des alten SelfHTML gibt es auch einen Aufruf, als Autor beim neuen Wiki mitzuarbeiten. Die Inhalte des Wiki unterliegen der Crative Commons-Lizenz. Das erlaubt die Weiterverwendung und Vervielfältigung der Inhalte bei Nennung des Rechteinhabers. Das neue Wiki von SelfHTML finden Sie unter wiki.selfhtml.org.

GSL-Team2010-05-19T08:17:45+02:00Mai 28th, 2010|Allgemein|Kommentare deaktiviert

Eine Internetseite zentrieren

Sie möchten eine Internetseite erstellen, die im Browser mittig zentriert ist? Zu den guten alten Zeiten des HTML, als CSS noch kaum vorhanden war und das Layout einer Seite in aller Regel mit Tabellen festgelegt wurde, gab es die Standardmethode mit dem Quellcode: <table width = "100%" height = "100%" border = "0" cellspacing = "1" cellpadding = "0" align = "center"> <tr> <td align = "center" valign = "middle" width = "100%" height = "100%"> Der zentrierte Inhalt </td> </tr> </table> Bei dieser Lösung gibt es eine Vertikale und eine horizontale Zentrierung aller Elemente in der Tabelle. Meistens ist es aber gewünscht, nur horizontal zu zentrieren. Eine beliebte Methode dazu war früher auch das <center> - Tag, das inzwischen nicht mehr verwendet werden sollte. Dieses Tag wurde einfach als erstes Element in den Body der Seite gesetzt, und alle darin befindlichen Elemente dadurch horizontal zentriert. Ein Beispiel dazu sieht so aus: <center> <table width = "700" height = "500" border = "1" cellspacing = "1" cellpadding = "0"> <tr> <td align = "center" valign = "middle" width = "100%" height = "100%"> Der zentrierte Inhalt </td> </tr> </table> </center> In XHTML wird das Layout mit DIV – Containern und CSS – Formatierungen festgelegt. Da sieht [...]

GSL-Team2010-04-27T08:21:47+02:00Mai 4th, 2010|Allgemein|Kommentare deaktiviert