Free Shipping Outlet Store Calvin Klein Miguel White Nappa Calf Mens Shoes Sale Clearance Clearance Best Store To Get LDcOlJ

SKU97500831
Free Shipping Outlet Store Calvin Klein Miguel (White Nappa Calf) Mens Shoes Sale Clearance Clearance Best Store To Get LDcOlJ
Calvin Klein Miguel (White Nappa Calf) Mens Shoes
Hands On Children's Museum
About Us UNIONBAY Morgan Outlet Shop Buy Cheap Outlet Excellent For Sale Cheap Sale Discount 91VReoKQJ
Donate
English | Spanish | Chinese
Open Today 10am-5pm
This week at the Museum
At the Museum - Jul 11th
Login Sale Discount FREDERICIO Smart slipons schwarz Outlet Countdown Package Fast Delivery For Sale Buy Online Cheap uIZBxJ
Upload
January 19, 2018 | Author: Anonymous | Category: N/A
Lidfort harness ankle boots Black Cheap Sale Outlet Locations Clearance 2018 gnS9PBxw
Moncler Scarpia running sneakers Black Low Shipping Cheap Price MS4mub14D
Steve Madden Cromer Sneaker Clearance Deals Discount Cheap Online EwLdV
Sperry Element 3Eye Suede Chukka Boot Really Online mKtmVf

Short Description

