jquery in der Praxis

Größe: px
Ab Seite anzeigen:

Download "jquery in der Praxis"

Transkript

1 U1+U :57 Seite 1 Lars Schmidt Aus dem Inhalt: Was ist jquery? Was kann jquery? Know-how ist blau. Lars Schmidt Schmidt WebEntwicklung Die Entwicklungsumgebung einrichten jquery in der Praxis jquery einbinden Erste Erfolge an kleinen Beispielen Die Selektoren Das jquery-objekt mittels jquery-methoden Formulare und jquery Ajax und JSON Ereignisse: Events und Event Handling Animationen und Effekte: Sliding, Fading, Easing Das jquery UI Drag and Drop Einen Warenkorb mit Drag and Drop erstellen 씰 Effekte und Animationen mit jquery Mittlerweile werden HTML-Elemente oft per Sliding auf Webseiten ein- und ausgefahren bzw. per Fading ein- und ausgeblendet. Mit dem Easing bietet jquery darüber hinaus einen Parameter, der besondere Einstellmöglichkeiten für einen spektakulären benutzerdefinierten Animationsverlauf bietet. Die besonderen grafischen Darstellungen in diesem Buch zeigen Ihnen, wie sich die jeweiligen Einstellungen auf den Verlauf der Animation auswirken. 씰 Warenkorb mit Drag and Drop Intuitive Bedienung bedeutet bei einem Warenkorb, dass man die Produkte mit einem Mausklick aufnimmt und über dem virtuellen Warenkorb wieder fallen lässt. Wie dies mit jquery realisiert wird und auch das Sortieren von Produktlisten mit Drag and Drop erfolgen kann, zeigen Ihnen die Beispiele in diesem Buch. 씰 Google Maps einbinden mit zusätzlichen Funktionen Eine eingebundene Karte von Google Maps ist auf vielen Webseiten eine Selbstverständlichkeit. Aber diese Karte mit zusätzlichen Funktionen auszustatten, z. B. einer eigenen Entfernungsmessung für die Verbindung, gehört zu den Besonderheiten, die Ihre Webseite auffällig machen. Hier wird gezeigt, wie Sie solche Funktionalitäten mit Hilfe von jquery erzeugen. Mehrstufige Navigationsmenüs Google Maps mit jquery nutzen Eine Live-Suche als jquery-plug-in realisieren Tipps und Tricks Über den Autor: IT-Profi Lars Schmidt ist seit 1995 als Softwareentwickler in unterschiedlichen Unternehmen tätig. Daneben hat er immer wieder auch eigene Software-Produkte entwickelt, z. B. die Audio-Software Sonoscope für die RealTime-Spektrum-Analyse, und Fachbeiträge in Zeitschriften veröffentlicht. Sein Schwerpunkt liegt seit einigen Jahren auf den Themen der Webentwicklung. Auf jquery in der Praxis Manipulieren von Elementeigenschaften Mit jquery wird die Programmierung von Webanwendungen radikal vereinfacht. Diese JavaScript-Klassenbibliothek erleichtert unter anderem die Manipulation von Webseiten-Elementen, die Entwicklung von Ajax-Applikationen sowie das Erzeugen von Animationen. Lars Schmidt zeigt in diesem Buch anhand von Beispielen aus der Praxis, wie das Zusammenspiel mit dem Document Object Model (DOM) und Cascading Style Sheets (CSS) funktioniert, wie jquery für Ajax-Anwendungen eingesetzt wird und wie Sie Ihre Webseiten mit auffälligen Effekten und Funktionen ausstatten. jquery in der Praxis > Das JavaScript-Framework im täglichen Programmiereinsatz > Animation und Effekte, Ajax und JSON > Navigationsmenüs mit jquery realisieren Der komplette Beispielcode aus dem Buch zum Download. Besuchen Sie unsere Website 30, EUR [D] ISBN Erleichtern Sie sich die Webseitenprogrammierung mit dem erfolgreichsten JavaScript-Framework!

2 Lars Schmidt jquery in der Praxis

3 Lars Schmidt jquery Mit 88 Abbildungen

4 Bibliografische Information der Deutschen Bibliothek Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte Daten sind im Internet über abrufbar. Alle Angaben in diesem Buch wurden vom Autor mit größter Sorgfalt erarbeitet bzw. zusammengestellt und unter Einschaltung wirksamer Kontrollmaßnahmen reproduziert. Trotzdem sind Fehler nicht ganz auszuschließen. Der Verlag und der Autor sehen sich deshalb gezwungen, darauf hinzuweisen, dass sie weder eine Garantie noch die juristische Verantwortung oder irgendeine Haftung für Folgen, die auf fehlerhafte Angaben zurückgehen, übernehmen können. Für die Mitteilung etwaiger Fehler sind Verlag und Autor jederzeit dankbar. Internetadressen oder Versionsnummern stellen den bei Redaktionsschluss verfügbaren Informationsstand dar. Verlag und Autor übernehmen keinerlei Verantwortung oder Haftung für Veränderungen, die sich aus nicht von ihnen zu vertretenden Umständen ergeben. Evtl. beigefügte oder zum Download angebotene Dateien und Informationen dienen ausschließlich der nicht gewerblichen Nutzung. Eine gewerbliche Nutzung ist nur mit Zustimmung des Lizenzinhabers möglich Franzis Verlag GmbH, Haar bei München Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Das Erstellen und Verbreiten von Kopien auf Papier, auf Datenträgern oder im Internet, insbesondere als PDF, ist nur mit ausdrücklicher Genehmigung des Verlags gestattet und wird widrigenfalls strafrechtlich verfolgt. Die meisten Produktbezeichnungen von Hard- und Software sowie Firmennamen und Firmenlogos, die in diesem Werk genannt werden, sind in der Regel gleichzeitig auch eingetragene Warenzeichen und sollten als solche betrachtet werden. Der Verlag folgt bei den Produktbezeichnungen im Wesentlichen den Schreibweisen der Hersteller. Lektorat: Anton Schmid Satz: DTP-Satz A. Kugge, München art & design: Druck: GGP Media GmbH, Pößneck Printed in Germany ISBN

5 5 Inhaltsverzeichnis 1 jquery kennenlernen Was ist jquery? Was kann jquery? Warum jquery? Einrichten der Entwicklungsumgebung Betriebssystem(e) Die jquery-library Editoren und IDEs Browser Webserver Tipps zur Arbeit mit XAMPP Aller Anfang ist»leicht«! der Einstieg mit jquery jquery einbinden Erste Erfolge an kleinen Beispielen Alte Bekannte? Die Selektoren Es geht ans Eingemachte! Die Funktionen von jquery Das jquery-objekt Die Funktion $() Manipulieren von Elementeigenschaften mittels jquery- Selektoren und -Methoden Lesen und Ändern von Attributen Elemente positionieren und formatieren die CSS- Eigenschaften Aufheben einer Selektion Zuweisen von Text- und Elementinhalt Formulare und jquery Ajax und JSON... 95

6 6 Inhaltsverzeichnis 5 Ereignisse Events und Event Handling Browser Events verstehen (HTML-DOM-Events) jquery-events Fades, Slides & Co Animationen und Effekte Anzeigen und Verbergen Anzeigestatus per Animation verändern Sliding Bewegtes Ein- und Ausblenden Fading Verändern der Transparenz Benutzerdefinierte Animationen Der Animationsverlauf easing Setzen Sie Ihr gelerntes Wissen ein jquery in der Praxis Drag and Drop Das jquery User Interface (jquery UI) im Überblick Artikel per Drag and Drop in den Warenkorb legen Sortieren per Drag and Drop Navigationsmenüs Mehrstufige Navigationsmenüs Menüs dynamisch verwalten Google Maps mit jquery nutzen Die»Live-Suche«Ein Plug-in mit jquery realisieren Anhang HTML, X[HT]ML & CSS XPath Tipps & Tricks Browser und dessen Fähigkeiten erkennen jquery ohne Konflikte mit anderen Librarys benutzen Das»Ready«-Ereignis von jquery verzögern jquery-kurzreferenz (Version 1.7.2) Nützliche Links Stichwortverzeichnis

