Scalable Vector Graphics. Ulrich Hoffmann
|
|
|
- Jesko Färber
- vor 8 Jahren
- Abrufe
Transkript
1 Scalable Vector Graphics Ulrich Hoffmann 1
2 Überblick ftp://tins1.rz.e-technik.fh-kiel.de/home/share/xxml Was ist SVG? Wie lässt sich SVG anzeigen, bearbeiten? Wie sehen SVG-Dokumente aus? Welches sind die Grundelemente von SVG? SVG und HTML [Animationen] 2
3 SVG-Unterstützung Adobe SVG-Viewer 3 für Internet Browser Firefox 1.5 Export aus Vektor-Grafikprogrammen Illustrator, Corel-Draw freier SVG-Editor: Inkscape (Fork von Sodipodi) 3
4 SVG ist ein XML-Vokabular XML-basiert: SVG ist eine XML-basierte Sprache. gegen eine DTD validierbar Klartextformat (Suchmaschinen) W3C Recommendation: 719 Seiten dynamisch mit Scripts erzeugbar serverseitig: CGI-Scripts clientseitig: z.b. mit JavaScript. (DOM: direkter dynamische Zugriff auf alle SVG-Teile) interaktive Grafiken dynamisch erzeugte Balken- und Tortendiagramme 4
5 Vorteile von SVG Zoom- und Schwenkfähigkeit: Vektorgrafiken: verlustfreies Zoomen, Drehen, Schwenken SMIL (Synchronized Multimedia Integration Language) Zeitschienen für multimediale Abläufe. Dynamische SVG-Grafiken und z.b. Sound 5
6 Verweise in SVG XLink-Unterstützung: Beschreiben von Verweisen (Hyperlinks) in XML Links innerhalb von SVG Verweis-sensitive Grafiken (lokale oder weltweite Ziele) 6
7 SVG-Quellen Essential SVG, J. David Eisenberg, Oreilly, Learning by Coding
8 Struktur eines SVG-Dokuments <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " <desc>strichzeichnung einer Katze</desc> <!-- Hier steht die Zeichnung - > </svg 8
9 Grundlegende Formen Kreise <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> </svg> 9
10 Grundlegende Formen Kreise <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> </svg> 10
11 Stile in Attributen festlegen Füllen von Formen Strichstärke, Farben <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> </svg> 11
12 Stile in Attributen festlegen Füllen von Formen Strichstärke, Farben <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> </svg> 12
13 Gruppierung Linien Teile lassen sich zu Gruppen zusammenfassen <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> </svg> 13
14 Gruppierung Linien Teile lassen sich zu Gruppen zusammenfassen <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> </svg> 14
15 Koordinatentransformation <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> <use xlink:href="#whiskers" transform="scale(-1 1) translate(-140 0)" /> </svg> 15
16 Koordinatentransformation <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> <use xlink:href="#whiskers" transform="scale(-1 1) translate(-140 0)" /> </svg> 16
17 Weiter Grundformen <polyline>: offene Polygonzüge <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> <use xlink:href="#whiskers" transform="scale(-1 1) translate(-140 0)" /> <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> </svg> 17
18 Weiter Grundformen <polyline>: offene Polygonzüge <desc>strichzeichnung einer Katze</desc> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g> <use xlink:href="#whiskers" transform="scale(-1 1) translate(-140 0)" /> <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> </svg> 18
19 Pfade... <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> <!-- Nase --> <path d="m L A " style="stroke: black; fill: #ffcccc" /> </svg> 19
20 Pfade... <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> <!-- Nase --> <path d="m L A " style="stroke: black; fill: #ffcccc" /> </svg> 20
21 Text... <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> <!-- Nase --> <path d="m L A " style="stroke: black; fill: #ffcccc" /> <text x="60" y="165" style="font-family: sans-serif; font-size: 14pt; stroke: none; fill: black;">cat</text> </svg> 21
22 Text... <!-- Ohren --> <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke: black; fill: none;" /> <!-- Schnauze --> <polyline points="35 110, , , 105, 110" style="stroke: black; fill: none;" /> <!-- Nase --> <path d="m L A " style="stroke: black; fill: #ffcccc" /> <text x="60" y="165" style="font-family: sans-serif; font-size: 14pt; stroke: none; fill: black;">cat</text> </svg> 22
23 SVG in HTML einbetten <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>text des Titels</title> </head> <body> <h1>katze als SVG-Grafik</h1> <p><object data="cat.svg" type="image/svg+xml" width="200" height="200"> Ihr Browser kann das Objekt leider nicht anzeigen! </object></p> </body> </html> 23
24 SVG in HTML einbetten Alternativen: HTML embed-tag href (Hyperlink) 24
25 Beispiel: Bitmap- vs. Vektorgrafik 25
26 SVG-Animationen Animation durch Scripting mit JavaScript 26
27 Mehr SVG Rechtecke, Ellipsen, geschlossene Polygone Linienanschluss Cascading Style Sheets Koordinaten-Transformation: Skalierung, Verschiebung, Drehung Pfade: Eliptische Bögen, Bézier-Kurven Füllen: Muster und Gradienten 27
28 Noch mehr SVG Text: International, vertikal, bidirektional Text auf Pfaden Clippen und Maskieren diverse Filter-Verfahren mehr Animationen 28
29 XHTML und SVG XLink und XPointer mehr XML-Schema Ausblick 29
Version 1 SVG. Scalable Vector Graphics. B.Wenk, HTW Chur. apple ibooks Author
Version 1 SVG Scalable Vector Graphics B.Wenk, HTW Chur SVG SVG - Scalable Vector Graphics 1 Einführung Bilder und Grafiken Mit der Digitalkamera aufgenommene oder mit einem Scanner aufgenommene Bilder
SVG Skalierbare Vektorgrafiken im Netz
SVG Skalierbare Vektorgrafiken im Netz Weckung des Bedarfs an der Verteilung von georeferenzierten Informationen beim LWL: Weckung des Bedarfs an der Verteilung von georeferenzierten Informationen beim
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
Scalable Vector Graphics (SVG)
Scalable Vector Graphics () Beschreibungssprache für Vektorgraphiken. Basiert auf XML, daher ähnlich zu (X)HTML, SMIL, VRML, RSS, etc.
Das Einsteigerseminar
Michael Seeboerger-Weichselbaum Das Einsteigerseminar XML Inhalt Vorwort Einleitung und Ziel des Buches 1 Was ist XML 1.1 HTML 1.2 XML 1.3 XSLT 1.4 XML und HTML - wo sind die Unterschiede? 1.5 Einsatzgebiete
Präsentation von Karten im Internet. Ein Vergleich der Vektorformate SVG und ActiveCGM
Präsentation von Karten im Internet Ein Vergleich der Vektorformate SVG und 41. Sitzung der Arbeitsgruppe Automation in der Kartographie (AgA) am 21. und 22. September 2004 in Hamburg Dipl.- Ing. Prof.
Mit XML-basierten Web-Standards zur Lernplattform im Projekt ITO
Mit XML-basierten Web-Standards zur Lernplattform im Projekt ITO Martin Rotard Institut für Visualisierung und Interaktive Systeme Universität Stuttgart 1 / 17 Überblick Projekt ITO Mit konventionellen
XML. Teil 3: Namensräume. Abteilung Informatik WS 02/03
XML Teil 3: Namensräume Abteilung Informatik WS 02/03 Namensräume: Motivation Namensräume erlauben: Gleichnamige Elemente und Attribute verschiedener XML-Applikationen zu unterscheiden Beispiel: Mit dem
XML Grundlagen. Andreas Rottmann,Sebastian Riedl. 27. August 2002. Quit Full Screen Previous Page Next Page GoTo Page Go Forward Go Back
XML Grundlagen Andreas Rottmann,Sebastian Riedl 27. August 2002 Rottmann, Riedl: XML Grundlagen 1 Überblick Hintergründe und Geschichte Aufbau von XML-Dokumenten DTD Schemata Erweiterungen XML APIs Rottmann,
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
Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG) ein XML-basierter Grafikstandard für 2D-Vektorgrafiken Dr. Thomas Meinike thomas.meinike@et.fh-merseburg.de Fachhochschule Merseburg Fachbereich Elektrotechnik, Informationstechnik
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...
Einsatz von Scalable Vector Graphics (SVG) zur Modellrepräsentation und -manipulation in Web-Anwendungen mit J2EE
Einsatz von Scalable Vector Graphics (SVG) zur Modellrepräsentation und -manipulation in Web-Anwendungen mit J2EE www.arsnova.de ARS NOVA Technical Workshop, 24. Juni 2004 1 Agenda Motivation und Zielsetzung
Die XML-basierten Grafikformate SVG und XVL - eine Revolution der technischen Dokumentation?
Die XML-basierten Grafikformate SVG und XVL - eine Revolution der technischen Dokumentation? Tekom Regionalgruppen -Treffen 02. Juni 2005 Elektronikschule Tettnang Inhalt 1 Referent Einführung SVG Grundlagen
Scalable Vector Graphics (SVG)
Fachhochschule Wiesbaden - Fachbereich Informatik SVG: 2D-Grafik in XML-Syntax Scalable Vector Graphics (SVG) http://www.w3.org/tr/svg11 http://www.w3.org/tr/svg12 (WD) Erinnerung: Raster-Grafik vs. Vektor-Grafik
... MathML XHTML RDF
RDF in wissenschaftlichen Bibliotheken (LQI KUXQJLQ;0/ Die extensible Markup Language [XML] ist eine Metasprache für die Definition von Markup Sprachen. Sie unterscheidet sich durch ihre Fähigkeit, Markup
Grundlagen von Corel Draw
Grundlagen von Corel Draw Allgemeines Corel Draw ist ein so genanntes Vektorgrafik-Programm. Der Vorteil von Vektorgrafiken besteht darin, dass die Qualität auch beim Vergrößern im Gegensatz zu Bitmap-Bildern
Transformation von RailML timetable Daten zu SVG mittels XSLT zur Darstellung von Zeit-Weg-Liniendiagrammen
Transformation von RailML timetable Daten zu SVG mittels XSLT zur Darstellung von Zeit-Weg-Liniendiagrammen Peter K. Brandt Ergon Informatik AG Zürich, Schweiz 2007 Ergon Informatik AG Ausgangslage RailML
Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten,
Glossar Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Methoden und/oder Eigenschaften, die eine bestimmte Berechnung ausführt, eine Eigenschaft ändert oder eine Methode
Erweiterung eines SMIL Players für die Darstellung von Transparenzen und SVG Inhalten
Bachlor-Abschlussarbeit Erweiterung eines SMIL Players für die Darstellung von Transparenzen und SVG Inhalten im Studiengang Informatik der Fakultät IV - Wirtschaft und Informatik Sommersemester 2009 Burim
XML Vortrag. 1. Beispiel XML. 2. Begriffe. 3. XML Standards
XML Vortrag 1. Beispiel XML Philipp Gühring Hebenstreitstr. 16 2602 Neurißhof Austria +43-2628-49103
Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools
Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete
DATENFORMATE IM INTERNET
DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV
HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache
HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text
Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.
Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum
ASP: Active Server Pages
ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows-Server enthalten) Skript- und
XML Technologien Seminar WS 2011/2012. 01.04.12 Einführung in HTML5 1
XML Technologien Seminar WS 2011/2012 01.04.12 Einführung in HTML5 1 EINFÜHRUNG IN HTML5 Eine kurze historische Einführung HTML5 Ausblick und kritische Reflexion 01.04.12 Einführung in HTML5 2 Eine kurze
HTML5 Formulare. HTML5 Formulare Seite Seite 1 von 7 Florian Bauer
Formulare Formulare Seite Seite 1 von 7 Florian Bauer Inhalt... 3 Grundgerüst... 3 Formularaufbau... 3 Formularfelder... 3 Textfeld... 3 Passwort... 3 Textbereich... 4 Select-Box... 4 Multi-Select-Box...
Visualisierung von Geodaten mittels SVG
1 XML-basierte Visualisierung von Geodaten mittels SVG Prof. Dr.-Ing. Franz-Josef Behr 2 Gliederung Einleitung: Entwicklung, Übersicht einige Grundlagen Beispiele Dokumentstruktur, Aufbau einer einfachen
Java Webentwicklung (mit JSP)
Java Webentwicklung (mit JSP) SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 1 Inhalt 1 Zielsetzung... 1 2 Webprojekt mit Netbeans... 2 2.1 Webprojekt erstellen... 2 2.1.1 Neues Projekt... 2 2.2 Aufbau
Webseiten erstellen für Einsteiger
Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21
Scalable Vector Graphics-basierte
Technische Universität Carolo-Wilhelmina zu Braunschweig Scalable Vector Graphics-basierte Softwareplattform mit flexibler Logikanbindung 14.05.2009 SVG-basierte Softwareplattform mit flexibler Logikanbindung
Applets. Applets. Applets. Applet: Java-Programm Eingebettet in einer HTML-Seite Ausführung von einem Java-fähigen Web-Browser oder sog.
Johann Wolfgang Goethe-Universität Professur für Graphische Datenverarbeitung Fachbereich Informatik und Mathematik Prof. Dr. Detlef Krömker Applet: Java-Programm Eingebettet in einer HTML-Seite Ausführung
SCRIBUS WORKSHOP Handout Gimp
SCRIBUS WORKSHOP Handout Gimp 1 Ziele des Workshops Was ist Gimp? Was kann ich mit Gimp machen? Wie erstelle ich ein Bild für Scribus? Wie erstelle ich eine Vektorgrafik für Scribus? Varia? 2 Was ist Gimp?
XSLT Vortrag. 2. Beispiel XML. 3. Anwendungsmöglichkeiten von XSLT 4. XHTML
XSLT Vortrag 1. Was ist XSLT? XSLT ist eine Transformationssprache für XML Dokumente. XSLT war wahrscheinlich die erste XML basierte Programmiersprache. XSLT ist von der Struktur her Template-Matching,
XHTML MP. Mobile Internet. Axel Reusch ar047 MIB
XHTML MP Mobile Internet Axel Reusch ar047 MIB Agenda Was ist XHTML MP Prinzip Funktionsweise WTAI Vorteile Nachteile Quellen Seite 2 Untermenge von XHTML (aktuell XHTML 1.1) Strikteres HTML (alle Tags
Umwandeln und Exportieren von Adobe-Illustrator-Dateien in Illustrator für Artcut
Umwandeln und Exportieren von Adobe-Illustrator-Dateien in Illustrator für Artcut Unsere mitgelieferte Fonts & Grafik CD haben wir vom Hersteller des Plotters zur Verfügung gestellt bekommen. Die darauf
Überblick. Einleitung PORTIKO XML-AG. Evaluation. Zusammenfassung und Ausblick. Motivation
Vorlesungsskripte im E-Learning-Zeitalter Torsten Klie, Uwe Frommann, Astrid Weilert, Christoph Klinzmann, Dietmar Hosser, Jan Zimmermann, Manfred Krafczyk Technische Universität Braunschweig Christian
XML-Workshop für Technische Redakteure Praxis mit Adobe FrameMaker
XML-Workshop für Technische Redakteure Praxis mit Adobe FrameMaker tekom Regionalgruppe München 17. Mai 2003 Dipl.-Ing. (Univ.) Michael Müller-Hillebrand, Erlangen http://cap-studio.de XML-Workshop für
Online-Publishing mit HTML und CSS für Einsteigerinnen
mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript
HTML5. W3C-Tag 2009 Felix Sasaki FH-Potsdam / W3C deutsch-österr. Büro felix.sasaki@fh-potsdam.de
HTML5 W3C-Tag 2009 Felix Sasaki FH-Potsdam / W3C deutsch-österr. Büro felix.sasaki@fh-potsdam.de Hinweis "Teaching the Web" Event 15.10.2009, FH Potsdam Homepage http://www.w3c.de/events/2009/office-opening
Einführung in die Scriptsprache PHP
Herbst 2014 Einführung in die Scriptsprache PHP Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW - Rainer Telesko / Martin Hüsler 1 Inhalt:
Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur»
Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Struktur» Adobe Dreamweaver CC 2014; CC; CS6; CS5 2 Einstellungen 3 Detaillierte Theorie 4 Validierung Oft Probleme mit Browsern,
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
Installationsanleitung Adobe SVG Viewer
Umweltdepartement Amt für Vermessung und Geoinformation Bahnhofstrasse 16 Postfach 1213 6431 Schwyz Telefon 041 819 25 41 Telefax 041 819 25 09 Installationsanleitung Adobe SVG Viewer für WebMap SZ Inhaltsverzeichnis
Lattice3D Studio Corel Edition vs. Lattice3D Studio CAD Corel Edition
vs. Version 1, 16.6.2015 Zielsetzung Im folgendem Dokument werden die beiden Corel Editionen von Lattice3D Studio (L3D) funktional verglichen. Dabei wird nicht auf die Funktionen an sich eingegangen, sondern
D ie Z ukunft m it H TM L5
D ie Z ukunft m it H TM L5 Folien unter http://www.w3c.de/events/2009/webtech-html5/sasaki-webtech09-html5.pdf 1 HTML5-Beispiele getestet mit Firefox 3.5.3 2 Sprecher Hauptschwerpunkte Mehrsprachige Daten
Informatik I: Einführung in die Programmierung
Informatik I: Einführung in die Programmierung 21. Das WWW befragen Albert-Ludwigs-Universität Freiburg Bernhard Nebel 13.01.2015 13.01.2015 B. Nebel Info I 2 / 17 Oft braucht ein Programm Informationen,
Beuth Hochschule Die erweiterbare Markierungssprache XML WS10/11
Die erweiterbare Markierungssprache XML 1. Einleitung Eine Markierungssprache (markup language) dient dazu, Textdateien mit zusätzlichen Informationen anzureichern. Die verbreitete Markierungssprache HTML
Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
XML 1. Einführung, oxygen. Ulrike Henny. ulrike.henny@uni-koeln.de. IDE Summer School 2013, Chemnitz
XML 1 Einführung, oxygen Ulrike Henny ulrike.henny@uni-koeln.de XML extensible Markup Language Was ist XML? XML-Grundlagen XML-Editoren, oxygen HTML + CSS XPath Übungen Literatur Folie 2 Was ist XML? extensible
Diana Lange. GENERATIVE GESTALTUNG Komplexe Datentypen: PShape
Diana Lange GENERATIVE GESTALTUNG Komplexe Datentypen: PShape EINFÜHRUNG In diesem Foliensatz geht es um den Import und die Darstellung von vektorbasierten Bildmaterial in Processing. Vektorgrafiken basieren,
Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
Relaunch der PI3-Website
Relaunch der PI3-Website Über Design & der Lehrstuhlhomepage. Cornelius Rabsch http://pi3.informatik.uni-mannheim.de/crabsch.html rabsch@pi3.informatik.uni-mannheim.de Cornelius Rabsch, 3. Dezember 2004
Graphic Coding. Klausur. 9. Februar 2007. Kurs A
Graphic Coding Klausur 9. Februar 2007 Kurs A Name: Matrikelnummer: Hinweise - Es sind keine Hilfsmaterialien erlaubt. (Keine Bücher, Taschenrechner, Handys) - Sie haben zwei Stunden Zeit. - Insgesamt
X-Technologien. XML and Friends. Jörn Clausen joern@techfak.uni-bielefeld.de. 9. Juli 2001
X-Technologien XML and Friends 9. Juli 2001 Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht XML SAX DOM XSL XPath XSLT XSL FO Extensible Markup Language Simple API for XML Document Object Model Extensible
Webalizer HOWTO. Stand: 18.06.2012
Webalizer HOWTO Stand: 18.06.2012 Copyright 2003 by manitu. Alle Rechte vorbehalten. Alle verwendeten Bezeichnungen dienen lediglich der Kennzeichnung und können z.t. eingetragene Warenzeichen sein, ohne
Einführung in PowerPoint
Einführung in PowerPoint Referent: Stephan Tesch 14. Januar 2006 Copyright by Stephan Tesch und Sebastian Folie: Ahrens 1/31 Gliederung 1. Neue Folien anlegen und löschen 2. speichern der Präsentation
C O C O O N. Wo ist Cocoon in die Apache Projekte einzureihen?
C O C O O N ein Web-Framework der Apache Software Foundation http://www.apache.org Wo ist Cocoon in die Apache Projekte einzureihen? Apache Server sehr leistungsfähiger HTTP-Server Tomcat Server Referenzimplementierung
Verteilte Anwendungen. Teil 2: Einführung in XML
Verteilte Anwendungen Teil 2: Einführung in XML 05.10.15 1 Literatur [2-1] Eckstein, Robert; Casabianca, Michel: XML Kurz und gut. O'Reilly, 2. Auflage, 2003 [2-2] Nussbaumer, Alfred; Mistlbacher, August:
Errata-Liste zum Kurs: Einführung in XML (2. Auflage)
Errata-Liste zum Kurs: Einführung in XML (2. Auflage) 1. Kapitel 4.8: Auf Kursseite 8 ist der angeführten XML-Quellcode fehlerhaft:
CSS. Cascading Stylesheets
CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische
Inhaltsverzeichnis VII
Inhaltsverzeichnis 1 Die Grundlagen zu CMS auch eine lange Reise beginnt mit dem ersten Schritt............................................ 1 1.1 Was behandeln wir in dem einleitenden Kapitel?....................
PHP Kurs Online Kurs Analysten Programmierer Web PHP
PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione
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
Vektorgrafik. Medien- Technik
Vektorgrafik Vektorgrafiken werden als mathematisch und programmatisch definierte Zeichenanweisungen in einem Koordinatensystem generiert und gespeichert. Vektorgrafiken können einfach und exakt geometrisch
PDF/A. Mar$n Fischer
PDF/A Mar$n Fischer Au(au Was ist PDF? Unterschiede von PDF und PDF/A PDF/A im DANRW Was ist PDF? PDF = Portable Document Format Erstveröffentlichung 1993 Von Adobe Systems entwickelt Dateiformat unabhängig
HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5
HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen
News RSS-Export. mit tt_news und pmk_rssnewsexport. Alexander Mürb, Arthur Palmer TYPO3 User Group Stuttgart
News RSS-Export mit tt_news und pmk_rssnewsexport Alexander Mürb, Arthur Palmer TYPO3 User Group Stuttgart Folie 2 Inhalt Was ist RSS? Extension pmk_rssnewsexport Voraussetzungen für Ext. pmk_rssnewsexport
Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.
Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die
PRÄSENTATIONSDESIGN Handout. Layout
Layout Verwenden Sie zur Vorbereitung einer Präsentation immer ein Gestaltungsraster. Es ermöglicht eine durchgängig gleiche Gestaltung aller Folien und ist Merkmal professioneller Präsentationen. Grundlayouts
Webseiten-Programmierung
Webseiten-Programmierung Sprachen, Werkzeuge, Entwicklung Bearbeitet von Günter Pomaska 1. Auflage 2012. Taschenbuch. xii, 255 S. Paperback ISBN 978 3 8348 2484 4 Format (B x L): 16,8 x 24 cm Weitere Fachgebiete
2 Die Gerätetypen und Programme im Einsatz 31. 2.1 E-Reader 31 2.2 E-Book-Editoren 33 2.3 E-Book-Software-Reader 34 2.4 Die Programme des Autors 35
1 Einleitung 13 1.1 Aufbau des Buches 13 1.2 Die neuen epub-funktionen in InDesign CS6 und CC 14 1.3 Die E-Book-Formate im realen Leben 17 1.4 Die epub-struktur 21 1.5 XHTML und CSS aus Sicht eines (In)Designers
X-Technologien. Ein Überblick. Ulrike Henny. ulrike.henny@uni-koeln.de. IDE Summer School 2013, Chemnitz
X-Technologien Ein Überblick Ulrike Henny ulrike.henny@uni-koeln.de X-Technologien Das X-Universum XML im Zentrum Woher kommt XML? Einsatz von XML X-Technologien Datenhaltung Datenzugriff Umwandlung Ausgabe
Die Arbeitsweise von Flash
Die Arbeitsweise von Flash Daten importieren Wenn man auf das Datei-Menü in Flash klickt kann man einfach eine Datei aus Photoshop oder anderen Grafik-Programmen einfügen. Dazu klickt man auf den Befehl
Einführung Internettechnologien. - Clientseitige Programmierung -
Einführung Internettechnologien - Clientseitige Programmierung - Client Client: Programm, das Daten von einem Server anfordert In einem Netzwerk können unterschiedliche Clients zum Einsatz kommen Im Folgenden:
Im Original veränderbare Word-Dateien
Computergrafik Bilder, Grafiken, Zeichnungen etc., die mithilfe von Computern hergestellt oder bearbeitet werden, bezeichnet man allgemein als Computergrafiken. Früher wurde streng zwischen Computergrafik
Captive Portal Betrieb und Anpassung
Captive Portal Betrieb und Anpassung Erklärungen: Captive Portal / Landing Page: Ist eine allgemein übliche Technik die den Webbrowser auf ein spezielle Web Seite umleitet, um den Benutzer zu authentifizieren,
Eingebettete Objekte
Eingebettete Objekte Grundsätzliches Ein Word-Dokument kann neben Textobjekten andere Objekte der verschiedensten Art enthalten: 1. Bilder und Zeichnungen 2. Diagramme 3. Formeln 4. Excel-Tabellen 5. Multimedia-Objekte
Windows Explorer Das unbekannte Tool. Compi-Treff vom 19. September 2014 Thomas Sigg
Windows Explorer Das unbekannte Tool Thomas Sigg Das Wort Explorer aus dem Englischen heisst eigentlich Auskundschafter, Sucher Der Windows Explorer darf nicht mit dem Internet Explorer verwechselt werden.
Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.
Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert
Installationscript für die Anzeige des aktuellen Moderators
Installationscript für die Anzeige des aktuellen Moderators Als erstes sollte gesagt sein, das Sie kein PHP oder HTML können müssen um dieses Script einzurichten. Falls Sie Erfahrungen in HTML oder PHP
Informatik I: Einführung in die Programmierung
Informatik I: Einführung in die Programmierung 23. Das WWW befragen Albert-Ludwigs-Universität Freiburg Bernhard Nebel 15.01.2016 15.01.2016 B. Nebel Info I 2 / 19 Oft braucht ein Programm Informationen,
19. Mai 2015 L A TEX. Grafiken. Prof. Dr. Alexander Braun // Wissenschaftliche Texte mit LaTeX // WS 2014/15
L A TEX Grafiken Raster- und Vektorgrafiken Eine Rastergrafik setzt ein Bild aus vielen Bildpunkten (engl. picture cell = pixel) zusammen. Eine Vektorgrafik setzt ein Bild aus vielen geometrischen Elementen
http://login-38.hoststar.ch/user/web146/awstats.php?month=06&year=2014&output=...
Statistik für web146 (-06) - main http://login-38.hoststar.ch/user/web146/awstats.php?month=06&year=&output=... Page 1 of 5 02.07. Statistik für: web146 Zuletzt aktualisiert: 01.07. - 17:27 Zeitraum: Juni
webmap Qualitätsanforderungen an interaktive thematische Internetkarten Schweizer Statistiktage, Aarau, 18. Nov. 2004 Marco Sieber
Schweizer Statistiktage, Aarau, 18. Nov. 2004 webmap Qualitätsanforderungen an interaktive thematische Internetkarten Marco Sieber Wissenschaftlicher Mitarbeiter (GIS-Fachstelle) marco.sieber@stat.stzh.ch
http://login-38.hoststar.ch/user/web146/awstats.php?month=05&year=2014&output=...
Statistik für web146 (-05) - main http://login-38.hoststar.ch/user/web146/awstats.php?month=05&year=&output=... Page 1 of 6 10.07. Statistik für: web146 Zuletzt aktualisiert: 10.07. - 20:23 Zeitraum: Mai
Hyperlink-Erstellung in InDesign für
Hyperlink-Erstellung in InDesign für Übersicht Sie können in InDesign Hyperlinks erstellen, sodass nach einem Export in eine Adobe PDF- oder SWF-Datei die Benutzer über einen Klick auf den Link zu anderen
Arbeiten im Datennetz der Universität Regensburg
Wiwi-Workshop Uni Regensburg April 2002 Arbeiten im Datennetz der Universität Regensburg - Einführung in HTML, Teil II Arbeiten mit AOLPress - Dr. Wirtschaftswissenschaftliche Fakultät Universität Regensburg
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
8. Workshop - Internetarchivierung
Problembereiche bei der Spiegelung der Websites mit Offline Explorer Pro: 1. Die Website liegt nicht auf dem gedachten Server (es befindet sich dort nur eine Weiterleitung) 2. Teile der Website befinden
Kryptos Eine Lernplattform zur Kryptologie
Techniken Implementierung Demo Schluss Eine Lernplattform zur Kryptologie Universität Oldenburg - Abteilung Parallele Systeme Dimplomarbeit Techniken Implementierung Demo Schluss Übersicht 1 2 Techniken
1 Vorbemerkungen 1. 1.1 Tasten-Bezeichnungen und Infos... 1. 2 Präsentieren 2
Inhaltsverzeichnis Workshop PowerPoint 2103 Vertiefungskurs Inhaltsverzeichnis 1 Vorbemerkungen 1 1.1 Tasten-Bezeichnungen und Infos... 1 2 Präsentieren 2 2.1 Planung/Vorbereitung... 2 2.2 Durchführung...
XML Extensible Markup Language
XML-Praxis XML Extensible Markup Language Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Woher? Wohin? Warum? Bestandteile von XML XML-Dokumente erstellen und bearbeiten XML-Praxis XML Extensible
App Entwicklung mit dem Android SDK
App Entwicklung mit dem Android SDK Grafische Benutzeroberfläche Dominik Wagner Informatik Sommercamp 2012 23.7.2012 Kurze Übersicht Um ein Layout für eine Android-Anwendung zu definieren schreibt man
Symbolbearbeitung mit EPLAN 5.60/5.70 DIC_***D.SYM
Symbolbearbeitung mit EPLAN 5.60/5.70 DIC_***D.SYM Beispielhaft anhand einer kopierten DIC_ESSD.SYM nach DIC_BGID.SYM werden hier die einzelnen Schritte der Symbolbearbeitung erklärt. Es ist generell empfehlenswert
Vektoren mit GeoGebra
Vektoren mit GeoGebra Eine Kurzanleitung mit Beispielen Markus Hohenwarter, 2005 In GeoGebra kann mit Vektoren und Punkten konstruiert und gerechnet werden. Diese Kurzanleitung gibt einen Überblick über