WWD Inhalt Web Grundlagen .................................................................................................................................................................................................................................. 1 DTD (HTML)...................................................................................................................................................................................................................................... 2 Attribute....................................................................................................................................................................................................................................... 2 HTML.................................................................................................................................................................................................................................................... 2 Doctype: ........................................................................................................................................................................................................................................... 2 HTML vs XHTML ............................................................................................................................................................................................................................... 2 HTML5.............................................................................................................................................................................................................................................. 3 CSS ....................................................................................................................................................................................................................................................... 3 JavaScript ............................................................................................................................................................................................................................................. 4 Ajax ...................................................................................................................................................................................................................................................... 6 jQuery .................................................................................................................................................................................................................................................. 6 Serverseitiges ....................................................................................................................................................................................................................................... 7 PHP .................................................................................................................................................................................................................................................. 7 PEAR (PHP Extension and Application Repository) und PECL (PHP Modulsammlung) ..................................................................................................................... 7 PHP und Datenbanken ..................................................................................................................................................................................................................... 8 Template Systeme ........................................................................................................................................................................................................................... 8 Web-Frameworks............................................................................................................................................................................................................................. 9 CodeIgniter .................................................................................................................................................................................................................................... 10 Semantic Web .................................................................................................................................................................................................................................... 10 RDF................................................................................................................................................................................................................................................. 11 Microformats ................................................................................................................................................................................................................................. 11 CMS (WCMS Web Content Management Systems) ........................................................................................................................................................................... 11 Mambo .......................................................................................................................................................................................................................................... 13 Plone .............................................................................................................................................................................................................................................. 13 Wiki (schnell).................................................................................................................................................................................................................................. 13 Blogs (Weblogs) ............................................................................................................................................................................................................................. 14 Glossar ........................................................................................................................................................................................................................................... 14 Web Grundlagen - Geschichte: Tim Berners-Lee CERN, SGML angelehnt Varianten: strict, transitional, frameset Metasprachen: SGML Standard Generalized Markup Langugae, XML, Konkrete Sprachen: HTML, XHTML HTML Element a img Startseite Src und alt benötigt Div, Span - Verwendung moistens mit id und class Block-Elemente: h1, p, ol, li, div neue Zeile, Grösse anpassbar, Breite 100% - Inline-Elemente: a, img gleiche Zeile, Breite abhängig content SGML (Standard Generalized Markup Langugae) - Kann auch andere Tag Zeichen benutzen Namenseinschränkungen Features: OMITAG: kann man Tag weglassen SHORTTAG: sind Abkürzungen zulässig  checked oder id=zwei(ohne anführungszeichen) DTD (HTML) O Optional, - Required Occurence Zeichen + * ? - #PCDATA EMPTY +(..) Inclusion irgendwo innerhalb -(..) Exclusion  Inhalt darf nichtvorkommen Attribute Kleinschreibung Verweise von Ankern über id nicht mehr name Scripts extern oder in CDATA bereichen anstelle von Kommentar XHTML eigentlich im Mime-Type text/xml aber aus kompatibilität text/html und keine xml deklaration Vorteile XHTML - Kompatibilität andere XML Sprachen Mischen von XML Sprachen Einheitlicher Zugriff: DOM XSL verwendung XHTML 1.1 : in Module aufgeteilt, nur noch strict: alte Elemente nicht mehr vorhanden HTML5 - ursprünglicher Name : Web Applications 1.0 Zusammenarbeit WHATWG, W3C Neue Spezielle Elemente für Seitenstruktur: article, section, nav, aside, header Überschriften h1 bedeutung aus Position h2-h6 geht aber noch) Video und Audio Canvas: Bitmapgrafiken Syntax: HTML oder XHTML Rendering Engines: - Gecko: Firefox Trident: IE Tasman: IE5 und Macintosh versionen Webkit: Safari, Chrome KHTML: Conqueror Presto: Opera Validatoren: - http://validator.w3.org/ http://validator.de.selfhtml.org/ HTML Tidy: korrigiert Fehler CSS Einbinden - Externes Stylesheet: Intern: oder style=”” Per JavaScript Quirksmode/Standards Mode - Gleicht alte Browser aus  IE Box Model Bug Modus abhängig von DOCTYPE  strict meistens Standards Frameworks - Blueprint YAML: Yet Another Multicolumn Layout Graceful Degradation: oft neue Features verwenden  sollte aber aufpaasen das auch ohne ansehbar ist. Gliederung Aufbau der Datei: - Nach Position im Dokument Nach Art: Typograhpie, Farben, Layout Formatierung , Einzeilig mehrzeilig etc. CSS 3.0 - Implementierte Features mit prefix: -moz-, -webkitNeue Selektoren ^=, $=, *=, CSS-Fonts: Problem IE Embedded Open Type .eot andere OpenType.otf CSS 3.0 Befehle: Runde Ecken Rahmen Bild Schatten auf Text Text Wörter umbrechen Spalten Bilden -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-image: url(border.png) 27 27 27 27 round round; text-shadow: 2px 2px 2px #ddccb5; word-wrap: break-word; .columns { -moz-column-width: 20em; -moz-column-gap: 3em; -moz-column-rule: medium solid; -webkit-column-width: 20em; -webkit-column-gap: 3em; -webkit-column-rule: medium solid; } XML mit CSS bearbeiten: display: block etc.. weil kein Default Einheiten: em,ex,px, in, cm, mm, pt, pc, % JavaScript Wozu: - Uhrsprünglich LiveScript dann JavaScript aus Popularitätsgründen Implementierung de ECMAScript Standards Ähnlichkeiten: Syntax ähnlich wie Java, Vererbung Dynamik wie SELF, Lambda Dynamische Typen wie Lisp/Scheme Rhino: JavaScript in Java schreiben Case-Sensitive Sicherheit Wird in Sandbox ausgeführt Kein Zugriff auf lokalsystem Trotzdem gelegentlich Sicherheitsprobleme Validierung Animation und Effekte Asynchrone Zugriffe  Ajax GUIs wie Desktopanwendung MultimediaInhalte steuern JavaScript Einbinden Im HTML Referenziert (typ required, inhalt ignoriert) Kommentar // oder /* */ zweites schlechter weil auch in Regex vorkommen kann Gleichheit == != Vergleich mit Typunwandlung === !== Vergleicht auch Typ Logische Operatoren: || ! False = false, 0, „“, NaN, Null, undifeined Objekte ( Key-Value-Paare) Erzeugen var obj = new Object(); var obj = {}; var obj = { name: "Carrot", "for": "Max", details: { color: "orange", size: 12 } } Zugreifen obj.name = "Simon"; obj["name"] = "Simon"; Funktionen Inhalt in Seite einfügen Nicht schön document.write("Hello World"); Besser function init() { var add = document.createTextNode("Hello"); document.getElementById("out").appendChild(add); } window.onload=init; Zahlen Nur Gleitpunktzahl 64bit double Rechnen mit Math. Parsen mit parseInt(zahl, system), parseFloat NaN  not a number isNaN() zum prüfen Zahlen ausserhalb bereich  infinity Kontrollstrukturen If .. else oder bedingung ? true-ausdruck : false-ausdruck For, while, do..while Schleifen Switch Arrays var a = new Array(); var a = ["dog", "cat", "hen"]; a[0] = "dog"; a[100] = "cow"; a.length; // 101 a.push('cow') a.pop(); a.sort(); // mit Punkt // Indexer Vordefinierte Objekte - Keine Typangaben Parameter/Rückgabetyp Direkt aufrufbar mit (paremeter) Variablen mit var  nur lokal sichtbar Keinen Blockscope Ohne return  undefined Name optional Math Konstanten E Eulersche Konstante LN2 natürlicher Logarithmus von 2 LN10 natürlicher Logarithmus von 10 LOG2E konstanter Logarithmus von 2 LOG10E konstanter Logarithmus von 10 PI Konstante PI SQRT1_2 Konstante für Quadratwurzel aus 0,5 SQRT2 Konstante für Quadratwurzel aus 2 Methoden abs() , ceil(), floor(),log(),max(),min(),pow(),random(),round(),sin(),sqrt() Datum - Date var now = new Date(); Achtung: Monaten -> Januar = 0 Dez = 11 Window, document, event, history, location, navigator, Array, Date, Function, Math, RegExp, String Document Document.cookie, document.lastModified, forms,images, links document.forms[0].elements[0].value document.meinformular.eingabe.value document.forms["meinformular"].elements["eingabe"].value navigator - appName offizieller Name des Browsers appVersion Browser-Version language Browser-Sprache appCodeName Spitzname des Browsers platform Plattform, auf der der Browser läuft userAgent HTTP-Identifikation des Browsers window (Browserfenster) standard  kann weggelassen werden function neuesFenster() { window.open("http://www.zhaw.ch","zhawwindow", "menubar=1,width=200,height=300,scrollbar=1" ); } Event Handling function initEvents() { document.getElementById("btn").onclick = alert('.'); } window.onload = initEvents; getTime()  Anzahl millisekunden seit 1.1.1970 Funktionen Erweiterung Variablen im Funktionskontext: this arguments Mehrere Funktionen in Array abgelegt var a = [ function(n){return n;}, function(n){return n*n;} ]; var b = a[1](5); Innere Funktionen Innere Funktion zugriff auf äussere Variable function init() { var name = "Mozilla"; function displayName() { alert(name); } displayName(); } Objektmodell Bei normalen Konstruktor mit Funktion, wird für jedes Objekt neue Funktion angelegt // Funktionen über Prototyp anhängen function Person(first, last) { this.first = first; this.last = last; } Person.prototype.fullName = function() { return this.first + ' ' + this.last; } Person.prototype.fullNameReversed = function() { return this.last + ', ' + this.first; } var s = new Person("Hans", "Muster"); Methode (this ist Objekt) var myObj = { value: 0, increment: function(inc) { this.value += (typeof inc === 'number') ? inc : 1; } } Funktion (this ist window) obj.square = function () { var that = this; var myfunc = function() { that.value = that.value * that.value; }; myfunc(); }; Konstruktor (this ist neues Objekt) Grossbuchstaben function Shape (centerX, centerY, color) { this.centerX = centerX; // Eigenschaften this.centerY = centerY; this.color= color; this.move = moveShape; // Methode (Funktion muss // bereits existieren) } var myShape = new Shape(15, 25, "#ff3300"); Erweitern function Person(first, last) { this.first = first; this.last = last; } Person.prototype.fullName = function() { return this.first + ' ' + this.last; } function User(first, last, uid) { this.base = Person; this.base(first, last); this.uid = uid; } User.prototype = new Person; Anpassen bestehender Typen Number.prototype.integer = function() { return Math[this < 0 ? 'ceil' : 'floor'](this); }  3.75.integer() //3 Ajax Bei Interaktion wird Seite immer neu geladen! Schlecht und langsam. - Java-Applet: Programmcode wird von Server geladen und auf Client ausgeführt Flash: Propritär, Plugin (weit verbreitet) Idee: Remote Scripting  Datenaustausch ohne neues Laden - Applet, Active-X, Flash, XML-RPC, http mit unsichtbarem IFrame (Neativ: Seite in History vermerkt) Ajax: Asynchronous JavaScript + XML Konkretes siehe Folien! jQuery Allgemein Über jQuery oder $ Auswahl über CSS-Selektoren Mehrere Aktionen nacheinander mit . getrennt  ausführung in dieser Reihenfolge Hänge einen Button in DOM mit Funktionalität / Progressiv Enhancment $('') .insertAfter('#temptext'); $('#toggleText').click(function() { $('#temptext').toggle(); }); HTML und Text ändern $('p').html(Gleicher Text in allen Abs'); $('h2').text('Ich bin eine Überschrift 2'); Laden wenn DOM fertig geladen $(document).ready(function() { } CSS-Eigenschaft lesen $('#mainnav li').css('font-size') CSS-Eigenschaft setzen $('#mainnav li').css('font-size','12') $('#mainnav li').css( {'font-size': '12', 'color': '#336' } ) CSS-Klasse hinzufügen $('table.data tr:even').addClass('tablerow2'); Event hinzufügen $('#hideText').click(function() { $(this).hide(); }); Serverseitiges PHP Formulardaten PDO try { $dbh = new PDO($dsn, $user, $password, $options); // use the database here // ... // done; release the connection $dbh = null; } catch (PDOException $e) { echo "Failed to connect:" . $e->getMessage(); } Daten ändern $del = $dbh->exec("DELETE FROM FOO WHERE 1"); $change = $dbh->exec("UPDATE FOO SET active=1 WHERE " . "NAME LIKE '%joe%'"); Transaktionen $dbh->beginTransaction(); $dbh->commit(); $dbh->rollBack(); Prepared Statements $stmt = $dbh->prepare("INSERT INTO REGISTRY (name, value) VALUES (:name, :value)"); $stmt->bindParam(':name', $name); $stmt->bindParam(':value', $value); PDO PHP Data Objects Vereinheitlichen Schnittstelle Kann immernoch spezifische aufrufe machen DSN mysql:host=name;dbname=dbname pgsql:native_pgsql_connection_string odbc:odbc_dsn sqlite:/path/to/db/file sqlite::memory: sqlite2:/path/to/sqlite2/file sqlite2::memory: Daten aus DB holen // unbuffered $dbh = new PDO($dsn); $stmt = $dbh->prepare("SELECT * FROM FOO"); $stmt->execute(); while ($row = $stmt->fetch()) { print_r($row); } $stmt = null; // buffered $dbh = new PDO($dsn); $stmt = $dbh->query("SELECT * FROM FOO"); $rows = $stmt->fetchAll(); $count = count($rows); foreach ($rows as $row) { print_r($row); } $stmt = null; // iterator $dbh = new PDO($dsn); $stmt = $dbh->query("SELECT name FROM FOO", PDO::FETCH_COLUMN, 0); foreach ($stmt as $name) { echo "Name: $name\n"; } $stmt = null; // insert one row $name = 'one'; $value = 1; $stmt->execute(); // insert another row with different values $name = 'two'; $value = 2; $stmt->execute(); Template Systeme - Dateien als Vorlage mit Platzhaltern Vorteil: Trennung Code Visuelles Nachteil: Zusatzaufwand, Einarbeitung Systeme für PHP: Smarty, verschiedene PEAR Pakete, patTemplate Smarty - Nicht vollständig Trennbar Smarty Beispiel Template //index.php include('Smarty.class.php'); // create object $smarty = new Smarty; // assign some content. This would typically come from DB etc. $smarty->assign('name', 'george smith'); $smarty->assign('address', '45th Harris'); // display it $smarty->display('index.tpl'); //index.tpl User Info User Information: Name: {$name} Address: {$address} Schleifen wieder im Template Variablen-Modificatoren {foreach key=cid item=con from=$kontakte} {$con.name} - {$con.nick} {/foreach} Name: {$name|capitalize} Addr: {$address|escape} Date: {$smarty.now|date_format:"%d.%m.%Y"} Includes in Template Html_options {include file="header.tpl" title="User Info"} User Information: Name: {$name|capitalize} Address: {$address|escape} {include file="footer.tpl"} $smarty->assign('id', array(1,2,3)); $smarty->assign('names', array('bob','jim','joe')); {html_options values=$id output=$names selected="5"} Web-Frameworks - Bibliothek: Kontrolle liegt beim eigenen Programm, Bibliothek wird benutzt Framework: Rahmen, Kontrolle beim Framework, Inversion of Control, Hollywood-Prinzip, Einschränkungen Model View Controller MVC - Architekturmuster das in 3 Einheiten teilt  Bessere Erweiterbarkeit, Einfacher, Wiederverwendbarkeit von Komponenten o Datenmodell  Model o Präsentation View o Programmsteuerung  Controller Ruby on Rails Framework Web-Anwendungen mit DB Ziel: schnelles erstellen Open source CodeIgniter Siehe Folien! Ähnlich CakePHP Ziele: geringer Einarbeitungsaufwand, Effizienter Code, übliches Webhosting, Konvention vor Konfiguration URL-Aufbau Prinzip: www.your-site.com/class/function/arg Beispiel: www.your-site.com/index.php/news/article/my_article Beispiel: $ cat address.rb #!/usr/bin/ruby class Address def initialize(street) @street = street end # Just return @street def street @street end end address = Address.new("23 St George St.") puts address.street $ ./address.rb 23 St George St. CakePHP Framework PHP 4 oder 5, Ruby Rails ähnlich Symfony PHP5 Robuste Anwendungen in UG Feld Andere - - MVC DRY (Don’t repeat yourself) MVC Umfangreich Turbo Gears  Phyton Django  Python Struts  Java Spring  Java CodeIgniter Welcome.php From Database: Semantic Web - Collaborative Tagging: Gemeinsames Indexieren User Generated Content: Kommentarfunktion, Wikis Crowdsourcing: Auslagern von Arbeit an Freiwillige Richer User Interfaces: Ajax Tag CLoud: Wortlisten für suchmaschinen und co Semantisches Web: Beschreibung des Inhaltes so das auch für Maschine lesbar -> h1, h2 etc erster schritt Formate Strukturelle Kategorie: div, span, list Inhalt: abbr, address, code Rhetorisch: em, strong - Microformats RDF (Resource Description Framework,) OWL (Web Ontology Language) RDF - - Auszeichnungssprache für Metadaten Tripel Subjekt, Prädikat, Objekt  Statements o Resource: Was  URL (Ellipse) o Eigenschaft: Bezug zum Objekt/Relation o Objekt: Wert des Prädikats Rechteck XML oder Notation 3 attribute dc:title etc. Abfragesprachen ähnlich SQL, RDQL  SELECT.. WHERE…AND…USING DUBLIN CORE: set von Namen Microformats - Verwendet vorhandene Standards Firefox: Greasemonkey CMS (WCMS Web Content Management Systems) Merkmale/Ziele: – – – – – – Bedienbar ohne Programmierkenntnisse Bedienbar ohne ohne Kenntnis von HTML bzw. XML Medienneutrale Datenhaltung Rechteverwaltung Workflow / Freigabe von Änderungen Versionskontrolle Terminologie - Content Management (System) Enterprise Content Management (System) Document Management (System) Web Content Management (System) CM/CMS ECM/ECMS DMS WCMS Unternehmenseinsatz Teil von ECM Dokumente Verwalten Publiziert Inhalte im Web Grundfunktionen - Vorlagen Autoren: Bearbeiten und erstellen Pflege/Inhalts anpassungen über Web-Interface WCMS übernimmt Menustruktur selbst Berechtigungssystem Automatische aufbereitung von Material (Bilder Grafiken etc.) Suchfunktionen Workflow Integration Realisierung - Dynamisch oder Erzeugt statische Version  erzeugt immer fertige Struktur und legt diese ab Clientseitig oder Serverseitig Beurteilung - Funktionsumfang einer Default-Installation: Grundfunktionalität ohne Schnickschnack verfügbar Verfügbarkeit von Zusatzmodulen: Erweiterbarkeit Flexibilität über Vorlagen: Darstellung anpassbar Art der Implementierung : Code anpassbar CMS finden / Infos zu CMS - OpenSource CMS: OSCOM CMS Matrix Namen und Beispiele - Livelink: Professionel http://www.opensourcecms.com http://www.oscom.org/ http://www.cmsmatrix.org/ - Mambo / Joomla Plone: für grosse Seiten Typo 3: gross und flexibel Open Engine http://www.mamboserver.com/ http://plone.org/ http://typo3.com/ http://www.openengine.de Mambo Default-Installation Positiv Sehr einfache Installation – Gut bedienbares User Interface – Inhalt optional mit WYSIWYG Editor bearbeitbar – Separate Administrationsschnittstelle – Einfaches Einfügen von Bildern – Bestimmte Anpassungen der Darstellung (z.B. Position von Elementen) über das Admin-Interface – Menüs einfach anzupassen – PDF Ausgabe von Seiten standardmässig unterstützt – Gutes Hilfe-System Zusatzmodule – Viele Module verfügbar, zum Beispiel • File Repository • Events Calendar – Grosse und aktive Community Flexibilität Vorlagen – Kleinere Anpassungen über das Admin Interface – Anpassung über Stylesheets möglich Negativ – – – Benutzer, Rollen und Berechtigungen: Nicht sehr fein spezifizierbar Keine Versionierung der Änderungen; kein Zurück zur letzten Version Administrationsschnittstelle nicht auf Anhieb verständlich – – Module von ziemlich unterschiedlicher Qualität Versionsabhängigkeiten (Module, die unter Mambo 4.5 funktionieren und unter 4.5.1 nicht) – – Vorlagen: HTML mit PHP-Code gemischt Anpassen oder neue Vorlagen erstellen nur mit PHP Programmierkenntnissen – Kein sauberes Design: Mischung von Seitenstruktur und Programmlogik, kaum funktionale Abstraktion Kein klar definiertes API, das Module benutzen können Art Implementierung – Plone Platoform: Zope Server Default-Installation Positiv – Installationspakete inklusive Zope für verschiedene Plattformen – verfügbar und einfach zu installieren – DB und Webserver enthalten – Webbasiertes Management Interface – WYSIWYG Editor für Inhalte – Jeder Benutzer mit eigenem Arbeitsbereich – Grundfunktionen: Nachrichten, Ereignisse, Diskussionen – Default Vorlagen sind barrierefrei und valides XHTML – Anpassbares, flexibles Workflow-System zum Einreichen, Begutachten, und Freischalten von Inhalten – Eigene Inhaltstypen können hinzugefügt werden Zusatzmodule – Viele Module verfügbar, zum Beispiel – gleichzeitig auf dem Server o Database adapters für MySQL, PostgreSQL, Firebird, SQL – Server, Oracle – Module in der Regel stabil und ausgereift Flexibilität Vorlagen – Flexibles Template System ZPT (Zope Page Templates) – Erlaubt es, Elemente aus der Objekt-Datenbank in HTML Seiten einzufügen – Anpassung der Darstellung auch über Styles möglich, sowie über das Hinzufügen oder Entfernen vordefinierter Seitenelemente über das Management Interface Art Implementierung – Objektorientierte Design-Prinzipien berücksichtigt Wiki (schnell) - Verlinkte Webseiten In Browser bearbeitbar Negativ – Umfangreiche Einarbeitung für Anpassungen nötig – Trotz dem klaren Design aufgrund hoher Komplexität nicht auf Anhieb zu verstehen - Alle Besucher können bearbeiten Formatierung mit einfachen Regeln Zentrale Idee - Besucher ändern Seiten Erleichtertes Verändernd der Seite Übliche Funktion - Versionierung Letzte Änderungen Volltextsuche Engines - MediaWiki, TWiki, TikiWiki, PmWiki, MoinMoin, Wakka Wiki, PhpWiki, UseMod Verwendungsbeispiele: - Wissen zusammentragen Konventionelle Webseite vereinfacht Projektkommunikation Anleitungen Lernplattform Unterscheidung zu CMS - Wiki = Einfachheit Weniger komplexe Berechtigungsverwaltung Keien Workflowfunktionalität Blogs (Weblogs) - Periodische Einträge Themengebiet Kommentarfunktion RSS Feed oft Glossar SGML DSSSL FOP CSS Standard Generalized Markup Langugae Document Style Semantics and Specification Language Formatting Object Processor Cascading Stylesheet jQuery – Text-Anpassbar machen var url = "http://dublin.zhaw.ch/~regnimar/wwd/P11/"; $(document).ready(function() { $("p.editable").each(function(index) { var editable = $(this); $.ajax({ type: "POST", url: url + "simpledb/simple_db.php?func=retrieve", data: "key=text" + index +"auth=wwdsimple", success: function(msg){ editable.text(msg); } }); }); $("p.editable").click(editableText); }); function editableText() { var saveP = $(this); var newContentObj = $("" + saveP.text() +" "); $(this).replaceWith(newContentObj); newContentObj.children("input.cancle").click(function() { $(this).parent().replaceWith(saveP); saveP.click(editableText); }); newContentObj.children("input.save").click(function() { var text = $(this).parent().children("textarea").val(); saveP.text(text); saveP.click(editableText); $(this).parent().replaceWith(saveP); $.ajax({ type: "POST", url: url + "simpledb/simple_db.php?func=insert", data: "key="+ saveP.attr("id") +"value=" + text + "auth=wwdsimple" }); }); } JQuery blabla blabla CSS 3.0 Fonts einbinden @font-face { font-family: “YanoneKaffeesatz”; src: url(’YanoneKaffeesatz-Regular.otf’ ); font-weight:normal; } @font-face { font-family: “YanoneKaffeesatz”; src: url(’YanoneKaffeesatz-Bold.otf’ ); font-weight:bold; } @font-face { font-family: “YanoneKaffeesatz”; src: url(’YanoneKaffeesatz-Light.otf’ ); font-weight:lighter; } Verwenden über den font-family Namen. CSS Sprites #superlink { display: inline-block; width:250px; height:200px; overflow: hidden; position:relative; } #spaceship { position: absolute; left: -160px; top: -110px; } #spaceship:hover { position: absolute; left: -270px; top: -250px; } CSS: Adaptlet @charset 'utf-8'; @import url(reset.css); @import url(fancybox.css); /* ----------------------------------------------------- Comment */ .js div { } /* apply only on JavaScript enabled browsers */ .ie7 div { } /* apply only on Internet Explorer 7 and below */ .ie6 div { } /* apply only on Internet Explorer 6 and below */ body { margin: 0 auto; width: 1024px; font-family: Verdana, Tahoma, Arial; position: relative; } #main { position: relative; width:1024px; } #nav { position: relative; background-image: url("../img/navi.png"); background-position: 0 0; width: 1024px; height: 37px; } #nav li { width: 103px; list-style: none; } #nav li a { position:absolute; display: block; width: 103px; height: 37px; top: 0; text-indent: -2000px; } #nav li a:hover { background-image: url("../img/navi.png"); } #home a {left: 309px;} #home a:hover { #home a:active { background-position: -309px -38px;} background-position: -309px -76px;} #home a.active { background-image: url("../img/navi.png"); background-position: -309px -114px; } #slideshow a { left: 412px; } #slideshow a:hover { background-position: -412px -38px; } #slideshow a:active { background-position: -412px -76px; } #slideshow a.active { background-image: url("../img/navi.png"); background-position: -412px -114px; } .section { margin-top: 30px; margin-bottom: 15px; height: 500px; width: 1019px; border: 1px solid rgb(200, 200, 200); border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } .aside li { list-style: url('../img/zahnrad.png'); margin-left:25px; padding: 4px; } .article li { list-style: url('../img/zahnrad.png'); margin-left:25px; padding: 4px; } .article a { color: rgb(95, 130, 130); } .article h3 { padding-top: 18px; font-size: 14px; font-weight: bold; color: rgb(95, 130, 130); } .aside { float: right; padding: 20px; line-height: 16px; font-size: 14px; } #footer { clear: both; text-align: center; font-size: 12px; color: rgb(150,150,150); margin-bottom:10px; } #back { position: absolute; top: 2px; width: 36px; height: 23px; padding:7px; background-image: url('../img/shortbutton_left.png'); background-position: 0 0; text-indent: -2000px; } #back:hover { position: absolute; background-position: 0 -38px; } #back:active { position: absolute; background-position: 0 -76px; } #next { position: absolute; top: 2px; right: 0; width: 36px; height: 23px; padding:7px; background-image: url('../img/shortbutton_right.png'); background-position: 0 0; text-indent: -2000px; } #next:hover { position: absolute; background-position: 0 -38px; } #next:active { position: absolute; background-position: 0 -76px } #zhawmap { border: solid 2px rgb(150,150,150); border-radius: 6px; -moz-border-radius: 6px; } /*a[href$=".pdf"] { background: url (../img/pdf.png) no-repeat right top; padding-right: 10px;} */ /*a[href$=".jar"] { background: url (../img/jar.png) no-repeat right top; padding-right: 10px;}*/ a[href$=".pdf"] { a[href$=".jar"] { background: url("../img/pdf.png") no-repeat left; padding-left: 18px;} background: url("../img/jar.png") no-repeat left; padding-left: 18px;} Adaptlet jQuery var currentPart = 0; var maxParts = 0; $(document).ready(function() { maxParts = $(".section").length - 1; if(maxParts != currentPart) slideshow(); if($("#accordion").length ==1) { $("#accordion").accordion({ header: "h3" }); } }); function slideshow() { $(".section").each(function(index) { if(index != currentPart) { $(this).hide(); } else { $("#back").remove(); $("#next").remove(); $("#part" + currentPart).fadeIn('slow'); if(currentPart != 0) { var backObj = $("Back"); backObj.click(function() { $("#part" + currentPart).fadeOut('slow', function() { currentPart--; slideshow(); }); }); $(this).before(backObj); } $(this).css("width","800px"); $(this).css("position","relative"); $(this).css("left","112px"); $(this).css("right","112px"); var nextObj = $("Next"); if(maxParts != currentPart) { nextObj.click(function() { $("#part" + currentPart).fadeOut('slow', function() { currentPart++; slideshow(); }); }); $(this).after(nextObj); } } }); } Ajax Anruf absetzen var requester = null; function onchangeReceipt() { /* Check for running connections */ if (requester != null requester.readyState != 0 requester.readyState != 4) { requester.abort(); } try { requester = new XMLHttpRequest(); } catch (error) { try { requester = new ActiveXObject("Microsoft.XMLHTTP"); } catch (error) { requester = null; return false; } } requester.onreadystatechange = onreadystatechangeReceipt; requester.open("GET", "receipt.php?receipt=" + this.value); requester.send(null); return true; } Empangen function onreadystatechangeReceipt() { if (requester.readyState == 4) { // If the data was retrieved successfully if (requester.status == 200) { writeDetails(); // do something with requester.responseText } // IE returns a status code of 0 on some occasions, so ignore // this case else if (requester.status != 0) { alert("There was an error while retrieving the URL: “ + requester.statusText); } } return true; } Microformats Ewald Maria Mund InIT Technikumstrasse 9 8400 Winterthur Schweiz [email protected] Eduard P. Mumprecht InIT Technikumstrasse 9 8400 Winterthur Schweiz [email protected] Canvas Canvas Beispiel var uhr = { draw : function (){ var now = new Date(); var canvas = document.getElementById('wwdsample'); if (canvas.getContext){ var ctx = canvas.getContext('2d'); // Befehle zum Zeichnen..., zum Beispiel ctx.fillStyle = "rgb(250,250,250)"; ctx.beginPath(); ctx.arc(200, 200, 200, 0, 360, false); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.fillStyle = "rgb(0,50,0)"; ctx.beginPath(); ctx.arc(200, 200, 10, 0, 360, false); ctx.fill(); ctx.closePath(); ctx.translate(200, 200); for (var i = 0; i < 60; i++) { ctx.beginPath(); ctx.moveTo(0, -200); ctx.lineTo(0, -180); ctx.rotate(6 * Math.PI / 180); ctx.stroke(); ctx.closePath(); } ctx.save(); ctx.rotate((6 * now.getSeconds()) * Math.PI / 180); ctx.beginPath(); ctx.strokeStyle = "rgba(255,0,0,0.5)"; ctx.lineWidth = 3; ctx.moveTo(0, -170); ctx.lineTo(0, 0); ctx.stroke(); ctx.closePath(); ctx.restore(); … } }, setTimer: function(){ window.setInterval("uhr.draw()", 1000); } } window.onload = uhr.setTimer; canvas { border: 1px solid black; }
Report "Web Grundlagen"
Download "Web Grundlagen"