7 43 3 Aller Anfang ist»leicht«! der Einstieg mit jquery 3.1 jquery einbinden Um jquery nutzen zu können, muss die Library in Ihr Projekt eingebunden werden. Das können Sie auf verschiedene Arten tun entweder von Ihrem Server bzw. einem lokalen Ordner auf Ihrer Festplatte (falls eine Internetverbindung zunächst nicht nötig ist), oder Sie benutzen zum Beispiel die bei Google CDN (Content Distribution Network, oder auch Content Delivery Network) gehostete Version. Letzteres kann in einigen Fällen von Vorteil sein, da die Library von vielen Internetseiten genutzt wird und sich meistens schon im Browser-Cache befindet. Außerdem entstehen Ihnen keine zusätzlichen Kosten für übertragene Datenvolumen. Die Einbindung von jquery ist denkbar einfach und funktioniert analog zu anderen JavaScript-Datei, wie die folgenden Quellcode-Ausschnitte zeigen: Einbinden über das Google CDN: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></scrip t> Einbinden über eine eigene Quelle: <script type="text/javascript" src="pfad/zu/jquery/jquery-1.7.min.js "></script> jquery steht in zwei Varianten zur Verfügung in einer minimierten Version und in einer»unkomprimierten«version. Minimiert bezieht sich hier keinesfalls auf den Umfang oder die Leistung der Library, sondern einzig und allein auf die Dateigröße so wurde hier auf jegliche Art von Whitespace und Kommentaren verzichtet. Das macht natürlich den Quellcode unleserlicher und schwerer nachvollziehbar. Deshalb ist es während der Entwicklung ratsam, die unkomprimierte Version zu benutzen, damit das Debuggen eventueller JavaScript-Fehler leichter fällt. Für das endgültige Projekt empfehle ich Ihnen die minimierte Version von jquery zu nutzen, da diese wesentlich kleiner und somit auch sehr viel schneller geladen ist (zum Vergleich: bei der momentan aktuellen Version 1.7 sind es 31 Kilobyte zu 229 Kilobyte)

8 44 Kapitel 3: Aller Anfang ist»leicht«! 3.2 Erste Erfolge an kleinen Beispielen Zunächst wollen wir unser HTML-Grundgerüst betrachten. Auch wenn jeder sich nach HTML5 sehnt, so wird es momentan von den Browsern doch noch nicht komplett unterstützt (es gibt einige interessante Erweiterungen, aber dazu mehr in Kapitel 8). Um dennoch möglichst zukunftssicher und kompatibel zu bleiben, werden wir in all unseren Beispielen den XHTML-Standard mit dem Zeichensatz UTF-8 verwenden (aufgrund der besseren Überschaubarkeit schreibe ich jedoch in den weiteren Beispiel-Listings hier im Buch nur das <html>-tag!). Wenn wir von Anfang an mit UTF-8 arbeiten, hat das den großen Vorteil, dass Sie später ohne große Probleme die Möglichkeit haben, Mehrsprachigkeit in Ihre Projekte einzubauen und auch die entsprechende Schriftkultur wie zum Beispiel kyrillische, arabische oder chinesische bzw. japanische Schriftzeichen richtig darstellen können. Dabei müssen natürlich noch einige Punkte mehr beachtet werden, aber dies soll ja hier erst einmal eine Vorbereitung, also ein solides Grundgerüst, sein. So muss bei der Datenbank die Kollation der Tabellen und auch die Kollation der Verbindung auf UTF- 8 eingestellt werden. Ein wichtiger Punkt ist allerdings direkt zu berücksichtigen: Wir müssen darauf achten, dass wir unsere Dateien auch im UTF-8 Format abspeichern, was aber mit den zuvor genannten Editoren kein Problem darstellt. Hier ein Beispiel unserer HTML-Vorlage: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="../jquery/jquery- 1.7.js"></script> <script type="text/javascript" src="../jquery/js/ jquery-ui custom.min.js"></script> <style type="text/css"> <!-- --> </style> <script type="text/javascript"> //<![CDATA[

9 3.2 Erste Erfolge an kleinen Beispielen 45 //]]> </script> </head> <body> </body> </html> Schauen wir uns die einzelnen Punkte noch einmal genauer an: Zunächst die Dokumenttyp-Deklaration für XHTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> dann folgen die Kopfdaten mit Titel, Meta-Angaben, Styles, JavaScript usw. <head> <title></title> die folgende Anweisung ist nötig für den IE, damit auch dort der richtige Zeichensatz angezeigt wird. <meta http-equiv="content-type" content="text/html;charset=utf-8" /> jquery und jquery UI einbinden <script type="text/javascript" src="../jquery/jquery- 1.7.js"></script> <script type="text/javascript" src="../jquery/js/ jquery-ui custom.min.js"></script> <style type="text/css"> <!-- hier werden unsere Stile per CSS deklariert --> </style>

10 46 Kapitel 3: Aller Anfang ist»leicht«! <script type="text/javascript"> //<![CDATA[ weiterer JavaScript bzw. jquery Code //]]> </script> </head> jetzt kommen die Körper- bzw. Rumpfdaten, also der eigentliche Inhalt der Seite wie Texte, Bilder, Links, usw. <body> hier steht der anzuzeigende Inhalt </body> zum Schluss muss noch unser <html>-tag von der Dokumenttyp-Deklaration wieder geschlossen werden. </html> Tipp: Der Header-Bereich (<head>..</head>) wird auf der Seite selbst nicht angezeigt, er kann (optional) Definitionen und Anweisungen für Web-Server, Web-Browser oder auch Suchmaschinen enthalten, die über die sogenannten Meta-Angaben gemacht werden. Diese können auch Angaben zum Autor und zum Inhalt der Datei enthalten oder HTTP-Befehle absetzen und so zum Beispiel den Web-Browser automatisch zu einer anderen Adresse weiterleiten. Des Weiteren können auch Anweisungen über das Erscheinungsbild in Form von CSS-Angaben, sowie JavaScript-Definitionen im Header-Bereich stehen. Nun gilt es noch zu klären, wo eigentlich der»entry Point«(Eingangspunkt) von jquery ist. Sicherlich ist Ihnen von der Arbeit mit»normalem«javascript Folgendes bekannt: window.onload = function() { alert("das Dokument ist nun vollständig geladen."); } Hier wird window.onload aber erst aufgerufen, wenn ausnahmslos alle Elemente des Dokuments geladen sind also auch alle Bilder, Styles und so weiter, was unter Umständen schon mal ein wenig länger dauern kann. Hier bietet jquery eine Methode, die bereits nach dem Laden des DOM zur Verfügung steht. Das heißt, sobald also das HTML-Dokument geladen und der DOM-Baum fertig aufgebaut ist, sind alle Elemente der Seite ansprechbar beziehungsweise der Quellcode ist ausführbar, auch wenn noch nicht alle Objekte, wie eben die Bilder, geladen sind.

11 3.2 Erste Erfolge an kleinen Beispielen 47 $(document).ready( function() { alert("der DOM-Baum ist nun fertig aufgebaut und alle Elemente können selektiert werden."); } ); Die Funktion $(document).ready() macht es uns auch möglich, die gesamte JavaScript- Programmierung in den Header-Bereich zu verlagern und ausschließlich den Seitenaufbau mit dem eigentlichen Inhalt (HTML) im Body-Bereich zu notieren. Auf diese Weise erhält man eine gewisse Ordnung und auch Übersichtlichkeit, und man hat vor allem Logik und Inhalt klar getrennt. Machen wir uns die kurz klar, indem wir versuchen, das folgende Beispiel mit»normalem«javascript-code auszuführen: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript"> alert(document.getelementbyid("content").innerhtml); </script> </head> <body> <div id="content">hier steht unser Inhalt!</div> </body> </html> Vorhin hatte ich erwähnt, dass es wünschenswert ist, auch die gesamte Logik im Header- Bereich vorzufinden. Aus den oben genannten Gründen funktioniert dies aber in der Praxis leider nicht immer so mit dem»normalen«javascript-part, da HTML-Elemente, auf die man eventuell zugreifen möchte, an dieser Stelle (im Header) noch nicht im Browser-Speicher verfügbar gemacht wurden, d. h., sie existieren zu diesem Zeitpunkt noch nicht für JavaScript. Tipp: Die.ready()-Funktion wird ausgeführt, sobald das DOM fertig aufgebaut ist, unabhängig davon, ob alle Objekte zu diesem Zeitpunkt schon geladen sind. Sie ist allerdings nicht kompatibel mit dem <body onload="">-attribut. Wenn dieses aus irgendeinem Grund genutzt werden muss, sollte.ready() nicht zusätzlich genutzt werden. Hier kann allerdings die.load()-methode zum Einsatz kommen, um Load Event Handler an das window-objekt oder andere Elemente zu binden.

