Lektion 11: Weborientiertes Programmieren Zusammenspiel HTML und JavaScript
|
|
|
- Michaela Fleischer
- vor 8 Jahren
- Abrufe
Transkript
1 Lektion 11: Weborientiertes Programmieren Zusammenspiel HTML und JavaScript Helmar Burkhart Informatik EINFÜHRUNG IN DIE INFORMATIK I 11-0 Übersicht Lektion 11 Zum Objektbegriff Objekte in JavaScript with und for...in Browserobjekte Ereignisbehandlung Zeitereignisse HTML Objekte Formularbearbeitung Animationen Beispielprogramme EINFÜHRUNG IN DIE INFORMATIK I 11-1
2 JavaScript-Einbettung <HTML> <BODY> <PRE> <SCRIPT LANGUAGE = "JavaScript"> document.writeln("wo bin ich um 16.15?"); document.writeln("hier!"); </SCRIPT> </PRE> </BODY> </HTML> Ausgabe mit HTML- Formatierung: kein <PRE> <HTML> <BODY> <SCRIPT LANGUAGE = "JavaScript"> document.write("wo bin ich um 16.15?" + "<br>" + "<strong>hier!</strong>" + "<br>"); </SCRIPT> </BODY> </HTML> EINFÜHRUNG IN DIE INFORMATIK I 11-2 Wechselwirkung JavaScript und HTML Dynamisches HTML (DHTML) ist ein Sammelbegriff für alle Techniken, die das Aussehen eines HTML-Dokuments verändern lassen. Beispiel: Erzeugen eines HTML- Dokuments zur Laufzeit JavaScript-Teil HTML-Teil Beispiel: Auf Knopfdruck wird eine Funktion aufgerufen, die ihrerseits das Erscheinungsbild des Dokuments ändert. EINFÜHRUNG IN DIE INFORMATIK I 11-3
3 Beispiel: JavaScript im HTML-Teil <hr> Dokument: <i><script>document.write(document.title); </script></i><br> URL: <i><script>document.write(document.url); </script></i><br> Letzte Änderung: <i><script>document.write(document.lastmodified); </script></i><br> EINFÜHRUNG IN DIE INFORMATIK I 11-4 Objekte einer HTML-Seite In einem JavaScript-Browser werden die Elemente einer Webseite als Objekt aufgefasst. Man kann unterteilen in Browser-Objekte HTML-Objekte window document location history navigator HTML Objekte screen... EINFÜHRUNG IN DIE INFORMATIK I 11-5
4 Einschub: OO im Alltag Es unterschiedliche Personengruppen, die sich z.b. mit Autos beschäftigen: Konstrukteur: Erstellt Bauplan für Auto Spezialist im Entwerfen Erbauer: Fertigt neues Auto. Spezialist im Bauen Nutzer: Gibt Gas; macht Licht; wechselt Reifen. Spezialist im Benützen Diese 3 Benutzergruppen haben unterschiedliche Kenntnisse vom Auto, was grosse Vorteile im Alltag hat. EINFÜHRUNG IN DIE INFORMATIK I 11-6 OO in Programmiersprachen Bauplan Konstruktor Objekt pw = new Auto("Porsche") Methodenaufruf pw.vollgas() JavaScript unterstützt das Arbeiten mit Objekten, ist aber nicht voll objektorientiert (z.b. keine Klassen). Anders als Java (Informatik II). EINFÜHRUNG IN DIE INFORMATIK I 11-7
5 Vordefinierte Objekte JavaScript kennt einige vordefinierten Objekte bzw. Objekttypen: Array: Math: Date: String: Image: Number: Boolean: Function: RegExp: Felder Mathematische Funktionen Datum Zeichenketten Bilder Zahlen Boolesche Objekte Funktionen als Objekte Reguläre Ausdrücke EINFÜHRUNG IN DIE INFORMATIK I 11-8 Objekte vom Typ Array Konstruktoren: Array(n): Erzeugt ein Feld mit n Elementen. Array(): Erzeugt ein Feld mit 0 Elementen, das später dynamisch erweitert wird. Array(element1, element2,...): Erzeugt ein Feld mit vorgegebenen Elementen. Eigenschaften: length Anzahl der Elemente im Feld Methoden: concat, reverse, sort, tostring,... EINFÜHRUNG IN DIE INFORMATIK I 11-9
6 "Objekt" vomtyp Math Konstruktoren: Keine da nur auf ein vordefiniertes "Objekt" Math zugegriffen werden soll. Eigenschaften: Mathematische Konstanten wie PI E LN2 Methoden: Mathematische Funktionen wie abs(x) sin(x) sqrt(x) EINFÜHRUNG IN DIE INFORMATIK I Neue Anweisung: with Mit Hilfe der with-anweisung kann man einen Programmbereich eröffnen, in dem alle Namen von Objekteigenschaften und -methoden auf ein Objekt bezogen werden. Statt obj.a=...; obj.b=...; with (obj){a=...; b=...} Vorteil: Weniger schreiben; effizienterer Zugriff. with (Math){a=PI; b= sin(a/4);} with (document){writeln(a); writeln(b); } EINFÜHRUNG IN DIE INFORMATIK I 11-11
7 Neue Anweisung: for...in Mit dieser Schleifenform kann man auf alle Elemente eines Objekts zugreifen ohne die genaue Anzahl zu kennen. for (<variable> in <objectname>) <Anweisung> Beispiel: Alle Elemente eines Objekts in Zeichenkette speichern: function auflisten(obj, name) { var res = ""; // leere Zeichenkette for (var i in obj) res += name + "." + i + "=" + obj[i] + "<BR>"; return res; } EINFÜHRUNG IN DIE INFORMATIK I Das window-objekt Jede geladene Seite setzt ein Dialogfenster voraus. Dies ist das globale Fenster window,das viele Eigenschaften und Methoden besitzt: Fensterangaben: screenx, screeny, outerwidth, outerheight, innerwidth, innerheight. Fensterpositionierung: moveto(x,y). Koordinaten sind die linke obere Ecke. Bildung weiterer Unterfenster: open() und close(). Dialogfunktionen: prompt(),alert(),confirm(). Periodische Ereignisse: settimeout(), setinterval(). Statusbalken: status. EINFÜHRUNG IN DIE INFORMATIK I 11-13
![res += name + "." + i + "=" + obj[i] + "<BR>"; return res; } EINFÜHRUNG IN DIE INFORMATIK I 11-12 Das window-objekt Jede geladene Seite setzt ein Dialogfenster voraus.](/docs-images/46/17867730/images/page_7.jpg "Dies ist das globale Fenster window,das viele Eigenschaften und Methoden besitzt: Fensterangaben: screenx, screeny, outerwidth, outerheight, innerwidth, innerheight.")
8 Beispiel: Neues Fenster erzeugen Beispiel 1: Leeres Fenster erzeugen var win; win=window.open("", "Unterfenster", "height=100, width=100, resizable=yes"); win.moveto(screenx+outerwidth/2, screeny+outerheight/2); Beispiel 2: Neues Fenster mit Inhalt erzeugen var win=window.open(" EINFÜHRUNG IN DIE INFORMATIK I Das document-objekt Das document-objekt repräsentiert die momentan geladene HTML Seite: Titel des Dokuments: title Eingabe bzw. Ausgabe eröffnen bzw. schliessen: open() close() Ausgabeanweisung: write() und writeln() Farbangaben: bgcolor Alle HTML-Elemente wie z.b. Bilder und Formulare EINFÜHRUNG IN DIE INFORMATIK I 11-15
9 Beispiel: document (1) Beispiel : Datum in ein Fenster schreiben with (win.document){ open(); write(...); close(); } EINFÜHRUNG IN DIE INFORMATIK I Beispiel: document (2) Beispiel: Alle Elemente von document ausgeben document.write(auflisten(document,"doc")); doc.location = file:///d /burkhart/informatik1/lektion10/forin2.htm doc.title = Ausgabe von window und document doc.lastmodified = 01/12/00 18:39:15 doc.bgcolor = #ffffff doc.fgcolor = # EINFÜHRUNG IN DIE INFORMATIK I 11-17
10 Das location-objekt Das location-objekt enthält Information über die Herkunft eines geladenen Dokument, z.b. Servername, Protokoll, Port, usw. Wird href eine neue Adresse zugewiesen, so wird dieses Dokument geladen. location.href=" EINFÜHRUNG IN DIE INFORMATIK I history und navigator Das history-objekt enthält eine chronologische Liste der Seiten, die zuletzt besucht wurden. Methoden zum Navigieren in dieser Liste: back(), forward(), go(). Es gibt Sicherheitsrestriktionen. Das navigator-objekt enthält Information über den verwendeten Browser. Dadurch kann/muss auf unterschiedliche Browserfunktionalitäten eingegangen werden. EINFÜHRUNG IN DIE INFORMATIK I 11-19
11 Das screen-objekt Das screen-objekt gibt Auskunft über die Bildschirmeigenschaften: Höhe des Bildschirms: height Breite des Bildschirms: width Verfügbare Höhe: availheight Verfügbare Breite: availwidth Farbtiefe: colordepth screen.width = 1024 screen.height = 768 screen.pixeldepth = 16 screen.colordepth = 16 screen.availwidth = 1024 screen.availheight = 740 EINFÜHRUNG IN DIE INFORMATIK I Ereignisorientiertes Programmieren Beim ereignisorientierten Programmieren ist der Programmablauf verteilt: Benutzereingabe: Taste drücken Aufruf der Ereignisbehandlung Ereignisbehandler aktivieren: onclick Ereignisreaktion Ereignisbehandlung aufrufen: Fenster schliessen EINFÜHRUNG IN DIE INFORMATIK I 11-21
12 Ereignisse und Ereignisbehandlung Ein Ereignis ist eine vom Benutzer interaktiv oder vom System automatisch ausgelöste Aktion. Beide Formen erfolgen asynchron (d.h. entkoppelt von anderen Vorgängen). Beispiel 1: Maustaste über einem Knopfelement drücken. Beispiel 2: Aufruf eines Zeitauslösers. Viele Ereignisse können auch per Programm (synchron) ausgelöst werden. Der Programmteil, der auf Ereignisse reagiert, heisst Ereignisbehandler (event handler). Ereignisbehandler sind JavaScript-Funktionen. EINFÜHRUNG IN DIE INFORMATIK I Ereignistypen Bei den Ereignissen ist zu unterscheiden: Ereignisauslösung: Benutzer hat 1 mal gedrückt Dialogbezug: Knopf Ereignisbehandler: onclick Ereignisreaktion: Aufruf eines JavaScript-Programms <FORM> <INPUT TYPE="button" VALUE="Stop" onclick="clearinterval(intervalid);win.close();"> </FORM> EINFÜHRUNG IN DIE INFORMATIK I 11-23
13 Kleines Vokabular "Mensch-Maschine-Dialog" Fokus setzen (focus): Dialogelement durch Drücken einer Taste oder Bewegungen der Maus zum Bezugsobjekt erklären. Fokus entziehen (blur = verwischen): Gegenteil von focus. Mauspositionierung (mouseover bzw. mouseout): Maus über einen Link bewegen bzw. von einem Link wegbewegen. Anklicken (click): Maus auf Element führen und Taste drücken und loslassen. Veränderung (change): Dialogelement wurde verändert. Laden (load) bzw. abschicken (submit) eines Elements. EINFÜHRUNG IN DIE INFORMATIK I Ereignisse Ereignis Beschreibung Objekte onclick Element gedrückt Button, Checkbox, Radio, Link onfocus Fokus erhalten Select, Text, Textarea, Window onblur Fokus verloren Select, Text, Textarea, Window onchange Element geändert Select, Text, Textarea onload Element geladen Image, Window onmouseover Maus über Element Link onmouseout Maus weg von Element Link Es gibt weitere Ereignisse für die Formularbehandlung. EINFÜHRUNG IN DIE INFORMATIK I 11-25
14 Beispiel: Datum per Knopfdruck <form><input type="button" value="zeit anzeigen" onclick="datum_und_zeit()"> </form> <form> <input type="button" value="zeit entfernen" onclick="win.close();"> </form> EINFÜHRUNG IN DIE INFORMATIK I Zeitgesteuerte Ereignisse Periodische Ereignisse können durch Aktivieren einer Zeitsteuerung erreicht werden: Aufruf einer Aktion nach Ablauf einer Zeit: <timer> = settimeout( <aktion>,<zeit> ) cleartimeout( <timer> ) Setzen einer periodischen Aktion: <interval> =setinterval( <aktion>,<zeit >) clearinterval( <interval> ) EINFÜHRUNG IN DIE INFORMATIK I 11-27
15 Beispiel: Uhr Uhr 1 settimeout("datum_und_zeit();",1000); Uhr 2 onclick='setinterval("datum_und_zeit();",1000);' Uhr 3 onclick='interv=setinterval("datum_und_zeit()", 1000);' onclick="clearinterval(interv);}" EINFÜHRUNG IN DIE INFORMATIK I Beispiel: Fensterbilliard (1) var x=0, y=0; var win; var w=400, h=350; var dx=5, dy=5; var interval =100; var intervalid; //Anfangspunkt //Fenstergrösse // Delta der Verschiebung //Intervall in ms // Fenster öffnen und positionieren win = window.open("","","width="+w+", heigth="+h+",resizable=yes"); win.moveto(x,y); // Intervall setzen intervalid = window.setinterval ("bounce()",interval); EINFÜHRUNG IN DIE INFORMATIK I 11-29
16 Fensterbilliard (2) // Verschiebefunktion function bounce(){ if (win.closed){ clearinterval(intervalid); return; } if ((x+dx > (screen.availwidth - win.outerwidth)) (x+dx <0))dx=-dx; if ((y+dy > (screen.availheight - win.outerheight)) (y+dy <0))dy=-dy; x+=dx; y+=dy; win.moveto(x,y); } EINFÜHRUNG IN DIE INFORMATIK I HTML Objekte einer Webseite Wichtige Elemente der HTML-Seite sind zugreifbar in Objekthierarchie: document forms[] images[] links[] applets[] elements[] Dialogelemente Bilder EINFÜHRUNG IN DIE INFORMATIK I 11-31
17 Formulare und Objekthierarchie (1) Gegeben sei folgendes Formular: <form> Name: <input type="text" size=20> <input type="button" value="anmelden"> </form> Die Elemente werden gemäss ihrem lexikalischen Erscheinen in die Objekthierarchie eingebettet. document forms[0] elements[0] elements[1] EINFÜHRUNG IN DIE INFORMATIK I Formulare und Objekthierarchie (2) Formular und Formularelemente per explizitem Namen: <form name="meinformular"> Name: <input type="text" name="eingabe" size=20> <input type="button" name="knopf" value="anmelden"></form> Die Elemente werden mit ihrem Namen in die Hierarchie eingebettet. document meinformular eingabe knopf EINFÜHRUNG IN DIE INFORMATIK I 11-33
![document forms[0] elements[0] elements[1] EINFÜHRUNG IN DIE INFORMATIK I 11-32 Formulare und Objekthierarchie (2) Formular und Formularelemente per explizitem Namen: <form](/docs-images/46/17867730/images/page_17.jpg "name=\"meinformular\"> Name: <input type=\"text\" name=\"eingabe\" size=20> <input type=\"button\" name=\"knopf\" value=\"anmelden\"></form> Die Elemente werden mit ihrem Namen in die")
18 Zugriff auf HTML von JavaScript aus Gemäss den vorigen Definitionen gibt es 2 Möglichkeiten HTML Elemente von JavaScript aus zu referenzieren: anonym: Formularelemente, Bilder, sowie weitere Elemente (aber nicht Tabellen und Paragraphen) werden in Felder eingetragen: z.b. bei Formulare document.forms[0].elements[0].value + flexibel - anfällig gegen Veränderungen im Dokument mit explizitem Namen: document.meinformular.eingabe.value EINFÜHRUNG IN DIE INFORMATIK I Anonymer Zugriff function auslesen() { var res = ""; // leere Zeichenkette with (document.forms[0]) res+=elements[0].value+"\n"+ elements[1].value; return res; } <form> Name: <input type="text" size=20> <input type="button" value="anmelden" onclick="alert(auslesen())"> </form> EINFÜHRUNG IN DIE INFORMATIK I 11-35
19 Zugriff per explizitem Namen function auslesen() { var res = ""; // leere Zeichenkette with (document.meinformular) res+=eingabe.value+"\n"+ knopf.value; return res; } <form name="meinformular"> Name: <input type="text" name="eingabe" size=20> <input type="button" name="knopf" value="anmelden" onclick="alert(auslesen())"> EINFÜHRUNG IN DIE INFORMATIK I Auslesen von Formularelemente (1) Eingabefelder (input type="text") value referenziert Eingabefeld (Zeichenkette). Kann gelesen und geschrieben werden. Schaltfläche (input type="button") value referenziert Knopfbeschriftung. Nur Lesezugriff. Kontrollkästchen (input type="checkbox") checked ergibt Booleschen Wert ob angekreuzt wurde. Optionsfeld (input type="radio") checked liefert Wert von Element i: radioname[i] EINFÜHRUNG IN DIE INFORMATIK I 11-37
20 Auslesen Formularelemente (2) Auswahldialog (select,option) selectedindex referenziert gewählten Fall bei 1-elementiger Auswahl. Sonst in Schleife alle Attribute selected abfragen. auswahlname[i].text ergibt Wert der Auswahl i. Abschickschaltfläche (submit) Eine wichtige Anwendung von JavaScript ist das klientenseitige Überprüfen durch Aufruf von Prüffunktionen vor dem Abschicken des Formulars. EINFÜHRUNG IN DIE INFORMATIK I Zugriff in der Objekthierarchie <form name="meinformular"> Name: <input type="text" name="eingabe...> <input type="button" name="knopf"...></form> Zueinander parallel liegende Objekte können sich nicht direkt referenzieren: Beispiel: onclick("pruefe(eingabe.value) ") geht nicht innerhalb type=button. Entweder voller Pfadname: meinformular.eingabe.value objektorientiert: this.form.eingabe.value EINFÜHRUNG IN DIE INFORMATIK I 11-39
21 Bilder Bilder in HTML haben wir bereits in Lektion 8 behandelt: <img src width height = "URL" = "pixel" = "pixel" [ name = "Bildname"... ] Bildinformationen werden entweder über das Feld document.images oder, falls definiert, über den expliziten Namen Bildname zugegriffen. EINFÜHRUNG IN DIE INFORMATIK I Beispiel <body><center> <img src="car.gif" width="320" height="240" name="kaefer"> </center><br><script language="javascript"> document.write(auflisten(document.kaefer, "kaefer")); kaefer.name = kaefer kaefer.src = file:///d /burkhart/informatik1/lektion10/car.gif kaefer.lowsrc = kaefer.x = 307 kaefer.y = 8 kaefer.height = 240 kaefer.width = 320 kaefer.border = 0 kaefer.complete = true EINFÜHRUNG IN DIE INFORMATIK I 11-41
22 Dynamischer Bildwechsel Durch Zuweisung an die src-komponente eines Bilds in document erfolgt ein dynamischer Bildwechsel. document.images[0].src Frog1.gif Frog3.gif Frog5.gif EINFÜHRUNG IN DIE INFORMATIK I Bildwechsel: Programm (1) function Bildwechsel(Bildname){ window.document.images[0].src = Bildname +".gif";} <img src="frog1.gif" width=175 height=150 BORDER=4> <form><input type="button" value="frog1" onclick="bildwechsel(value)"> <input type="button" value="frog3" onclick="bildwechsel(value)"> <input type="button" value="frog5" onclick="bildwechsel(value)"> </form> EINFÜHRUNG IN DIE INFORMATIK I 11-43
23 Bildwechsel: Programm (2) function Bildwechsel(auswahl){ window.document.images[0].src = auswahl[auswahl.selectedindex].text +".GIF"; } <form>welcher Frosch? <select name=froesche size=1> <option>frog1 <option>frog3 <option>frog5 </select> <input type="button" value="bild laden" onclick="bildwechsel(this.form.froesche)"> EINFÜHRUNG IN DIE INFORMATIK I Vorausladen mittels Objekt Image Das wiederholte Neuladen eines Bilds insbesondere vom Internet ist langsam. Man kann ein Bild in einem Objekt vom Typ Image aufbereiten und dann nur noch die src-referenz zuweisen. bild = new Image(); bild.src= "hb.jpg";... document.images[0].src = bild.src; EINFÜHRUNG IN DIE INFORMATIK I 11-45
24 Anwendung: Graphik und Hyperlinks In Lektion 10 haben wir die Definition von Hyperlinks behandelt: <body> <a href=" besuchen</a><br> <a href=" besuchen</a> <a href=" src="xavista1.jpg" width=186 height=99 border=0 alt="altavista besuchen"></a> <a href=" src="xlycos1.jpg" width=186 height=99 border=0 alt="lycos besuchen"></a> AltaVista besuchen Lycos besuchen EINFÜHRUNG IN DIE INFORMATIK I Graphik und Hyperlinks (2) Durch Kombination von Ereigniserkennung über Link: onmouseover, onmouseout Dynamischem Bildwechsel als Ereignisbehandlung entsteht eine attraktive Benutzerschnittstelle. var Normal1, Normal2, Highlight1, Highlight2; Normal1 = new Image(); Normal1.src = "xavista1.jpg"; Highlight1 = new Image(); Highlight1.src = "xavista2.jpg"; Normal2 = new Image(); Normal2.src = "xlycos1.jpg"; Highlight2 = new Image(); Highlight2.src = "xlycos2.jpg"; Quelle: St. Münz EINFÜHRUNG IN DIE INFORMATIK I 11-47
25 Graphik und Hyperlinks (3) function Bildwechsel(Bildnr,Bildobjekt) { document.images[bildnr].src = Bildobjekt.src; } </script><body> <a href=" onmouseover="bildwechsel(0,highlight1)" onmouseout ="Bildwechsel(0,Normal1)"> <img src=...></a> <a href=" onmouseover="bildwechsel(1,highlight2)" onmouseout="bildwechsel(1,normal2)"> <img src=...></a> Quelle: St. Münz EINFÜHRUNG IN DIE INFORMATIK I Modernes Daumenkino Animierte GIF-Dateien sind eine Abfolge einzelner GIFs, die in kurzem zeitlichem Abstand präsentiert werden. Beispiel: Eine derartige Animation lässt sich auch in JavaScript machen. EINFÜHRUNG IN DIE INFORMATIK I 11-49
26 Springender Frosch (1) var frosch = new Array(20); var aktbild = 0; var pause = 200; // in ms var timeout; // Bildfeld mit GIFs laden for (var i = 0; i < frosch.length; i++) { frosch[i] = new Image(175, 150); frosch[i].src = "./Frogs/Frog" + (i + 1) + ".GIF"; } EINFÜHRUNG IN DIE INFORMATIK I Springender Frosch (2) // Bild von Feld nach document laden function ladebild(bildnr){ document.images[0].src = frosch[bildnr].src; } // Nächstes Bild nach Ablauf einer Pause laden function naechstesbild() { if (aktbild == frosch.length - 1) aktbild=0; else aktbild++; timeout = settimeout("ladebild(aktbild)", pause);} EINFÜHRUNG IN DIE INFORMATIK I 11-51
27 Springender Frosch (3) function schneller() { pause -= 50; if (pause < 0) pause = 0;} function langsamer() { pause += 50; if (pause > 5000) pause = 5000;} function stop() { cleartimeout(timeout);} EINFÜHRUNG IN DIE INFORMATIK I Springender Frosch (4) <BODY><CENTER> <IMG SRC="./Frogs/Frog1.GIF" WIDTH=175 HEIGHT=150 BORDER=4 onload="naechstesbild()"> <FORM> <INPUT TYPE="button" VALUE="Stop" onclick="stop()"> <INPUT TYPE="button" VALUE="Wiederstart" onclick="naechstesbild()"><br> <INPUT TYPE="button" VALUE="Schneller" onclick="schneller()"> <INPUT TYPE="button" VALUE="Langsamer" onclick="langsamer()"> </FORM> EINFÜHRUNG IN DIE INFORMATIK I 11-53
28 Client-Server live: Wörterbuch (1) <html><body><script language="javascript"> function search(word) {w = window.open(""); w.location.href = " + word} </script> <form name="form"> Bitte gesuchtes Wort eingeben:<br> <input type="text" name="wort"> <input type="button" value="suchen" onclick="search(this.form.wort.value)"> </body></html> EINFÜHRUNG IN DIE INFORMATIK I Client-Server live: Wörterbuch (2) <html> <body> <script language="javascript"> var wort = prompt("bitte Wort eingeben:","") var url = " + escape(wort); window.open(url); </script> EINFÜHRUNG IN DIE INFORMATIK I 11-55
29 Client-Server live: Wörterbuch (3) <html><body> <!--javascript program als Link--> <a href = "javascript: window.open( ' escape(prompt('wort eingeben: ','')));"> Suchen</a> </body></html> EINFÜHRUNG IN DIE INFORMATIK I 11-56
Warten auf Ereignisse
Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste
Javascript kann nun auf die Objekte der Webseite über entsprechene Objektbezeichner zugreifen und deren Attribute auslesen oder verändern.
JavaScript-OO JavaScript bietet auf einfache Weise die Möglichkeit, verschiedenen Objekte einer HTML-Seite aktiv zu verbinden, sodass der Inhalt der Webseite aktiv auf Usereingaben reagiert. Jedes Objekt
(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11
(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11 window.document.input Objekt und seine Varianten beim Internet Explorer window.document.input Objekt
Web-Programmierung (WPR)
Web-Programmierung (WPR) Vorlesung IV. JavaScript Manfred Gruner mailto:wpr@gruner.org Offene Fragen 1. Unterschied Link und Style Tag Link = HTML Syntax wird/kannl von anderen Programmen ausgewertet werden.
Objektorientierte Programmierung
Objektorientierte Programmierung 1 Geschichte Dahl, Nygaard: Simula 67 (Algol 60 + Objektorientierung) Kay et al.: Smalltalk (erste rein-objektorientierte Sprache) Object Pascal, Objective C, C++ (wiederum
Einführung in die Programmierung
Technische Universität München WS 2003/2004 Institut für Informatik Prof. Dr. Christoph Zenger Testklausur Einführung in die Programmierung Probeklausur Java (Lösungsvorschlag) 1 Die Klasse ArrayList In
Lektion 5: JavaScript / JSON / DOM
Lektion 5: JavaScript / JSON / DOM Helmar Burkhart Informatik Universität Basel Helmar.Burkhart@... WT-5-1 Lernziele und Inhalt ECMAScript und JavaScript kennenlernen DOM verstehen Klientenseitige Programme
ECDL Europäischer Computer Führerschein. Jan Götzelmann. 1. Ausgabe, Juni 2014 ISBN 978-3-86249-544-3
ECDL Europäischer Computer Führerschein Jan Götzelmann 1. Ausgabe, Juni 2014 Modul Präsentation Advanced (mit Windows 8.1 und PowerPoint 2013) Syllabus 2.0 ISBN 978-3-86249-544-3 ECDLAM6-13-2 3 ECDL -
Erstellen von x-y-diagrammen in OpenOffice.calc
Erstellen von x-y-diagrammen in OpenOffice.calc In dieser kleinen Anleitung geht es nur darum, aus einer bestehenden Tabelle ein x-y-diagramm zu erzeugen. D.h. es müssen in der Tabelle mindestens zwei
HTML Formulare. Benutzerschnittstelle für interaktive Webseiten
1 HTML Formulare Benutzerschnittstelle für interaktive Webseiten Literatur und Links 2 Literatur: Coar, Ken; Bowen, Rich: Apache-Kochbuch. 2004 HTML: kein Buch oder irgend eins für Einsteiger, z. B. Münz,
Mediator 9 - Lernprogramm
Mediator 9 - Lernprogramm Ein Lernprogramm mit Mediator erstellen Mediator 9 bietet viele Möglichkeiten, CBT-Module (Computer Based Training = Computerunterstütztes Lernen) zu erstellen, z. B. Drag & Drop
LISP. Eine Einführung
LISP Eine Einführung 5. OBERFLÄCHLICHES Übersicht 2 5.1 Verschiedenes zum letzten Aufgabenblatt 5.2 Geschwister und Komponenten oder wie finde ich was 5.3 on-click-methoden und on-change-methoden 5.1 Musterlösung
Einrichten einer mehrsprachigen Webseite mit Joomla (3.3.6)
Einrichten einer mehrsprachigen Webseite mit Joomla (3.3.6) 1. Loggen Sie sich im Administratorbereich ein und gehen Sie auf Extension > Extension Manager 2. Wählen Sie Install languages 3. Klicken Sie
Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung: Lösungsvorschlag
Ludwig-Maximilians-Universität München WS 2015/16 Institut für Informatik Übungsblatt 9 Prof. Dr. R. Hennicker, A. Klarl Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung:
http://train-the-trainer.fh-joanneum.at IINFO Storyboard
IINFO Storyboard Allgemeine Bemerkungen und Richtlinien zur Handhabung. Das Storyboard besteht aus einem Web, d.h. einer vernetzten Struktur von HTML-Seiten welche später von den Programmieren direkt als
Datenbanken Kapitel 2
Datenbanken Kapitel 2 1 Eine existierende Datenbank öffnen Eine Datenbank, die mit Microsoft Access erschaffen wurde, kann mit dem gleichen Programm auch wieder geladen werden: Die einfachste Methode ist,
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:
Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1
Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Wenn der Name nicht gerade www.buch.de oder www.bmw.de heißt, sind Internetadressen oft schwer zu merken Deshalb ist es sinnvoll, die Adressen
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
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
Stand: 28.11.2012. Adressnummern ändern Modulbeschreibung
Seite 1 Inhalt Allgemein...3 Installation...3 manuelle Eingabe von alten und neuen Adressnummern...4 Vorbereiten von Adressnummern-Änderungen in Tabellen...5 Seite 2 Allgemein Das INKS-Modul ermöglicht
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
GEONET Anleitung für Web-Autoren
GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden
Computeranwendung und Programmierung (CuP)
Computeranwendung und Programmierung (CuP) VO: Peter Auer (Informationstechnologie) UE: Norbert Seifter (Angewandet Mathematik) Organisatorisches (Vorlesung) Vorlesungszeiten Montag 11:15 12:45 Freitag
ec@ros2 SMS-Dienst SMS-Dienst procar informatik AG Stand: FS 04/2011 Eschenweg 7 64331 Weiterstadt 1
SMS-Dienst 64331 Weiterstadt 1 Inhaltsverzeichnis 1 - Aktivieren des Plugins... 3 2 - Berechtigungen... 3 3 - Einrichten des Plugins... 4 4 - Hinterlegen der SMS-Vorlagen...5 5 - SMS erstellen und versenden...6
In diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können.
Tutorial: Wie erfasse ich einen Termin? In diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können. Neben den allgemeinen Angaben zu einem
Dokumentation für Popup (lightbox)
Dokumentation für Popup (lightbox) Für das Popup muss eine kleine Anpassung im wpshopgermany Plugin vorgenommen werden und zwar in der Datei../wp-content/plugins/wpshopgermany/controllers/WarenkorbController.class.php
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...
PHP - Projekt Personalverwaltung. Erstellt von James Schüpbach
- Projekt Personalverwaltung Erstellt von Inhaltsverzeichnis 1Planung...3 1.1Datenbankstruktur...3 1.2Klassenkonzept...4 2Realisierung...5 2.1Verwendete Techniken...5 2.2Vorgehensweise...5 2.3Probleme...6
Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.
Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Klicken Sie auf Neu anlegen, um Ihre neue Angebotseite zu erstellen..
Tragen Sie bitte im Anmeldefeld die Daten ein, die Sie von uns erhalten haben.
Online Katalog der Bildstelle Peine: http://nds-pe.datenbank-bildungsmedien.net/ Anmeldung: Klicken Sie bitte auf ganz rechts. Tragen Sie bitte im Anmeldefeld die Daten ein, die Sie von uns erhalten haben.
Java: Vererbung. Teil 3: super() www.informatikzentrale.de
Java: Vererbung Teil 3: super() Konstruktor und Vererbung Kindklasse ruft SELBSTSTÄNDIG und IMMER zuerst den Konstruktor der Elternklasse auf! Konstruktor und Vererbung Kindklasse ruft SELBSTSTÄNDIG und
Advoware mit VPN Zugriff lokaler Server / PC auf externe Datenbank
Advoware mit VPN Zugriff lokaler Server / PC auf externe Datenbank Die Entscheidung Advoware über VPN direkt auf dem lokalen PC / Netzwerk mit Zugriff auf die Datenbank des zentralen Servers am anderen
Lehrer: Einschreibemethoden
Lehrer: Einschreibemethoden Einschreibemethoden Für die Einschreibung in Ihren Kurs gibt es unterschiedliche Methoden. Sie können die Schüler über die Liste eingeschriebene Nutzer Ihrem Kurs zuweisen oder
5. Übung: PHP-Grundlagen
5.1. Erstes PHP-Programm 1. Schreiben Sie PHP-Programm innerhalb einer Webseite, d.h. innerhalb eines HTML-Dokument. Ihr PHP-Programm soll einen kurzen Text ausgeben und Komentare enthalten. Speichern
Handbuch ECDL 2003 Modul 2: Computermanagement und Dateiverwaltung Der Task-Manager
Handbuch ECDL 2003 Modul 2: Computermanagement und Dateiverwaltung Der Task-Manager Dateiname: ecdl2_03_05_documentation Speicherdatum: 22.11.2004 ECDL 2003 Modul 2 Computermanagement und Dateiverwaltung
Das Grundgerüst für ein HTML-Dokument sieht so aus:
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:
Wie halte ich Ordnung auf meiner Festplatte?
Wie halte ich Ordnung auf meiner Festplatte? Was hältst du von folgender Ordnung? Du hast zu Hause einen Schrank. Alles was dir im Wege ist, Zeitungen, Briefe, schmutzige Wäsche, Essensreste, Küchenabfälle,
Access 2010. Grundlagen für Anwender. Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012. inkl. zusätzlichem Übungsanhang ACC2010-UA
Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012 Access 2010 Grundlagen für Anwender inkl. zusätzlichem Übungsanhang ACC2010-UA 3 Access 2010 - Grundlagen für Anwender 3 Daten in Formularen bearbeiten
Wir arbeiten mit Zufallszahlen
Abb. 1: Bei Kartenspielen müssen zu Beginn die Karten zufällig ausgeteilt werden. Wir arbeiten mit Zufallszahlen Jedesmal wenn ein neues Patience-Spiel gestartet wird, muss das Computerprogramm die Karten
Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:
Texteditor Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Anmerkung für Mac-User: Da der Safari-Browser evtl. Probleme mit dem Editor von Moodle
Hinweise zum Übungsblatt Formatierung von Text:
Hinweise zum Übungsblatt Formatierung von Text: Zu den Aufgaben 1 und 2: Als erstes markieren wir den Text den wir verändern wollen. Dazu benutzen wir die linke Maustaste. Wir positionieren den Mauszeiger
Einführung in die Java- Programmierung
Einführung in die Java- Programmierung Dr. Volker Riediger Tassilo Horn riediger horn@uni-koblenz.de WiSe 2012/13 1 Wichtig... Mittags keine Pommes... Praktikum A 230 C 207 (Madeleine + Esma) F 112 F 113
Erstellen einer digitalen Signatur für Adobe-Formulare
Erstellen einer digitalen Signatur für Adobe-Formulare (Hubert Straub 24.07.13) Die beiden Probleme beim Versenden digitaler Dokumente sind einmal die Prüfung der Authentizität des Absenders (was meist
Angaben zu einem Kontakt...1 So können Sie einen Kontakt erfassen...4 Was Sie mit einem Kontakt tun können...7
Tutorial: Wie kann ich Kontakte erfassen In myfactory können Sie Kontakte erfassen. Unter einem Kontakt versteht man einen Datensatz, der sich auf eine Tätigkeit im Zusammenhang mit einer Adresse bezieht.
Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.)
Seite 1/7 Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.) Hier sehen Sie eine Anleitung wie man einen Serienbrief erstellt. Die Anleitung
Hilfestellung: P.A.P.A. die kaufmännische Softwarelösung. Teilrechnung mit einzelnen Rechnungen. Inhalt
P.A.P.A. die kaufmännische Softwarelösung Hilfestellung: Inhalt Einleitung... 2 Einzelne Rechnungen als Teilrechnung... 3 Rechnung wird als Bezahlt erfasst... 6 Weitere Rechnungen erstellen... 7 Endrechnung
Animationen erstellen
Animationen erstellen Unter Animation wird hier das Erscheinen oder Bewegen von Objekten Texten und Bildern verstanden Dazu wird zunächst eine neue Folie erstellt : Einfügen/ Neue Folie... Das Layout Aufzählung
Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.
5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine
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,
Anmeldung zu unserem Affiliate-Programm bei Affilinet
Anmeldung zu unserem Affiliate-Programm bei Affilinet In diesem Dokument wollen wir Ihnen kurz darlegen, wie Sie sich schnell und einfach bei unserem Affiliate-Programm bei Affilinet anmelden können. Zuvor
WindowLogger für MS-Terminalserver
WindowLogger für MS-Terminalserver 1. Einleitung Viele Administratoren oder Betreiber von Terminalservern haben ein Interesse daran, die Aktivitäten von Terminalserverbenutzern nachvollziehen zu können.
Kapitel 7 - Wägungen
Kapitel 7 - Wägungen 7.1 Übersicht der Wägefunktionen Im WinScale Programm können folgende Wägefunktionen durchgeführt werden: - Erstwägungen - Zweitwägungen - Kontrollwägungen Diese Funktionen können
Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])
![Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])](/thumbs/29/13170670.jpg "Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])")
3.7 Erstellen einer Collage Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu]) Dann Größe des Dokuments festlegen beispielsweise A4 (weitere
AGROPLUS Buchhaltung. Daten-Server und Sicherheitskopie. Version vom 21.10.2013b
AGROPLUS Buchhaltung Daten-Server und Sicherheitskopie Version vom 21.10.2013b 3a) Der Daten-Server Modus und der Tresor Der Daten-Server ist eine Betriebsart welche dem Nutzer eine grosse Flexibilität
IT-Zertifikat: Allgemeine Informationstechnologien II PHP
IT-Zertifikat: Allgemeine Informationstechnologien II PHP PHP ( PHP: Hypertext Preprocessor ) ist eine serverseitige Skriptsprache: Der PHP-Code wird nicht wie bei JavaScript auf dem Clientrechner ausgeführt,
Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung: Lösungsvorschlag
Ludwig-Maximilians-Universität München WS 2015/16 Institut für Informatik Übungsblatt 13 Prof. Dr. R. Hennicker, A. Klarl Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung:
mybev Shop des e-geodata Austria Portal
mybev Shop des e-geodata Austria Portal Das vorliegende Tutorial richtet sich an alle Personen, die mybev Shop benützen oder ihn anderen Benutzern präsentieren wollen. mybev Shop setzt die Registrierung
StudyDeal Accounts auf www.studydeal-hohenheim.de
Anleitung zur Pflege des StudyDeal Accounts auf www.studydeal-hohenheim.de Wie Sie Ihre StudyDeals ganz einfach selber erstellen können! Inhaltsverzeichnis Wie komme ich zu meinen Zugangsdaten? 3 Login
Informatik Kurs Simulation. Hilfe für den Consideo Modeler
Hilfe für den Consideo Modeler Consideo stellt Schulen den Modeler kostenlos zur Verfügung. Wenden Sie sich an: http://consideo-modeler.de/ Der Modeler ist ein Werkzeug, das nicht für schulische Zwecke
Viele Bilder auf der FA-Homepage
Viele Bilder auf der FA-Homepage Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als von einer im Internet
DELFI. Benutzeranleitung Dateiversand für unsere Kunden. Grontmij GmbH. Postfach 34 70 17 28339 Bremen. Friedrich-Mißler-Straße 42 28211 Bremen
Grontmij GmbH Postfach 34 70 17 28339 Bremen Friedrich-Mißler-Straße 42 28211 Bremen T +49 421 2032-6 F +49 421 2032-747 E info@grontmij.de W www.grontmij.de DELFI Benutzeranleitung Dateiversand für unsere
Handbuch ECDL 2003 Basic Modul 5: Datenbank Access starten und neue Datenbank anlegen
Handbuch ECDL 2003 Basic Modul 5: Datenbank Access starten und neue Datenbank anlegen Dateiname: ecdl5_01_02_documentation_standard.doc Speicherdatum: 14.02.2005 ECDL 2003 Basic Modul 5 Datenbank - Access
Aufklappelemente anlegen
Aufklappelemente anlegen Dieses Dokument beschreibt die grundsätzliche Erstellung der Aufklappelemente in der mittleren und rechten Spalte. Login Melden Sie sich an der jeweiligen Website an, in dem Sie
Abwesenheitsnotiz im Exchange Server 2010
Abwesenheitsnotiz im Exchange Server 2010 1.) Richten Sie die Abwesenheitsnotiz in Outlook 2010 ein und definieren Sie, an welche Absender diese gesendet werden soll. Klicken Sie dazu auf Datei -> Informationen
1. Einführung. 2. Alternativen zu eigenen Auswertungen. 3. Erstellen eigener Tabellen-Auswertungen
1. Einführung Über die Tabellen-Auswertungen können Sie eigene Auswertungen nach Ihren Wünschen erstellen. Diese Auswertungen werden immer anhand der aktuellen Daten aus orgamax ermittelt, Sie können also
Massenversand Dorfstrasse 143 CH - 8802 Kilchberg Telefon 01 / 716 10 00 Telefax 01 / 716 10 05 info@hp-engineering.com www.hp-engineering.
Massenversand Massenversand Seite 1 Massenversand Seite 2 Inhaltsverzeichnis 1. WICHTIGE INFORMATIONEN ZUR BEDIENUNG VON CUMULUS 4 2. STAMMDATEN FÜR DEN MASSENVERSAND 4 2.1 ALLGEMEINE STAMMDATEN 4 2.2
1. Adressen für den Serienversand (Briefe Katalogdruck Werbung/Anfrage ) auswählen. Die Auswahl kann gespeichert werden.
Der Serienversand Was kann man mit der Maske Serienversand machen? 1. Adressen für den Serienversand (Briefe Katalogdruck Werbung/Anfrage ) auswählen. Die Auswahl kann gespeichert werden. 2. Adressen auswählen,
Schritt-für-Schritt-Anleitung. Verwendung Ihres Twinspace
Schritt-für-Schritt-Anleitung Verwendung Ihres Twinspace Ihr Profil auf den neuesten Stand bringen... 3 LehrerInnen und BesucherInnen auf Ihren TwinSpace einladen... 4 SchülerInnen auf Ihren TwinSpace
Formulare & Zähler. Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN
Formulare & Zähler Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN Ziel des vorliegenden Dokumentes ist es, einer mit Internet vertrauten Person zu ermöglichen,
Trickfilm «Hexe» mit PowerPoint PC PowerPoint 2007
PC PowerPoint 2007 Einleitung PowerPoint ist als Präsentations-Tool bekannt. Mit PowerPoint lassen sich jedoch auch kreative Arbeiten herstellen, die sich dann filmartig präsentieren. Als vorgängige Arbeit
MORE Profile. Pass- und Lizenzverwaltungssystem. Stand: 19.02.2014 MORE Projects GmbH
MORE Profile Pass- und Lizenzverwaltungssystem erstellt von: Thorsten Schumann erreichbar unter: thorsten.schumann@more-projects.de Stand: MORE Projects GmbH Einführung Die in More Profile integrierte
Zwischenablage (Bilder, Texte,...)
Zwischenablage was ist das? Informationen über. die Bedeutung der Windows-Zwischenablage Kopieren und Einfügen mit der Zwischenablage Vermeiden von Fehlern beim Arbeiten mit der Zwischenablage Bei diesen
Frames oder Rahmen im Browserfenster
In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.
Lieferschein Dorfstrasse 143 CH - 8802 Kilchberg Telefon 01 / 716 10 00 Telefax 01 / 716 10 05 info@hp-engineering.com www.hp-engineering.
Lieferschein Lieferscheine Seite 1 Lieferscheine Seite 2 Inhaltsverzeichnis 1. STARTEN DER LIEFERSCHEINE 4 2. ARBEITEN MIT DEN LIEFERSCHEINEN 4 2.1 ERFASSEN EINES NEUEN LIEFERSCHEINS 5 2.1.1 TEXTFELD FÜR
Erweiterungen Webportal
Erweiterungen Webportal Adress-Suche Inaktive Merkmale und gelöschte Adresse Die Suche im Webportal wurde so erweitert, dass inaktive Adresse (gelöscht) und inaktive Merkmale bei der Suche standardmässig
Ein Bild in den Text einfügen
Bild in einen Artikel einfügen Ein Bild in den Text einfügen Positioniert den Cursor an der Stelle im Text, egal ob bei einem Artikel oder einer WordPress-Seite, wo das Bild eingefügt werden soll. Hinter
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
Java Kurs für Anfänger Einheit 5 Methoden
Java Kurs für Anfänger Einheit 5 Methoden Ludwig-Maximilians-Universität München (Institut für Informatik: Programmierung und Softwaretechnik von Prof.Wirsing) 22. Juni 2009 Inhaltsverzeichnis Methoden
1 Vom Problem zum Programm
Hintergrundinformationen zur Vorlesung GRUNDLAGEN DER INFORMATIK I Studiengang Elektrotechnik WS 02/03 AG Betriebssysteme FB3 Kirsten Berkenkötter 1 Vom Problem zum Programm Aufgabenstellung analysieren
10.3.1.8 Übung - Konfigurieren einer Windows 7-Firewall
5.0 10.3.1.8 Übung - Konfigurieren einer Windows 7-Firewall Drucken Sie diese Übung aus und führen Sie sie durch. In dieser Übung werden Sie erfahren, wie man die Windows 7-Firewall konfiguriert und einige
Die Lightbox-Galerie funktioniert mit allen gängigen Webbrowsern. Zur Benutzung muss JavaScript im Browser aktiviert sein.
Lightbox-Galerie 1. Funktionen Mit der Lightbox-Galerie können Sie Bildergalerien innerhalb Ihres Moodle-Kurses anlegen. Als Kurstrainer/in können Sie Bilder hochladen, bearbeiten und löschen. Die Kursteilnehmer/innen
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
Website freiburg-bahai.de
Website freiburg-bahai.de Eine kleine Gebrauchsanleitung Liebe Freunde! Das ist eine kleine Gebrauchsanleitung zu den Funktionen der Website freiburg-bahai.de. Eine Gebrauchsanleitung für die Administratoren
HTML5 HOCKEYSTICK EXPANDABLE BANNER v1.0
HTML5 HOCKEYSTICK EXPANDABLE BANNER v1.0 INHALT 1. VORAUSSETZUNGEN... 3 2. BESCHREIBUNG... 3 3. BANNER... 3 4. PANELS... 4 5. FALLBACK... 4 4. ANLEGEN DES HTML5 HOCKEYSTICK ADS... 4 2 1. VORAUSSETZUNGEN
M@school Software- und Druckerzuweisung Selbstlernmaterialien
Bildung und Sport M@school Software- und Druckerzuweisung Selbstlernmaterialien Hinweise zum Skript: LMK = Linker Mausklick RMK = Rechter Mausklick LMT = Linke Maustaste RMT = Rechte Maustaste Um die Lesbarkeit
Zählen von Objekten einer bestimmten Klasse
Zählen von Objekten einer bestimmten Klasse Ziel, Inhalt Zur Übung versuchen wir eine Klasse zu schreiben, mit der es möglich ist Objekte einer bestimmten Klasse zu zählen. Wir werden den ++ und den --
Enigmail Konfiguration
Enigmail Konfiguration 11.06.2006 Steffen.Teubner@Arcor.de Enigmail ist in der Grundkonfiguration so eingestellt, dass alles funktioniert ohne weitere Einstellungen vornehmen zu müssen. Für alle, die es
Leitfaden Internet-Redaktion kursana.de
Leitfaden Internet-Redaktion kursana.de 1.»Log In«: Der Zugang zum Redaktionssystem 2. Anlegen einer neuen Veranstaltung 3. Anlegen eines neuen Stellenangebots 4.»Log Out«: Aus dem Redaktionssystem ausloggen
Leitfaden für den Zugriff auf die SEB-Webseite. Anmelden, Kennwort ändern, mit- arbeiten und gestalten ;-)
Leitfaden für den Zugriff auf die SEB-Webseite Anmelden, Kennwort ändern, mit- arbeiten und gestalten ;-) 20. November 2012 Der Webauftritt des Schulelternbeirates der IGSLO Inhaltsverzeichnis Inhalt Inhaltsverzeichnis...
So gehts Schritt-für-Schritt-Anleitung
So gehts Schritt-für-Schritt-Anleitung Software WISO Mein Büro Thema Eigene Auswertungen, Tabellenauswertungen Version/Datum V 13.00.05.101 Über die Tabellen-Auswertungen ist es möglich eigene Auswertungen
Vorgestellt vom mexikanischen Rat für Fremdenverkehr
Vorgestellt vom mexikanischen Rat für Fremdenverkehr Willkommen bei Explore México, die Kartenfunktion von Visitmexico.com. Unser Ziel ist es, Ihnen die Möglichkeit zu geben, sowohl den kulturellen Reichtum
Internationales Altkatholisches Laienforum
Internationales Altkatholisches Laienforum Schritt für Schritt Anleitung für die Einrichtung eines Accounts auf admin.laienforum.info Hier erklären wir, wie ein Account im registrierten Bereich eingerichtet
Pfötchenhoffung e.v. Tier Manager
Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich
Ihr Ideen- & Projektmanagement-Tool
Planungsbox 2.9 Ihr Ideen- & Projektmanagement-Tool Planungsbox verknüpft Notizen, Termine, Dateien, email- & Internetadressen, ToDo-Listen und Auswertungen Planungsbox verwaltet ToDo-Listen, Termine und
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
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt
E Mail Versand mit der Schild NRW Formularverwaltung
-Seite 1- E Mail Versand mit der Schild NRW Formularverwaltung Seit der Version 1.12.3.97 der Reportverwaltung ist die Möglichkeit integriert, E Mails direkt, d.h. ohne Umweg über einen externen Mailclient
DataTables LDAP Service usage Guide
DataTables LDAP Service usage Guide DTLDAP Usage Guide thomasktn@me.com / www.ktn.ch Benutzung des DTLDAP Service DataTables Der Service stellt einen JSON Feed für DataTables (http://www.datatables.net)