We are a sharing community. So please help us by uploading 1 new document or like us to download:

OR LIKE TO DOWNLOAD IMMEDIATELY

«Helf Gott», «Zum Wohl» und «Gesundheit» sind Redewendungen in unserer Sprache, die aus der Zeit, als die Pest noch wütete, stammen [ Discount Lowest Price Low Price Fee Shipping Cheap Price Dolce amp; Gabbana Palermo Velvet Sneaker Clearance Genuine Eav5XVO02
]. Damit wünschte man seinen Mitmenschen Verschonung vor der fürchterlichen Krankheit. In der heutigen Zeit der hochentwickelten Medizin sind wir der Meinung, viele pathogene Prozesse im Griff zu haben. Die aktuelle Situation um die Verbreitung des H1N1-Virus (Mexikanische Grippe) lehrt uns aber anderes. Plötzlich kommen uns die einfachsten (Schutz-)Massnahmen aus der Zeit des Mittelalters sehr bekannt vor; ein Blick auf die Internetpräsenz des BAG genügt. In Essig getränkte Stofftücher, vor die Nase gehalten, machen Platz für Mundschütze. Das Vermeiden von Massenansammlungen wird heutzutage genauso empfohlen wie vor 550 Jahren. Quarantäne dient als Schutzmittel - damals wie heute.