12 48 Kapitel 3: Aller Anfang ist»leicht«! Alte Bekannte? Die Selektoren Und damit sind wir auch schon bei den»selektoren«. Diese spielen beim Programmieren mit jquery eine wichtige Rolle und stellen gleichzeitig auch eine der größten Stärken der Library dar. Wenn Sie Selektoren vielleicht schon von der Arbeit mit CSS kennen, werden Sie sofort mit den jquery-selektoren vertraut sein und auch schnell Ihre Freude daran haben. Die Syntax der jquery-selektoren basiert nämlich zum großen Teil auf den CSS-Selektoren (CSS 1-3) und gerade bei der CSS-3-Kompatibilität hat jquery zum Teil noch einen großen Vorsprung vor mancher Browser-Implementierung. Um ein Element beziehungsweise eine Gruppe von Elementen zu selektieren, benutzen wir folgende Syntax: jquery(selektor) oder kurz $(Selektor) Als Nächstes möchten wir mit unserem selektierten Element noch etwas machen. Dazu hängen wir noch eine entsprechende Funktion an (konkret wird dann das gefundene Element an die folgende Funktion übergeben): jquery(selektor).funktion() oder $(Selektor).Funktion() Tipp das Grundprinzip von jquery ist also denkbar einfach: finde HTML-Elemente im DOM-Baum mach etwas damit Fangen wir mit einem kleinen Beispiel an, indem wir einfach einmal die Formatierung eines Elements mit einer bestimmten ID ändern wollen: jquery("#meineid").css({color: 'Farbwert'}) <html> <head> <style type="text/css"> <!-- Body { text-align: center; } #infotext { width: 200px;

13 3.2 Erste Erfolge an kleinen Beispielen 49 text-align: center; margin: auto auto; } --> </style> <script type="text/javascript"> //<![CDATA[ $(function() { $("#button1").bind('click', function() { $("#infotext").css({color: '#ff0000'}); }); }); //]]> </script> </head> <body> <div id="infotext"> Lorem ipsum dolor sit amet consectetuer sed quis </div> <p><input type="button" id="button1" value="textfarbe ändern..."></p> </body> </html> Bild 3.1: Standard-Formatierung (mit schwarzer Schrift)

