Alle Seiten
Bedeutung:
Abkürzung wie »HTML«
Notation:
<abbr [Attribute]>Text und [Kindelemente]</abbr>
Elternelemente:
a, abbr, acronym, address, b, bdo, big, cite, code, dd, del, dfn,...
In der objektorientierten Programmierung lassen sich Kopien vorhandener Klassen erstellen. Die so abgeleiteten Klassen erben Eigenschaften und Methoden der Elternklassen. Da Kopien von Klassen in...
Absolute Positionierung ist ein CSS-Fachbegriff. Durch Angaben zur Positionierung von (HTML)-Elementen können Sie den normalen Textfluss aufheben.
Absolute Positionierung positioniert eine...
Über diesen Podcast
Länge:
10'58''
Quelle:
http://www.einfach-fuer-alle.de/podcast/2006/kw51/
Text dieses Podcasts:...
Über diesen Podcast
Länge:
13'01''
Quelle:
http://www.einfach-fuer-alle.de/podcast/2007/kw48/
Text dieses Podcasts:...
Bedeutung:
Aussprechbare Abkürzung wie »UNESCO«
Notation:
<acronym [Attribute]>Text und [Kindelemente]</acronym>
Elternelemente:
a, abbr, acronym, address, b, bdo, big, cite,...
Bedeutung:
Verweis und/oder einen Anker für Verweise
Notation:
<a [Attribute]>Text und [Kindelemente]</a>
Elternelemente:
abbr, acronym, address, b, bdo, big, cite, code, dd,...
Die Ajax-Schnittstelle selbst ist vergleichsweise überschaubar. Das XML-HTTP-Objekt lässt sich wie beschrieben mit einer kleinen Browserweiche zuverlässig in allen modernen Browsern...
Neueste Forumspostings
Neulich hinzugefügte Seiten
Neulich geänderte Seiten
Apache Software Foundation:
http://www.apache.org/
Dokumentation Apache 1.3 (en):
http://httpd.apache.org/docs/
Dokumentation Apache 2.0 (de):
http://httpd.apache.org/docs-2.0/de/
Dokumentation...
Eine weitere Möglichkeit, mit einem Selektor nicht "alle Elemente" mit bestimmtem Elementnamen zu meinen, sondern nur bestimmte, besteht darin, in den Elementen enthaltene Attribute und sogar...
Gewöhnen Sie an, Tabellen nur für tabellarische Informationen zu verwenden, und rahmenlose Tabellen für nebeneinander darzustellende Informationen nur für sinnvolle Einzelfälle innerhalb einer...
Inhalt stammt aus dem Buch, S.{$page_number}
Stefan Münz, Jahrgang 1960, studierte nach seinem Abitur in Landau (Pfalz) Philosophie und Allgemeine Sprachwissenschaft in München. Nach einer Umschulung zum Organisationsprogrammierer...
Dies ist die Dankeschön-Seite des Wikis für Links, die zu dem Wiki führen.
Danksagungen von Dieter Welzel
Pressebox-Rezension: Webseiten professionell erstellen
Wiki zur Webseitengestaltung vom...
In diesem Beispiel greifen wir auf die zuvor definierten Tabellen zurück:
Tabelle pages
Tabelle authors
Tabelle styles
Tabelle...
Das Beispiel zeigt eine einfache Mitgliederliste, z.B. eines Vereins. Das Dokumentelement, members (Mitglieder), kann mehrere Elemente namens member (Mitglied) enthalten. Ein member-Element hat...
RSS steht (mittlerweile) für Really Simple Syndication (»wirklich einfache Verbreitung«). Dass die Technik selbst Verbreitung fand, ist vor allem der Blogger-Szene zu verdanken.
Bei einem...
Zum Warmwerden stellen wir ein typisches Praxisbeispiel vor. Darin soll der Anwender Text für eine SMS-Nachricht in ein Feld eingeben können. Die erforderliche Technik zum Versenden einer SMS...
Wenn Sie in Ihrer Webanwendung einen Webservice nutzen wollen, dann müssen Sie wissen, welche Daten der verwendete Webservice erwartet und welche er zurückliefert. Der Webservice muss also...
Um zu verstehen, wie eine DTD aufgebaut ist, betrachten wir ein XML-Dokument und seine zugehörige DTD.
<?xml version="1.0"?>
<!DOCTYPE members SYSTEM "members.dtd">
<members>...
Bedeutung:
Fettschrift (Inline)
Notation:
<b [Attribute]>Text und [Kindelemente]</b>
Elternelemente:
a, abbr, acronym, address, b, bdo, big, cite, code, dd, del, dfn, div, dt, em,...
Digitale Bildbearbeitung:
http://www.ralphaltmann.de/bildbearbeitung/
Bildbearbeitung elektronisch/digital:
http://www.fotocommunity.de/info/Bildbearbeitung_elektronisch/digital
»Blog« ist eine Abkürzung für »Weblog«, was so viel bedeutet wie »Web-Tagebuch«, wobei auch weniger privat klingende Begriffe wie »Logbuch«, »Jahrbuch«, »Journal« und »Chronik«...
Weblog-Publishing-Systeme mit RSS-Unterstützung
WordPress (en, PHP- und MySQL-basiert, OpenSource):
http://wordpress.org/
Serendipity (en, PHP-basiert,...
Sollen viele Entwickler mit dieser Klasse arbeiten, besteht durchaus die Gefahr, dass unbeabsichtigt oder beabsichtigt ermittelte Objektdaten z.B. vor der Ausgabe oder Weiterverarbeitung geändert,...
Wenn Sie beispielsweise für ein Element mit Hilfe von CSS eine Breite von 500 Pixeln angeben und außerdem einen Innenabstand des Elementinhalts von 10 Pixeln, einen Rahmen von 5 Pixeln und einen...
Inhalt folgt noch!
Das Mikroformat hReview befindet sich im Gegensatz zu hCard und hCalendar noch nicht im Stadium einer offiziellen Spezifikation, sondern noch im Stadium einer Draft, also eines Vorschlags. Einer...
Ein trauriges Kapitel ist leider der Abstand zwischen Zellen. Dafür steht zwar die CSS-Eigenschaft border-spacing zur Verfügung, die genau das mit einer einzigen Angabe im <table>-Tag...
Nachfolgende Editoren eignen sich für alle in diesem Buch behandelten Sprachen, also HTML, CSS, JavaScript, PHP und SQL sowie zum Bearbeiten von XML- oder sonstigen Textdateien oder...
In dieser Rubrik sammeln wir nützliche Lösungen für die Gestaltung und Funktionalität von Webseiten. Jeder Code-Schnipsel wird vorgestellt und kurz erläutert.
Dieser Teil des Wikis befindet...
Please change this page according to your needs
PHP stellt ein ganzes Arsenal an vordefinierten Variablen zur Verfügung. Diese werden auch als Superglobals oder superglobale Variablen bezeichnet. Die Bedeutung der Bezeichnung erhellt sich dann,...
Problematik
Die Forderung nach erkennbar typisierten Links ist fast so alt wie es Hypertext gibt. Vor allem aus Sicht des Benutzers einer Website ist es wichtig, dass er intuitiv erkennen kann, ob...
CSS-Anwendungsbeispiele:
http://css.fractatulum.net/beispiele.htm
CSS-Zengarden (das gleiche Manifest in lauter unterschiedlichen, meditativ schönen Layouts):
http://www.csszengarden.com/
Little...
Browserweichen und -filter per CSS:
http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html
Workshop Browserweiche:
http://www.css4you.de/wsbw/
Frames in den meisten Fällen nur eingesetzt, um einen fixen Bereich zu haben, der nicht mit scrollt (auch als Non-Scrolling-Region bezeichnet). In diesem Abschnitt möchten wir zeigen, wie so...
Die Überschriften (siehe Listing der HTML-Datei) sollen in der Form 1, 1.1, 1.1.1 usw. nummeriert werden. Dazu wird im Beispiel im HTML-Dateikopf eine CSS-Datei namens h-styles.css eingebunden....
Problematik
Gerade bei Firmen- und Produktnamen gibt es häufig genaue Darstellungsrichtlinien. Dazu gehört nicht selten die Vorgabe, dass innerhalb eines Namens, der aus zwei oder mehr Wörtern...
Das Linkweb-Beispiel oder besser gesagt die Linkweb-Beispiele sorgen immer wieder mal für Verwirrung bei den Lesern. Das liegt daran, dass das Beispiel aus einer ganzen Reihe von Dateien besteht...
Damit Server-Side-Includes funktionieren, müssen folgende Voraussetzungen erfüllt sein:
In der Konfiguration des Webservers muss die Verwendung von SSI ermöglicht werden. Beim Apache Webserver...
Die Datei in diesem Beispiel wird aufgerufen, wenn das Formular in Listing 7.9 abgeschickt wird.
Der Quelltext der zweiten Seite (js2.htm) lautet in unserem...
Wikipedia – alle Artikel zur Kategorie "Datenbank":
http://de.wikipedia.org/wiki/Kategorie:Datenbank
SQL-Tutorial:
http://www.sql-und-xml.de/sql-tutorial/
Relationale...
Das Gesamtbeispiel benötigt:
Eine Datei mit dem HTML-Grundgerüst ohne Inhalte,
eine Datei mit dem HTML-Code der Navigation,
eine CSS-Datei für zentrale Layout- und Formatierungsdefinitionen,
je...
Fast alle größeren Web-Anwendungen merken sich ermittelte Daten serverseitig, indem sie sie in Dateien speichern. So könnte beispielsweise eine Feedback-Formular-Anwendung, wie wir sie kennen...
In diesem Beispiel greifen wir auf die zuvor definierten Tabellen zurück:
Tabelle pages
Tabelle authors
Tabelle styles
Tabelle...
Aus Suchmaschinen ist die Funktionalität bekannt, bei hunderten oder tausenden von gefundenen Treffern immer z.B. immer nur 10 oder 50 Datensätze pro Webseite anzubieten und dem Anwender das...
Jedes JavaScript bezieht sich immer nur auf die aktuell angezeigte Seite. Variablen usw. gehen verloren, wenn eine neue Seite angezeigt wird. Eine Möglichkeit, Daten an eine nachfolgende Seite zu...
In Fällen von »Einbettung« eines kompletten Dokuments in ein anderes ist die Variante der Dateninseln vollkommen ausreichend. Es gibt jedoch auch Fälle, in denen Elemente von verschiedenen...
Zum besseren Vergleich wollen wir wieder die gleichen XML-Daten verarbeiten:
<?xml version="1.0"?>
<members>
<member nr="19341" position="none">...
Das document-Objekt stellt unter anderem eine ganze Reihe wichtiger Methoden zur Verfügung, um schnell und gezielt auf einzelne Elemente im Dokument zugreifen zu können. Dazu müssen Sie die drei...
HTML macht Ihnen keine Vorschriften, was den Inhalt von Meta-Tags betrifft. Doch ist es immer sinnvoller, wenn ein Standardisierungsgremium sich um ein allgemein anerkanntes Schema bemüht, das...
In der Regel genügt es, die Markup-Struktur des Zielformats einfach direkt zu notieren. Wenn jedoch Daten aus dem Quellbaum in Attribute übernommen werden sollen, kommt man damit ohne...
Das Beispiel besteht aus folgenden PHP-Scripts:
linkweb.php: das zentrale Script, das auch im Browser aufgerufen wird.
class.template.php: Script mit der Klasse "Template" für...
Wir werden nun noch einmal eine etwas erweiterte und komplexere Version unserer DTD für ein Mitgliederverzeichnis vorstellen:
<!ELEMENT members ((member+) | org>
<!ELEMENT org...
Der body-Bereich unseres Beispiels besteht aus zwei div-Bereichen namens navigation und content.
Der Bereich für die Navigation ist absolut positioniert und erhält eine großzügige Breite von...
Navigationsstrukturen dieser Art bieten sich vor allem für größere technische Dokumentationen, für wissenschaftliche Abhandlungen und für systematische Darstellungen von Wissensgebieten an. In...
Wir haben eine Menge "Intelligenz" bereits in den HTML-Code verlagert. Das ist erstens die Voraussetzung für ein schlankes JavaScript, und zweitens wertet es den HTML-Code semantisch auf, indem...
Um das hCalendar-Format besser zu verstehen, betrachten wir zunächst zwei Kalendereinträge im iCalendar-Format – zunächst ein...
Der superglobale Array $_FILES ist die Schnittstelle für PHP, um auf Dateien zuzugreifen, die über ein HTML-Formular mittels <input type="file"> an den Server übertragen wurden.
Unser...
Die PHP-Ausgabe mit der PHP-Funktion var_dump() zeigt, was dem Script an Daten zur hochgeladenen Datei zur Verfügung steht.
Unser Beispiel besteht aus einer HTML-Datei mit einem Formular zum...
Ein Beispiel soll einen weiteren, in der Praxis häufig genutzten Effekt demonstrieren: ein Logo oder Schriftzug, der beim Scrollen von längeren Inhalten fix an seiner Stelle stehen bleibt....
Flash MX (Windows, Mac, en, kostenpflichtig):
http://www.macromedia.com/
Swishmax (Windows, en/de, Shareware):
http://www.swishzone.com/
Swift 3D (Windows, Mac, en/de,...
Keine andere Technologie hat das Web in den letzten Jahren optisch nachhaltiger geprägt als der Siegeszug von Flash. Egal ob für Online-Spiele, animierte Illustrationen, schicke Site-Navigation...
Bevor wir auf das Form-Mail-Script kommen, noch kurz der Beispielcode für die Danke-Seite. Hierbei ist aus technischer Sicht nichts Besonderes zu beachten. Es kann sich um eine normale statische...
In einem kleinen Praxisbeispiel möchten wir den typischen Zusammenhang zwischen HTML und CGI-Script demonstrieren. Das Beispiel realisiert einen so genannten Form-Mailer. Das ist die ideale...
Das CGI-Script ist in unserem Beispiel der serverseitige Vermittler zwischen der Seite mit dem Feedback-Formular und der Danke-Seite. Nach dem Absenden des Formulars sendet der Browser des...
In unserem Beispiel zur Formularüberprüfung mit JavaScript soll es um die Bestellung eines Horoskops gehen. Mit der Anmeldung geht der Anwender einen Kaufvertrag ein. Diverse Angaben sind zur...
Nehmen wir an, in einem von uns selbst entwickelten Content Management System (CMS) können Anwender Seiten-Templates anlegen und verwalten. Jedes Template erhält einen Namen, unter dem es...
In dem HTML-Dokument mit dem zuvor beschriebenen Formularausschnitt muss in jedem Fall unser Ajax-Kernel eingebunden werden. Angenommen, wir haben den Code des Kernels in einer Datei namens ajax.js...
Wir nehmen für unser Beispiel an, dass es auf dem Server eine MySQL-Datenbank mit dem Namen cms gibt, zu der eine Tabelle namens templates gehört. In dieser Tabelle seien bislang folgende Daten...
Inhalt folgt noch!
Das "Denken in Frames" erfordert zunächst einmal, sich Gedanken über mehrere unterschiedliche Dateien zu machen. Erforderlich sind eine Datei, in der das Frameset definiert wird, also die...
Auf dieser Seite ist der CSS-Code der vollständig entwickelten Testseite enthalten. Es handelt sich um den Inhalt der im HTML-Code referenzierten Datei freies-layout.css. Zum Gesamt-Code gehören...
Auf dieser Seite werden die im Layout verwendeten Einzelgrafiken abgebildet. Zum Gesamt-Code gehören daneben die folgenden Seiten:
Freies Layout / HTML
Freies Layout / CSS
Freies Layout /...
Auf dieser Seite ist der HTML-Code der vollständig entwickelten Testseite mit dem freien Layout enthalten. Zum Gesamt-Code gehören daneben die folgenden Seiten:
Freies Layout / CSS
Freies Layout...
Eine PHP-spezifische Besonderheit muss erwähnt werden. Bei Parameterdefinitionen im Funktionskopf können auch Defaultwerte angegeben werden.
Nachfolgendes Beispiel liest eine Textdatei ein und...
Sparen Sie nicht damit, Code in Kommentaren zu dokumentieren. Auch für die optische Trennung und Einleitung von Code-Abschnitten werden Kommentare gern genutzt.
Dazu als Beispiel noch mal unsere...
Anleitung und Hilfe
Um beispielsweise herauszufinden, ob die Domainadresse beispiel.org noch frei ist, geben Sie in dem Eingabefeld links beispiel ein, und wählen Sie aus der Liste daneben org...
Anleitung und Hilfe
Geben Sie in dem Eingabefeld eine vollständige HTTP-Adresse ein. Es kann sich auch um beliebige Unterseiten einer Website handeln, oder um Adressaufrufe mit...
Anleitung und Hilfe
Das Gadget zeigt beim Aufruf zunächst Ihre eigene IP-Adresse an, also die, über die Sie gerade im Internet unterwegs sind. Unterhalb davon wird ein Kartenausschnitt von...
Das Glossar enthält Definitionen und Erläuterungen zu Begriffen, Abkürzungen und Ausdrücken, die im Zusammenhang mit Webdesign und Webentwicklung stehen. Die Inhalte des Glossars stammen...
In unserem Beispiel greifen wir auf frühere Beispiele in diesem Buch zurück. So werden wir anhand des Winkellayouts demonstrieren, wie sich der Google-Webservice in ein eigenes Layout einpassen...
Enthält ein XML-Dokument zwischen der XML-Deklaration und dem Start-Tag des Dokumentelements noch eine Dokumenttypdeklaration, wird der Bezug zu einer DTD hergestellt. Anhand der angegebenen DTD...
Zweck des Forums
Das Forum innerhalb dieses Wikis ist vorrangig für die Leser des Buchs gedacht. Es ist jedoch keine zwingende Voraussetzung zur Teilnahme am Forum, das Buch gelesen zu haben. Wer...
Die Beispiele in Kapitel 5 haben Workshop-Charakter und werden Schritt für Schritt entwickelt. Es ist jedoch nicht besonders sinnvoll, die Fragmente der Quelltexte auf dieser buchbegleitenden...
Der Begriff der Homepage ist bis heute mehrdeutig. Er kann folgende Bedeutungen annehmen:
Die im Browser eingestellte Startseite, die nach jedem Start des Browsers und bei jedem Anklicken des...
If you are allowed to edit pages in this Site, simply click on edit button at the bottom of the page. This will open an editor with a toolbar pallette with options.
To create a link to a new page,...
Gründe dafür, Web-Inhalte nur bestimmten, registrierten Benutzern zugänglich zu machen, gibt es viele, und das sind wesentlich mehr Gründe, als nur der einiger Anbieter, die auf diese Weise...
Die Referenz behandelt alle HTML-Elemente, die zum HTML-Standard 4.01 strict gehören. Elemente wie frameset, frame, applet, center, font usw. fehlen in dieser Referenz, da sie nicht zum...
HTML-5-Spezifikation beim W3-Konsortium (zum Redaktionszeitpunkt im Stadium einer Working Draft):
http://www.w3.org/TR/html5/
HTML-5-Spezifikation bei WHATWG (Current-Work-Seite zu HTML 5 bei...
Zum Gesamtbeispiel gehören:
Der HTML-Code des Feedback-Formulars, welches als Beispiel dient, wird in einer Datei namens feedback.htm abgelegt.
Der HTML-Code der Danke-Seite, die angezeigt wird,...
Um die automatische Überschriftennummerierung (siehe Listing 6.10 und Listing 6.11) auch für andere Browser zu ermöglichen, integrieren wir im HTML-Quelltest das in Listing 6.12 gezeigte...
Zum reinen Einbetten einer anderen Quelle kann übrigens auch das object-Element verwendet werden, das im Gegensatz zum iframe-Element zum strict-Standard von HTML gehört. Bei Verwendung des...
Die Metapher "Börsenticker" erfreut sich auf vielen Websites immer noch großer Beliebtheit, um "brandaktuelle Neuigkeiten auf der Site" optisch auffällig zu präsentieren. Im nachfolgenden...
Frames in den meisten Fällen nur eingesetzt, um einen fixen Bereich zu haben, der nicht mit scrollt (auch als Non-Scrolling-Region bezeichnet). In diesem Abschnitt möchten wir zeigen, wie so...
Insider betonen immer wieder, dass HTML und CSS keine Programmiersprachen seien, sondern Auszeichnungs- bzw. Beschreibungssprachen. Das ist korrekt. Leider hat das Fehlen von operativen...
Solange nur "PHP in HTML" angewendet wird, ist kein strukturelles Umdenken nötig. Das ändert sich jedoch, wenn man PHP stattdessen in der Form "HTML in PHP" einsetzt. Während Einsteiger eher die...
Wenn Webseiten aus logisch unterscheidbaren Bereichen bestehen, die später auch optisch als eigener Bereich erkennbar erscheinen sollen, dann sollten Sie diese Bereiche im Markup von vorneherein...
Es gibt zwei HTML-Attribute, die in allen Elementen erlaubt sind, und die es ermöglichen, ein Element entweder zu klassifizieren oder eindeutig zu identifizieren:
Das class-Attribut erlaubt es,...
Zunächst werden wir mit dem Attribut style= arbeiten. Dieses Attribut dürfen Sie in allen HTML-Elementen notieren, die "sichtbare Inhalte" haben, egal ob es sich um Block- oder Inline-Elemente...
In einem anderen Abschnitt haben wir einen Form-Mailer vorgestellt, der in Perl geschrieben ist und auf dem Webserver als CGI-Script läuft. Das gleiche Script wollen wir nun in PHP realisieren....
Ähnlich wie bei CSS gibt es drei Stellen, an denen JavaScript-Code vorkommen kann:
innerhalb von HTML-Elementen, genauer, als Wertzuweisung an ein Event-Handler-Attribut,
in Script-Bereichen...
Definitionen
Wikipedia (de): HTML
Wikipedia (de): XHTML
Deutschsprachige Wikipedia-Artikel zu HTML und XHTML.
Google (de): define: HTML
Google (de): define: XHTML
Definitionen zu HTML und...
W3C-Übersicht SGML-Ressourcen:
http://www.w3.org/MarkUp/SGML/
W3C-Übersicht zu XML:
http://www.w3.org/XML/
Artikel »SGML, die leise...
RFC 2616 (HTTP-Protokollspezifikation 1.1):
http://www.faqs.org/rfcs/rfc2616.html
RFC 1945 (HTTP-Protokollspezifikation 1.0):
http://www.faqs.org/rfcs/rfc1945.html
RFC 2660...
In den meisten Browsern kann der Anwender die Farbe für Links zu bereits besuchten Seiten und zu noch nicht besuchten Seiten einstellen, und oft auch, ob Links unterstrichen dargestellt werden...
Leider interpretiert der MS Internet Explorer bis einschließlich Version 6.0 position:fixed nicht. Stattdessen ignoriert er die Positionierungsangabe, was durchaus ein korrektes Verhalten ist,...
Ein Image-Map ist eine Grafik mit anklickbaren Bereichen, wobei jeder Bereich sein eigenes Linkziel haben kann.
Ein Beispiel soll dies demonstrieren. Dabei soll ein vollständig grafisches Menü...
Administrator dieses Wikis
MünzStefanStefan Münz
Techn. Autor u. Webentwickler
Hubertusstr. 52
D-76848 Schwanheim
moc.liamelgoog|zneum.nafets#moc.liamelgoog|zneum.nafets
Umsatzsteuer-IDNr.:...
Angela Merkel: http://www.angela-merkel.de/page/48.htm
Der SPIEGEL: http://www.spiegel.de/extra/0,1518,162848,00.html
TAZ: http://www.taz.de/6/impressum/
Wikipedia:...
Wikipedia-Artikel zu URIs:
http://de.wikipedia.org/wiki/URI
RFC 2396 zu URIs:
http://www.faqs.org/rfcs/rfc2396.html
W3C-Übersichtsseite zur Adressierung mit URIs:
http://www.w3.org/Addressing/
Farbenlehre:
http://www.farbenlehre.com/
Farbentheorie und Farbgestaltung:
http://www.ipsi.fraunhofer.de/~crueger/farbe/
Farben im Webdesign:
http://www.metacolor.de/
Stefan Münz
Webseiten professionell erstellen
Addison-Wesley-Verlag
München, 2008
(3. überarbeitete Auflage)
1232 Seiten, Hardcover gebunden
Beilagen: CD-ROM
Format: 182 x...
Das Buch enthält eine DVD, auf der folgendes zu finden ist:
Dokumente
Die Dokumente liegen vorwiegend in HTML-Form vor, können also direkt mit dem Browser von der DVD aufgerufen...
Das Inhaltsverzeichnis der aktuellen, 3. Auflage (2008):
1 Begriffsklärungen........................................................... 17
1.1 Websites, Webseiten und...
In unserem Beispiel speichern wir die JavaScript-Datei (siehe Listing 7.3) unter dem Namen functions.js ab. Nachfolgend das Listing eines HTML-Dokuments, welches diese JavaScript-Datei einbindet...
Wenn Sie mittels PHP beispielsweise einen neuen Datensatz in eine Tabelle einfügen und dazu das insert-Statement von SQL benutzen, erhalten Sie im Gegensatz zu einem select-Statement keine...
Aufbau des Internet:
http://www.netplanet.org/aufbau/
Grundlagen Computernetze:
http://www.netzmafia.de/skripten/netze/
Whois-Abfrage für .aero, .arpa, .biz, .com, .coop, .edu, .info, .int,...
Java-Applets sind mittlerweile seltener im Web als vor dem Aufkommen von Flash. Dafür werden Java-Applets häufiger für seriösere und anspruchsvollere Zwecke genutzt, wie etwa Online-Banking,...
Startseite zur JavaTechnologie:
http://java.sun.com/
Tutorial zum Erstellen von Java-Applets:
http://java.sun.com/docs/books/tutorial/applet/
Wikipedia-Artikel zu Java und...
Problematik
Die Element-Objekteigenschaften offsetLeft (linke obere Ecke: links), offsetTop (linke obere Ecke: oben), offsetWidth (Breite) und offsetHeight (Höhe) funktionieren erfreulicherweise...
Problematik
Texte enthalten manchmal landes- oder sprachtypische numerische Werte, die nicht allen Benutzern sofort vertraut sind. So können beispielsweise viele Deutsche ohne weiteres einen...
Problematik
Viele Websites verwenden nicht nur eigenen JavaScript-Code, sondern auch JavaScript-Code von Drittanbietern. Der urchin-Tracker von Google Analytics ist nur eines der bekanntesten...
Um die automatische Überschriftennummerierung (siehe Listing 6.5 und Listing 6.6) auch für andere Browser zu ermöglichen, erstellen wir folgendes JavaScript in einer separaten Datei, die wir im...
Problematik
Eine Möglichkeit, Daten zwischen Webseiten zu übertragen, ist der GET-Parameterstring. So übertragene Daten sind sowohl für server-seitige Scripts als auch für JavaScripts...
Zeichendaten innerhalb von Elementen sind also per Voreinstellung interpretierte Zeichen (PCDATA). Mitunter ist es jedoch wünschenswert, das Interpretieren von Zeichendaten durch den Parser zu...
JavaScript selbst präsentiert sich zwar weitgehend in Form von Objekten, Eigenschaften und Methoden, doch in der Praxis der JavaScript-Programmierung wird meist nicht streng objektorientiert...
Michael Mailer’s JavaScripts:
http://www.mywebaid.de/
Scriptindex – JavaScript:
http://www.scriptindex.de/scripts/8/javascript/kat.php
JavaScript Source:
http://javascript.internet.com/toc.html
ECMA-262-Spezifikation:
http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
JavaScript 1.5 Reference:
http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
New...
Von jeder professionellen Website wird erwartet, dass sie aktuell ist. Dazu gehört zwar vor allem die Pflege von Inhalten und Links, doch diese Arbeit ist an der Oberfläche kaum sichtbar. Um...
Please change this page according to your policy (configure first using Site Manager) and remove this note.
Who can join?
You can write here who can become a member of this site.
Join!
So you...
Die Basis für das hCard-Format ist das vCard-Format (vCard steht für »visiting card«, also Visitenkarte). Dieses Format kennen Sie vielleicht aus Microsoft Outlook oder vergleichbaren...
Wir erweitern die in Listing 7.3 vorgestellte Funktion dahin gehend, dass diese nun nicht nur einmalig das aktuelle Datum in ein gewünschtes Element schreibt, sondern jede Sekunde Datum und...
Dokumente, Produktdokumentationen, Dokumentationen und Informationsmaterial von Drittanbietern, lesenswerte Einzelartikel, Software...
Linkkästen aus dem Buch
Code-basierte Editoren
Flash-Autorensoftware
W3C-Links
Originaldokumentationen
RFCs (Requests for...
Das Gesamtbeispiel besteht aus folgenden Scripts:
linkweb_vars.php definiert globale Variablen für das gesamte Script-Ensemble.
linkweb_templates.php ist für das Einbinden von Templates...
Das Gesamtbeispiel besteht aus folgenden Scripts:
linkweb_vars.php definiert globale Variablen für das gesamte Script-Ensemble.
linkweb_templates.php ist für das Einbinden von Templates...
In einem kleinen Praxisbeispiel greifen wir auf das Linkweb-Beispiel zurück. Dort haben wir bereits gesehen, wie sich PHP-Code bei größeren Projekten sinnvoll auf mehrere Scripts verteilen...
Dokumentation SELFLINUX:
http://www.selflinux.org/selflinux/
Linux-Handbuch:
http://www.linux-ag.de/linux/LHB/
Wikipedia-Artikel (mit diversen ausführlichen...
Problematik
In Datenbanken (auch in Webdatenbanken) sind oft wichtige Daten abgelegt. Grund genug, um sich über regelmäßige Datensicherungen Gedanken zu machen. Auch dann, wenn der...
Szenario
Angenommen, es gibt unterhalb eines Verzeichnisses diverse HTML-Dateien, in denen Flashmovies mit den Angaben width="700" und height="400" referenziert werden. Aus Gründen einer...
Listings nach Buchkapiteln
Listings aus Kapitel 4: Basiswissen HTML/CSS
Listings aus Kapitel 5: Seitenlayouts
Listings aus Kapitel 6: Erweiterte Features HTML/CSS
Listings aus Kapitel 7:...
Linux für Webworker
Shellscript "top404report" (Listing 10.1)
Webseiten in HTTP-Umgebung
Datei mit Server Side Includes (Listing 11.1)
SSI / Eingebundene Navigation (Listing 11.2)
SSI / Variablenausgaben (Listing 11.3)
Perlscript / Datum/Uhrzeit (Listing...
Basiswissen PHP
Testen von PHP (Listing 12.1)
PHP in HTML (Listing 12.2)
HTML in PHP (Listing 12.3)
Template-Datei (Listing 12.4)
Template-Datei Navigation (Listing 12.5)
Datendatei (Listing...
MySQL und PHP
Tabelle anlegen
Weitere Beispieltabellen
Datensätze anlegen
Befüllen der Beispieldatenbank
SQL-Datei für Shop-Datenbank (Listing 13.1)
MySQL-Verbindung mit PHP
Datensätze...
XML für Webworker
SVG-Dokument (Listing 14.1)
Wohlgeformtes XML-Dokument (Listing 14.2)
Gültiges XML-Dokument (Listing 14.3)
XML-Dokument mit interner DTD (Listing 14.4)
JavaScript mit CDATA...
Dynamische Webseiten mit Ajax
Ajax-Kernel (Datei ajax.js) (Listing 15.1)
Formularüberprüfung mit Ajax / HTML
Formularüberprüfung mit Ajax / JavaScript (Listing 15.2)
Formularüberprüfung mit...
Site-Verwaltung
Text Widerrufsbelehrung
JavaScript-Ticker (Listing 16.1)
Basiswissen HTML/CSS
Vollständige HTML-Datei (Listing 4.1)
Vollständige XHTML-Datei (Listing 4.2)
Dublin-Core-Schema
HTML mit Bereichen (Listing 4.3)
Aufbau einer Tabelle
HTML mit...
Seitenlayouts
Hinweise zu den Beispielen aus Kapitel 5
Portal-Layout / HTML
Portal-Layout / CSS
Portal-Layout / JavaScript
Portal-Layout / Grafiken
Winkel-Layout / HTML
Winkel-Layout /...
Erweiterte Features HTML/CSS
Kontaktdaten mit HTML und Mikroformaten (Listing 6.1)
Feiertag-Kalendereintrag mit HTML und Mikroformaten (Listing 6.2)
Termin-Kalendereintrag mit HTML und...
Basiswissen JavaScript/DOM
HTML mit Script und Event-Handler (Listing 7.1)
Script im body-Bereich (Listing 7.2)
Scriptdatei mit Datumsausgabe (Listing 7.3)
In HTML eingebundene Scriptdatei...
Praxis JavaScript/DOM
Formularüberprüfung
Explorer-Menü / HTML
Explorer-Menü / CSS
Explorer-Menü / JavaScript
Tabellensortierung / HTML
Tabellensortierung / JavaScript
Das Beispiel erzeugt 7 unterschiedliche Zufallszahlen zwischen 1 und 49. Die ersten 6 davon werden numerisch sortiert. Die letzte gilt als Zusatzzahl. Die erzeugte Reihe plus Zusatzzahl wird am...
Videos und Podcasts, die das Web und seine Technologien zum Gegenstand haben.
Videos
Podcasts
accessCast - CSS-Frameworks (2007)
deutschsprachig — 13'01''
accessCast - Barrierefreiheit 2.0...
Dublin Core:
http://dublincore.org/
Diplomarbeit »Metadaten im Web«:
http://wwwai.wu-wien.ac.at/usr/albert/html/
Artikel »Meta-Tags und...
Offizielle Seite:
http://microformats.org/
Deutschsprachiger Kollektiv-Blog zum Thema Mikroformate:
http://mikroformate.org/
Deutschsprachige Feature-Seite von Michael...
hCard: http://microformats.org/wiki/hcard
hCalendar: http://microformats.org/wiki/hcalendar
hReview: http://microformats.org/wiki/hreview
VoteLinks:...
Um zu testen, ob bei Ihnen die MySQL-Unterstützung in PHP funktioniert, können Sie nachfolgendes Testscript benutzen. Beachten Sie, dass Sie die Wertzuweisungen in den ersten beiden Zeilen, also...
Startseite
Sitemap
News (auch als Feed)
Buch und Inhalte
Infos zum Buch
Listings aus dem Buch
Links aus dem Buch
Code-Schnipsel
video2brain
Tools
Wiki und Forum
Foren-Übersicht
Hilfe zum...
Auf dieser Seite ist der HTML-Code der vollständig entwickelten Navigationsleiste enthalten.
Code
Ergebnis
Verwendete Grafiken
(Navigationsleiste horizontal: Reiter...
Auf dieser Seite ist der HTML-Code der vollständig entwickelten Navigationsleiste enthalten.
Code
Ergebnis
Verwendete Hintergrundgrafik
Quelltext
<!DOCTYPE HTML PUBLIC "-//W3C//DTD...
Die Aufgabe des PHP-Scripts besteht also darin, eine MySQL-Datenbank mit News auszulesen und die neuesten News in ein dynamisch generiertes XML-Dokument zu bringen. Dazu muss das Script zunächst...
Diese Seite enthält keine weiteren Inhalte. Ihr Zweck ist es, ein Verzeichnis für Grafik- oder Multimedia-Ressourcen zur Verfügung zu stellen, die in den News zum Einsatz kommen.
Links zu Originaldokumentationen von im Buch behandelten Technologien
JavaScript 1.3: http://devedge-temp.mozilla.org/library/manuals/2000/javascript/1.3/reference/
JavaScript 1.5:...
Im Gegensatz zu vielen anderen Programmiersprachen verfügt PHP seit dem final Release von PHP 4.0 auch über ein Modul mit Kalenderfunktionen. Die Funktionen sind vor allem für das Arbeiten und...
Das Beispiel besteht aus folgenden PHP-Scripts:
linkweb.php: das zentrale Script, das auch im Browser aufgerufen wird.
class.template.php: Script mit der Klasse "Template" für...
Download
Download: Buch als PDF-Datei
Damit laden Sie das Buch in der zweiten Auflage von 2006 herunter.
Die PDF-Datei hat eine Größe von 39.151.657 Bytes (also ca. 37,3 MegaByte)
Zum Lesen ist...
Das nachfolgende Beispiel zeigt den Quelltext eines Perl-Scripts. Perl ist die verbreitetste Sprache für klassische CGI-Scripts. Das nachfolgende Beispielscript erzeugt einfach ein paar...
Problematik
Manchmal ist es nützlich, die reale Byte-Größe aller Inhalte, die sich unterhalb eines Verzeichnisses befinden, zu kennen. Nun gibt es die PHP-Standardfunktion filesize(), welche die...
Problematik
Dateigrößen lassen sich mit PHP sehr einfach über die Funktion filesize() ermitteln. Ausgaben wie:
"<img src=\"$picture_file\" alt=\"$description\"><br>" ....
Die Referenz behandelt alle PHP-Funktionen, die im Buch mit Funktionssteckbrief vorgestellt werden. Es handelt sich nicht um eine vollständige PHP-Funktionsreferenz.
Die Funktions-Steckbriefe...
Bereits im ersten Testscript haben wir gesehen, dass sich PHP problemlos in HTML einbetten lässt. Im Gegensatz zu JavaScript kann PHP sogar an beliebigen Stellen im HTML-Code eingebettet werden,...
Problematik
Jede Webanwendung benötigt Konfigurationsdaten. Dabei entsteht natürlich das Problem, in welcher Form die Konfigurationsdaten gespeichert werden sollen. Eine Möglichkeit ist das...
Offizielles deutschsprachiges PHP-Handbuch:
http://www.php.net/manual/de/
PHP-FAQ (de), häufig gestellte Fragen:
http://www.php-faq.de/
Wikipedia-Artikel (mit diversen ausführlichen...
Das Gesamtbeispiel besteht aus folgenden Scripts:
linkweb_vars.php definiert globale Variablen für das gesamte Script-Ensemble.
linkweb_templates.php ist für das Einbinden von Templates...
Das Gesamtbeispiel besteht aus folgenden Scripts:
linkweb_vars.php definiert globale Variablen für das gesamte Script-Ensemble.
linkweb_templates.php ist für das Einbinden von Templates...
Das Gesamtbeispiel besteht aus folgenden Scripts:
linkweb_vars.php definiert globale Variablen für das gesamte Script-Ensemble.
linkweb_templates.php ist für das Einbinden von Templates...
An Hand eines kleinen Beispiels wollen wir demonstrieren, wie sich Code aufgabenspezifisch auf mehrere Scripts verteilen lässt, und welche Vorteile das bringt. Wir verfolgen dabei das...
Zum Gesamtbeispiel gehören:
Der HTML-Code des Feedback-Formulars, welches als Beispiel dient, wird in einer Datei namens feedback.htm abgelegt.
Der HTML-Code der Danke-Seite, die angezeigt wird,...
Damit das Script seine verschiedenen Aufgaben erfüllen kann, werden wir diese in Funktionen unterbringen, die Unterprogramm-Charakter haben. Der zentral und außerhalb aller Funktionen...
Problematik
Die Funktion htmlspecialchars() hat wohl jeder PHP-Programmierer schon mal benötigt. Nützlich ist die Funktion vor allem, um HTML-Code von Benutzereingaben aus Formularen...
Gerade bei Webshops ist es wichtig, vom Anwender fehlerfreie Daten bei Adress- und Bankverbindungsangaben zu bekommen. Denn Rücksendungen oder Rücklastschriften kosten Geld. Unter...
MS Windows
Apple iTunes (en, separater Client, Freeware): http://www.apple.com/itunes/
BitsCast (en, separater Client für Newsfeeds und Podcasts, Freeware):...
Die etwas klassizistisch anmutende Bezeichnung »Portal« ist einerseits einer der zahlreichen modernen Ausdrücke, mit denen manche Anbieter versuchen, die Bedeutung ihrer Website...
Auf dieser Seite ist der CSS-Code der vollständig entwickelten Testseite enthalten. Es handelt sich um den Inhalt der im HTML-Code referenzierten Datei portal.css. Zum Gesamt-Code gehören daneben...
Auf dieser Seite werden die im HTML-Code des Layouts verwendeten Einzelgrafiken abgebildet. Zum Code gehören daneben die folgenden Seiten:
Portal-Layout / HTML
Portal-Layout / CSS
Portal-Layout /...
Auf dieser Seite ist der HTML-Code der vollständig entwickelten Testseite mit dem Portal-Layout enthalten. Zum Gesamt-Code gehören daneben die folgenden Seiten:
Portal-Layout / CSS
Portal-Layout...
Auf dieser Seite ist der JavaScript-Code zur Layoutkorrektur enthalten. Es handelt sich um den Inhalt der im HTML-Code referenzierten Datei layout.js. Zum Gesamt-Code gehören daneben die folgenden...
siehe auch: Portal
Innerhalb von Websites gibt es häufig einzelne Seiten, die Portalcharakter haben. Deshalb werden sie als Portalseiten bezeichnet. Diese Bezeichnung trifft vor allem auf die...
Webhostlist:
http://www.webhostlist.de/
Google-Liste von Webhosting-Anbietern in Deutschland, Österreich und der...
Damit Rahmen bzw. Linien richtig zur Geltung kommen, sind in der Praxis meist zusätzliche CSS-Angaben erforderlich. Vor allem der Innenabstand ist von Bedeutung, um zwischen Elementinhalt und...
Dieser Teil des Wikis ist erst noch am Entstehen.
HTML
HTML-4-Elementreferenz:
welche Elemente dürfen wo vorkommen, und welche Attribute können sie enthalten.
HTML-4-Attributreferenz:
welche...
Regular Expressions:
http://www.regular-expressions.info/
Regex Tutorial:
http://www.delorie.com/gnu/docs/regex/regex_toc.html
Schritt für Schritt zu eigenen Regulären...
Links zu einigen RFCs für im Buch angesprochene Technologien:
HTTP 1.1: http://www.faqs.org/rfcs/rfc2616.html
HTTP 1.0: http://www.faqs.org/rfcs/rfc1945.html
HTTPS:...
MS Windows
Awasu (en, separater Client, Freeware- und Shareware-Versionen): http://www.awasu.com/
FeedBuster (de, separater Client, Shareware): http://www.alnera.com/
FeedReader (en, separater...
Gadget Domain-Registrierung
Gadget HTTP-Response-Header
Gadget IP-Adressen Geo-Targeting
Test mit FLV-Player
Chat-Test
Mikroformate-Test
Das Windows/Mac font-size-Problem:
http://aktuell.de.selfhtml.org/artikel/css/fontsize/
Artikel "Eine Frage der Größe":
http://www.fabrice-pascal.de/artikel/sizediscussion/
Typograph...
Für XHTML ist es die sauberste Lösung, JavaScript-Code nicht direkt als Elementinhalt zwischen <script> und </script> zu notieren, sondern besser in separaten Dateien, die im...
Der Zugriff auf CSS-Eigenschaften von HTML-Elementen ist ähnlich einfach wie derjenige auf Attributwerte. Voraussetzung ist auch hierbei wieder, mit Hilfe einer der drei Basismethoden...
Das script-Element darf auch innerhalb des body-Elements und beliebiger Block- und Inline-Elemente vorkommen. Innerhalb des body-Bereichs sollte ein script-Bereich jedoch nur dann notiert werden,...
Über das DOM ist es nicht nur möglich, auf vorhandene Bestandteile des Markups eines Dokuments zuzugreifen, sondern auch, neue Bestandteile zu erzeugen und in die Dokumentstruktur zu integrieren....
Das Thema Shellscript-Programmierung soll abgeschlossen werden durch ein praxisnahes Script für Mieter eines Root-Servers. Das Script wertet die Error-Logdatei des Apache Webservers aus und gibt...
Eine »Shoutbox« gehört zum typischen Web-2.0-Inventar. Besucher einer Webseite können spontan ihre Meinung zu etwas kundtun, ihre aktuelle Stimmung ausdrücken usw. Meist handelt es sich um...
Serverseitig werden die jeweils 10 jüngsten Einträge der Shoutbox in einer XML-Datei namens shoutbox.xml gespeichert. Diese XML-Datei hat folgendes Aussehen (Beispiel):
<?xml version="1.0"...
Zunächst das Listing der XML-Datei, die wir verarbeiten möchten:
<?xml version="1.0"?>
<members>
<member nr="19341" position="none">...
Zur weiteren Übersicht steht außerdem eine Liste aller Seiten mit kurzen Vorschautexten zur Verfügung.
Nachfolgende Baumstruktur wird automatisch generiert. Die Einträge auf jeder Ebene sind...
Members:
Moderators
Admins
In diesem Fall fehlen die Header-Daten, was durchaus erlaubt ist, wenn keine dafür geeigneten Daten übertragen werden müssen. Das Body-Element enthält ein Element namens WeatherResponse, für...
Wenn ein Service-Server ein Element oder Attribut in den XML-Daten einer SOAP-Anfrage nicht versteht, kann er dies ignorieren oder mit einer Fehlermeldung reagieren. Das Ignorieren von nicht...
Wenn eine Anfrage an einen Webservice-Server unverständliche oder formal fehlerhafte Daten enthält, sollte der verarbeitende Prozess auf dem Webservice-Server dem aufrufenden Client-Prozess...
Ein Teil der SOAP-Spezifikation beschreibt das zuvor behandelte Envelope-Verfahren und den allgemeinen Ablauf eines SOAP-Nachrichtenaustauschs. Ein anderer Teil beschreibt dagegen Vorgaben für die...
Nachdem die Tabellen, ihre Felder und deren Relationen feststehen, müssen als nächstes die Feldnamen, Feldeigenschaften wie Datentyp, Feldlänge usw. festgelegt werden. Außerdem muss festgelegt...
Diese Seite enthält keine weiteren Inhalte. Ihr Zweck ist, ein zentrales Verzeichnis für mehrfach benötigte Grafik- oder Multimedia-Ressourcen zur Verfügung zu stellen. src steht für source.
Wikipedia-Artikel zu SSH:
http://de.wikipedia.org/wiki/SSH
Einführung in die Secure Shell (SSH):
http://www.rrzn.uni-hannover.de/secure_shell.html
In einem Beispiel soll gezeigt werden, wie Sie Server Side Includes dazu nutzen können, um wiederholt benötigten HTML-Code auszulagern und dynamisch einzubinden. Wir greifen dazu auf das...
Eine weitere nützliche Eigenschaft von Server Side Includes ist die Ausgabe variabler Daten. Auch das kann helfen, den Verwaltungsaufwand für HTML-Dateien zu verringern.
Nachfolgendes Beispiel...
Das Buch
Das Buch Webseiten professionell erstellen von Stefan Münz behandelt Webtechnologien und ihre Zusammenhänge von Grund auf — angefangen von HTML über CSS und JavaScript/DOM/Ajax bis...
Seiten mit Formularen werden von Anwendern meist länger angezeigt und intensiver wahrgenommen als andere Seiten. Allein schon deshalb ist es Anbieterpflicht, Formulare so zu gestalten, dass der...
Ein typisches Beispiel zum Ändern von Attributwerten, das mächtige Möglichkeiten eröffnet, sind die so genannten Style-Switcher. Dabei kann der Anwender via Formular oder Link ein Stylesheet...
Die Arbeitsweise von Funktionen soll an einem Komplettbeispiel verdeutlicht werden. Das Beispiel stellt eine eigene Suche-Ersetze-Funktion für Zeichenketten vor, die es in dieser Form in...
Eine Reihe von Regeln gelten für alle XML-Dokumente:
Standalone-Tags werden – wie bereits aus XHTML bekannt – in XML-Sprachen stets durch einen Schrägstrich / vor der schließenden spitzen...
SVG (Scalable Vektor Graphics) ist ein in den letzten Jahren eigens für den Einsatz im Web entwickeltes Vektorgrafikformat. Die vektorgrafischen Informationen werden in XML-Form gespeichert. SVG...
W3C-Recommendation zu SVG:
http://www.w3.org/TR/SVG/
SVG-Tutorial:
http://svg.tutorial.aptico.de/
Mozilla SVG Project:
http://www.mozilla.org/projects/svg/
Adobe SVG...
Eine Datenbank zum Speichern von Webseiten soll erstellt werden. Eine der dazugehörigen Tabellen ist die hier vorgestellte Tabelle pages. Die gesamte Tabellenstruktur soll so aussehen:
Tabelle...
Anhand des Quelltextes einer vollständigen HTML-Datei zeigen wir nun einen in der Praxis häufig verlangten Effekt: eine Tabelle soll den gesamten Raum des Anzeigefensters einnehmen, nur eine...
Es gibt zahlreiche Informationen, die sich am besten in einer Tabelle darstellen lassen. In HTML müssen Sie sich dabei entscheiden, nach welchem Kriterium sie die Tabellendaten sortieren, oder Sie...
Die beiden Grafiken, welche die Sortierung anzeigen, sind diese:
Das Script, welches die Tabelle sortiert, ist über ein script-Element in den Kopfdaten des HTML-Dokuments als externe Datei...
Für unser Beispiel greifen wir auf die MySQL-Datenbank mit dem Namen cms aus dem Formularüberprüfungsbeispiel zurück. Wir nehmen an, dass es in dieser Datenbank eine Tabelle namens users gibt,...
Doch wie kommt nun die für den Anwender so komfortable Möglichkeit zustande, die Tabelle während der Anzeige im Browser zu sortieren? Dazu werfen wir einen Blick auf die Tabelle, die das...
Bevor das HTML-Dokument an den aufrufenden Browser gesendet wird, wird auf dem Server der Inhalt des PHP-Bereichs (<?php … ?>) durch den HTML-Code ersetzt, den das mit include eingebundene...
Auch im Template-Beispiel werden wir anstelle von statischen URIs wie schon im Abschnitt zuvor wieder mit dynamischen URIs arbeiten, d.h. also den anzuzeigenden Seiteninhalt aus dem übergebenen...
Das Gesamtbeispiel benötigt:
Eine Datei mit dem HTML-Grundgerüst ohne Inhalte,
eine Datei mit dem HTML-Code der Navigation (hier vorgestellt),
eine CSS-Datei für zentrale Layout- und...
Ein Shop-Anbieter soll die Produkte des Shops verwalten können, also neue Produkte hinzufügen, oder bestehende Produkte ändern und löschen können. Die web-basierte Lösung einer solchen...
Das Beispiel besteht aus folgenden PHP-Scripts:
linkweb.php: das zentrale Script, das auch im Browser aufgerufen wird.
class.template.php: Script mit der Klasse "Template" für HTML-Templates...
Als zweites Ereignis betrachten wir einen Termin im...
Wir nehmen in unseren nachfolgenden Beispielen an, dass PHP als Apache-Modul installiert ist. PHP-Dateien können dann überall unterhalb der Document Root, also unterhalb des Startverzeichnisses...
Demo.FLV
Lösung:
Datei demo.file an die Wiki-Seite attached mit folgendem Inhalt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"...
Basis ist vor allem $ 312 des BGB. Danach hat ein Unternehmer den Verbraucher rechtzeitig vor Abschluss des Fernabsatzvertrages klar und verständlich über dessen Widerrufsrechte zu informieren....
Diese Rubrik bietet diverse, in Form von Gadgets integrierte Fremdservices an, die für Webentwickler von Nutzen sein können.
Gadget Domain-Registrierung
Lassen Sie sich beim Finden noch freier...
example menu
example item 1
example item 2
contact
Ein erstes, einfaches Beispiel soll die Arbeitsweise von XSLT demonstrieren. Gegeben sei folgender Quellbaum:
<?xml version="1.0" encoding=" UTF-8"?>
<book isbn="3-8273-2218-9">...
Das Wiki ist die Website zum Buch: Webseiten professionell erstellen von Stefan Münz. Das Wiki wurde von Stefan Münz selbst eingerichtet und wird von ihm betrieben. Es hat folgende...
Wikipedia-Artikel zu ISO 8859:
http://de.wikipedia.org/wiki/ISO_8859
Wikipedia-Artikel zu Unicode:
http://de.wikipedia.org/wiki/Unicode
RFC 3629...
Um den Inhalt eines Verzeichnisses einzulesen, müssen Sie ähnlich wie beim Einlesen von Dateien mit "klassischen" Funktionen das Verzeichnis öffnen, dabei ein Handle erzeugen, den Inhalt...
Was ist video2brain?
video2brain ist ein Hersteller von hochwertigen Video-Trainings für u.a. Software, Fotografie und Programmiersprachen. video2brain arbeitet mit Trainern zusammen, die sowohl...
Es beginnt beim html-Element und beim body-Element. Diese beiden stellen bereits eigene Boxen mit unterschiedlichen Eigenschaften dar. Ein Test soll das verdeutlichen. Das folgende Listing zeigt...
Der Quelltext lässt sich in einen Texteditor kopieren und als Datei mit der Endung .html oder .htm abspeichern. Aus Gründen der Übersichtlichkeit ist der abgedruckte Quelltext mit Einrückungen...
Um die Unterschiede zwischen HTML und XHTML am konkreten Beispiel zu sehen, werden wir nun noch einmal das Quelltextbeispiel aus Listing 4.1 demonstrieren, diesmal jedoch in XHTML-Syntax....
Links zu W3C-Recommendations von in diesem Buch behandelten Technologien
HTML 4.01: http://www.w3.org/TR/html4/
XHTML 1.0: http://www.w3.org/TR/xhtml1/
CSS 1.0: http://www.w3.org/TR/CSS1
CSS 2.1:...
Derzeit sind Webservices generell noch nicht verbreitet genug, um zuverlässig vorhersagen zu können, ob das Rundumschlagkonzept von SOAP oder das Straightforward-Konzept von WDDX am Ende...
Neben der Funktion wddx_deserialize() bietet PHP noch weitere WDDX-Funktionen an. Die wichtigste davon möchten wir zum Abschluss kurz vorstellen. Ihre Aufgabe ist der umgekehrte Fall, nämlich aus...
siehe auch: Webpräsenz
Die Begriffe Webauftritt und Webpräsenz stammen aus der kommerziellen Welt und werden immer dann gebraucht, wenn es um Seiten mit Präsentationscharakter geht, also um...
Ein Webdesigner entwirft und erstellt Webseiten. Dabei umfasst sein Aufgabengebiet jedoch weniger das Erstellen von Inhalten als vielmehr das Umsetzen von Layoutvorstellungen. Von Fall zu Fall...
Ein Webmaster hat mit dem Erstellen von Webseiten nicht viel zu tun. Der Tätigkeitsbereich umfasst eher die Installation und Administration des Webservers sowie der Serversoftware, die für den...
siehe auch: Webauftritt
Die Begriffe Webauftritt und Webpräsenz stammen aus der kommerziellen Welt und werden immer dann gebraucht, wenn es um Seiten mit Präsentationscharakter geht, also um...
Die Abgrenzung der Begriffe »Programmierer« und »Entwickler« ist nicht ganz einfach, betrifft aber nicht nur das Web, sondern die gesamte Softwarebranche. Ein Entwickler ist tendenziell jemand,...
Eine einzelne Webseite (oft auch als Internetseite bezeichnet) ist ein HTML-Dokument, das von einem Webbrowser angezeigt werden kann. Die genaue Abgrenzung lässt sich eigentlich nur technisch...
Abonnieren
Abonnieren Sie diese News in Ihrem Feedreader:
RSS-Feed
News-Archiv
Rufen Sie eine Liste aller gespeicherten News auf:
Webseiten professionell News
Jede News ist zugleich das...
Eine Website ist ein als Ganzes erkennbares Projekt, das in der Regel aus mehreren bis vielen einzelnen, miteinander verlinkten Webseiten besteht. Der erkennbare Zusammenhang ergibt sich aus...
Eine Datenbank zum Speichern von Webseiten soll erstellt werden. Eine der dazugehörigen Tabellen ist die bereits vorgestellte Tabelle website.pages. Die gesamte Tabellenstruktur soll so...
According to Wikipedia, the world largest wiki site:
A Wiki ([ˈwiː.kiː] <wee-kee> or [ˈwɪ.kiː] <wick-ey>) is a type of website that allows users to add, remove, or otherwise edit...
Von XSLT haben wir nun bereits das Dokumentelement xsl:stylesheet sowie die Elemente xsl:template und xsl:value-of kennen gelernt. Anhand des nachfolgenden Beispiels werden wir weitere Elemente...
Wikis sind Web Content Management Systeme, bei denen Administration und Präsentation keine getrennten Anwendungsbereiche sind.
Wiki-basierte Webseiten enthalten direkte Links zur Bearbeitung der...
Anime- und Manga-Wiki: http://www.aniki.info/
Indiander-Wiki: http://www.indianer-wiki.org/
Juristen-Wiki: http://www.jurawiki.de/
Pferde-Wiki: http://www.pferdewiki.de/
MediaWiki (PHP/MySQL, OpenSource): http://sourceforge.net/projects/wikipedia
Confluence (Java, kommerziell): http://www.atlassian.com/software/confluence/
coWiki (PHP/MySQL, OpenSource):...
Auf dieser Seite ist der CSS-Code der vollständig entwickelten Testseite enthalten. Es handelt sich um den Inhalt der im HTML-Code referenzierten Datei winkel.css. Zum Gesamt-Code gehören daneben...
Auf dieser Seite werden die im HTML-Code des Layouts verwendeten Einzelgrafiken abgebildet. Zum Code gehören daneben die folgenden Seiten:
Winkel-Layout / HTML
Winkel-Layout /...
Auf dieser Seite ist der HTML-Code der vollständig entwickelten Testseite mit dem Winkel-Layout enthalten. Zum Gesamt-Code gehören daneben die folgenden Seiten:
Winkel-Layout / CSS
Winkel-Layout...
Die Funktion date() macht aus einem Unix-Zeitstempel ein lesbares Format. Der gewünschte Unix-Zeitstempel kann im zweiten Parameter übergeben werden. Wird kein zweiter Parameter übergeben, so...
In XML wird zwischen zwei syntaktischen »Qualitätsstufen« unterschieden: wohlgeformte und gültige Dokumente.
Wohlgeformte Dokumente erfüllen die syntaktischen Regeln von XML, doch es fehlen...
XML bietet ein weiteres interessantes Feature an, nämlich das Mischen von zwei oder mehreren XML-Sprachen in ein und demselben Dokument. So ist es syntaktisch beispielsweise kein Problem, mitten...
Wikipedia-Artikel zu XHTML:
http://de.wikipedia.org/wiki/XHTML
Artikel »Keine Angst vor XHTML«:
http://www.webwriting-magazin.de/sogehts/xhtml.shtml
Modularization of XHTML...
Das rel-Attribut drückt die Beziehung aus, in welcher der verweisende Inhalt zum Verweisziel steht -– also eine Möglichkeit, um Links zu typisieren. Die Wertzuweisung ist jedoch nicht völlig...
Bestens geeignet ist die DOM-Klasse von PHP 5, um aus strukturierten Daten XML-Code zu erzeugen. Um das zu demonstrieren, nehmen wir ein Beispiel mit Daten einer Bestellung, an die das PHP-Script...
In manchen Fällen gibt es nur ein einziges XML-Dokument einer bestimmten XML-Sprache, das aber validierbar sein soll. Damit für dieses eine Dokument nicht extra eine externe DTD gespeichert...
MS Windows
<oXygen/> (en, Shareware): http://www.oxygenxml.com/
Peter’s XML-Editor (en, Freeware): http://www.iol.ie/~pxe/
UltraXML (en, Shareware):...
Wenn Sie bereits daran gewöhnt sind, XML mit der DOM-Schnittstelle zu verarbeiten, wird Ihnen das Konzept von Expat anfangs etwas befremdlich vorkommen. Expat arbeitet ereignisorientiert. Das...
W3C-Übersicht zu XML:
http://www.w3.org/XML/
XML in 10 points (Kurzeinführung des W3C):
http://www.w3.org/XML/1999/XML-in-10-points
XML 1.0 Empfehlung:
http://www.w3.org/TR/REC-xml/
XML 1.0...
XML Schema teilt daher ein wenig das Schicksal von SVG: eine sinnvolle, ausgereifte Sache, die sich jedoch nicht durchsetzt, weil andere, übermächtige De-facto-Standards existieren und daher auch...
Expat (en, OpenSource):
http://sourceforge.net/projects/expat/
Schnell und nah am XML-Standard, unterstützt jedoch nur SAX, nicht DOM, nicht validierend
JAXP (en,...
Dateien mit XML-Schema-Definitionen erhalten die typische Dateiendung .xsd, was für XML Schema Definition steht. Nachfolgendes Listing zeigt, wie der Inhalt der im Beispiel angegebenen Datei...
Die Aufgabe der XPath-Syntax erschöpft sich nicht darin, festzulegen, wie Inhalte aus dem XML-Quellbaum adressiert werden. Ein weiterer Beitrag, den XPath leistet, sind eine Reihe von Funktionen....
Um im Beispiel nur Mitglieder herauszufiltern, deren Eintrittsdatum vor 2005 liegt, haben wir uns im Beispiel des xsl:if-Elements bedient. Für einfache Bedingungen genügt das. Sollen jedoch...
Xalan (en, OpenSource):
http://xml.apache.org/xalan-j/
vom Apache-Projekt entwickelter, java-basierter XSLT-Prozessor (mittlerweile auch in einer C++-Implementierung verfügbar). Bestens geeignet...
W3C-Übersicht zu XSL: http://www.w3.org/Style/XSL/
XSLT 1.0 Empfehlung: http://www.w3.org/TR/xslt
XML 2.0 Empfehlung (zum Redaktionszeitpunkt noch »Candidate«-Status):...
Das Gesamtbeispiel benötigt:
Eine Datei mit dem HTML-Grundgerüst ohne Inhalte,
eine Datei mit dem HTML-Code der Navigation,
eine CSS-Datei für zentrale Layout- und Formatierungsdefinitionen,
je...
Inhalt stammt zum Teil aus dem Buch, S.{$page_number}