«Während Rieux den Freudenschreien lauschte, die aus der Stadt aufstiegen, erinnerte er sich nämlich daran, dass diese Freude immer bedroht war. Denn er wusste, was dieser Menge in Freudentaumel unbekannt war und was man in Büchern lesen kann, dass nämlich der Pestbazillus nie stirbt und nie verschwindet, dass er jahrzehntelang in den Möbeln und in der Wäsche schlummern kann, dass er in Zimmern, Kellern, Koffern, Taschentüchern und Papieren geduldig wartet und dass vielleicht der Tag kommen würde, an dem die Pest zum Unglück und zur Belehrung der Menschen ihre Ratten wecken und zum Sterben in eine glückliche Stadt schicken würde» [ 16 ] .

Pandemien wird es immer geben, Bakterien und Viren wird es immer geben, Y. pestis wird es immer geben. Sie gehören zu uns - wie wir zum Leben, wie wir zum Tod. Helf Gott - zum Wohl - Gesundheit!

Während meiner Ausbildung in Pflanzenheilkunde und Phytotherapie bin ich immer wieder auf die Betitelung «Pestpflanzen» gestossen. Als ich mich im Rahmen des CAS «Ethnobotanik und Ethnomedizin» mit der Pest als epidemische Krankheit auseinandergesetzt habe, wurde mir erst deutlich, wie grauenvoll diese Krankheit damals wirklich war und welche Folgen das Wüten der Pest auf den einzelnen Mensch und die Gesellschaft und deren soziale Systeme hatte. Diese schriftliche Arbeit ist all den Menschen gewidmet, die in der Vergangenheit den Kampf mit der Pest auf sich nehmen mussten, ohne die heutigen medikamentösen Möglichkeiten nutzen zu können.

