Workshop: mein eigenes Plugin Version 1.00
|
|
|
- Wilhelmine Siegel
- vor 7 Jahren
- Abrufe
Transkript
1 Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006
2 Inhaltsverzeichnis Cover 1 Inhaltsverzeichnis mein eigenes Plugin 3 Vorwort 4 Danksagung 4 Vorraussetzungen 4 Aufbau des Workshops 4 Vorbereitungen 4 Einrichten des mcedemoplugins 4 Aufbau der Plugin Datei 4 Der Headerabschnitt 5 Der Adressbereich 5 Der Beschriftungsbereich 6 Die Buttons 7 Der Footer 7 Positionieren der Schriftzüge und Buttons 8 Steuern mit der Fernbedienung 8 Weitere Seiten 9 Einbinden des Plugins 9 Anpassen des Plugins 10 Tips 10 Bekannte Probleme 10 Abschlusswort 10 Weitere Quellen 11 Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 2 von 11
3 3 2 1 mein eigenes Plugin Ein Plugin zu erstellen ist gar nicht so einfach denken viele, doch das ist falsch. Ein eigenes Plugin ist relativ schnell erstellt. In diesem Workshop werden wir ein eigenes Plugin erstellen. Hier seht ihr zum Beispiel meine Plugins mcehomecontrol und mcehomecam. Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 3 von 11
4 Vorwort Dieses Beispiel basiert auf dem MCE SDK Mittlerweile gibt es schon das MCE 2005 SDK, dieses soll einfacher sein jedoch habe ich da noch nicht reingeschaut. Danksagung Besonders danken möchte ich usa, dank seiner Community habe ich schon viel lernen können und auch hoffentlich weitergeben können. Danke sagen möchte ich auch gerne scendix und olcay, die mir schon oft weitergeholfen haben in Sachen Pluginerstellung. Voraussetzungen Dieses Dokument sowie die Beispieldateien Eine Idee die man als Plugin umsetzen möchte Ein wenig Zeit Aufbau des Workshop Die Erstellung des Plugins setzt sich aus 2 abschnitten zusammen. 1. Einrichten des mcedemoplugin Plugins 2. Einbinden ins Media Center Einrichten des mcedemoplugin Jetzt kommt das eigentliche Plugin. Laden Sie das Plugin Archiv herunter unter und entpacken Sie das Archiv nach C:\Programme\Demoplugin. Öffnen Sie die Datei Default.html mit einem Editor (z.b. mit dem Notepad). Aufbau der Plugin Datei Damit Sie nun Ihr Plugin individuell anpassen können, müssen Sie erstmal wissen wie die Plugin Datei aufgebaut ist. Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 4 von 11
5 Der Headerabschnitt Der Header ist der Kopf, hier werden persönliche Daten eingegeben (diese in der blauen Markierung). <html> <head> <title>mcedemoplugin</title> <meta name="author" content="peter Leibling"> <meta name="publisher" content="peter Leibling"> <meta name="copyright" content=" 2005 Peter Leibling ( <meta name="robots" content="noindex"> <meta content=" name="vs_targetschema"> <LINK id="csslink" href="require/blue/style.css" type="text/css" rel="stylesheet"> <LINK href="require/main.css" type="text/css" rel="stylesheet"> <script language="jscript" src="require/script.js"></script> </head> <div style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -10"><img src="require/blue/common.background.jpg" width="100%" height="100%"></div> <script language="jscript" id="clienteventhandlersjs"> //<!-- var nitems = 3; var ncurfocus = 1; var strscrollpage = "yes" var nvisiblebtns = 3; var nscrollmenustartno = 2; var nscrollmenuendno = 4; var nbtnheight = 240; var ntotalbtns = ((nscrollmenuendno - nscrollmenustartno) + 1) var strenforceditem = "" var strenforceditemnofocusstyle = "btn_nofocus_enforced" var strenforceditemfocusstyle = "btn_focus_enforced" var strenforceditemdormantstyle = "btn_dormant_enforced" var strdormantpage = "yes" var nmouseevent = 0 //up, dn, left, right, focus state, non-focus, dormant state, dormant text state, non-focus text,enforced radio, URL or function call var afocustablearray = new Array( Der Adressbereich Im Adressbereich werden die eigentlichen Adressen aufgerufen (z.b. seite2.html). Bitte beachten Sie, dass hinter dem letzten Array Abschnitt am Ende hinter der Klammer kein Komma stehen darf. Der Bereich der Rot ist, kann angepasst werden. Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 5 von 11
6 new Array("-1", "-1", "-1", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite2.html"), new Array("-1", "-1", "-1", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite3.html") ); // up, down, L, R, backup var asharedviewportarray = new Array("1", "2", "1", "1", "1") //--> </script> <body id="body" scroll="no" onload="initialize(true);" onkeydown="onremoteevent(window.event.keycode)"> <bgsound id="btnsound"/> Der Beschriftungsbereich In dem Bereich werden die Beschriftungen und die Überschrift angepasst. Rote Schriftzüge können wieder angepasst werden. Wenn Sie weitere Punkte benötigen, kopieren Sie einfach unten den Teil zwischen <span > und </span>. Wenn Sie eine Zeile kopieren, werden später im Media Center Fenster Beschriftungen übereinander liegen, zum positionieren kommen wir weiter unten. <span id="logospan" class="headline"></span> <span class="currentselectname" style="position: absolute; top: 0; left: -10; color: #BBD0F2; fontsize=60pt; filter: alpha(opacity=15)">mcedemoplugin</span> <span id="logospan" class="headline"></span> <span class="currentselectname" style="position: absolute; top: 40; left: 49; color: black;">mcedemoplugin...</span> <span id="logospan" class="headline"></span> <span class="currentselectname" style="position: absolute; top: 43; left: 52; color: white;">mcedemoplugin...</span> <span id="logospan" class="logo mylogo"></span> <span class="currentselectname" style="position: absolute; top: 94; left: 49;">Seite2:</span> <span id="logospan" class="logo mylogo"></span> <span class="currentselectname" style="position: absolute; top: 148; left: 49;">Seite3:</span> Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 6 von 11
7 Die Buttons Damit Sie auch schalten können, benötigen Sie auch Buttons. Rote Schriftzüge können auch hier wieder angepasst werden. Die blauen Punkte müssen durchnummeriert werden (z.b. item1, item2, item3 usw.). Jeder Abschnitt zwischen <table > und </table> ist ein Knopf. Wenn Sie weitere Knöpfe benötigen, fügen Sie eigene hinzu. Die Buttons werden später im Media Center Fenster übereinander liegen, zum positionieren kommen wir weiter unten. <table border="0" class="leftbuttontable_nofocus" cellpadding="0" cellspacing="3" id="leftmenu" style="position: absolute; top: 84; left: 280;"> <tr><td class="btntext_nofocus" onmouseover="usemouse(this)" onmousedown="btnhilite(this.children(0),'btn_pressed')" onmouseup="btnhilite(this.children(0),'btn_focus')" onclick="donavigation()">aufrufen<span class="btn_nofocus" id="item1"></span></td></tr> </table> <table border="0" class="leftbuttontable_nofocus" cellpadding="0" cellspacing="3" id="leftmenu" style="position: absolute; top: 140; left: 280;"> <tr><td class="btntext_nofocus" onmouseover="usemouse(this)" onmousedown="btnhilite(this.children(0),'btn_pressed')" onmouseup="btnhilite(this.children(0),'btn_focus')" onclick="donavigation()">aufrufen<span class="btn_nofocus" id="item2"></span></td></tr> </table> <span id="listspan" class="rightlistbuttonspan"> <table class="btnnewstable_dormant" id="listtable" border="0" cellpadding="0" cellspacing="0"> <tr> <td><span class="headline"> </span> </span> </td> </tr> </table> </span> Der Footer Der Footer kommt ans Ende der Datei. </body> </html> Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 7 von 11
8 Positionieren der Schriftzüge und Buttons Damit die Schriftzüge und Buttons genau platziert werden können, werden sie mit <table > und <pan > mit einer Erweiterung versehen. Diese lautet: style="position: absolute; top: 84; left: 540;" Damit wird Pixelgenau jedes Element platziert. Top ist die Anzahl der Pixel von oben und left von links. Um ein Gefühl für die Positionen bekommen können, spielen sie ein wenig mit den Werten und aktualisieren Sie die Pluginseite wenn Sie fertig sind im Media Center (mit F5 Taste auf der Tastatur). Steuern mit der Fernbedienung Damit Sie das Plugin auch genau mit der Fernbedienung steuern können, müssen wir noch die Steuerungsdaten anpassen. Die Anpassungen werden im Adressbereich vorgenommen. Im blauen Feld werden die Anpassungen vorgenommen: new Array("-1", "-1", "-1", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","index.php?befehl=1"), Die Aufteilung ist recht einfach. Stellen Sie sich vor, Sie haben 2 Reihen mit je 2 Knöpfen. In Reihe 1, sind Knopf 1 und 1. In Reihe 2 sind Knopf 3 und 4. Im ersten blauen Feld geben Sie den Wert für den Knopf über den aktuellen Knopf ein. Ist dort keiner geben Sie -1 ein. Im zweiten blauen Feld geben Sie den Wert für den Knopf unter dem aktuellen Knopf ein. Ist dort keiner geben Sie wieder -1 ein. Im dritten blauen Feld geben Sie den Wert für den Knopf links von dem aktuellen Knopf ein. Ist dort keiner geben Sie wieder -1 ein. Im vierten blauen Feld geben Sie den Wert für den Knopf rechts von dem aktuellen Knopf ein. Ist dort keiner geben Sie wieder -1 ein. So ergibt sich folgendes Beispiel: new Array("-1", "3", "-1", "2", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite2.html"), Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 8 von 11
9 new Array("-1", "4", "1", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite3.html"), new Array("1", "-1", "-1", "4", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite4.html"), new Array("2", "-1", "3", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite5.html") Auch hier wieder nicht vergessen, im letzten Array kein Komma setzen. Weitere Seiten Wenn Sie weitere Seiten benötigen, kopieren Sie die Datei Default.html und benennen Sie entsprechend (z.b. seite2.html). Im Adressabschnitt ändern Sie den entsprechenden Link, z.b. so (siehe rote Beschriftung): new Array("-1", "-1", "-1", "-1", "btn_focus", "btn_nofocus", "btn_dormant", "leftbuttontable_dormant", "leftbuttontable_nofocus","_enforced","seite2.html"), und Beschriften Sie den Button im Buttonbereich entsprechend, z.b. so (siehe rote Beschriftung): <table border="0" class="leftbuttontable_nofocus" cellpadding="0" cellspacing="3" id="leftmenu" style="position: absolute; top: 84; left: 280;"> <tr><td class="btntext_nofocus" onmouseover="usemouse(this)" onmousedown="btnhilite(this.children(0),'btn_pressed')" onmouseup="btnhilite(this.children(0),'btn_focus')" onclick="donavigation()">aufrufen<span class="btn_nofocus" id="item1"></span></td></tr> </table> Natürlich müssen Sie noch die blauen Werte anpassen. Einbinden des Plugins Nachdem die Seite fertig ist, muss Sie noch dem MCE bekannt gegeben werden. Öffnen Sie den Ordner C:\Dokumente und Einstellungen\All Users\Startmenü\ Programme\Zubehör\Media Center\Media Center-Programme. Öffnen Sie dazu noch den Ordner C:\Programme\mcedemoplugin\other. Gehen Sie mit der rechten Maustaste in dem letzteren Ordner auf mcedemoplugin.mcl, halten Sie die rechte Maustaste gedrückt und ziehen Sie das Icon in das obere Fenster. Lassen Sie die rechte Maustaste los und wählen Sie im Kontextmenü Verknüpfung erstellen. Das war es schon. Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 9 von 11
10 Anpassen des Plugins Sie können nicht nur das eigentliche Plugin (die Seite Default.html) anpassen, sondern auch den Schriftzug und das Bild unter Mehr Programme. Die Änderungen werden in der Datei C:\Programme\mcedemoplugin\ other\mcedemoplugin.mcl vorgenommen. Öffnen Sie die Datei in einem Editor (z.b. dem Notepad). Fertig ist das Plugin! Tips Das anpassen der Dateien ist sehr aufwendig. Sichern Sie Pluginverszerzeichnis in regelmäßigen Abständen. Sichern Sie vor jeder Änderung und vor jedem Test ihre PHP Seiten. Bekannte Probleme Manchmal lässt sich das Plugin nicht starten. Schließen Sie das MCE und warten Sie einen kleinen Augenblick meistens ist das Problem dann gelöst. Sollte es immer noch nicht gehen, dann melden Sie sich bitte einmal ab und wieder an. Ein Neustart war bis jetzt noch nicht nötig. Das liegt aber nicht am Plugin selber, sondern wahrscheinlich am MCE. Tests zeigten das sich dann auch andere HTML basierte Plugins ebenfalls nicht starten lassen (z.b. My Movies usw.). Abschlusswort Ich hoffe das Plugin macht ihnen soviel Spaß wie mir. Mit ein wenig basteln kann man damit die schönsten Dinge machen, wie z.b. die Kameraerweiterung (Net Cam: oder USB Cam: Auch lassen sich andere Komponenten, Programme usw. damit steuern. Schaut im IP-Symcon Forum mal vorbei. Sollten Sie auf Probleme stoßen, dann wenden Sie sich bitte an das mcehomecontrol Forum. Schauen Sie auch in bestimmten Intervallen auf der Seite files/mcedemoplugin.zip nach, dort wird es regelmäßige Aktualisierungen geben. Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 10 von 11
11 Weitere Quellen LTCS: mcehomecontrol Webseite: mcehomecontrol Forum: forum/ index.php?showforum =169 Media Center Community: Peter Leibling Copyright by Peter Leibling, LTCS Leibling Tech Consult Service 2006 Seite 11 von 11
Erstellen eines HTML-Templates mit externer CSS-Datei
Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden
Publizieren im Internet
Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund
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
Mini-Dokumentation zur Bearbeitung der Website massweiler.de
Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist
Abgabetermin: , 23:59 Uhr
HTML 19.01.2016 Projektanforderungen Struktur: Zentrale (index-)seite Sinnvolle Ordnerstruktur von index.html aus verlinkte Seiten mit Querverweisen (insgesamt mindestens 3 Seiten) Elemente, die irgendwo
Allgemeine Technologien II Sommersemester Mai 2011 CSS
Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden
Web Publisher - Tutorium -
Web Publisher - Tutorium - Copyright 2005 asksam Information Systems GmbH Einleitung Web Publisher Tutorium Dieses Tutorium beschreibt Schritt für Schritt, wie Sie eine eigene Trefferliste mit dem Web
PDF. PDF-Generierung aktivieren. Methode zum Erzeugen der PDFs. PDF-Format. Seitengröße. Anzunehmende Browserbreite
PDF Einstellungen zur PDF-Generierung. PDF-Generierung aktivieren Aktiviert die PDF-Generierung für diesen Mandanten. Der Link - über welchen auf der Website das PDF erzeugt wird - muss manuell ins Template
Schiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
Ändern der Schriftgröße für den Monitorexport
Ändern der Schriftgröße für den Monitorexport (Stand: 12/2017) In der Datei SUBST_ MO NITOR sind einige wenige Einträge zu ändern. Die Datei finden Sie im Programmverzeichnis von Untis: Wenn Sie diese
Übung: Bootstrap - Navbar
Übung: Bootstrap - Navbar Angaben befinden sich im Ordner: 5_Übung_nav. Darin befinden sich die Bootstrap-Ordner und die dazu passende index.html, die bereits die Links zu den Ordnern enthält. Aufgabe:
Tutorial zum erstellen einer Webseite
Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,
Scripting für Kommunikationswissenschaftler Gruppe C
Professur E-Learning und Neue Medien Institut für Medienforschung Philosophische Fakultät Scripting für Kommunikationswissenschaftler Gruppe C https://s-media-cache-ak0.pinimg.com/736x/9e/46/b5/9e46b5c98ae65d0880f37a30989781bb.jpg
hotelanfrage_sample <td align = "center"> <select name=dy0 size=1 class="smalltext"> <option selected value="0"><< kein Erwachsener
capcorn Zimmersuche
login/script login/news Ausloggen Login PHP SCRIPT SCRIPT Level Registrieren Anmelden Administrator Verwaltung Script Einloggen Abmelden User
hinnendahl. hinnendahl. Mitgliedersysteme Ausloggen Mitgliedersystem Verwaltung Level Script Verwalten Einloggen Abmelden Registrieren Geschützt User login/script System System V1 V1 login/news Hilfreiche
Nachbau der Website 1.)Hintergrundbild einfügen eigene CSS-Datei
Nachbau der Website http://www.lake-festival.at/ Erstelle eine neue Bootstrapsite im Ordner lakefestival. Es soll alle Ordner bereits enthalten, back für diverse backgrounds, img mit vielen Bildern usw.
car / sale login/news Autoverkauf Car PHP SCRIPT SCRIPT Autohaus Fahrzeugdetails Anfragen Autohandel Neuwagen Script Gebrauchtwagen Online Suche
hinnendahl. hinnendahl. Datensätze mobile.de Neuwagen Anfragen Autohaus Autohandel Autoverkauf Car Empfehlen Script CARSALE KFZ Gebrauchtwagen Online Fahrzeugdetails Diashow Suche car / sale System V System
Ihr CMS für die eigene Facebook Page - 1
Ihr CMS für die eigene Facebook Page Installation und Einrichten eines CMS für die Betreuung einer oder mehrer zusätzlichen Seiten auf Ihrer Facebook Page. Anpassen der "index.php" Installieren Sie das
1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...
CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...
HTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
Word 10. Verweise Version: Relevant für: IKA, DA
Word 10 Verweise Version: 170220 Relevant für: IKA, DA 10-Word-Grundlagen.docx Inhaltsverzeichnis 1 Hinweise 1.1 Zu diesem Lehrmittel... 3 1.1.1 Arbeitsdateien zum Lehrmittel... 3 1.1.2 Vorkenntnisse...
Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG
Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
1 Dokument hochladen Dokument verschieben Neuen Ordner einfügen Ordner verschieben Dokumente und Ordner löschen...
Die Dokumentenverwaltung von basis.kirchenweb.ch (Version 16.07.2012 / bn) Inhalt 1 Dokument hochladen... 2 2 Dokument verschieben... 2 3 Neuen Ordner einfügen... 3 4 Ordner verschieben... 3 5 Dokumente
Allgemeine Technologien II Wintersemester 2010/ Oktober 2010 HTML II
Allgemeine Technologien II Wintersemester 2010/11 25. Oktober 2010 HTML II Hausaufgaben 18.10.2010 Hausaufgaben 18.10.2010 Hausaufgaben 18.10.2010 Aufgabe 2 HTML II Kursthemen HTML Hyperlinks href
Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
Wocheninfo auf der Webseite aktualisieren
Anleitung Wocheninfo auf der Webseite aktualisieren Wocheninfo als PDF Datei erstellen / bereitstellen Zunächst muss die Wocheninfos als PDF Datei zur Verfügung stehen. Soweit dies noch nicht der Fall
INSTALLATIONSHILFE DXO FILMPACK 3 WINDOWS
INSTALLATIONSHILFE DXO FILMPACK 3 WINDOWS Vielen Dank für Ihr Interesse an DxO FilmPack 3 Dieses Dokument enthält Informationen zum Kaufvorgang, Installation, Aktivierung und Aktualisierung des Programms.
Gestaltung von Head Bereich und Impressum bei der Partner-Website
1 Gestaltung von Head Bereich und Impressum bei der Partner-Website Dieser Ratgeber zeigt, wie Sie Texte in der Grösse anpassen, Stile und Formatierungen einfügen und ein eigenes Foto einbinden. 2 Webmaster-Alliance
Internet-Technologien
Internet-Technologien PHP Workshop Bau eines Gästebuches Bisher: Heute: Clientseitiges Skripting (Bsp.: JavaScript) Ausführung von Programm-Code auf dem Client-Rechner Entlastung des Server-Rechners ++
Autor: Katharina Schönefeld, 26. Mai 2014
Leitfaden zur Platzierung von Lücken auf einer Hintergrundgrafik Erstellt im Rahmen des Projektes: ThermoE - Entwicklung eines kompetenzorientierten E-Assessment für das Fach Technische Thermodynamik Autor:
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
Dokumentation: Erstellung einer Content App für Windows 8
Dokumentation: Erstellung einer Content App für Windows 8 Andreas Breuninger, medialesson GmbH Januar 2013 Inhaltsverzeichnis 1. Einführung... 3 2. Vorbereitungen... 3 2.1. Content.xml... 3 2.2. Bilder...
Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN
Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit
Programmierschnittstelle API 2 für CMS Day Communiqué: Beispiele Standort
Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und Sport VBS armasuisse Bundesamt für Landestopografie swisstopo Programmierschnittstelle API 2 für CMS Day Communiqué: Beispiele Standort
Tandberg Leitfaden für Videoprofis
Die neue Welt im Überblick Videokonferenzsysteme eröffnen Ihnen eine komplett neue Welt der Kommunikation. Wie jede andere Welt, muss auch diese kartografiert sein. Durch eine Übersicht der Videokonferenzstandorte
Webdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
HTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement
HTL-Website TYPO3- Skriptum II Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig Qualitätsmanagement Erstellt Geprüft Freigegeben Name RUK Datum 02.06.2010 Unterschrift Inhaltsverzeichnis
JavaScript. - mailto: hush.com danke Erik und Andi
JavaScript http://worgtsone.scienceontheweb.net/worgtsone/ - mailto: worgtsone @ hush.com danke Erik und Andi Sat Nov 14 21:43:05 CET 2009 19. Juli 2014 document.write(
Autoresponder Unlimited 2.0
Anleitung zur Installation und Anwendung Autoresponder Unlimited 2.0 Anleitung zur Installation und Anwendung Wie Ihr Autoresponder Unlimited 2.0 funktioniert Den Autoresponder Unlimited 2.0 installieren
Joomla Medien Verwaltung. 1)Medien auf den SERVER laden:
Inhalt: 1)Medien auf Server laden 2)Bilder in einem Beitrag verwenden 3)Bilder in Beitrag skalieren (Größe verändern) 4)Dateien (z.b. pdf) hochladen und verlinken Joomla Medien Verwaltung Dreh- und Angelpunkt
Aufgaben der Klasse FTI33 HTML: 1. Durch welchen Befehl wird ein Hyperlink in einem Bestimmten Frame angezeigt?
Hinweis: Verstehen Sie folgende Aufgaben als mögliche Bestandteile für die anstehende Klausur. Betrachten Sie die Lösungen nicht von vorne herein als richtig, sondern beantworten Sie nochmals die Fragen
Inhalt: Vorbereitungen Seite 2. Los gehts (kleines Beispiel für Blitzer POI's in allen Marken) Seite 3
Inhalt: Vorbereitungen Seite 2 Los gehts (kleines Beispiel für Blitzer POI's in allen Marken) Seite 3 POI-Listen Columbus / RNS510 B-Version tauglich machen Seite 6 Abschlussarbeiten Seite 7 Brennen der
Word. Verweise. Textmarken, Querverweise, Hyperlinks
Word Verweise Textmarken, Querverweise, Hyperlinks Inhaltsverzeichnis 1 Textmarken... 4 1.1 Hinzufügen einer Textmarke... 4 1.2 Ändern einer Textmarke... 4 1.2.1 Anzeigen von Klammern für Textmarken...
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
Kurz-Bedienungsanleitung für die Verwendung eines Moodle-Onlinekurses am Beispiel von Allegro A1
Kurz-Bedienungsanleitung für die Verwendung eines Moodle-Onlinekurses am Beispiel von Allegro A1 Inhalt: 1. Einführung... 2 2. Browsereinstellungen... 3 2.1 Allgemeine Einstellungen... 3 2.2 Einstellungen
USB-Stick für die Wiederherstellung von Windows 10 für die One Xcellent Box
USB-Stick für die Wiederherstellung von Windows 10 für die One Xcellent Box Verwenden Sie für die Wiederherstellung einen USB-Stick mit mindestens 8GB Speicherkapazität. Auf dem Stick werden alle Daten
Designänderungen mit CSS und jquery
Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene
Newsletter erstellen
Anleitung Newsletter erstellen Casablanca Hotelsoftware Newsletter erstellen (Letzte Aktualisierung: 13.12.2016) 1 Inhaltsverzeichnis 2 Selektion in Casablanca... 3 3 Ohne die Casablanca-Newsletter Schnittstelle...
5.1.1 Dateilinks hinzufügen
5.1.1 Dateilinks hinzufügen Das "Dateilinks" Element kann auf zwei unterschiedliche Arten benutzt werden. Entweder durch das manuelle Hinzufügen von Dateien oder durch nutzen der "Dateisammlung" Funktion.
Wordpress am eigenen Server installieren
Wordpress am eigenen Server installieren Voraussetzung: Zugang zum Server und einen Datenbanknamen und Datenbankuser 1. Download der aktuellen Wordpress-Version unter http://wpde.org/download/ Die Installation
Web-Publishing mit HTML
Web-Publishing mit HTML Das HTML-Dokument: Jedes HTML 4-Dokument beginnt mit der Deklaration , um diese Version von anderen Versionen zu unterscheiden.
ANWENDUNGSSOFTWARE CSS
ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,
BESCHREIBUNG. Etikettendruck. CASABLANCAhotelsoftware gmbh - Öde Schönwies - Tirol - Austria
BESCHREIBUNG Etikettendruck Casablanca Hotelsoftware Etikettendruck (Letzte Aktualisierung: 13.12.2016) 1 Inhaltsverzeichnis 2 Gäste für Etiketten selektieren... 3 2.1 Selektion in Casablanca... 3 2.2
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.
ArenaSchweiz AG. CMS Concrete5 Erste Schritte
CMS Concrete5 Erste Schritte Anmelden Öffnen Sie Ihren Browser und geben Sie Ihre Website-Adresse ein, dazu «/login» Beispiel: http://www.domainname.ch/login Geben Sie Benutzername und Passwort ein und
Installation censhare Client. Inhaltsverzeichnis
Installation censhare Client Inhaltsverzeichnis 1. Installation censhare Client & der InDesign PlugIns...2 2. Installation censhare Client für Windows...2 2.1 Aufruf der Internetseite... 2 2.2 Installation
Fragen und Antworten zum Content Management System von wgmedia.de
Fragen und Antworten zum Content Management System von wgmedia.de Inhaltsverzeichnis Was ist ein Content Management System? Wie ändere ich den Inhalt meiner Homepage? Wie erstelle ich eine neue Seite?
Klicken Sie auf den Reiter Newsfeed (1) in der oberen Menüleiste und wählen Sie dann links in der schmalen grauen Leiste Neuer Newsfeed (2) aus:
Seite 1 Wenn Sie daran interessiert sind, aktuelle Informationen über Ihr Unternehmen auf Ihrer Internetpräsenz zu veröffentlichen, ist die Newsfeed-Funktion von meltwater news genau das richtige für Sie.
Anleitung für. das Erstellen. einer. Bildergalerie
Anleitung für das Erstellen einer Bildergalerie AMAN Media GmbH Dorfstraße 2-4 85235 Unterumbach email: thomas.borsutzky@aman.de AMAN Media GmbH www.aman.de Thomas Borsutzky 30. August 2010 ID1511-55 Seite
BFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.
1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist
JavaScript II. Hochschule Karlsruhe Technik & Wirtschaft Internet-Technologien T3B250 SS2014 Prof. Dipl.-Ing. Martin Schober
JavaScript II Bildaustausch mit dem Attribut name und zwei Funktionen function asterix() { document.images1.src="bilder/asterix.jpg"; function obelix() { document.images1.src="bilder/obelix.jpg";
Anleitung: Transfer der NS-Server zu NET WÄCHTER bei Strato
Anleitung: Transfer der NS-Server zu NET WÄCHTER bei Strato Anleitung 21.02.2017 Seite 1 von 12 Inhalt 1 Vorwort... 3 2 Login... 3 2.1 Übersicht Ihrer Pakete... 4 3 Anlegen der Sub-Domain... 4 4 Erstellen
Typo3 Tutorial Bildarchiv
Typo3 Tutorial Bildarchiv Inhaltsverzeichnis 1. - 9. 10. - 15. 16. - 19. Anmelden Interface-Informationen Informationen zum Aufbau der Webseite Anlegen von Bildarchiven Bearbeiten der Marginalspalte Ein/Ausblenden
1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner.
Kapitel 1 Grundlagen von Phase 5 Seite 1 1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. 1.1 Projekt anlegen Bevor du das Programm Phase 5 startest, musst du einen Ordner anlegen,
Tutorial XML3D + Blender
Tutorial XML3D + Blender Deutsch - Windows ab XP- 2011 by SE V 0.1 Vorwort Diese kleine Tutorial entstand aus dem Problem das es aktuell noch kein Deutsches gibt. Ich versuche alles so zu erklären, das
Bootstrap - Übung. Download: Editoren: Dreamweaver Notepad Net Beans Aptana Webmatrix. Bootstrap in Dreamweaver einbinden
Bootstrap - Übung Download: www.getbootstrap.com get started (bzw. Einstieg ) abgespeckte Version - zip Editoren: Dreamweaver Notepad Net Beans Aptana www.aptana.com Webmatrix Bootstrap in Dreamweaver
Wie erreiche ich was?
Wie erreiche ich was? Projekt: Bezeichnung: Warenwirtschaft (WWSBAU) Serienbriefe Version: 7.0 Datum: 08.08.2017 Kurzbeschreibung: Mit diesem Leitfaden erhalten Sie eine tabellarische Kurzanleitung, um
Arzt-Auskunft Termin Free / Easy / Profi Dokumentation: 1.0 Erstellt durch: Stiftung Gesundheit Datum:
Arzt-Auskunft Termin Free / Easy / Profi Dokumentation: 1.0 Erstellt durch: Stiftung Gesundheit Datum: 26.05.2016 Einbindung von Arzt-Auskunft Termin in Ihre Website Seite 1 von 14 Inhaltsverzeichnis Einbindung
HTML-Report mit Papyrus - So geht s
HTML-Report mit Papyrus - So geht s Ja, ich gebe es zu: Ich bin ein fauler Mensch! Ich bin Projektleiter der Webseite Chem-Page.de und auf dieser befinden sich Vorschriften für chemische Experimente. Die
TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen
TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3
Handbuch TweetMeetsMage
Handbuch TweetMeetsMage für Version 0.1.0 Handbuch Version 0.1 Zuletzt geändert 21.01.2012 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2 Funktionsübersicht... 3 2 Installation... 4
50 Fragen zu HTML und JavaScript - mit Antworten
50 Fragen zu HTML und JavaScript - mit Antworten http://worgtsone.scienceontheweb.net/worgtsone/ - mailto: worgtsone @ hush.com Nov 21 2010 13. Oktober 2011 Inhaltsverzeichnis 1 50 Fragen 2 js bedeutet:
Installationsanleitung für. SugarCRM Open Source. Windows Einzelplatz
Installationsanleitung für SugarCRM Open Source Windows Einzelplatz Inhaltsverzeichnis Systemvoraussetzungen... 3 WAMP5 Server... 3 Sugar CRM Open Source... 8 SugarCRM Dokumentation... 14 Deutsches Sprachpaket...
1 Internetseiten selbst erstellt
Internetseiten selbst erstellt Vorüberlegungen: Übersichtsplan aller geplanten Seiten zeichnen und bereits logische Dateinamen überlegen. Inhalt der Seite Willkommen/Was gibt es zu sehen und was will ich
7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
White-paper: Jäger zwischen zwei Welten
White-paper: Jäger zwischen zwei Welten Einleitung Nicht die Augen vor guten Technolgie-Strategien verschliessen, sondern die guten Applikations Desings aus verschiedenen Welten zusammenführen, ist meine
Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Cascading Style Sheets HTML beschreibt nur den logischen Aufbau eines Dokuments. Die Gestaltung
Block für mobile Geräte ausblenden
Block für mobile Geräte ausblenden Öffnen Sie in Ihrem Browser (wir empfehlen Ihnen Google Chrome) die Developer Tools indem Sie auf F12 drücken. Klicken Sie danach auf das Lupen -Symbol (in unserem Beispiel
1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool
1. Übung IT-Management HTML, CSS und JavaScript Teil 2 Einführung, 26.04.2017, PC Pool Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung:
Übung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015
Übung zur Vorlesung Digitale Medien Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015 1 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur
HTML und CSS. Eine kurze Einführung
HTML und CSS Eine kurze Einführung Begriff Markup Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu Markup-Languge (ML) = Auszeichnungssprache Beispiele a) das Wort wird fett
Vom Design zum Template
Joomla Templates entwickeln Titel des Workshops/Vortrages Vom Design zum Template Der Joomla!Day fördert Eine Veranstaltung von : Tom Copyright by : etc. Übersicht Titel des Workshops/Vortrages Fragen
Kurzanleitung für die Tagesredaktion:
Kurzanleitung für die Tagesredaktion: 1. WS Ftp Programm öffnen OK klicken 2. index.html + katholisch.css + katholisch.js runterladen/im kath.de Ordner speichern 3. Programm schließen 4. Phase5 html Editor
Lokale Scanner am Thin Client als Netzwerkscanner nutzen. Inhaltsverzeichnis
Lokale Scanner am Thin Client als Netzwerkscanner nutzen Inhaltsverzeichnis Scannen mit WIA: Windows 10, Server 2008R2 (64bit), Server 2012, Server 2016...2 Scannen mit Twain: Windows XP, Windows 2003,
USB-Stick für die Wiederherstellung von Windows 10 für die One Xcellent Box
USB-Stick für die Wiederherstellung von Windows 10 für die One Xcellent Box Verwenden Sie für die Wiederherstellung einen USB-Stick mit mindestens 8GB Speicherkapazität. Auf dem Stick werden alle Daten
Videos aus der mebis-mediathek mit H5P mit interaktiven Elementen versehen
Videos aus der mebis-mediathek mit H5P mit interaktiven Elementen versehen In diesem Tutorial wird beschrieben, wie Sie Videoinhalte (analog dazu Audioinhalte) aus der mebis- Mediathek mit interaktiven
Einrichten des Schuljahreskalenders. Das vorliegende Dokument zeigt Ihnen...
Einrichten des Schuljahreskalenders Dieses Dokument beschreibt die Verwendung des Schuljahreskalenders und dessen mögliche Einstellungen, sowie die Integration des Schuljahreskalenders in Ihre Homepage.
Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model
Andreas Heß Inhalt Hintergrund HTML CSS JavaScript und das Document Object Model Netz-Protokolle Schichtenmodell OSI DoD Beispiele 7 Anwendung 6 Darstellung 5 Sitzung Anwendungen HTTP, HTTPS, SMTP,
Innovator for Model Sketching. Kurzanleitung zu Installation und Benutzung
Kurzanleitung zu Installation und Benutzung Inhaltsverzeichnis Installation... 3 Systemvoraussetzungen... 3 Innovator for Model Sketching herunterladen... 3 Innovator for Model Sketching einrichten...
FAQ - Script gaesteform
FAQ - Script gaesteform www.kundencenter.ws 9. April 2009 Salvatore Spadaro 1 2 Inhaltsverzeichnis 1 Script - gaesteform 3 1.1 Welchen Funktionumfang bietet das Script gaesteform und welche Technik steckt
Swissmem ebooks ebook Funktionen Software Version 4.x (PC)
Swissmem ebooks ebook Funktionen Software Version 4.x (PC) 25.08.2017 Inhalt 6.0.0 ebook Funktionen 2 6.1.0 Übersicht...2 6.2.0 Notizen...3 6.2.1 Einfaches Notizfeld...3 6.2.2 Handschriftliches Notizfeld...6
How-To-Do. PPC mit WES7 Image Update
How-To-Do PPC mit WES7 Image Update Inhaltsverzeichnis 1 Allgemein... 2 1.1 Information... 2 1.2 Hinweis... 2 2 Vorbereitung für das Update... 3 2.1 Download der Image Datei... 3 3 USB Stick für Update
Das Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de
Das Open Source CMS Gregor Walter gw@madgeniuses.net info@i-working.de Übersicht Einführung und Geschichte von TYPO3 TYPO3 Features Für Webdesigner Für Redakteure TYPO3 Live - am Beispiel fiwm.de Seite
Dynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs
Dynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: APEX, jquery UI, Dialogs, Tabs Einleitung Die von Apex erstellten HTML-Seiten
Technische Hochschule Georg Agricola WORKSHOP TEIL 2. Veranschaulichung des EVA-Prinzips
12.1.2017 Technische Hochschule Georg Agricola WORKSHOP TEIL 2 Veranschaulichung des EVA-Prinzips Inhaltsverzeichnis 1. Kurzfassung zur Projekterstellung... 2 2. Erklärung zum EVA-Prinzip... 3 2.1 Benötigte
Erste HTML-Übungen einfache Seiten. Bearbeiten Sie die folgenden Aufgaben...
1 Erste HTML-Übungen einfache Seiten. Bearbeiten Sie die folgenden Aufgaben... Möglichst in Zweierteams! 1. Aufgabe: Notepad++ als Editor einrichten (für Windows) 2 Notepad++ für zuhause: Download von