Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Inhalte» Workshop
|
|
|
- Jörg Bösch
- vor 8 Jahren
- Abrufe
Transkript
1 Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Inhalte» Workshop
2 2
3 Text Vorbereitung: «Wordtext in Dreamweaver» Videosequenz UTF-8 Zeichensatz 3
4 Beispiel Dingbats 4
5 Silbentrennung Einbauen von lang="sprache", z.b. lang="de" oder lang="de" Entweder im <html> Tag für das ganze Dokument oder in einzelnen Tags: <html lang="de">, <div lang="en"> CSS: -webkit-hyphens: auto; hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto 5
6 6
7 Übung 1 Text 1. Wenn Sie das nicht schon längst gemacht haben: Site für Web- Entwicklung 1 in Dreamweaver einrichten (Aufbau einer Site in Dreamweaver, Teil 1, Teil 2, Teil 3) 2. Unterordner inhalte darin erstellen. 3. Neue HTML-Datei mit dem Namen text.html darin erstellen. 4. Verknüpfte externe CSS-Datei text.css im selben Ordner erstellen. 5. Erstellen Sie einen <p> Tag mit folgendem Inhalt: 7
8 6. Erstellen Sie zwei <article> Tags. Einer soll die Klasse deutsch, der andere englisch haben. 7. Die Breite von <article> soll 500px sein. 8. Kopieren Sie aus der NZZ und der New York Times angemessene News-Texte in die <article>. 9. Bauen Sie in text.css die Silbentrennung für die deutsche und amerikanische Sprache ein. 10. Kopieren Sie die Dateien auf den Studierenden-Web-Server und platzieren Sie die URL im Video Chat. 8
9 Bild > JPG, PNG, GIF Vorbereitung: Videosequenz Videosequenz Teil «Preparing an image for the web» aus Lynda.com 9
10 Bildformate für das Web HTML unterstützt die Bildformate JPG, GIF und PNG. Die Bilder werden in der Bildbearbeitung (Photoshop, Elements, Fireworks) retuschiert, auf die richtige Grösse gebracht, für das Web exportiert: Datei > Für Web speichern; File > Save for the Web JPG (*.jpg) GIF (*.gif) PNG (*.png) Farben Millionen 256 Millionen Transparenz Nein Ja Ja Animation Nein Ja Nein Kompression Mit Verlust Ohne Verlust Ohne Verlust Einsatz Fotos Logos Logos, Fotos 10
11 11
12 Alt- und title-attribut Vergeben Sie dem Bild ein alt- und title-attribut. <img src="kreis.fw.png" alt="logo Firma XY" width="50" height="50" title="logo Firma XY "/> alt: Beschreibung für Blindenleser title: Längere, präzisere Beschreibung, erscheint als Hover: 12
13 Bildgrösse Weder W (Width, Breite) noch H (Height, Höhe) des Bildes in Dreamweaver ändern. Auf die ursprüngliche Grösse durch Klick auf das runde Icon zurücksetzen: 13
14 Workflow mit Photoshop Laden eines PSD-Bildes von Photoshop in Dreamweaver öffnet direkt das Konvertierungsmenü: 14
15 Wenn das Original geändert wurde: Aktualisieren: 15
16 Weitere Bildformate; JPG2000 Zusammenfassung Bilder für das Internet müssen immer in der Bildbearbeitung (z.b. Photoshop, Gimp) aufbereitet werden HTML unterstützt die Bildformate JPG, GIF und PNG Bilder und die dazugehörige HTML-Datei gehören immer in eine Site 16
17 Übung 2 Bilder 1. Erstellen Sie eine neue HTML-Datei mit dem Namen bild.html im Unterordner inhalte. 2. Erstellen Sie im Unterordner inhalte zwei weitere Unterordner: originals und images. 3. Erstellen Sie im Photoshop eine transparente Bilddatei von 300x300 Pixeln, im Ordner inhalte/originals speichern unter photoshop.psd. 4. Importieren Sie im Dreamweaver über das Menü Insert > Image > Image die Datei photoshop.psd. 5. Speichern Sie die Datei via Image Optimization als PNG 24-Datei im Ordner images als photoshop.png. 17
18 6. Markieren Sie den Ordner originals in der Siteverwaltung von Dreamweaver. Mit dem rechten Mausknopf (oder CTRL-Klick) aktivieren Sie Cloacking > Enable Cloaking und Cloak. Cloaking verhindert, dass beim Synchronisieren der Site mit dem Web-Server dieser Ordner auch synchronisiert, d.h. auf den Web- Server kopiert wird 18
19 Video > Youtube Vorbereitung: Youtube Videos verwenden Videosequenz 19
20 Zusammenfassung Youtube bietet eine einfache Lösung, Videodateien in HTML-Dateien einzubauen: <iframe width="853" height="480" src=" frameborder="0" allowfullscreen></iframe> 20
21 Video > Vimeo <iframe src=" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href=" from <a href=" Thomas</a> on <a href=" 21
22 Übung 3 Youtube- und Vimeo-Video 1. Erstellen Sie eine neue HTML-Datei mit dem Namen youtubevideo.html im Unterordner inhalte. 2. Wählen Sie je ein Video von Youtube und von Vimeo aus und bauen Sie den Code in die Datei ein. 3. Kopieren Sie die Dateien auf den Studierenden-Web-Server und platzieren Sie die URL im Video Chat. 22
23 Video > eigene Videos auf Webserver Video Architekturen Bei den Videos muss man zwischen dem Video-Format und dem Video Datei-Format unterscheiden Das Video-Format beschreibt den Codec: Compression and Decompression Das Datei-Format ist ein Container und beschreibt, wie die Dateien gespeichert werden 23
24 Beispiele von Video-Formaten Kompression: MPEG-1, MPEG-2, MPEG-4 H.264 VP6, VP8 Sorenson Spark Theora Beispiele von Datei-Formaten oder Containern MOV (QuickTime Video Container von Apple) RealMedia (Vid. Cont. für RealVideo und-audio) AVI (Video Container von Microsoft Windows) FLV (Video Container von Adobe) MP4 (Video Container für MPEG-4) OGG (Video Container für Theora) WebM (Video Container für VP8) Beispiel 1: Das Video-Format MPEG-4 kann sich in einem MOVoder FLV-File befinden Beispiel 2: MOV und FLV sind Video-Dateiformate, welche einen Player benötigen Beispiel 3: MPEG-4 beschreibt, wie das Video aufgebaut und komprimiert ist 24
25 Container und Codec Format VP8 im Container WebM Format H264 im Container MP4 Format Theora im Container OGG 25
26 Video > HTML5 Jeder Browser hat seinen eigenen Videoplayer mit verschiedenem Aussehen! 26
27 Unterstützung WebM, MPEG-4/H.264; Ogg/Theora WebM MP4 Ogg 27
28 Tendenzielle Unterstützung 28
29 29
30 Details: Video-Formate Ogg: Datei-Format für Multimedia-Dateien (Audio-, Video- und Textdaten), Ogg unterstützt das Video-Format Theora und das Audio-Format Vorbis. Encoding mit Firefogg WebM: Datei-Format, von Google lancierter Standard zur Verbreitung von Mediendateien, WebM unterstützt das Video- Format VP8 und das Audio-Format Vorbis. Encoding mit Firefogg MP4: Multimedia-Datenformat. Es ist eine Kurzform für den von der MPEG vorgesehenen Container für MPEG-4-Inhalte und wurde in ISO/IEC und -14 (MPEG-4 Teil 12 und 14) standardisiert. Encoding mit Handbrake (für das iphone das Baseline Profile verwenden). 30
31 Details: Lizenzen Ogg mit Videocodec Theora und Audiocodec Vorbis: Lizenzfrei WebM mit Videocodec VP8 und Audiocodec Vorbis: Lizenzfrei H.264: Patente, Lizenzen Details: Weitere Informationen HTML5 Video Tag, noch viel mehr Details, auf Youtube Details Datei- und Video-Format, auf Youtube HTML5 Video Player 31
32 Video > HTML5 Video > Einbau Zugriff auf die Container: <video width="480" height="300" controls > <source src="podcast.mp4" type="video/mp4" > <source src="podcast.webm" type="video/webm" > <source src="podcast.ogv" type="video/ogg" > Your browser does not support the video tag. Bad for you! </video> Reihenfolge Zuerst mp4 (wegen eines Fehlers im ipad, nimmt immer den obersten Eintrag) Dann webm wegen höherer Qualität als ogv Am Schluss ogv 32
33 Details: Probleme bei vollständiger Browserunterstützung Ältere Browser unterstützen weder.mp4 noch.ogg => Zusätzlich muss noch das Flash-Format eingebaut werden Jede Video-Datei muss in 4 Formate codiert werden:.mp4,.webm,.ogg und.flv Lösungsansatz 1 Kroc Camen hat eine Lösung ohne Javascript entwickelt um HTML5 Video abzuspielen. Fallback: Quicktime; Flash. Auch für Mobiles Nachteil: Jede Video-Datei muss in 4 Formate codiert werden Lösungsansatz 2 Verwendung eines Open Source Players, z. B. FlowPlayer Desktop-Geräte spielen via FlowPlayer via Flash das MP4Video ipad und iphone spielen via <video> Tag das MP4Video 33
34 Video > HTML5 > pragmatische Lösung Keine Rücksicht auf alter Browser! <video width="480" height="300" controls > <source src="videos/podcast.mp4" type="video/mp4" > <source src=" videos/podcast.webm" type="video/webm" > <source src=" videos/podcast.ogv" type="video/ogg" > Your browser does not support the video tag. </video> Attribute im Video-Tag Controls Steuerung einbauen 34
35 preload preload="none": Kein Preloading (am Anfang nichts sichtbar) preload="auto": Lädt gesamtes Video. Ist im iphone nicht unterstützt (am Anfang erster Frame sichtbar) preload="metadata": Lädt nur Metadata autoplay Video beginnt sofort abzuspielen. Ist im iphone nicht unterstützt loop Video beginnt wieder von vorne abzuspielen (noch nicht unterstützt im Firefox) poster Ein Bild wählen für eine Vorschau (funktioniert im Moment im Safari nur ohne preload): poster="_video/podcast-poster.jpg" 35
36 width und height Breite und Höhe width="480" height="300" Beim Audio-Player kann die Breite via CSS eingestellt werden. track Untertitel, Details <track kind="captions" src="_video/podcastcaptions.vtt" > 36
37 Übung 4 Videos 1. Erstellen Sie eine neue HTML-Datei mit dem Namen video.html im Unterordner inhalte. 2. Laden Sie die Datei videos.zip vom Netz und entzippen Sie die Videos im Ordner videos. 3. Bauen Sie den Code von Seite 34 ein und betrachten Sie das Ergebnis in verschiedenen Browsern. Das Format ist unten rechts im Video angegeben. 4. Experimentieren Sie mit verschiedenen Attributen im Videotag. 37
38 Audio Vorbereitung: SoundCloud Videosequenz 38
39 Unterstützung MP3, WAV, OGG 39
40 Einbau von HTML5 Audio Container Format und Codec <audio controls > <source src="audios/podcast-audio.mp3" type="audio/mpeg" > <source src="audios/podcast-audio.oga" type="audio/ogg" > Your browser does not support the audio tag. </audio> MP3 besitzt kein Container-Format! Encoding Encoding mit VLC Automatisches Erstellen des Codes via Online-Dienst 40
41 Übung 5 Audio 1. Erstellen Sie eine neue HTML-Datei mit dem Namen audio.html im Unterordner inhalte. 2. Laden Sie die Datei audios.zip vom Netz und entzippen Sie die Videos im Ordner audios. 3. Bauen Sie den Code von Seite 40 ein und hören Sie das Ergebnis in verschiedenen Browsern. 41
42 Grafik > SVG Vorbereitung: «Working with SVG» Sequenz aus Lynda.com Definition Wikipedia: «Scalable Vector Graphics (SVG, engl. skalierbare Vektorgrafik ) ist die vom World Wide Web Consortium (W3C) empfohlene Spezifikation zur Beschreibung zweidimensionaler Vektorgrafiken. SVG, das auf XML basiert, wurde erstmals im September 2001 veröffentlicht.» Referenz W3Schools Referenz Sammelsurium von Informationen 42
43 Grundaufbau von SVG Der Nullpunkt ist oben links: 43
44 Codebeispiel: oranger Kreis <svg> <circle r="25" cx="50" cy="50" fill="#ff0000" /> </svg> SVG vs PNG 44
45 Codebeispiel: zwei hässliche Kreise <svg> <circle cx="130" cy="50" r="25" fill="#00ff00" stroke="#0000ff" stroke-width="5" fill-opacity=".45"/> <circle cx="150" cy="50" r="25" fill="none" stroke="#e60" stroke-width="5"/> </svg> 45
46 SVG und CSS Quelle 46
47 Codebeispiel SVG Code <svg> <circle id="one" cx="130" cy="50" r="25" /> <circle id="two" cx="150" cy="50" r="25" /> </svg> Codebeispiel CSS <style type="text/css"> svg circle#one{ fill: #00FF00; stroke: #0000FF; stroke-width: 5; fill-opacity:.45; } svg circle#two{ fill: none; stroke: #e60; stroke-width: 5; } </style> 47
48 SVG mit Text <svg width="100" height="100" style="background-color: #FF0;"> <text font-family="verdana" font-size="14px" x="10" y="50">hello world!</text> </svg> Details in der Referenz 48
49 Übung 6 SVG 1. Erstellen Sie eine neue HTML-Datei mit dem Namen svg.html im Unterordner inhalte. 2. Importieren Sie das EPS-Logo der HTW Chur in den Illustrator und speichern Sie das Logo als SVG-Grafik. Sie können das Tutorial verwenden. 3. Optimieren Sie die SVG-Grafik über den SVG Optimizer 4. Bauen Sie SVG-Grafik in die Website ein. 5. Laden Sie das JPG-Logo der HTW Chur, bauen Sie es auch in die Seite ein und vergleichen Sie die Resultate 49
50 AR Auf vorgefertigte Muster können via WebCam Bilder eingeblendet werden, z.b. mit Aruco (JavaScript library for Augmented Reality applications) 50
51 3D Es gibt die Möglichkeit, mit Hilfe von Javascript 3D Modelle im Browser darzustellen 51
YouTube ist nicht alles!
YouTube ist nicht alles! Über Videopodcasts, HTML5, webm, Matroska und den ganzen anderen modernen Kram. Referent: Fabio Bacigalupo Videocamp, 20. Juni 2010 Der Begriff des Podcasts Was sind, sollen und
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
1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7
Medien einbinden Inhalt 1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7 4.1 Bild einbinden mittels Medien-Icon... 7 4.2 Bild einbinden mittels
AdOps Technische Spezifikationen
AdOps Technische Spezifikationen HTML5-Werbemittel (Desktop) Bei der Verwendung von Redirects müssen diese Spezifikationen nicht beachtet werden. Physische Anlieferung von HTML5-Werbemitteln + Trackings.
Seminar DWMX 2004. DW Session 015
Seminar DWMX 2004 DW Session 015 Veröffentlichen der lokalen Website Bis jetzt sind die Daten immer lokal in Dreamweaver bearbeitet und über die interne Vorschau mit F12/Strg.+F12 im Browser betrachtet
Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Übung 2: Internet und HTML, v2
Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Übung 2: Internet und HTML, v2 Wie gross und schwer ist das Internet? Aufgabe 1 Schauen Sie sich die Videodatei auf Youtube an Aufgabe
Camtasia Theater Hilfe. Version 6.0.2
Camtasia Theater Hilfe Version 6.0.2 Camtasia Theater Start > Programme > Camtasia Studio 6 > Anwendungen > Camtasia Theater Wählen Sie in Camtasia Studio Tools > Camtasia Theater Camtasia Theater bietet
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?
Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016
Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es
Einfügen von Bildern innerhalb eines Beitrages
Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de
Die i-tüpfelchen: Favicons
Schenken Sie Ihrer URL ein eigenes Icon Sie werden lernen: Wo werden Favicons überall angezeigt? Wie kommen Favicons in die Adressleiste? So erstellen Sie Favicons auf Windows und Mac Ein Favicon für unsere
Einbindung von Videos im ZMS
Einbindung von Videos im ZMS Videos können auf Ihrer ZMS-Website auf vier verschiedene Arten eingebunden werden: - Video-Link (z.b. You Tube) - Real Media Stream - Video-Datei - Flash-Datei Um ein Video
Camtasia Studio. Theater. Release 7.0.0. March 2010. 2009 TechSmith Corporation. All rights reserved.
Camtasia Studio Release 7.0.0 March 2010 2009 TechSmith Corporation. All rights reserved. Inhaltsverzeichnis Camtasia Studio...1...1 Inhaltsverzeichnis...2 Camtasia...3 Dateiformate - Übersicht...4 Ein
Typo3 - Schulung: Fortgeschrittene I an der Hochschule Emden/Leer
HTML5 Video Player Der HTML5 Video Player ist eine Typo3 Extension und ermöglicht dem Redakteur das Einbetten von Videos mit Rückfall auf den Flashplayer. Die Extension nennt sich VideoJS - HTML5 Video
WORKSHOP für das Programm XnView
WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
HTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.
ewon - Technical Note Nr. 003 Version 1.2 Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite. Übersicht 1. Thema 2. Benötigte Komponenten 3. Downloaden der Seiten und aufspielen auf
Gimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/
Gimp Kurzanleitung Offizielle Gimp Seite: http://www.gimp.org/ Inhalt Seite 2 Seite 3-4 Seite 5-6 Seite 7 8 Seite 9 10 Seite 11-12 Ein Bild mit Gimp öffnen. Ein Bild mit Gimp verkleinern. Ein bearbeitetes
Adobe Encore 2.0 - Einfaches Erstellen einer DVD
Adobe Encore 2.0 - Einfaches Erstellen einer DVD Kurzbeschreibung Mit Adobe Encore 2.0 können von diversen Filmsequenzen Video-DVDs erstellt werden. Es unterstützt u. a. auch die Erstellung von komplexen
INHALTSVERZEICHNIS Allgemeine Beschreibung... 3 Verwendung der Webseite... 4 Abbildungsverzeichnis... 12
ONLINE-HILFE INHALTSVERZEICHNIS 1 Allgemeine Beschreibung... 3 2... 4 2.1 Angemeldeter Benutzer... 4 2.2 Gast... 10 Abbildungsverzeichnis... 12 1 ALLGEMEINE BESCHREIBUNG Die Webseite "" ist eine Informationsplattform
Ich möchte eine Bildergalerie ins Internet stellen
Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe
Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.
In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website
FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox
FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox Bitte beachten: Der im folgenden beschriebene Provider "www.cwcity.de" dient lediglich als Beispiel. Cwcity.de blendet recht häufig
Die Dateiablage Der Weg zur Dateiablage
Die Dateiablage In Ihrem Privatbereich haben Sie die Möglichkeit, Dateien verschiedener Formate abzulegen, zu sortieren, zu archivieren und in andere Dateiablagen der Plattform zu kopieren. In den Gruppen
aft irtsch Der Vorfilm... er W er d artn etp tern In
Vitamine für Ihr Business Unser Thema heute: Der Vorfilm... Was wir für unsere Kunden tun... tun wir seit 1996. Wir betreiben Ihre Services. DC Berlin 1 DC Berlin 2 auf eigener Technik. Es sollte schon
Flash Videos einbinden
Flash Videos einbinden Im Kapitel Videos einbinden ( - ) haben Sie gesehen, wie man einfach und ohne Zusatzprogramme kleine Videoclips auf seiner einbinden kann. Ich persönlich würde jedem dieses Verfahren
Teaser-Bilder erstellen mit GIMP. Bildbearbeitung mit GIMP 1
Teaser-Bilder erstellen mit GIMP 08.08.2014 Bildbearbeitung mit GIMP 1 Auf den folgenden Seiten werden die wichtigsten Funktionen von GIMP gezeigt, welche zur Erstellung von Bildern für die Verwendung
Modul Video-/Audioplayer. Version 1.1
Modul Video-/Audioplayer Version 1.1 Inhaltsverzeichnis 1. Wichtiger Hinweis...1 1.1 Datei-Formate...1 2. Datei-Upload...2 2.1 Datei-Upload über TYPO3...2 2.2 Datei-Upload per FTP...3 2.3 Datei-Upload
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
1. Einschränkung für Mac-User ohne Office 365. 2. Dokumente hochladen, teilen und bearbeiten
1. Einschränkung für Mac-User ohne Office 365 Mac-User ohne Office 365 müssen die Dateien herunterladen; sie können die Dateien nicht direkt öffnen und bearbeiten. Wenn die Datei heruntergeladen wurde,
«Integration in WebSite» HTML-/Javascript-Code-Beispiele
QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen
Clientkonfiguration für Hosted Exchange 2010
Clientkonfiguration für Hosted Exchange 2010 Vertraulichkeitsklausel Das vorliegende Dokument beinhaltet vertrauliche Informationen und darf nicht an Dritte weitergegeben werden. Kontakt: EveryWare AG
Diese Anleitung beschreibt das Vorgehen mit dem Browser Internet Explorer. Das Herunterladen des Programms funktioniert in anderen Browsern ähnlich.
Die Lernsoftware Revoca Das Sekundarschulzentrum Weitsicht verfügt über eine Lizenz bei der Lernsoftware «Revoca». Damit können die Schülerinnen und Schüler auch zu Hause mit den Inhalten von Revoca arbeiten.
Digitales Video I Wie wird Video am Computer codiert?
Digitales Video I Wie wird Video am Computer codiert? Bilder Auflösung Speicherung am Computer Bewegte Bilder Interlacing Kompression / Codec Ton Audioformate / Codecs Videoformate Bilder Auflösung: z.b.:
Bilder zum Upload verkleinern
Seite 1 von 9 Bilder zum Upload verkleinern Teil 1: Maße der Bilder verändern Um Bilder in ihren Abmessungen zu verkleinern benutze ich die Freeware Irfan View. Die Software biete zwar noch einiges mehr
c t HTML 5 App Werbemittelanforderung
c t HTML 5 App Werbemittelanforderung Preise und Spezifikationen Werbeform Platzierung Preis Print/App-Kombi Opening Page Opening Page Print/App-Kombi Marktanzeigen (Fullscreen, ½, ¼ Screen) Innerhalb
Berechtigungen im Kalender Anleitung für die Rechtevergabe im Outlook Kalender 2010. FHNW, Services, ICT
Berechtigungen im Kalender Anleitung für die Rechtevergabe im Outlook Kalender 2010 FHNW, Services, ICT Windisch, März 2013 Berechtigungen im Kalender 1 1 Gruppen 3 1.1 Die Gruppe/der Benutzer Standard
Sichern der persönlichen Daten auf einem Windows Computer
Sichern der persönlichen Daten auf einem Windows Computer DIRECTION DES SERVICES IT SERVICE DIT-MI DIREKTION DER IT-DIENSTE DIENSTSTELLE DIT-MI 1/9 1 Inhaltsverzeichnis 2 Einleitung... 3 3 Outlook Daten...
Anwendungsbeispiele Buchhaltung
Rechnungen erstellen mit Webling Webling ist ein Produkt der Firma: Inhaltsverzeichnis 1 Rechnungen erstellen mit Webling 1.1 Rechnung erstellen und ausdrucken 1.2 Rechnung mit Einzahlungsschein erstellen
Flugzeugen einen Glanz aufmalen
Flugzeugen einen Glanz aufmalen Grundlagen Einige Flugzeuge wie die von Martinair Cargo oder JAL Cargo haben eine silberchromfarbene Lackierung. Um diesen Glanz bei einem Repaint anzuwenden, muss man mit
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
Er musste so eingerichtet werden, dass das D-Laufwerk auf das E-Laufwerk gespiegelt
Inhaltsverzeichnis Aufgabe... 1 Allgemein... 1 Active Directory... 1 Konfiguration... 2 Benutzer erstellen... 3 Eigenes Verzeichnis erstellen... 3 Benutzerkonto erstellen... 3 Profil einrichten... 5 Berechtigungen
OUTLOOK-DATEN SICHERN
OUTLOOK-DATEN SICHERN Wie wichtig es ist, seine Outlook-Daten zu sichern, weiß Jeder, der schon einmal sein Outlook neu installieren und konfigurieren musste. Alle Outlook-Versionen speichern die Daten
10.3.1.5 Übung - Datensicherung und Wiederherstellung in Windows Vista
5.0 10.3.1.5 Übung - Datensicherung und Wiederherstellung in Windows Vista Einführung Drucken Sie diese Übung aus und führen Sie sie durch. In dieser Übung werden Sie die Daten sichern. Sie werden auch
Datenmigration K1Max (Exchange)
Datenmigration K1Max (Exchange) Wenn Sie bereit ein Exchange Konto haben und die Daten vom alten Exchange in das K1Max Konto migrieren wollen empfiehlt sich wie folgt vorzugehen: Step 1. Zuerst legt man
Anleitung für den Zugriff auf Mitgliederdateien der AG-KiM
Anleitung für den Zugriff auf Mitgliederdateien der AG-KiM Hinweise: - Dies ist eine schrittweise Anleitung um auf den Server der Ag-Kim zuzugreifen. Hierbei können Dateien ähnlich wie bei Dropbox hoch-
Whitepaper. Produkt: combit Relationship Manager / address manager. Dateiabgleich im Netzwerk über Offlinedateien
combit GmbH Untere Laube 30 78462 Konstanz Whitepaper Produkt: combit Relationship Manager / address manager Dateiabgleich im Netzwerk über Offlinedateien Dateiabgleich im Netzwerk über Offlinedateien
Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?...
Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2 Eine Hover-Schaltfläche erstellen... 2 Was ist in Ihrem Web passiert?... 3 Eine Rollover-Schaltfläche erstellen... 4 Vorbereitung für eine
Übung 1. Explorer. Paint. Paint. Explorer
Seite 1 Übung 1 1. Öffnen Sie das Programm PAINT 2. Maximieren Sie das Fenster 3. Verkleinern Sie das Fenster (Nicht Minimieren!!) 4. Öffnen Sie ZUSÄTZLICH zu PAINT den Windows Explorer 5. Verkleinern
Wiederholung float+clear. Grundlagen Webgestaltung Seite 136
Wiederholung float+clear Grundlagen Webgestaltung Seite 136 float und clear clear kann für mehrspaltige Layouts verwenden werden. Jedoch kann das auch zu ungewollten Effekten führen. Angenommen eine Webseite
S TAND N OVEMBE R 2012 HANDBUCH DUDLE.ELK-WUE.DE T E R M I N A B S P R A C H E N I N D E R L A N D E S K I R C H E
S TAND N OVEMBE R 2012 HANDBUCH T E R M I N A B S P R A C H E N I N D E R L A N D E S K I R C H E Herausgeber Referat Informationstechnologie in der Landeskirche und im Oberkirchenrat Evangelischer Oberkirchenrat
TBooking: Integration der Online-Buchung auf der eigenen Homepage. Version 1.0. Bayern Reisen & Service GmbH Im Gewerbepark D02 93059 Regensburg
TBooking: Integration der Online-Buchung auf der eigenen Homepage Version 1.0 Bayern Reisen & Service GmbH Im Gewerbepark D02 93059 Regensburg Tel. 49 (0)941/ 463929-21 Fax 49 (0)941/ 463929-22 info@bayern-reisen-service.de
Webgestaltung - Jimdo 2.7
4. Jimdo 4.1 Vorbereitung Jimdo ist ein Anbieter um Webseiten direkt im Internet zu erstellen. Grundfunktionen sind gratis, erweiterte Angebote sind kostenpflichtig. Wir werden mit der kostenlosen Variante
Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
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 Grundlagen Frau erfahrt, wie das Internet aufgebaut ist, aus welchen
iphone-kontakte zu Exchange übertragen
iphone-kontakte zu Exchange übertragen Übertragen von iphone-kontakten in ein Exchange Postfach Zunächst muss das iphone an den Rechner, an dem es üblicherweise synchronisiert wird, angeschlossen werden.
SharePoint Workspace 2010 Installieren & Konfigurieren
[Geben Sie Text ein] SharePoint Workspace 2010 Installieren & Konfigurieren SharePoint Workspace 2010 Installieren & Konfigurieren Inhalt SharePoint Workspace 2010 Installieren... 2 SharePoint Workspace
Hilfe bei Adobe Reader. Internet Explorer 8 und 9
Hilfe bei Adobe Reader Internet Explorer 8 und 9 1. Öffnen Sie Internet Explorer und wählen Sie Extras > Add-Ons verwalten. 2. Wählen Sie unter Add-On-Typen die Option Symbolleisten und Erweiterungen aus.
Favoriten sichern. Sichern der eigenen Favoriten aus dem Webbrowser. zur Verfügung gestellt durch: ZID Dezentrale Systeme.
Favoriten sichern Sichern der eigenen Favoriten aus dem Webbrowser zur Verfügung gestellt durch: ZID Dezentrale Systeme Februar 2015 Seite 2 von 20 Inhaltsverzeichnis Einleitung... 3 Mozilla Firefox...
WAV-Dateien in MP3-Dateien konvertieren
WAV-Dateien in MP3-Dateien konvertieren CDex WAV-Dateien können Sie mit dem Programm CDex in MP3-Dateien (und andere Formate) konvertieren. CDex ist Open-Source-Software (GNU General Public License 2.0)
Nie wieder eine Sitzung verpassen unser neuer Service für Sie!
Nie wieder eine Sitzung verpassen unser neuer Service für Sie! Bisher war es nicht immer leicht, den Überblick über die Ammersbeker Sitzungstermine zu behalten. Entweder man hat die Bekanntmachung übersehen
Loggen Sie sich in Ihrem teamspace Team ein, wechseln Sie bitte zur Verwaltung und klicken Sie dort auf den Punkt Synchronisation.
Ihre Welt spricht teamspace! Anleitung zur Synchronisation 1. Schritt: Loggen Sie sich in Ihrem teamspace Team ein, wechseln Sie bitte zur Verwaltung und klicken Sie dort auf den Punkt Synchronisation.
Tevalo Handbuch v 1.1 vom 10.11.2011
Tevalo Handbuch v 1.1 vom 10.11.2011 Inhalt Registrierung... 3 Kennwort vergessen... 3 Startseite nach dem Login... 4 Umfrage erstellen... 4 Fragebogen Vorschau... 7 Umfrage fertigstellen... 7 Öffentliche
Password Depot für ios
Password Depot für ios Inhaltsverzeichnis Erste Schritte... 1 Kennwörterdatei erstellen... 1 Neue Einträge erstellen... 3 Einträge / Gruppen hinzufügen... 3 Einträge / Gruppen kopieren oder verschieben...
Paint.Net... 1. Der Paint.NET Bildschirm
Inhaltsverzeichnis Paint.Net... 1 Der Paint.NET Bildschirm... 1 Bilder öffnen... 2 Speicherformate... 2 Einfache Korrekturen... 3 Arbeiten mit Ebenen... 3 Auswahl oder Maske... 4 Korrekturen / Effekte...
Fahrzeuggestaltung mit ipad und idraw
Fahrzeuggestaltung mit ipad und idraw Fahrzeuggestaltung mit ipad und idraw 1 Fahrzeugzeichnungen auf das ipad übertragen 1.1 1.2 Importieren einer Fahrzeugzeichnung mit itunes 4 Importieren einer Fahrzeugzeichnung
Outlook 2010 Daten importieren und exportieren
OU.018, Version 1.0 20.07.2015 Kurzanleitung Outlook 2010 Daten importieren und exportieren Alle Outlook-Elemente wie Nachrichten, Termine, Kontakte und Aufgaben speichert Outlook in sogenannten Datendateien,
EDV-Anwendungen im Archivwesen II
EDV-Anwendungen im Archivwesen II 070472 UE WS08/09 Digitale Formate (Beispiele) Überblick Kurzer Überblick über derzeit übliche Formate Bild Ton Video Archivierungsformate Ist Komprimierung immer zu vermeiden?
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter
Öffnen und Hochladen von Dokumenten
Brainloop Secure Dataroom Version 8.20 Copyright Brainloop AG, 2004-2014. Alle Rechte vorbehalten. Sämtliche verwendeten Markennamen und Markenzeichen sind Eigentum der jeweiligen Markeninhaber. Inhaltsverzeichnis
Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.
Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.com/... ich habe "Version 2.1" und zeige hier Bilder und Beschreibungen
Musterlösung für Schulen in Baden-Württemberg. Windows 2003. Basiskurs Windows-Musterlösung. Version 3. Stand: 19.12.06
Musterlösung für Schulen in Baden-Württemberg Windows 2003 Basiskurs Windows-Musterlösung Version 3 Stand: 19.12.06 Impressum Herausgeber Zentrale Planungsgruppe Netze (ZPN) am Kultusministerium Baden-Württemberg
Technisches Handbuch. Flash-Funktionen ADTECH IQ 2012-04-19. ADTECH GmbH
Technisches Handbuch Flash-Funktionen ADTECH IQ 2012-04-19 ADTECH GmbH Inhaltsverzeichnis Einführung in die Flash-Funktionen... 3 Flash-Funktionen für das Nachverfolgen... 4 Flash-Funktionen für Layer...
Bauteilattribute als Sachdaten anzeigen
Mit den speedikon Attributfiltern können Sie die speedikon Attribute eines Bauteils als MicroStation Sachdaten an die Elemente anhängen Inhalte Was ist ein speedikon Attribut?... 3 Eigene Attribute vergeben...
Meldung Lokale Anwendung inkompatibel oder Microsoft Silverlight ist nicht aktuell bei Anmeldung an lokal gespeicherter RWE SmartHome Anwendung
Meldung Lokale Anwendung inkompatibel oder Microsoft Silverlight ist nicht aktuell bei Anmeldung an lokal gespeicherter RWE SmartHome Anwendung Nach dem Update auf die Version 1.70 bekommen Sie eine Fehlermeldung,
Lokale Installation von DotNetNuke 4 ohne IIS
Lokale Installation von DotNetNuke 4 ohne IIS ITM GmbH Wankelstr. 14 70563 Stuttgart http://www.itm-consulting.de Benjamin Hermann hermann@itm-consulting.de 12.12.2006 Agenda Benötigte Komponenten Installation
Checkliste zur Planung einer Webseite
Checkliste zur Planung einer Webseite Eine neue Webseite ist immer ein spannendes Unterfangen. Egal, ob es Ihre erste oder zehnte Webseite ist. Das Gefühl, wenn die Webseite endlich fertig und live im
Erstellen eines Screenshot
Blatt 1 von 5 Erstellen eines Screenshot Einige Support-Probleme lassen sich besser verdeutlichen, wenn der Supportmitarbeiter die aktuelle Bildschirmansicht des Benutzers sieht. Hierzu bietet Windows
macs Support Ticket System
macs Support Ticket System macs Software GmbH Raiffeisenstrasse 8 78658 Zimmern ob Rottweil Tel. (0741)9422880 1 ALLGEMEIN... 3 2 ABLAUF TICKET-SYSTEM... 4 2.1 Ticket Erstellung... 4 2.2 Ablauf... 4 2.3
Snippets - das Erstellen von "Code- Fragmenten" - 1
Snippets - das Erstellen von "Code- Fragmenten" Das Erstellen von "Code- Fragmenten", welche mit dem TinyMCE ausgewählt werden können. Grundlegendes: Die Datei, welche die in Folge erklärten Daten und
HTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
... unser Service fur Sie:
..... unser Service fur Sie: Liebe roscheba-kundin, lieber roscheba-kunde, Sie haben sich richtig entschieden, denn roscheba bietet mehr: 1. Anleitung zum 1.1. Microsoft... Seite 1 1.2. Microsoft Word
Voraussetzung. Anleitung. Gehen Sie auf Start Einstellungen und suchen Sie hier den Eintrag Datenverbindungen oder Verbindungen. Öffnen Sie diesen.
NETZWERK KONFIGURATION WINDOWS MOBILE 5 FOR SMARTPHONE Titel KONFIGURATION VON: GPRS/EDGE/UMTS UND MMS Autor Marco Wyrsch (marco.wyrsch@mobiledevices.ch nur für Feedback/Fehler! Kein Support!) Aktualisiert
1 Einleitung. Lernziele. Symbolleiste für den Schnellzugriff anpassen. Notizenseiten drucken. eine Präsentation abwärtskompatibel speichern
1 Einleitung Lernziele Symbolleiste für den Schnellzugriff anpassen Notizenseiten drucken eine Präsentation abwärtskompatibel speichern eine Präsentation auf CD oder USB-Stick speichern Lerndauer 4 Minuten
YouTube: Video-Untertitel übersetzen
Der Easytrans24.com-Ratgeber YouTube: Video-Untertitel übersetzen Wie Sie mit Hilfe von Easytrans24.com in wenigen Schritten Untertitel für Ihre YouTube- Videos in mehrere Sprachen übersetzen lassen können.
Erzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
Dienstleistungen Zentrum Medienbildung. Anleitung für das Überspielen von Videomaterial einer SD- und HDD-Kamera via USB
Dienstleistungen Zentrum Medienbildung Anleitung für das Überspielen von Videomaterial einer SD- und HDD-Kamera via USB Systemvoraussetzungen - Windows Vista oder Windows 7 - USB-Anschluss Um von einer
Typo3 Schulung: Fortgeschrittene I an der Hochschule Emden/Leer
News Mit News bezeichnet man unter Typo3 Nachrichten, diese News werden im Backend in der Listen-Ansicht in einem News-Ordner geschrieben. Diese News-Ordner sind spezielle Sysordner (s. Kap. 3), im News-Ordner
Kurzanweisung für Google Analytics
Kurzanweisung für Google Analytics 1. Neues Profil für eine zu trackende Webseite erstellen Nach dem Anmelden klicken Sie rechts oben auf den Button Verwaltung : Daraufhin erscheint die Kontoliste. Klicken
ImageReady. office@wofi.at www.wofi.at
ImageReady office@wofi.at www.wofi.at Inhaltsverzeichnis Inhaltsverzeichnis 0. EINLEITUNG...3 0.1. Was ist ImageReady?...3 0.2. So wechseln Sie zwischen ImageReady und Photoshop...3 0.3. Slices...3 0.3.1.
Über die Internetseite www.cadwork.de Hier werden unter Download/aktuelle Versionen die verschiedenen Module als zip-dateien bereitgestellt.
Internet, Codes und Update ab Version 13 Um Ihnen einen möglichst schnellen Zugang zu den aktuellsten Programmversionen zu ermöglichen liegen Update-Dateien für Sie im Internet bereit. Es gibt drei Möglichkeiten
Kundeninformation PDF-Erzeugung in Adobe Illustrator, Adobe InDesign und QuarkXPress Datenprüfung und Datenübergabe
PDF erstellen aus Adobe InDesign Eine PDF-Datei sollte direkt aus Adobe InDesign exportiert werden. Verwenden Sie bitte unsere PDF-Voreinstellung für InDesign. Die Datei CM_2010.joboptions erhalten Sie
Technische Informationen. Fabasoft Cloud
Technische Informationen Fabasoft Cloud Copyright Fabasoft Cloud GmbH, A-4020 Linz, 2015. Alle Rechte vorbehalten. Alle verwendeten Hard- und Softwarenamen sind Handelsnamen und/oder Marken der jeweiligen
Anleitung für TYPO3... 1. Bevor Sie beginnen... 2. Newsletter anlegen... 2. Inhalt platzieren und bearbeiten... 3. Neuen Inhalt anlegen...
Seite 1 von 11 Anleitung für TYPO3 Inhalt Anleitung für TYPO3... 1 Bevor Sie beginnen... 2 Newsletter anlegen... 2 Inhalt platzieren und bearbeiten... 3 Neuen Inhalt anlegen... 3 Bestehenden Inhalt bearbeiten...
Ein PDF erstellen. aus Adobe InDesign CC. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen
aus Adobe InDesign CC Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de Über Datei >
Diese Seite kann auch als pdf-file heruntergeladen werden.
Kleines Vademecum für cms 3.0 (artmedic) Trifles-Kleinigkeiten Diese Seite kann auch als pdf-file heruntergeladen werden. Bearbeitungsprogramm starten Browser starten In Browserfenster der Website.ch/cms_index.php