14 50 Kapitel 3: Aller Anfang ist»leicht«! Bild 3.2: Formatierung nach Änderung (Die Schrift ist nur rot) In diesem Beispiel haben wir auch gleich einen jquery-event-handler kennengelernt (mehr dazu in Kapitel 5): $("#button1").bind('click', function() { }); Hier»binden«wir ein Ereignis, in unserem Fall das Maus-»click«-Ereignis, an ein Element: Hier ist es unser Button (button1). Was bei dem»click«passieren soll, ist wiederum in einer eigenen Funktion gekapselt, und diese ändert in unserem Beispiel die Farbe des Elements mit der ID»infotext«über eine CSS-Zuweisung: $("#infotext").css({color: '#ff0000'}); Mit einem weiteren Beispiel möchten wir alle Links innerhalb von div-elementen selektieren. Unser Selektor dafür würde dann folgendermaßen aussehen: jquery("div a") <html> <head> <style type="text/css"> <!-- body { text-align: center; }.linksindiv { color: #FF0000; background-color: #FFF;

15 3.2 Erste Erfolge an kleinen Beispielen 51 display: block; border-bottom: 1px dotted #FF0000; text-decoration: none; width: 300px; text-align: center; margin: 10px auto 10px auto; } --> </style> <script type="text/javascript"> //<![CDATA[ $(function() { $("div a").addclass("linksindiv"); }); //]]> </script> </head> <body> <div> <a href="#">dieser Link befindet sich in einem DIV-Element</a> </div> <div> <a href="#">dieser Link ebenfalls</a> </div> <p><a href="#">dieser Link nicht mehr</a></p> </body> </html> Bild 3.3: Spezielle Formatierung für Links innerhalb von div-elementen

16 52 Kapitel 3: Aller Anfang ist»leicht«! Darüber hinaus bietet jquery auch noch einige Pseudo-Selektoren beziehungsweise Filter. Mit diesen lassen sich beispielsweise nur eine bestimmte Gruppe von Elementen auswählen oder auch sehr schnell alle geraden bzw. ungeraden Zeilen einer Tabelle selektieren und einfärben, wie die folgenden kleinen Codeausschnitte zeigen: $(":input") Alle Input-Elemente werden selektiert <html> <head> <title>input-elemente</title> <script type="text/javascript"> //<![CDATA[ $(function() { $("#toggleactive").bind("change", function() { if ($('#toggleactive').is(':checked')) { $("#myinputs :input").attr("disabled", true); } else { $("#myinputs :input").removeattr('disabled'); } }); }); //]]> </script> </head> <body> <div id="myinputs"> <p>name:<br><input name="name" type="text" size="30" maxlength="30" /></p> <p>vorname:<br><input name="vorname" type="text" size="30" maxlength="30" /></p> <p>straße:<br><input name="str" type="text" size="30" maxlength="30" /></p> <p>plz:<br><input name="plz" type="text" size="30" maxlength="30" /></p> <p>ort:<br><input name="ort" type="text" size="30" maxlength="30" /></p> </div> <p>alle Eingabefelder deaktivieren: <input type="checkbox" id="toggleactive" name="toggleactive" /></p> </body> </html>

17 3.2 Erste Erfolge an kleinen Beispielen 53 Bild 3.4: Eingabefelder sind aktiv Bild 3.5: Eingabefelder sind deaktiviert Hier binden wir das»change«-ereignis an eine Checkbox mit der ID»toggleActive«. Wenn diese das Attribut checked aufweist (also gesetzt ist), dann bekommen alle Input- Elemente innerhalb des Blocks myinputs das Attribut disabled mit dem Wert true (deaktiviert). Andernfalls wird bei den entsprechenden Input-Elementen das Attribut disabled entfernt, und diese sind somit wieder aktiv. $("#toggleactive").bind("change", function() { if ($('#toggleactive').is(':checked')) { $("#myinputs :input").attr("disabled", true); } else {

18 54 Kapitel 3: Aller Anfang ist»leicht«! }); } $("#myinputs :input").removeattr('disabled'); Alle geraden Zeilen einer Tabelle werden gefärbt $("tr:even").css("background-color", "Farbwert"); <html> <head> <style type="text/css"> <!-- body { text-align: center; } --> </style> <script type="text/javascript"> //<![CDATA[ $(function() { $("#tabelle_1 tbody tr:even").css("backgroundcolor", "gray"); }); //]]> </script> </head> <body> <table id="tabelle_1" rules="groups" border="0" span="0" style="border-spacing:0px; margin:0; padding:0"> <colgroup> <col width="200"> <col width="200"> <col width="50"> </colgroup> <thead> <tr> <th>titel</th> <th>interpret</th> <th>jahr</th> </tr> </thead> <tbody> <tr> <td>the Wall</td> <td>pink Floyd</td> <td>1979</td> </tr> <tr> <td>some Great Reward</td> <td>depeche Mode</td> <td>1984</td> </tr> <tr> <td>the Anvil</td> <td>visage</td>

19 3.2 Erste Erfolge an kleinen Beispielen 55 <td>1982</td> </tr> <tr> <td>blue Planet</td> <td>moskwa TV</td> <td>1987</td> </tr> <tr> <td>a Secret Wish</td> <td>propaganda</td> <td>1985</td> </tr> </tbody> </table> </body> </html> Bild 3.6: Formatierte Tabelle Hier selektieren wir alle geraden Tabellenzeilen (tr:even der Index beginnt bei 0!) innerhalb des tbody von der Tabelle mit der ID»tabelle_1«und ändern die Hintergrundfarbe mittels CSS-Zuweisung in Grau. $("#tabelle_1 tbody tr:even").css("backgroundcolor", "gray");

20 237 8 Anhang 8.1 HTML, X[HT]ML & CSS HTML (Hypertext Markup Language = Hypertext-Auszeichnungssprache) ist eine auf SGML (Standard Generalized Markup Language) basierende Auszeichnungssprache, die es möglich macht, Dokumente in einer bestimmten Struktur in Bezug auf Inhalt und Formatierung darzustellen. Diese Strukturierung wird durch sogenannte Tags (Markierungen, Kennzeichnungen) erreicht, die in der Regel den zu strukturierenden Inhalt umhüllen (d. h. es gibt ein Start- und ein dazugehöriges End-Tag). Darüber hinaus gibt es auch noch einige spezielle Tags, mit denen erweiterte Zusammenhänge des Dokuments beschrieben werden können (siehe Kapitel 3.2). Die Tags selbst werden von spitzen Klammern umgeben, wobei die End-Tags zusätzlich noch einen Slash (/) vorangestellt bekommen. Nachfolgend einige kurze Beispiele: <h1>eine Überschrift 1. Ordnung</h1> (h heading=überschrift) <h2>eine Überschrift 2. Ordnung</h2> <p>ein Absatz</p> (p paragraph=absatz) <a href=" ">ein Link</a> (a anchor=anker) XML (Extensible Markup Language = erweiterbare Auszeichnungssprache) ist eine Auszeichnungssprache, die Text-Daten in hierarchisch strukturierter Form darstellen kann. XML wird unter anderem auch für den plattformunabhängigen Datenaustausch genutzt. Bei XML-Dokumenten gelten (anders als bei HTML) verschärfte Regeln, die eingehalten werden müssen. So muss ein XML-Dokument stets»wohlgeformt«(wellformed) sein, d. h., es muss zum Beispiel zu jedem Start-Tag auch ein abschließendes End-Tag existieren. Zudem muss am Anfang die Deklaration stehen, die den Bezug zu XML herstellt. Es muss genau ein Wurzelelement existieren (das ist das äußerste Element, das alle weiteren Datenelemente enthält in unserem Beispiel <ADRESSDATENBANK>) und mindestens ein Datenelement (im Beispiel haben wir zwei <ADRESSE>). Ein XML-Kommentar wird genau so geschrieben wie in HTML (genauer gesagt wie in SGML, da HTML ja darauf basiert). Ein Beispiel in Form einer kleinen Adressdatenbank soll dies verdeutlichen: <!-- XML-Deklaration --> <?xml version="1.0"?> <!-- Wurzelelement --> <ADRESSDATENBANK> <!-- 1. Datenelement --> <ADRESSE>

21 238 Kapitel 8: Anhang <VORNAME>Hans</VORNAME> <NACHNAME>Mustermann</NACHNAME> <STRASSE>Musterstraße 1</STRASSE> <PLZ>12345</PLZ> <ORT>Musterstadt</ORT> </ADRESSE> <!-- 2. Datenelement --> <ADRESSE> <VORNAME>Josef</VORNAME> <NACHNAME>Müller</NACHNAME> <STRASSE>Müllerweg 1</STRASSE> <PLZ>54321</PLZ> <ORT>Müllerstadt</ORT> </ADRESSE> </ADRESSDATENBANK> Bei XHTML (Extensible HyperText Markup Language = erweiterbare HTML) handelt es sich um eine auf XML-basierende Neuformulierung von HTML 4.01 (im Gegensatz zu HTML, was ja durch SGML definiert ist). Das heißt, alle Elemente von HTML 4.01 sind auch hier enthalten, aber die Syntax von XHTML orientiert sich eher an der Syntax von XML und natürlich auch deren Regeln im Bezug auf»wohlgeformtheit«und so weiter. Seit einiger Zeit kommt immer wieder die Diskusion auf, welches der bessere Standard für Internetseiten ist: HTML oder XHTML. Ich kann mich noch an Zeiten erinnern, als es hieß, dass HTML 4.01 wohl die letzte (reine) HTML-Version sei und in Zukunft wohl XHTML (also HTML mit XML) der Standard wird. Dies ist aber dann doch nicht so gekommen. Mit XHTML 2.0 gab es wohl nicht den gewünschten Durchbruch, und HTML5 ist ja auch schon da. HTML5 ist eine Weiterentwicklung von HTML 4.01, XHTML 1.0 und DOM Level 2 HTML, in der man jeweils die Vorzüge dieser Technologien zusammengeführt hat. Es gibt auch einige vielversprechende Neuerungen, wie zum Beispiel das Canvas-Element eine Zeichenfläche, die das dynamische Rendern von Bitmap-Grafiken erlaubt. Ebenfalls erwähnenswert ist die einfache Einbindung von SVG (Scalable Vector Graphics) und MathML (Mathematical Markup Language). Auch in Sachen Multimedia gibt es Vereinfachungen, denn hier erlauben die neuen Elemente Audio und Video eine leichte Einbindung dieser Daten. Ebenso gibt es im Bezug auf die Notation einige neue Freiheiten, die aber eher als fragwürdig einzustufen sind (und zum Glück keine zwingende Vorschrift). So kann auf die Einhaltung von wohlgeformten Tags weitgehend verzichtet werden, und auch die umschließenden Anführungszeichen bei Attributwerten darf man weglassen. Meiner Meinung nach ist das ein Schritt in die falsche Richtung und regt eher ein wenig zum»pfusch«an. Aber, na ja spätestens wenn man Inhalte parsen muss, um diese beispielsweise in ein anderes Format zu konvertieren, wird einem wohl schnell bewusst, dass wohlgeformte Dokumente letztendlich einen Vorteil darstellen.

22 8.2 XPath XPath Bei XPath (XML Path Language) handelt es sich um eine Abfragesprache, die dazu dient, die Knoten (oder auch Knotenmengen) eines XML-Dokuments über sogenannte Lokalisierungspfade zu adressieren. Das kann über die ausführliche oder verkürzte Notation erfolgen. Außerdem sind die Knoten eines XML-Dokuments sowohl mit relativen als auch mit absoluten Pfaden adressierbar. 8.3 Tipps & Tricks Browser und dessen Fähigkeiten erkennen jquery kümmert sich bei den meisten Angelegenheiten selbst um die Browser-Unterschiede und gleicht diese aus (Cross-Browser-Fähigkeit). Sollte es aus irgendwelchen Gründen aber doch einmal notwendig sein, den verwendeten Browser explizit zu erkennen, gibt es dafür viele verschiedene Möglichkeiten, von denen ich Ihnen hier einige vorstellen möchte. Am Ende des Kapitels 1.1 haben wir in unserem Ajax-Beispiel (Pures JavaScript) bereits eine dieser Möglichkeiten kennengelernt, nämlich den benutzten Browser anhand der unterschiedlichen Implementierung des XMLHttpRequest-Objektes zu erkennen und entsprechend darauf zu reagieren. var xmlhttp = null; // Mozilla, Opera, Safari sowie Internet Explorer 7 if (typeof XMLHttpRequest!= 'undefined') { xmlhttp = new XMLHttpRequest(); } // Internet Explorer 6 und älter if (!xmlhttp) { try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { xmlhttp = null; } } } if (xmlhttp!= null) {... }

23 240 Kapitel 8: Anhang Eine weitere Möglichkeit ist die Abfrage des JavaScript-Objektes»Navigator«, das unter anderem folgende Informationen über den Browser liefert: appcodename Code-Name des Browsers (z. B. Mozilla; Vorsicht, der IE liefert hier auch Mozilla!) appname Name des Browsers (z. B. Netscape) appversion Version des Browsers (z. B. 5.0 (Windows) ) cookieenabled sind Cookies erlaubt? (true oder false) language Standard-Sprache des Browsers (z. B. de-de) platform das System, auf dem der Browser läuft (z. B. Win32) useragent HTTP-Identifikation des Browsers (z. B. Mozilla/5.0 (Windows NT 5.1; rv:12.0) Ge cko/ Firefox/12.0) javaenabled() ist Java verfügbar? (true oder false) Beispiel: alert(navigator.appcodename); Bild 8.1: Informationen des JavaScript-Objektes»Navigator«(Mozilla Firefox) Speziell für den Internet-Explorer (ab der Version 5.0) bietet Microsoft mit den»conditional Comments«(Bedingte Kommentare) die Möglichkeit, Browser-Typ und Version abzufragen. Von allen anderen Browsern werden diese einfach ignoriert: <!--[if IE 5]> <p>- Internet-Explorer 5</p> <![endif]--> <!--[if IE 5.5]> <p>- Internet-Explorer 5.5</p> <![endif]-->

Scholz (Hrsg.) / Krämer / Schollmayer / Völcker. Android-Apps. Konzeption, Programmierung und Vermarktung

Scholz (Hrsg.) / Krämer / Schollmayer / Völcker. Android-Apps. Konzeption, Programmierung und Vermarktung Scholz (Hrsg.) / Krämer / Schollmayer / Völcker Android-Apps entwickeln Konzeption, Programmierung und Vermarktung Vom Entwurf bis zum Einstellen bei Google Play und Co. So entwickeln Sie native Apps für

Mehr

Anonym im Internet mit Tor und Tails

Anonym im Internet mit Tor und Tails Hacking mit Franzis Ohne Vorkenntnisse Schritt für Schritt zum sicheren Linux auf dem USB-Stick Peter Loshin Anonym im Internet mit Tor und Tails Nutze die Methoden von Snowden und hinterlasse keine Spuren

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5 Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem

Mehr

Inhaltsverzeichnis. Teil I jquery Grundlagen 23. Einleitung 19. Kapitel 1 Der Start mit jquery 25. Über die Autorin 7

Inhaltsverzeichnis. Teil I jquery Grundlagen 23. Einleitung 19. Kapitel 1 Der Start mit jquery 25. Über die Autorin 7 Inhaltsverzeichnis Über die Autorin 7 Einleitung 19 Über dieses Buch 19 Törichte Annahmen über den Leser 20 Wie dieses Buch aufgebaut ist 20 Teil I: jquery Grundlagen 20 Teil II: Elemente durch Effekte

Mehr

jquery! JavaScript Frameworks

jquery! JavaScript Frameworks 1. Einstieg jquery! JavaScript Frameworks jquery basiert auf der Programmiersprache JavaScript und erleichtert bei Webauftritten eine Reihe von Aufgaben wie z. B. Animationseffekte oder das Validieren

Mehr

Vielleicht lesen Sie dieses Buch, weil Sie eine Möglichkeit suchen, Bilder auf Ihrer Website

Vielleicht lesen Sie dieses Buch, weil Sie eine Möglichkeit suchen, Bilder auf Ihrer Website g g g g Der Start mit jquery In diesem Kapitel jquery holen Eine Testumgebung erstellen jquery in einer Webseite verwenden Code ausführen, nachdem eine Webseite geladen wurde 1 Vielleicht lesen Sie dieses

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc.

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc. Übung WS 2014/2015 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 4: Stand: 03.11.2014 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011 Auffrischung jquery jquery Mobile Marco Francke I 24.02.2011 Mayflower GmbH 2010 write less do more Marco Francke 24. Februar 2011 24.02.11 Mayflower GmbH 2 Mayflower GmbH 2010 Was ist jquery und was kann

Mehr

Webengineering. jquery

Webengineering. jquery Webengineering jquery Marcel Vilas 1 DHBW - Stuttgart jquery - Allgemein jquery ist eine JavaScript-Bibliothek (API) jquery ist eine Funktion (Funktionen sind Objekte) Vorteile: einfacher als vanilla JavaScript

Mehr

Sachwortverzeichnis... 251

Sachwortverzeichnis... 251 Inhalt Vorwort... V 1 WWW World Wide Web... 1 1.1 Das Internet Infrastruktur und Administration... 2 1.2 Datenübertragung... 4 1.3 Sprachen im Web... 6 1.4 Webseiten... 7 1.4.1 Clientseitige Dynamik...

Mehr

3.1 Aufgaben beim Laden der Seite durchführen

3.1 Aufgaben beim Laden der Seite durchführen 45 JavaScript hat mehrere eingebaute Möglichkeiten, um auf Benutzeraktionen und andere Ereignisse zu reagieren. Um eine Seite dynamisch und reaktiv zu gestalten, müssen wir diese Möglichkeiten nutzen,

Mehr

VideoPlus. Shopware Video-Plugin. Handbuch

VideoPlus. Shopware Video-Plugin. Handbuch VideoPlus Shopware Video-Plugin Handbuch VideoPLUS SHOPWARE PlugIn Inhaltsverzeichnis Wo erhalte ich den Code des von mir gewünschten Videos 04 Youtube MyVideo vimeo Sevenload Yahoo! Screen Netzr Allg.

Mehr

Einstieg in AJAX-Programmierung

Einstieg in AJAX-Programmierung www.happy-security.de präsentiert: Einstieg in AJAX-Programmierung Autor: Tsutomu Katsura Datum: 26. Mai 2006 Herzlich willkommen zu meinem kleinen Tutorial über AJAX-Programmierung. Ich möchte hier nicht

Mehr

11 Publizieren im Web

11 Publizieren im Web 11 Publizieren im Web Für ein modernes Unternehmen ist es heute kaum vorstellbar, nicht im Internet vertreten zu sein. Laut Statistik Austria 7 haben 97 % aller österreichischen Unternehmen ab 10 Beschäftigten

Mehr

Web-Programmierung (WPR)

Web-Programmierung (WPR) Web-Programmierung (WPR) TFH-Berlin Sommer Semester 2008 Manfred Gruner mailto:wpr@gruner.org Web-Programmierung (WPR) Literatur: Web-Technologien (Heiko Wöhr) Konzepte Programmiermodelle - Architekturen

Mehr

Jakob Westhoff. Plug-in-Entwicklung mit jquery

Jakob Westhoff. Plug-in-Entwicklung mit jquery Jakob Westhoff Plug-in-Entwicklung mit jquery 2 Willkommen in der Welt von jquery 2.1.1 Download von der jquery-webseite Download der Bibliothek Die einfachste Möglichkeit zur Beschaffung von jquery ist

Mehr

Freud & Leid des DSP-Entwicklers

Freud & Leid des DSP-Entwicklers Freud & Leid des DSP-Entwicklers Dynamic Server Pages in der Praxis Uniface Dynamic ServerPages CompuwareBenutzerGruppe e.v. WorkShop Neu-Isenburg, März 2010 Dynamic Server Pages in der Praxis CU 2008

Mehr

Multivariate Tests mit Google Analytics

Multivariate Tests mit Google Analytics Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics

Mehr

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 4 PHP SS 2004 Inhaltsverzeichnis 1. PHP die serverseitige Programmiersprache...1 1.1. PHP - Bereiche in HTML definieren...1

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Mehr Dynamik in Apex mit Javascript und JQuery. Alexander Scholz its-people

Mehr Dynamik in Apex mit Javascript und JQuery. Alexander Scholz its-people Vortrag zur DOAG Konferenz 2011 Mehr Dynamik in Apex mit und Alexander Scholz its-people 1 Ablauf Thema des Vortragsthemas Motivation Besonderheit des Referenten Alexander Scholz its-people Wie kann in

Mehr

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe... php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.

Mehr

ORF.AT MEDIA LIBRARY VERSION 2.0. Seite 1 ORF.at Media Library v2.0

ORF.AT MEDIA LIBRARY VERSION 2.0. Seite 1 ORF.at Media Library v2.0 ORF.AT MEDIA LIBRARY VERSION 2.0 Seite 1 ORF.at Media Library v2.0 INHALT Einleitung... 3 Konzept... 3 Kompatibilität... 3 Videoplayer... 4 Einbindung... 4 Verwendung des Videoplayers... 4 Player-Optionen...

Mehr

XPages Good to know. Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015

XPages Good to know. Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015 XPages Good to know Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was sind XPages? 2. Allgemeine Tipps Allgemeine Tipps für die Verwendung von XPages 3. Designer Tipps Tipps für

Mehr

Multimediale Webprogrammierung APIs in HTML5 05.05.2015/1. Multimediale Webprogrammierung APIs in HTML5 05.05.2015/3 05.05.2015/5

Multimediale Webprogrammierung APIs in HTML5 05.05.2015/1. Multimediale Webprogrammierung APIs in HTML5 05.05.2015/3 05.05.2015/5 Multimediale Webprogrammierung (1) ANMERKUNG ZUM EINSATZ VON JAVASCRIPT IN HTML5 05.05.2015/1 05.05.2015/2 Programmieren mit JavaScript JavaScript ist der dritte große Bestandteil von HTML5. Plain JavaScript

Mehr

AJAX. Autor: Othmane Mihfad omihfad@hotmail.com

AJAX. Autor: Othmane Mihfad omihfad@hotmail.com AJAX Autor: Othmane Mihfad omihfad@hotmail.com Was ist AJAX? Ajax ist die Abkürzung für: Asyncronous JavaScript And XML Ajax stellt eine Kombination aus mehreren Technologien da: Javascript XML und XMLHTTPRequest

Mehr

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten.

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten. Benutzerhandbuch Gästebuch Software - YellaBook v1.0 http://www.yellabook.de Stand: 01.08.2012 Inhalt 1 Funktionen... 3 2 Systemanforderungen... 4 3 Installation... 4 4 Einbinden des Gästebuchs... 5 5

Mehr

Information und ihre Darstellung: XHTML & CSS

Information und ihre Darstellung: XHTML & CSS Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2009 XHTML Extensible Hypertext Markup Language Unter besonderer Berücksichtigung von XHTML 1.1. 1 Was ist XHTML? Textbasierte Auszeichnungssprache

Mehr

Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg

Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg LZK BW 12/2009 Bedienungsanleitung GOZ-Handbuch Seite 1 Lieferumfang Zum Lieferumfang gehören: Eine CD-Rom GOZ-Handbuch Diese

Mehr

Cross-Platform Mobile Apps

Cross-Platform Mobile Apps Cross-Platform Mobile Apps 05. Juni 2013 Martin Wittemann Master of Science (2009) Arbeitet bei 1&1 Internet AG Head of Frameworks & Tooling Tech Lead von qooxdoo Plattformen Java ME 12 % Rest 7 % Android

Mehr

AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks.

AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks. DRUPAL 7 AJAX FRAMEWORK Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks AJAX Beispiele Fragen: Gibt es jemanden der noch gar keine Erfahrungen

Mehr

Web Visu Tutorial. Hipecs Web Visu. Übersicht

Web Visu Tutorial. Hipecs Web Visu. Übersicht Revision Date V100 10082011 Hipecs Web Visu Die hipecs (high performance controller system) bietet die Möglichkeit einer sog Web-Visualisierung über den integrierten Webserver Hierfür wird im Standard

Mehr

XML Grundlagen Sommersemester 2013

XML Grundlagen Sommersemester 2013 XML Grundlagen Sommersemester 2013 Die Lehrveranstaltung wird studienbegleitend durch eine Hausarbeit und eine Präsentation mit Diskussion geprüft. Die Themen der folgenden Liste werden im Rahmen der Lehrveranstaltung

Mehr

Datenbank-basierte Webserver

Datenbank-basierte Webserver Datenbank-basierte Webserver eines Datenbank-basierten Webservers Karl Riedling Institut für Sensor- und Aktuatorsysteme 2 zur Gestaltung von Klare, übersichtliche Seitengestaltung Hinreichende Navigationshilfen

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt

Mehr

Manual WordPress - ContentManagementSystem

Manual WordPress - ContentManagementSystem Was ist WordPress? WordPress ist ein ContentManagementSystem (CMS) zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Online-Tagebuch) an. Funktionsschema