In Bezug auf diese Arbeit bestehen keine Interessenkonf likte.

Ellen Wulfers ist Kinderphysiotherapeutin und arbeitet in ihrer eigenen Praxis für Kinderphysiotherapie in Fislisbach (AG). Sie hat eine Ausbildung in Pflanzenheilkunde und Phytotherapie in Freiburg in Breisgau, Deutschland, absolviert. Anschliessend hat sie das CAS «Ethnobotanik und Ethnomedizin» an der Universität Zürich abgeschlossen, in dessen Rahmen diese Projektarbeit geschrieben wurde. Im Moment nimmt sie am CAS «Gartentherapie» an der ZHAW Wädenswil teil, das sie im Februar 2014 mit dem Thema «Stressbewältigung durch Naturelemente am Arbeitsplatz» abschliessen wird. Ihr Interessenfeld gilt dem Einfluss der Natur auf das Wohlbefinden des Menschen - früher wie heute.

On TV Now
Guy's Grocery Games One Shop Showdown
Pay With Visa For Sale Polo Ralph Lauren Wes Polo Tan Mens Slip on Shoes Get To Buy For Sale Discounts qXMnxSf
SKECHERS DiameterVassell Really sFmLpnp0
FN Dish Home
Best Recipes
Low Shipping Fee For Sale FUSION FLEXWEAVE Neutral running shoes grey/coal/red Buy Cheap New Styles Sale Wide Range Of CBowZpi
Family
Chefs
Free Shipping Best Sale PUMA Ignite Limitless Snow Splatter Good Selling Sale Online mYpZ8ajAq1
Holidays
Diadora Intrepid Sneaker Shipping Discount Sale Free Shipping Genuine Outlet 100% Guaranteed Exclusive Cheap Online Looking For Online CdG20k2LL

