http://www.winkelb.com Neue Artikel auf www.winkelb.com de webdesign@winkelb.com http://www.winkelb.com/index.php?id=php-formular4 Im Grunde hat sich in diesem vierten Schritt nicht viel gegenüber der Version von Teil 3 verändert, doch die Veränderung, die Platz gegriffen hat, ist wesentlich, nämlich die Versendung der Daten an die für das Projekt zuständige Person. Zuerst wird das Mail zusammengestellt, wie dies für die Mailv http://www.winkelb.com/index.php?id=php-formular4 Wed, 30 Jun 2010 20:15:25 +0200 http://www.winkelb.com/index.php?id=php-formular3 Das Formular bekommt also langsam Sinn, denn neben dem Nachnamen (Namen, Familiennamen) ist nun auch der Vorname gefragt. Damit die Besucherinnen und Besucher wissen, was sie eingeben sollen, werden die Felder beschriftet. Beachten Sie dabei bitte die Neuerung der Textfelder und die Schreibweise bei http://www.winkelb.com/index.php?id=php-formular3 Wed, 30 Jun 2010 14:47:44 +0200 http://www.winkelb.com/index.php?id=php-formular2 In diesem zweiten Teil der Schritt-für-Schritt-Lösung ist das Datenfeld das gleiche geblieben, auch die Abfrage, ob es abgeschickt wurde, ist gleich, aber die Ergänzung findet sich danach durch eine Fehlerabfrage. Denn im ersten Teil des Beispiels haben wir nur abgefragt, ob das Formular verschickt http://www.winkelb.com/index.php?id=php-formular2 Wed, 30 Jun 2010 14:37:10 +0200 http://www.winkelb.com/index.php?id=javascript-operatoren Javascript besitzt so wie andere Programmiersprachen die Möglichkeit, Werte in Variablen zu speichern. Doch diese müssen auch abgefragt und verändert werden können und dazu braucht es Operatoren. Daher gibt es sogenannte Vergleichsoperatoren und logische Operatoren. Mit diesen Werkzeugen kann man http://www.winkelb.com/index.php?id=javascript-operatoren Fri, 25 Jun 2010 20:08:08 +0200 http://www.winkelb.com/index.php?id=serverfehler Der optimale Fall beim Betrieb einer Webseite ist jener, dass Besucherinnen und Besucher eine Adresse im Browser aufrufen oder einen Link auf einer anderen Seite anklicken und die gewünschte Seite geöffnet wird. Aber immer wieder kommt es vor, dass man stattdessen eine weiße Seite mit einer Fehlerme http://www.winkelb.com/index.php?id=serverfehler Wed, 23 Jun 2010 06:29:15 +0200 http://www.winkelb.com/index.php?id=php-strpos Im Grunde ist die Überlegung dieser beiden Befehle ident mit jener des vorherigen Artikels über strstr und strrchr, denn es wird abgefragt, ob es das Zeichen R gibt. Doch im Gegensatz zu den genannten Befehlen dient strpos bzw. strrpos nur der Informationen, eine Textkürzung findet nicht statt. Wenn http://www.winkelb.com/index.php?id=php-strpos Thu, 17 Jun 2010 09:40:31 +0200 http://www.winkelb.com/index.php?id=php-strstr Wieder habe ich die österreichischen Fußballvereine als Beispieltext gewählt und habe diesen Text durch die beiden PHP-Befehle abarbeiten lassen. Mit substr hätte ich eine Startposition und eine Textlänge bestimmen können, doch das war nicht das Ansinnen dieses Beispiels. Der erste PHP-Befehl strrc http://www.winkelb.com/index.php?id=php-strstr Thu, 17 Jun 2010 09:29:59 +0200 http://www.winkelb.com/index.php?id=php-substr Mit dem substr-Befehl kann man einen Teil eines Textes erhalten. Das ist eine oft genützte Funktion in Skripte und das obige Beispiel zeigt die Funktionsweise. Der Befehl erhält als ersten Parameter den Text selbst, im aktuellen Fall den Text, der in der Variable Beispieltext gespeichert wurde. Als http://www.winkelb.com/index.php?id=php-substr Wed, 16 Jun 2010 14:57:52 +0200 http://www.winkelb.com/index.php?id=beispiel-strlen In diesem Beispiel wird ein Text festgelegt, wobei ich wieder die österreichischen Fußballvereine verwendet habe und strlen zählt, wielange der Text ist. Dies dient aber nur der Ansicht für den Nutzer und müsste nicht niedergeschrieben werden. Die gleiche Funktion des strlen-Befehles nützen wir hie http://www.winkelb.com/index.php?id=beispiel-strlen Wed, 16 Jun 2010 14:40:20 +0200 http://www.winkelb.com/index.php?id=php-textsortierung Der angeführte Beispieltext wird zuerst durch explode in ein Array eingelesen, wobei dieses Array der Variable $sorter zugewiesen wird. Damit die einzelnen Begriffe (in diesem Fall als Beispiel österreichische Fußballvereine) auch richtig getrennt werden, wird als Trennungszeichen der Beispiel angef http://www.winkelb.com/index.php?id=php-textsortierung Tue, 15 Jun 2010 11:16:16 +0200 http://www.winkelb.com/index.php?id=php-grossbuchstaben Vier Befehle wurden hier vorgestellt und die Funktionsweise ist sehr einfach. Zuerst wird in der Variable Beispieltext der Text zur Veranschauung festgelegt. Befehl Nummer eins ist strtolower, der den String (Text) in Kleinbuchstaben verändert (to lower). Genau das Gegenteil führt strtoupper (to up http://www.winkelb.com/index.php?id=php-grossbuchstaben Tue, 15 Jun 2010 10:58:34 +0200 http://www.winkelb.com/index.php?id=php-textlaenge Der Befehl strlen zeigt also an, dass der Text 20 Zeichen lang ist. Mit dieser Information kann man in vielen Skripten großen Nutzen daraus ziehen, beispielsweise bei dynamisch erzeugten Tabellen, bei denen man wissen muss, wieviel Platz eine bestimmte Spalte braucht. Ein anderes Beispiel ist eine A http://www.winkelb.com/index.php?id=php-textlaenge Tue, 15 Jun 2010 10:46:12 +0200 http://www.winkelb.com/index.php?id=php-leerzeichen Es stehen also drei Werkzeuge zur Verfügung, um Leerzeichen zu löschen. Die erste Variante ist der Befehl "chop", der, wie das Ergebnis zeigt, das Leerzeichen am Ende löscht, das Leerzeichen am Beginn interessiert diesen Befehl nicht. Chop wird daher häufig dann zum Einsatz kommen, wenn eine Datenba http://www.winkelb.com/index.php?id=php-leerzeichen Mon, 14 Jun 2010 20:35:17 +0200 http://www.winkelb.com/index.php?id=php-text Die Schleifen und Abfragen, die schon vorgestellt wurden (PHP-Programmierung) sind die Möglichkeiten zur Umsetzung von Skripte. Die PHP-Technik mit seinen Include-Befehlen, den Variablen und den Rechenoperatoren sind die Werkzeuge für die Programmierung, aber all dies hätte keinen Sinn, wenn man die http://www.winkelb.com/index.php?id=php-text Mon, 14 Jun 2010 20:20:08 +0200 http://www.winkelb.com/index.php?id=php-for Das Beispiel zeigt die einfachste Möglichkeit der for-Schleife. Dabei gibt es drei Parameter, die direkt beim Aufruf der Schleife eingesetzt werden. Bei der for-Schleife werden meist einfache Buchstaben als Variablen genützt, die in den verschiedensten Skripten wiederzufinden sind. Sie werden meist http://www.winkelb.com/index.php?id=php-for Mon, 14 Jun 2010 20:00:46 +0200 http://www.winkelb.com/index.php?id=html-grundgeruest Egal, ob man vier Zeilen Text oder 500 Bilder auf einer Webseite oder deren Unterseite präsentieren will - man braucht dafür das HTML-Grundgerüst. Dieses besteht aus dem Kopfteil und dem Hauptteil, Body oder Körper bezeichnet, also jenem Bereich, in dem der eigentliche Inhalt zu finden ist. http://www.winkelb.com/index.php?id=html-grundgeruest Tue, 22 Jun 2010 12:54:48 +0200 http://www.winkelb.com/index.php?id=domain-pointing Domain Pointing ist eine weitere Dienstleistung, die im Rahmen der Domainbearbeitung von Providern angeboten werden. Beim Domain Pointing werden die Besucher/innen von einer Domain zu einer anderen Domain automatisch weitergeleitet. Der Hintergrund vom Domain Pointing besteht darin, dass man zwa http://www.winkelb.com/index.php?id=domain-pointing Tue, 22 Jun 2010 20:03:27 +0200 http://www.winkelb.com/index.php?id=typo3-inhalt-kopieren Immer wieder gibt es Situationen, in denen man einen Inhalt mehrfach benötigt. Das ist vor allem dann der Fall, wenn man eine Tabelle, die auf einer Seite einer Webpräsenz erstellt wurde, in gleicher Weise auf anderen Seiten des selben Webprojektes integriert werden soll. Der erste Gedanke ist d http://www.winkelb.com/index.php?id=typo3-inhalt-kopieren Tue, 22 Jun 2010 21:58:27 +0200 http://www.winkelb.com/index.php?id=html-unterstreichen Es gibt HTML-Befehle, die funktionieren technisch ausgezeichnet, machen aber in der Praxis trotzdem keinen Sinn und ein solches Beispiel ist der u-Tag. Mit dem u-Tag kann man einen Text oder eine Textpassage unterstreichen, aber was bei einem normalen Geschäftspapier brauchbar ist und gerne eingeset http://www.winkelb.com/index.php?id=html-unterstreichen Wed, 23 Jun 2010 05:41:38 +0200 http://www.winkelb.com/index.php?id=webdesign-gif Die Abkürzung GIF steht für Graphics Interchange Format und wurde ursprünglich vom Unternehmen CompuServe für den Online-Einsatz entwickelt. Dort findet man die GIF-Bilder besonders häufig, weil sie besonders klein und schnell in der Anwendung sind. GIF-Bilder werden beispielsweise auf Webseiten http://www.winkelb.com/index.php?id=webdesign-gif Tue, 22 Jun 2010 21:11:16 +0200 http://www.winkelb.com/index.php?id=html-inhalt-listen Wieder haben wir die Möglichkeit, die fix in HTML definierten Listen durch CSS zu verfeinern. Der Aufwand hält sich dabei in Grenzen, denn es gibt nur den ul-/ol-Tag und den li-Tag für die eigentlichen Listeneinträge. Den Abstand zu den anderen Textelementen, beispielsweise dem letzten und dem näch http://www.winkelb.com/index.php?id=html-inhalt-listen Tue, 04 May 2010 16:34:19 +0200 http://www.winkelb.com/index.php?id=html-inhalt-text Die CSS-Befehle, die wir im letzten Artikel für den Absatz (p-Tag) definiert haben, blieben gleich. Aber es kam der Befehl font-weight hinzu, der auf "bold" gestellt wurde. Damit ist der Text jedes Absatzes vom ersten bis zum letzten Zeichen fettgeschrieben. Das ist natürlich wenig effektiv, weil m http://www.winkelb.com/index.php?id=html-inhalt-text Mon, 03 May 2010 10:34:00 +0200 http://www.winkelb.com/index.php?id=html-inhalt-h1 Mit dem h1-Tag haben wir eine erste Überschrift angelegt und diese wird auch demonstrativ, groß und mächtig angezeigt. Bei HTML gibt es sechs vordefinierte Überschriftsgrößen, die von h1 bis h6 reichen, wobei h1 die größte, h6 die kleinste ist. Neben der Tatsache, dass mit diesen Befehlen Überschrif http://www.winkelb.com/index.php?id=html-inhalt-h1 Fri, 30 Apr 2010 20:17:40 +0200 http://www.winkelb.com/index.php?id=html-inhalt-css In dieser zweiten Phase des Projektes "HTML-Beispielseite" geht es nun darum, das Verständnis für den Inhalt aufzubauen. Das heißt, dass wir Befehle, wie sie im Webdesign-Lexikon genauer vorgestellt wurden oder wie man sie anderswo schon gesehen hat, praktisch anwenden und außerdem werden punktuell http://www.winkelb.com/index.php?id=html-inhalt-css Fri, 30 Apr 2010 19:59:38 +0200 http://www.winkelb.com/index.php?id=html-geruest-css Das HTML-Gerüst für unsere erste Seite blieb ident mit Ausnahme einer Zeile, nämlich dem Linkaufruf für die CSS-Datei. Diese wird in den Kopfteil geschrieben und damit wird die CSS-Datei, die wir als styles.css abgespeichert haben, automatisch aufgerufen, sobald jemand unsere Seite später im Interne http://www.winkelb.com/index.php?id=html-geruest-css Fri, 30 Apr 2010 19:45:04 +0200 http://www.winkelb.com/index.php?id=html-geruest-seo Das Gerüst und der sensationelle Inhalt aus dem ursprünglichen Beispiel blieb erhalten, aber es hat sich technisch einiges getan. Als erstes wurde der Tag DOCTYPE integriert, um dem Browser mitzuteilen, was nun kommen wird - nämlich eine HTML-Seite, die nach HTML-Standard 4.01 transitional geschrieb http://www.winkelb.com/index.php?id=html-geruest-seo Tue, 27 Apr 2010 18:17:01 +0200 http://www.winkelb.com/index.php?id=html-geruest1 Der Code zeigt das simple Gerüst, das nötig ist, um eine Seite im Internet präsentieren zu können. Im Falle einer reinen HTML-Seite braucht man aber gar kein Internet. Wenn Sie den Code in einen Editor kopieren und als index.htm oder index.html (beides wird als HTML-Datei erkannt) abspeichern und mi http://www.winkelb.com/index.php?id=html-geruest1 Tue, 27 Apr 2010 17:52:59 +0200 http://www.winkelb.com/index.php?id=html-geruest In der ersten Phase zur Erstellung unserer Beispielseite widmen wir uns auf den nachfolgenden Unterseiten dem Thema Gerüst. Jede Webseite, die im Internet aufgerufen werden kann, folgt einem bestimmten Schema. Es spielt dabei keine Rolle, ob man 500 DVD-Player zum Verkauf anbietet oder ob man Tipps http://www.winkelb.com/index.php?id=html-geruest Tue, 27 Apr 2010 17:36:28 +0200 http://www.winkelb.com/index.php?id=html-beispielseite Aufgrund einiger Anfragen, aufgrund zahlreicher Reaktionen zum Webdesign-Lexikon und aufgrund eigener Erfahrungen gibt es jetzt auf dieser Webseite dieses Projekt, das im Laufe der Zeit stetig erweitert und verfeinert wird. Ziel dieses Projektes, das ich "HTML-Beispielseite" nenne, ist es nicht, de http://www.winkelb.com/index.php?id=html-beispielseite Tue, 27 Apr 2010 17:21:55 +0200 http://www.winkelb.com/index.php?id=php-do-while In diesem Beispiel wurde die gleiche Schleife verwendet, wie im Artikel über die while-Schleife. Wieder wird der Zähler auf 0 gesetzt und die Summe auf 10, wieder wird die Schleife solange durchgelaufen, solange der Zähler kleiner ist als die Summe, aber der Beginn wird durch die Erweiterung "do" ve http://www.winkelb.com/index.php?id=php-do-while Mon, 26 Apr 2010 14:13:08 +0200 http://www.winkelb.com/index.php?id=php-while Das Beispiel beginnt mit der Definition von Zähler und Summe. Die eigentliche Schleife wird mit der Bedingung begonnen, dass sie solange durchzulaufen ist, solange der Zähler kleiner ist als die angeführte Summe. Jedes Mal, wenn die Schleife durchlaufen wird, wird die Größe des Zählers genannt, sod http://www.winkelb.com/index.php?id=php-while Mon, 26 Apr 2010 14:04:39 +0200 http://www.winkelb.com/index.php?id=seo-sitemap Eine Sitemap lässt sich als Seitenkarte übersetzen, aber diesen Ausdruck verwendet niemand. Eine Sitemap ist in Wirklichkeit eine Aufzeichnung der vorhandenen und zur Verfügung gestellten Seiten einer Webseite, also beispielsweise alle Unterseiten. Das kann in zwei verschiedenen Formen geschehen. E http://www.winkelb.com/index.php?id=seo-sitemap Sat, 24 Apr 2010 15:42:11 +0200 http://www.winkelb.com/index.php?id=php-switch3 Dass man die switch-Konstruktion mit mehreren Parametern pro Überprüfung ausstatten kann, habe ich Ihnen im letzten Artikel gezeigt. Hier geht es nun um eine wichtige Ergänzung, wodurch Switch mit einer and-Verknüpfung realisiert werden kann. Die bisher gezeigte Erweiterung mit "case 1: case 2: cas http://www.winkelb.com/index.php?id=php-switch3 Thu, 22 Apr 2010 15:18:34 +0200 http://www.winkelb.com/index.php?id=beispiel-if-abfrage Ergänzend zu den Ausführungen rund um if-Abfrage und die möglichen Erweiterungen mit elseif und else gibt es nachstehend ein Beispiel, wie es gerne auf Webseiten angeboten wird. Es ist natürlich ein sehr einfaches Beispiel, das oft mit Javascript realisiert wird, aber es zeigt sehr schön die Vorgehe http://www.winkelb.com/index.php?id=beispiel-if-abfrage Thu, 22 Apr 2010 14:07:28 +0200 http://www.winkelb.com/index.php?id=ueberschrift-html Ursprünglich war die Möglichkeit gegeben, mit reinen HTML-Befehlen Farben oder Größen der Überschriften festzulegen. Im vorgehenden Beispiel sieht man aber, dass die Ausgestaltung der beiden ersten Überschriften durch CSS (style="") erfolgt. Das hat den Grund, weil das WC3-Konsortium schon vor Jahre http://www.winkelb.com/index.php?id=ueberschrift-html Thu, 22 Apr 2010 13:52:10 +0200 http://www.winkelb.com/index.php?id=php-if-elseif-else Wieder musste das Farbbeispiel herhalten, was auch Sinn macht, um die Unterschiede zum Beispiel im Artikel if-Abfrage bzw. if-else darstellen zu können. Wieder beginnt die Abfrage damit, die Farbe der Variable $farbe zu hinterfragen. Diesmal sind es aber drei Möglichkeiten, die zur Verfügung stehen. http://www.winkelb.com/index.php?id=php-if-elseif-else Wed, 21 Apr 2010 10:43:08 +0200 http://www.winkelb.com/index.php?id=php-if-else Das Beispiel ist damit die Erweiterung aus den Erläuterungen zur if-Abfrage. Bei der if-Abfrage wurde nur die Farbe geprüft und wenn die Farbe nicht entspricht, gibt es keine Befehlsabarbeitung. Hier wurde nun ein neuer Weg gewählt. Trifft die abgefragte Farbe zu, dann gibt es die Befehlsabarbeitun http://www.winkelb.com/index.php?id=php-if-else Wed, 21 Apr 2010 10:30:19 +0200 http://www.winkelb.com/index.php?id=php-if Die große Stärke von PHP und ähnlichen Programmiersprachen für den Interneteinsatz besteht darin, dass man mit der Sprache Abfragen erstellen kann. Mit reinem HTML kann man festlegen, wie die Seite aussehen soll, aber will man die Besucher begrüßen und auf die Tageszeit reagieren, braucht man Javasc http://www.winkelb.com/index.php?id=php-if Wed, 21 Apr 2010 10:08:37 +0200 http://www.winkelb.com/index.php?id=php-programmierung Was ist nun der große Unterschied zwischen PHP und dem simplen HTML, wenn man eine Webseite erstellen will? Der wesentliche Unterschied wird in diesem Kapitel offenbar, denn bei HTML kann man dem Browser (Internet Explorer, Firefox, Safari, Opera Co.) mitteilen, welche Farbe die Überschrift haben http://www.winkelb.com/index.php?id=php-programmierung Tue, 20 Apr 2010 17:51:34 +0200 http://www.winkelb.com/index.php?id=pc-ranking Unter Ranking versteht man die Reihung von Webseiten in der Suchmaschine. Dabei geht man davon aus, das eine besonders hoch eingestufte Webseite, wie Google oder andere Suchmaschinen es sieht, die beste Position erreicht werden kann, während eine schwach eingestufte Seite weniger Chancen hat. Die P http://www.winkelb.com/index.php?id=pc-ranking Sat, 17 Apr 2010 17:45:50 +0200