Mehr

BFV Widgets Kurzdokumentation

BFV Widgets Kurzdokumentation BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.

Mehr

Programmierung einer Windows Store App mit C# und XAML

Programmierung einer Windows Store App mit C# und XAML Neuer Abschnitt 1 Seite 1 Programmierung einer Windows Store App mit C# und XAML Einleitung In diesem Fachbericht der im Rahmen meines 8 Wochen langem Praktikums entstand geht es um die Programmierung

Mehr

Dynamische Webseiten mit PHP 1

Dynamische Webseiten mit PHP 1 Dynamische Webseiten mit PHP 1 Webserver, PHP und MYSQL Ein Webserver dient dazu, Internetseiten an PCs zu senden, von denen sie aufgerufen werden. Beispiel: Sie tippen im Browser www.fosbosweiden.de ein.

Mehr

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation

Mehr

Aktuelle Angriffstechniken. Steffen Tröscher cirosec GmbH, Heilbronn

Aktuelle Angriffstechniken. Steffen Tröscher cirosec GmbH, Heilbronn Aktuelle Angriffstechniken Steffen Tröscher cirosec GmbH, Heilbronn Gliederung Angriffe auf Webanwendungen Theorie und Live Demonstrationen Schwachstellen Command Injection über File Inclusion Logische