Soon we’ll all be drinking iced coffee out of sippy cups and feeling virtuous.

By: Amy Reiter

Your days of sipping your iced coffee through a plastic straw may be numbered. Starbucks this week that it plans to do away with single-use plastic straws at all its locations worldwide by 2020, offering customers instead either a strawless lid or straw made from an alternative material to drink through, depending on the beverage.

According to the coffee giant, the environmental-sustainability-motivated switch — part of Starbucks’ $10 million initiative to embrace recyclable, compostable solutions — will eliminate the use of more than 1 billion plastic straws per year.

"For our partners and customers, this is a significant milestone to achieve our global aspiration of sustainable coffee, served to our customers in more sustainable ways,” Kevin Johnson, president and chief executive officer for Starbucks, said .

The move has been propelled, in part, by the growing consumer demand for cold beverages, which now account for more than 50 percent of all beverages sold at Starbucks in the United States; five years ago, cold beverages made up only 37 percent of Starbucks drink sales. It was hailed by environmental groups.

"Starbucks decision to phase out single-use plastic straws is a shining example of the important role that companies can play in stemming the tide of ocean plastic,” Nicholas Mallos, director of Ocean Conservancy’s Trash Free Seas program, . "With eight million metric tons of plastic entering the ocean every year, we cannot afford to let industry sit on the sidelines, and we are grateful for Starbucks leadership in this space.”

Erin Simon, director of sustainability research development and material science at World Wildlife Fund, U.S., which has partnered with Starbucks on several material waste-reduction initiatives, called Starbucks’ effort to eliminate plastic straws "forward thinking” and said the organization hoped other companies would follow its lead.

Limited Clearance Low Shipping Original Penguin Bailey Burlap Penny Loafer Buy Cheap Get To Buy From China For Sale BvyROQpfF

museum moderner kunst stiftung ludwig wien

mq_logo_footer.png

Museumsplatz 1, A-1070 Wien T +43-1-525 00-0, F +43-1-525 00-1300 [email protected]

Monday: 2 pm–7 pm, Tuesday to Sunday: 10 am–7 pmThursday: 10 am–9 pm