Mehr

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der

Mehr

D.5 Eine Klasse für serielle Geräte schreiben

D.5 Eine Klasse für serielle Geräte schreiben D.5 Eine Klasse für serielle Geräte schreiben 285 D.5 Eine Klasse für serielle Geräte schreiben Man kann viel lernen, wenn man in einer interaktiven Umgebung mit einer neuen Bibliothek herumspielt. Allerdings

Mehr

Web-Performance-Optimierung - Websites auf Speed SEO Barbecue - DIWISH - Kiel - 01. August 2012. Timo Heinrich t.heinrich@online-werbung.

Web-Performance-Optimierung - Websites auf Speed SEO Barbecue - DIWISH - Kiel - 01. August 2012. Timo Heinrich t.heinrich@online-werbung. SEO Barbecue Web-Performance-Optimierung - DIWISH - Kiel - 01. August 2012 - Websites auf Speed 1 2 Kinder 1 Frau 41 Jahre jung Seit 1996 autodidaktischer Onliner Schwerpunkte: Suchmaschinenoptimierung

Mehr

AJAX SSL- Wizard Referenz

AJAX SSL- Wizard Referenz AJAX SSL- Wizard Referenz Version 1.0.2+ - 04.04.2011 Präambel Die vorliegende Dokumentation beschreibt den AJAX basierten SSL- Wizard der CertCenter AG. Der SSL- Wizard kann mit wenigen Handgriffen nahtlos

Mehr

XQueue Product Sheet - Seiten Editor

XQueue Product Sheet - Seiten Editor XQueue Product Sheet - Seiten Editor 2011 XQueue GmbH. Alle Rechte vorbehalten. Dokumentation für das E-Mail Campaign System Diese Dokumentation darf ohne vorherige schriftliche Genehmigung durch die XQueue

Mehr

Web Developer Toolbar: Gibt es einen Webworker, der dieses Tool nicht nutzt?

Web Developer Toolbar: Gibt es einen Webworker, der dieses Tool nicht nutzt? Web Developer Toolbar 47 Die HTML-Ansicht zeigt den Code»gefaltet«und farblich hervorgehoben. Die HTML-Ansicht der IE8-Entwicklertools zeigt den»wirklichen«zustand des Dokumentes an. Sind JavaScript-Dateien

Mehr

Multimediale Werkzeuge. Textformate, Medienobjekte

Multimediale Werkzeuge. Textformate, Medienobjekte Multimediale Werkzeuge Textformate, Medienobjekte Geschichte/ Eigenschaften von Textformaten Gebräuchliche Textformate, z.b. für HTML Files, Programme: ASCII (American Standard Code for Inform. Interchange)

Mehr

Schulung Open CMS Editor

Schulung Open CMS Editor Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie

Mehr

Einführung in PHP. (mit Aufgaben)

Einführung in PHP. (mit Aufgaben) Einführung in PHP (mit Aufgaben) Dynamische Inhalte mit PHP? 2 Aus der Wikipedia (verkürzt): PHP wird auf etwa 244 Millionen Websites eingesetzt (Stand: Januar 2013) und wird auf etwa 80 % aller Websites

Mehr

Übungen. DI (FH) Levent Öztürk

Übungen. DI (FH) Levent Öztürk Übungen DI (FH) Levent Öztürk Übersicht Entwicklungsumgebung PHPMYADMIN Datenbank anlegen User anlegen Tabellen Anlegen Datenbankzugriffe über PHP 01.04.2014 DI (FH) Levent Öztürk 2 Entwicklungsumgebung

Mehr

Programmieren 2 (Prof. Hasbargen) Klausur

Programmieren 2 (Prof. Hasbargen) Klausur Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile

Mehr

5.4 Die Benachrichtigung (Notification)

5.4 Die Benachrichtigung (Notification) 160 Bekannte Probleme Windows Phone Im Emulator wird immer die Connection.UNKNOWN zurückgegeben. ios und Bada Es wird leider nur unterschieden, ob es eine mobile oder WiFi-Verbindung gibt. Der Grad der

Mehr

Wordpress am eigenen Server installieren

Wordpress am eigenen Server installieren Wordpress am eigenen Server installieren Voraussetzung: Zugang zum Server und einen Datenbanknamen und Datenbankuser 1. Download der aktuellen Wordpress-Version unter http://wpde.org/download/ Die Installation

Mehr

Interface-Optimierung bei mobilen Endgeräten

Interface-Optimierung bei mobilen Endgeräten Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.

Mehr

MOBILE WEBANWENDUNGEN MIT JQUERY MOBILE UND PRIMEFACES MOBILE. Giebelhaus Alexander 1

MOBILE WEBANWENDUNGEN MIT JQUERY MOBILE UND PRIMEFACES MOBILE. Giebelhaus Alexander 1 MOBILE WEBANWENDUNGEN MIT JQUERY MOBILE UND PRIMEFACES MOBILE Giebelhaus Alexander 1 Agenda Die mobile Welt UI-Design bei mobilen Webanwendungen Technologien zur Umsetzung jquery Mobile PrimeFaces Mobile

Mehr

Lösungen der Aufgaben zur Klausurvorbereitung. Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig

Lösungen der Aufgaben zur Klausurvorbereitung. Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig HTW Dresden Fakultät Informatik/Mathematik Internettechnologien Lösungen der Aufgaben zur Klausurvorbereitung Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig

Mehr

Microsoft PowerPoint 2013 YouTube-Video einfügen

Microsoft PowerPoint 2013 YouTube-Video einfügen Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft PowerPoint 2013 YouTube-Video einfügen YouTube-Video einfügen in PowerPoint 2013 Seite 1 von 6 Inhaltsverzeichnis Einleitung... 2 Vorbereitungen...

Mehr

Einführung in jquery

Einführung in jquery Kapitel 22 Einführung in jquery In diesem Kapitel: Grundlagen zu jquery 392 jquery verwenden 392 Selektoren verwenden 395 Funktionen 401 Ereignisse 408 AJAX und jquery 411 Mehr jquery 416 Übungen 416 391

Mehr

DOKUMENTATION. CaptchaAd mit Java. Die Schritte zur Integration des CaptchaAd-Modul im Einzelnen

DOKUMENTATION. CaptchaAd mit Java. Die Schritte zur Integration des CaptchaAd-Modul im Einzelnen CaptchaAd mit Java Stand: 26. Juli 2011 Sehr geehrter Nutzer von CaptchaAd! Damit die Integration von CaptchaAd Ihnen noch leichter fällt, haben wir die notwendigen Schritte in diesem Leitfaden zusammen

Mehr

Suche schlecht beschriftete Bilder mit Eigenen Abfragen

Suche schlecht beschriftete Bilder mit Eigenen Abfragen Suche schlecht beschriftete Bilder mit Eigenen Abfragen Ist die Bilderdatenbank über einen längeren Zeitraum in Benutzung, so steigt die Wahrscheinlichkeit für schlecht beschriftete Bilder 1. Insbesondere

Mehr

Webdesign, Aufgabestellung 1

Webdesign, Aufgabestellung 1 , Aufgabestellung 1 1. Teamarbeit Die Website wird in Teamarbeit gemacht (2er-Teams). Innerhalb des Teams werden Konzept, Design, Inhalt und Arbeitsverteilung besprochen und bestimmt. 2. Inhalte Es wird

Mehr

High Performance Websites1/ 18 MBit

High Performance Websites1/ 18 MBit High Performance Websites1 / 18 MBit Harte Fakten 2 Website-Wachstum: Top 1000 Websites laut Alexa Quellen: http://video.yahoo.com/watch/4156174/11192533 http://www.websiteoptimization.com/speed/tweak/average-web-page/

Mehr

Frames oder Rahmen im Browserfenster

Frames oder Rahmen im Browserfenster In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.

Mehr

Der Editor und seine Funktionen

Der Editor und seine Funktionen Der Editor und seine Funktionen Für die Eingabe und Änderung von Texten steht Ihnen im Pflegemodus ein kleiner WYSIWYG-Editor zur Verfügung. Tinymce 1 ist ein Open Source Javascript-Editor, der mittlerweile

Mehr

Offline Apps mit HTML5

Offline Apps mit HTML5 1 Offline Apps mit HTML5 Entwicklung vollständig offline-tauglicher Webanwendungen W3L AG info@w3l.de 2014 2 Agenda Motivation Situation unter HTML 4.01 Neuerungen durch HTML5 Technologie Offline-Technologien

Mehr

FINNOVA EINFÜHRUNGSCHECKLISTE (ECL) Internet-Banking

FINNOVA EINFÜHRUNGSCHECKLISTE (ECL) Internet-Banking FINNOVA EINFÜHRUNGSCHECKLISTE (ECL) Internet-Banking Copyright 2008-2010 finnova AG Bankware. Alle Rechte vorbehalten. Weitergabe und Vervielfältigung dieses Dokuments oder Teilen daraus sind, zu welchem

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Arbeitsmittel für die PHP-Entwicklung

Arbeitsmittel für die PHP-Entwicklung 1 / 9 Doing Web Apps Arbeitsmittel für die PHP-Entwicklung Autor: Rüdiger Marwein Letzte Änderung: 2012-10-18 Version: 0.9 Copyright: 2012. Alle Rechte vorbehalten Dieses Dokument darf mit Nennung des

Mehr

7.9 Webseiten in ELO archivieren

7.9 Webseiten in ELO archivieren Bild 116: Drucken ins ELO-Archiv oder in die Postbox 7.9 Webseiten in ELO archivieren Webseiten zu archivieren ist ideal für ein System wie ELOoffice. Sie entdecken etwas interesssantes im Internet, drucken

Mehr

Proseminar Website-Management-Systeme im Wintersemester 2003/2004 AG Softwaretechnik. PHP-Nuke. PHP-Nuke. von Andreas Emrich

Proseminar Website-Management-Systeme im Wintersemester 2003/2004 AG Softwaretechnik. PHP-Nuke. PHP-Nuke. von Andreas Emrich AG Softwaretechnik 1 Übersicht 1. Grundlagen und Konzepte 2. Komponenten von 3. Erweiterungsmöglichkeiten und Personalisierung 4. Abschließende Bewertung 5. Literaturangaben 2 1. : Grundlagen und Konzepte

Mehr

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug. Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen

Mehr

Wiederholung und Themenbereiche der Klausur im Fach Autorensysteme 2

Wiederholung und Themenbereiche der Klausur im Fach Autorensysteme 2 Wiederholung und Themenbereiche der Klausur im Fach Autorensysteme 2 Termin: Do, 14.07. 10:00-12:00 Raum B101 Erlaubte Unterlagen: ActionScript-Lexikon Es kommen nur Inhalte vor, die in der Vorlesung durchgenommen

Mehr

Dynamik bis zur DB-Interaktion. Marc Schanne. CGI Möglichkeiten

Dynamik bis zur DB-Interaktion. Marc Schanne. CGI Möglichkeiten CGI einfach PHP Dynamik bis zur DB-Interaktion 1 CGI Möglichkeiten Das Common Gateway Interface (CGI) ermöglicht den Entwurf von interaktiven, benutzergesteuerten Web-Applikationen. Der WWW-Server ruft

Mehr

Dataport IT Bildungs- und Beratungszentrum. HTML- Grundlagen und CSS... 2. XML Programmierung - Grundlagen... 3. PHP Programmierung - Grundlagen...

Dataport IT Bildungs- und Beratungszentrum. HTML- Grundlagen und CSS... 2. XML Programmierung - Grundlagen... 3. PHP Programmierung - Grundlagen... Inhalt HTML- Grundlagen und CSS... 2 XML Programmierung - Grundlagen... 3 PHP Programmierung - Grundlagen... 4 Java - Grundlagen... 5 Java Aufbau... 6 ASP.NET Programmierung - Grundlagen... 7 1 HTML- Grundlagen

Mehr

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links Was ist SVG? Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links SVG: Allgemeines zu SVG SVG = Scalable Vector Graphics

Mehr

Script-Sprache für UPT und MKT-View II / III / IV. Einleitung, Anwendungsfälle, Programmierung. MKT Systemtechnik

Script-Sprache für UPT und MKT-View II / III / IV. Einleitung, Anwendungsfälle, Programmierung. MKT Systemtechnik Einleitung, Anwendungsfälle, Programmierung MKT Systemtechnik Autor: Stand: Ablage: Wolfgang Büscher Dipl.-Ing. Soft- und Hardware-Entwicklung buescher@mkt-sys.de 2015-01-21 (JJJJ-MM-DD) art85133_einfuehrung_mktview_scriptsprache.odp/pdf;

Mehr

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq Konzept für die e Learning Fortbildung wertyuiopasdfghjklzxcvbnmqwertyui

Mehr

Christian Kurz SWT Projekt WS 07/08

Christian Kurz SWT Projekt WS 07/08 Christian Kurz SWT Projekt WS 07/08 1. Allgemeine Aspekte der generativen GUI- Entwicklung 2. Entwicklung mit Hilfe von GUI-Designern 3. Entwicklung mit Hilfe deklarativer GUI- Sprachen 4. Modellgetriebene

Mehr

HTML5 offline - Fallstricke von Web-Apps und Webseiten. Ulrich Schmidt (Sevenval GmbH)

HTML5 offline - Fallstricke von Web-Apps und Webseiten. Ulrich Schmidt (Sevenval GmbH) HTML5 offline - Fallstricke von Web-Apps und Webseiten Ulrich Schmidt (Sevenval GmbH) HTML5 offline 1. Warum? 2. Konzepte 3. Techniken 4. Schritte zur offline WebApp 5. Fallstricke / Grenzen 6. Empfehlung

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM 1 HTML Mehr als nur ein paar Buchstaben Bevor wir mit dem Erstellen unserer ersten Webseite anfangen, solltest du wissen, was HTML überhaupt

Mehr

7 Plugins einbinden. 7.1 Beispiel»Die Taschenlampe«

7 Plugins einbinden. 7.1 Beispiel»Die Taschenlampe« 201 PhoneGap bringt einen standardisierten Hardwarezugriff für Smartphones mit. Aber was passiert, wenn Sie mehr wollen: Wenn Sie eine Hardware per Bluetooth ansprechen wollen oder Features der jeweiligen

Mehr

Publizieren von Webs mit SmartFTP

Publizieren von Webs mit SmartFTP Publizieren von Webs mit SmartFTP Informationen FTP steht für File Transfer Protocol. Ein Protokoll ist eine Sprache, die es Computern ermöglicht, miteinander zu kommunizieren. FTP ist das Standardprotokoll

Mehr

Es gibt situationsabhängig verschiedene Varianten zum Speichern der Dokumente. Word bietet im Menü DATEI unterschiedliche Optionen an.

Es gibt situationsabhängig verschiedene Varianten zum Speichern der Dokumente. Word bietet im Menü DATEI unterschiedliche Optionen an. 3. SPEICHERN DATEIEN SPEICHERN Dateien werden in Word Dokumente genannt. Jede Art von Datei, die Sie auf Ihrem Computer neu erstellen, befindet sich zuerst im Arbeitsspeicher des Rechners. Der Arbeitsspeicher

Mehr

Barrierefreies Internet VU Check Tools 1

Barrierefreies Internet VU Check Tools 1 Barrierefreies Internet VU Check Tools 1 Check-Tools und deren Verwendung Theorie und Praxis Barrierefreies Internet VU Check Tools 2 Allgemein Es gibt (bisher) kein Tool, das sicher und ohne menschliche

Mehr

EÅF=äáîáåÖJÉ=^d. Scheduler Modul

EÅF=äáîáåÖJÉ=^d. Scheduler Modul EÅF=äáîáåÖJÉ=^d Scheduler Modul 4.1.1 Oktober 2006 Scheduler Modul Benutzerhandbuch Standard 4.1.1 Oktober 2006 2006 living-e AG Alle Rechte vorbehalten. Printed in Germany Die living-e AG gibt keine Garantie

Mehr

Rechnernetze Übung 12

Rechnernetze Übung 12 Rechnernetze Übung 12 Frank Weinhold Professur VSR Fakultät für Informatik TU Chemnitz Juli 2011 Sie kennen sicherlich sogenannte Web-Mailer, also WWW-Oberflächen über die Sie Emails lesen und vielleicht

Mehr

Event-Handler, Browserkompatibilität und Standardaktionen

Event-Handler, Browserkompatibilität und Standardaktionen 1 Event-Handler, Browserkompatibilität und Standardaktionen Rainer Werle Ab JavaScript 1.2 (und damit in den Browsern Netscape 4.x und 6.x sowie Internet Explorer 4, 5, 5.5 und 6.0) lassen sich Event-Handler

Mehr

JavaScript Frameworks für Mobile

JavaScript Frameworks für Mobile JavaScript Frameworks für Mobile MoBI Expertenrunde Usability, 1. März 2012 doctima GmbH JavaScript Frameworks für Mobile MoBI 1.3.2012 Edgar Hellfritsch Inhalt Native App-Entwicklung Klassische Web-Entwicklung

Mehr

Drupal Panels. Verwendung für Autoren

Drupal Panels. Verwendung für Autoren Verwendung für Autoren 11.08.2011 1 Inhalt 2 Panel Layout... 3 2.1 Der Layout Generator... 3 3 Inhalt Hinzufügen... 3 3.1 Anzeige vom Panel-Page Body Text in der Panel Ausgabe... 3 4 Dateianhänge... 4

Mehr

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel Seiten für das WWW selber gestalten Eine Seite im WWW ist in einer Programmiersprache geschrieben. Wir werden nicht die Details einer Programmierung anschauen. Es wird uns nützlich sein, zu wissen, wie

Mehr

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund:

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund: scmsp SMARTES Content-Management-System blockcms steht für Block Content Management System Wir brauchen kein CMS, das alles kann, sondern eines, das nur Bestimmtes kann und das dafür sehr gut. Bei der

Mehr

Eclipse User Interface Guidelines

Eclipse User Interface Guidelines SS 2009 Softwarequalität 06.05.2009 C. M. Bopda, S. Vaupel {kaymic/vaupel84}@mathematik.uni-marburg.de Motivation (Problem) Motivation (Problem) Eclipse is a universal tool platform - an open, extensible

Mehr

Informatik und Programmiersprachen

Informatik und Programmiersprachen Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.

Mehr

4. Servlets Ein kleiner Einstieg. Kurze Java Historie. Erinnerung: Internet Anwendungen. Konzept eines Seitenaufrufs

4. Servlets Ein kleiner Einstieg. Kurze Java Historie. Erinnerung: Internet Anwendungen. Konzept eines Seitenaufrufs 4. s Ein kleiner Einstieg Erinnerung: HTTP und HTML Idee von Web n und Containern Erstellung einfacher s (zunächst software technisch übelst unstrukturiert) Literatur: B. Basham, K. Sierra, B. Bates, Head

Mehr

Windows 8 auf Tablet-PCs

Windows 8 auf Tablet-PCs Windows 8 auf Tablet-PCs Michael Hülskötter Windows 8 auf Tablet-PCs Internet, Office, Multimedia Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Bibliothek verzeichnet diese

Mehr

Wetter-Tickers (Laufband)

Wetter-Tickers (Laufband) Diese Seite richtet sich an alle Benutzer der Wetterauswertesoftware WSWIN (http://www.pc-wetterstation.de) von Werner Krenn, besonders aber an Neueinsteiger. Auf den folgenden Seiten soll nicht die Arbeit

Mehr

Übersetzung von TeamLab in andere Sprachen

Übersetzung von TeamLab in andere Sprachen Verfügbare Sprachen TeamLab wurde in die folgenden Sprachen übersetzt (Stand: Januar 2012): Vollständig übersetzt Teilweise übersetzt Englisch Deutsch Französisch Spanisch Russisch Lettisch Italienisch

Mehr