1 DynWeb Entwicklung mobiler Webseiten
|
|
|
- Hilke Maier
- vor 6 Jahren
- Abrufe
Transkript
1 1 DynWeb Entwicklung mobiler Webseiten Quelle: jquery Mobile
2 2 DynWeb Entwicklung mobiler Webseiten Entwicklung mobiler Webseiten Mobile Webseiten dienen der Publikation von Inhalten auf mobilen Endgeräten und sind für gewöhnlich eine Ergänzung zur normalen Desktop-Webseite. Am häufigsten dienen sie derzeit zur Wiedergabe von informativen Texten und redaktionellen Inhalten; außerdem stellen sie Kontakt- und Hintergrundinformationen zur Verfügung. Mobile Webseiten werden mithilfe derselben standardisierten Technologien entwickelt, die auch auf anderen Plattformen zum Einsatz kommen. Diese sind in erster Linie HTML, CSS und JavaScript. Diese Praxis erlaubt Browsern aller mobilen Geräte den Aufruf der Webseite. Bevor wir eine erste mobile Webseite erstellen, wollen wir uns nochmal den Aufbau eines HTML- Elementes anschauen: HTML-Element <h1 align="center">hitzefrei</h1> Attribut Eigenschaftsname= Wert öffnendes Tag Inhalt schließendes Tag Weiter wissen wir bereits, dass eine HTML-Seite einem speziellen Aufbau, nämlich dem Grundgerüst folgen muss: <html> <head> <title> </title> </head> <body> </body> </html> Anmerkung: Seit HTML5 ist keine doctype- Angabe notwendig title-tag ist optional aber sehr wichtig Ergänzungen sind nur im headund im body-bereich erlaubt
3 3 DynWeb Entwicklung mobiler Webseiten Der Baukasten jquery Mobile Für die Realisierung von mobilen Webseiten nutzen wir den im Internet frei erhältlichen Baukasten jquery Mobile. Der Baukasten basiert auf den Technologien HTML, CSS und Javascript und stellt uns komplexe Funktionalität auf sehr einfache Weise zur Verfügung. In der Regel können wir allein durch das Hinzufügen von Attributen zu bestehenden HTML-Elementen tolle Effekte erzielen. Eine ausführliche Beschreibung finden Sie unter der Adresse Für die Verwendung des Baukastens sind einige Vorbereitungen im head -Bereich der HTML-Seite zu treffen. Die genaue Bedeutung dieser Vorbereitungen werden wir erst später kennenlernen. Wir wollen nun schrittweise eine Webseite für den mobilen Einsatz umbauen. Aufbau einer mobilen Webseite Bei einer mobilen Webseite handelt es sich ebenfalls um eine HTML-Seite. Diese erfordert das oben wiederholte Grundgerüst. Der Inhalt von mobilen Webseiten ist jedoch häufig zusätzlich gegliedert. In der Regel finden wir eine Dreiteilung des Inhaltbereiches (body). Seitenkopf, oft mit einem Zurück-Knopf Seiteninhalt mit großzügig dimensionierten Bedienelementen Fußzeile Diese Dreiteilung spiegelt sich auch in der weiteren Struktur des Seiteninhalts der mobilen Seite wieder. Aufgabe 1: Öffnen Sie die Demo-Seite des jquery Mobile Baukasten und ermitteln Sie den Aufbau einer mobilen Webseite. Beschränken Sie sich dabei auf die zusätzliche Struktur innerhalb des body- Elements. Lesen Sie das Kapitel Pages -> Inside the body: Pages. Notieren Sie den Aufbau auf der nächsten Seite. Hinweis: In der Dokumentation finden Sie sehr häufig das Element div. Dabei handelt es sich um ein Blockelement, das ähnlich funktioniert wie das p -Element (p= Paragraph -> Absatz). Der Unterschied besteht darin, dass vor und nach dem div -Element kein zusätzlicher Platz erstellt wird. Das div -Element wird häufig verwendet, um einen zusammengehörigen Bereich (engl. division ) zu kennzeichnen wir zeichnen damit einen Bereich als zusammengehörig aus.
4 4 DynWeb Entwicklung mobiler Webseiten Das komplette Grundgerüst einer mobilen Webseite: <html> <head> <title> </title> </head> <body> <div data-role="page"> <div data-role="header"> <h1> </h1> </div> <div role="main" class="ui-content"> <p>.</p> </div> <div data-role="footer"> <h4> </h4> </div> </div> </body> </html> Seitenkopf Seiteninhalt Fusszeile Seitenstruktur einer mobilen Seite Aufgabe 2: Kopieren Sie das Verzeichnis notenlisten in den htdocs -Ordner Ihrer XAMPP- Installation. Öffnen Sie den dort befindlichen Ordner mobile. Stellen Sie nun eine geeignete Arbeitsumgebung her. Starten Sie dazu den Browser und rufen Sie die Datei notenliste.html auf. Testen Sie die Seite. Starten Sie zusätzlich einen Editor und öffnen Sie dort die gleiche Datei notenliste.html. Sichten Sie den HTML-Code und vergleichen Sie diesen mit der Darstellung im Browser. Markieren Sie in folgendem Ausschnitt der HTML-Datei notenliste.html den Seitenkopf, den Seiteninhalt und die Fußzeile. <body> <h1>notenliste</h1> <p> Meine Noten<br> </p> <ul> <li><a href="mathematik.html">mathematik</a></li> <li><a href="deutsch.html">deutsch</a></li> <li><a href="englisch.html">englisch</a></li> <li><a href="informatik.html">informatik</a></li> </ul> <h4>stand: 04. November 2014</h4> </body> Modifizieren Sie die HTML-Seite notenliste.html so, dass diese dem Grundgerüst einer mobilen Webseite gerecht wird (siehe oben). Testen Sie Ihr Ergebnis regelmäßig im Browser.
5 5 DynWeb Entwicklung mobiler Webseiten Fixierung der Kopf- und Fußzeile Wir erkennen, dass sich die Seite nun dem Look&Feel einer mobilen Webseite nähert allein dadurch, dass wir die Seite weiter eingeteilt haben in die Bereiche Seitenkopf, Seiteninhalt und Fußzeile. Es fällt jedoch auf, dass die Fußzeile nicht, wie auf mobilen Geräten üblich, bündig zum unteren Fensterrand platziert ist (siehe nebenstehende Abbildung). Die Philosophie des eingesetzten Baukastens jquery Mobile ist es, das Aussehen und die Funktionalität der Seite durch das Hinzufügen von Attributen zu beeinflussen. Aufgabe 3: Öffnen Sie die Demo-Seite des jquery Mobile Baukasten und versuchen Sie ein Attribut und dessen Einsatzort zu finden, welches die Fußzeile fix am unteren Fensterrand platziert. Lesen Sie dazu im Bereich Toolbar widget Toolbar den Abschnitt Fixed position. Testen Sie Ihre Lösung im Browser und übernehmen Sie das Attribut in folgende Tabelle: jquery-attribut Bedeutung Positioniert die Kopf- und Fußzeile fix am oberen bzw. unteren Rand des Browserfensters. Das Attribut wird sinnvollerweise folgenden HTML-Elementen hinzugefügt: Darstellung von Listen Die Verweise auf die weiteren Seiten Mathematik, Deutsch, sind in einer Liste angeordnet. Fällt ein Klick mit der Maus auf einem Desktop-Rechner noch leicht, ist es auf einem Gerät mit Fingereingabe deutlich schwerer, die Verweise zu treffen. Üblicherweise werden Listen mit Verweisen auf mobilen Webseiten größer dargestellt. Vor allem der sensitive Bereich erstreckt sich über die komplette Fensterbreite. Wir wollen unsere Seite entsprechend anpassen. Aufgabe 4: Öffnen Sie die Demo-Seite des jquery Mobile Baukasten und versuchen Sie ein Attribut und dessen Einsatzort zu finden, welches die Listendarstellung anpasst. Testen Sie Ihre Lösung im Browser und übernehmen Sie das Attribut in folgende Tabelle:
6 6 DynWeb Entwicklung mobiler Webseiten jquery-attribut Bedeutung Passt die Darstellung einer Aufzählungsliste gem. dem Look&Feel einer mobilen Webseite an. Das Attribut wird sinnvollerweise folgenden HTML-Elementen hinzugefügt: Integration von animierten Überblendeffekten Die Startseite navigation.html hat nun bereits ein passendes Aussehen. Auch die Verweise auf die Unterseiten sind bereits funktionsfähig. Bevor wir uns an die Modifikation der Unterseiten machen, wollen wir den Seitenwechsel etwas interessanter gestalten. Der Baukasten jquery Mobile bietet uns dazu die Möglichkeit, den Seitenwechsel mit einem von zehn Überblendeffekten zu versehen. Aufgabe 5: Öffnen Sie die Demo-Seite des jquery Mobile Baukasten und versuchen Sie ein Attribut und dessen Einsatzort zu finden, welches eine Animation des Seitenwechsels ermöglicht. Studieren Sie dazu den Abschnitt Transition. Testen Sie Ihre Lösung im Browser und übernehmen Sie das Attribut in folgende Tabelle: jquery-attribut Bedeutung Ermöglicht einen animierten Seitenwechsel. Das Attribut wird sinnvollerweise folgenden HTML-Elementen hinzugefügt: Folgende Werte stehen für dieses Attribut zur Verfügung: Aufgabe 6: Passen Sie die Unterseiten mathematik.html, deutsch.html, so an, dass sie dem Look&Feel einer mobilen Webseite gerecht werden. Orientieren Sie sich an der Seite notenliste.html. Testen Sie Ihre Lösung im Browser.
7 7 DynWeb Entwicklung mobiler Webseiten Integration eines Zurück-Knopfes Rufen wir ausgehend von der Startseite eine Unterseite auf, so können wir nur umständlich über den Zurück -Knopf des Browsers auf die Ursprungsseite zurückkehren. Viele mobile Webseiten bieten einen im Seitenkopf integrierten Zurück -Knopf an. Aufgabe 7: Öffnen Sie die Demo-Seite des jquery Mobile Baukasten und versuchen Sie ein Attribut und dessen Einsatzort zu finden, welches die automatische Darstellung eines Zurück -Knopfes ermöglicht. Studieren Sie dazu im Kapitel Toolbar widget Toolbar den Abschnitt Adding back button to header. Testen Sie Ihre Lösung im Browser und übernehmen Sie das Attribut in folgende Tabelle: jquery-attribut Bedeutung Fügt der Zielseite eines Verweises einen Zurück -Knopf hinzu. Das Attribut wird sinnvollerweise folgenden HTML-Elementen hinzugefügt: Lösung: mobile_loesung1 Aufgabe 8: Modifizieren Sie alle Unterseiten gemäß der folgenden Abbildungen. Notieren Sie die notwendigen Attribute in einer Tabelle. Integrieren Sie die Grafiken zusätzlich auf den Schaltflächen der Startseite notenliste.html. Lösung: mobile_loesung2
8 8 DynWeb Entwicklung mobiler Webseiten Erweiterte Notenübersicht Ergänzen Sie die Startseite um eine weitere Auswahlmöglichkeit Notenübersicht. Die Schaltfläche führt auf eine Seite mit einer tabellarischen Aufstellung der Noten. Die Spalten der Tabelle lassen sich wahlweise ein- oder ausblenden. Orientieren Sie sich bei der Darstellung an den Abbildungen. Hinweis: Den HTML-Code zur Erstellung der Tabelle finden Sie in der Datei tabelle.txt notenliste.html uebersicht.html Lösung: mobile_loesung3 Impressum Ergänzen Sie den Seitenkopf der Startseite um eine Schaltfläche ( Icon-only Buttons ) zur Anzeige eines Impressums. Nutzen Sie dazu ein Panel vom Typ overlay. Ein Klick auf die Schaltfläche blendet das Impressum von links in die Seite ein. Nutzen Sie zur Erzeugung eines Impressums einen Generator, beispielsweise folgenden: Orientieren Sie sich an den Abbildungen. Lösung: mobile_loesung4
Inhalt: 1)Header-Widget, 2)Footer-Widget, 3)Buttons, 4)Übung: Wohnungskauf, 5)Controlgroups, 6)Listview, 7)Panel-Widget
jquery 3 Inhalt: 1)Header-Widget, 2)Footer-Widget, 3)Buttons, 4)Übung: Wohnungskauf, 5)Controlgroups, 6)Listview, 7)Panel-Widget Erstelle folgendes einfache Beispiel mit einem Header, einem Content und
Mit PL/SQL auf s ipad
DOAG 2012 Konferenz 20. November 2012, 16:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen
bea Client-Security herunterladen und installieren unter Windows
bea Client-Security herunterladen und installieren unter Windows Die Links zum Download der bea Client-Security finden Sie auf der Startseite unter https:// www.bea-brak.de. Das Installationsprogramm für
HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5
Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Datei- und Ordnerverwaltung... 2 Eine Ordnerstruktur erstellen... 2 Regeln für die Vergabe von Namen... 2 So erstellen Sie Ordner... 2 Vorgehensweise beim Markieren
Umsetzen einer skalierbaren horizontalen Navigation:
Umsetzen einer skalierbaren horizontalen Navigation: Erstelle im Dreamweaver eine neue HTML - Datei (navigation.html) und eine CSS Datei (navigation.css). Die Struktur dieser Navigation soll auf einer
TYPO3 Redaktoren-Handbuch
TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste
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
Content Management System Larissa Version:
1. Content Management System Larissa 1.1 Struktur Das CMS 'Larissa' finden Sie auf der linken Seiten unter dem Punkt 'Internetauftritt'. Bei einer multi-domain Version sind alle integrierten Domains aufgelistet.
DeltaVision Computer Software Programmierung Internet Beratung Schulung
Häufige Fragen zum : Wie erstelle ich ein PDF-File vom Ferienkalender (Wie gebe ich die Daten an Mac oder Linux-Anwender weiter) Der Ferienkalender funktioniert nur unter Windows-Rechnern. Damit die Daten
Dr. Thomas Meinike Hochschule Merseburg
XSLT Programmierung effektiv und schmerzfrei! Dr. Thomas Meinike Hochschule Merseburg thomas.meinike@hs merseburg.de http://www.iks.hs merseburg.de/~meinike/ @XMLArbyter Zusatzmaterial Februar
Referenzen TYPO3. Projekt Relaunch der Agenturwebseite Stand: Februar 2017
Projekt Relaunch der Agenturwebseite Ausgangslage Die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze entstand im Sommer 2015 auf der Basis von TYPO3 6.2. Da der Support für diese LTS für
Schulung Open CMS Editor
Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie
Anleitung. 1 Formulare mit PHP erstellen und auswerten
Anleitung 1 Formulare mit PHP erstellen und auswerten Wechseln Sie wie zuvor in das htdocs-verzeichnis. Kopieren Sie das gerade fertiggestellte Verzeichnis >> MyTheme1
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 ++
CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 1: GRUNDLAGEN DER WEBENTWICKLUNG
CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 1: GRUNDLAGEN DER WEBENTWICKLUNG Von Markus Stauffiger / 4eyes GmbH DOZENTENTEAM FÜR JEDES THEMA EIN SPEZIALIST ANDI KELLER andi@4eyes.ch Mitgründer von 4eyes
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012
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:
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen In dieser Anleitung wird beschrieben, wie man mit Word eine kommentierte Linkliste erstellt und diese im Internet Explorer bzw. in
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013
Kopf-/Fußzeilen und Seitenzahlen
Dokumentvorlagen Dokumente Formatvorlagen Format Zeichen Format Absatz Datei Neu... Datei öffnen Datei schließen Beenden Suchen Suchen & Ersetzen Verknüpfungen Optionen Einfügen Inhalte einfügen Format
WebQuests. Eine WebQuest erstellen und publizieren. Mit PowerPoint geht es besonders einfach. Seite 1. WebQuests erstellen und publizieren
Seite 1 erstellen und publizieren Eine WebQuest erstellen und publizieren Mit PowerPoint geht es besonders einfach Tatsächlich braucht es keine speziellen Kenntnisse der html-sprache, um einfache und doch
Erstellen und Verwalten von Karteikarten für imcards am iphone / ipod touch
IMCARDSPC Erstellen und Verwalten von Karteikarten für imcards am iphone / ipod touch You 2 Software E-Mail: info@you2.de Homepage: http://www.you2.de You 2 Software 2010 imcardspc Handbuch 1-9 Haupt-Fenster
MEHR FUNKTIONEN, MEHR E-COMMERCE:
MEHR FUNKTIONEN, MEHR E-COMMERCE: XT:COMMERCE PLUGIN BB HERVORGEHOBENE PRODUKTE XT:COMMERCE PLUGIN BB HERVORGEHOBENE PRODUKTE Das xt:commerce Modul BB Hervorgehobene Produkte erlaubt es Ihnen, ein beliebiges
Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen
Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Anfang März 2011 hat Facebook das Erstellen von sogenannten iframe-tabs als individuelle Gestaltungsmöglichkeit von Fanseiten
Inhaltsverzeichnis. KnowWare
KnowWare Inhaltsverzeichnis... 4 Warum HTML5 und CSS3 lernen?... 4 Was brauchen Sie genau?... 5 Beispieldateien zum Heft... 5 HTML... 6 Der -bereich entsteht... 10 Den -bereich füllen... 13
Bedienungsanleitung der Wissensdatenbank
Bedienungsanleitung der Wissensdatenbank Die Wissensdatenbank ist mit Hilfe des Content-Management-Systems TYPO3 erstellt worden. Man unterscheidet prinzipiell zwischen dem Frontend (FE) und dem Backend
1. Briefing zur Übung IT-Systeme
1. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Einführung, 17.10.2016, HS 4 17. Oktober 2017 Stand und Ausblick Einführung: 17.10.2017, 12.00 Uhr (c.t.), HS 4 Fragestunde: 06.11.2017,
Inhaltsverzeichnis HÄUFIGKEITSTABELLEN... 1
Häufigkeitstabellen Inhaltsverzeichnis HÄUFIGKEITSTABELLEN... 1 Häufigkeitstabellen Häufigkeitstabellen Neue Häufigkeitstabelle erstellen Um eine Häufigkeitstabelle zu erstellen, gehen Sie wie folgt vor:
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
Erweiterung InfoVis:Wiki
Erweiterung InfoVis:Wiki Projektpraktikum aus Projekt- und Qualitätsmanagement 188.235 (im Ausmaß von 4 SWS) Betreuer: Dipl. Ing. Dr. Wolfgang Aigner Florian Mayrhuber e0105668@student.tuwien.ac.at Oktober
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...
file://c:\dokumente und Einstellungen\Admin\Eigene Dateien\NetObjects Fusion 11...
Seite 1 von 6 Lytebox Galerie in NOF einbauen - (hier erstellt mit NOF 11). Zunächst bitte auf den Link (unten) klicken um zu der Vorlagen-Datei mit den Skripten und einer detaillierten Beschreibung von
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...
Praktikum zur Veranstaltung XML-Technologie: Übung 09
Fachhochschule Wiesbaden - Fachbereich Informatik Praktikum zur Veranstaltung XML-Technologie: Übung 09 XSLT Eine HTML-Tabelle 06.01.2005 (c) 2004 H. Werntges, FB Informatik, FH Wiesbaden 1 Organisatorisches
Anleitung Widget-Generator
Anleitung Widget-Generator Seite 1 von 8 Der Bayerische Fußball-Verband e.v. bietet für seine Mitglieder und Vereine eine einfache Möglichkeit an, Daten über den eigenen Verein direkt auf der eigenen Website
Ereignisse Auf Benutzereingaben reagieren
Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,
Adventskalender. Best Practice. Schritt für Schritt Dokumentation. Wie Sie einen Adventskalender einrichten. Stand:
Adventskalender Best Practice Schritt für Schritt Dokumentation Wie Sie einen Adventskalender einrichten Stand: 16.10.2017 netzperfekt Parkstraße 113 24399 Arnis 04642. 99 99 000 shopwareplugins.de Inhaltsverzeichnis
Kurzanleitung. Zitiertil-Creator. Dokumentvorlagen Dokumente Formatvorlagen Format Zeichen Format Absatz
Dokumentvorlagen Dokumente Formatvorlagen Format Zeichen Format Absatz Datei Neu... Datei öffnen Datei schließen Beenden Suchen Suchen & Ersetzen Verknüpfungen Optionen Einfügen Inhalte einfügen Format
Anleitung für Pfarrbrief-Redakteure -
Anleitung für Pfarrbrief-Redakteure - www.franziskus-klara.de Anleitung Typo3 Seite 2 von 17 Inhalt 1 Anmeldung... 3 2 Der Administrationsbereich... 4 2.1 Aufbau... 4 2.2 Abmelden... 5 3 Pfarrbrief...
Seite 23 Einen Seiteninhalt erstellen Damit öffnet sich das Eingabeformular. Schreiben Sie eine Überschrift. Und in den großen weißen Bereich Ihren Te
Seite 22 Einen Seiteninhalt erstellen Aufgabe: Für die Seite "Spielwiese" einen neuen Seiteninhalt erstellen. Unter links "Web" "Seite" anklicken. Dann im Seitenbaum auf "Spielwiese klicken. Sie sehen
TYPO3-Kurzreferenz für Redakteure
TYPO3-Kurzreferenz für Redakteure Die Kurzreferenz orientiert sich weitgehend an den TYPO3 v4 Schulungsvideos. Es kann jedoch geringfügige Abweichungen geben, da in den Videos auf didaktisch sinnvolles
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:
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
RÖK Typo3 Dokumentation
2016 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2016 2 RÖK Typo3 Dokumentation 1) Was ist Typo3?... 3 2) Typo3 aufrufen und Anmelden...
Kurzanleitung. 2016, Hundesportverein Swisttal e.v., Dirk Lippmann, Alle Rechte vorbehalten.
Kurzanleitung Wichtige Informationen vorab - Der Parcoursplaner läuft in allen Browsern, welche HTML5 unterstützen. Ich beschränke mich hier auf die Anleitung für Google Chrome. Einige Dinge weichen in
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,
Article Widgets für Publisher
Anleitung zur Integration des JavaScripts Article Widgets für Publisher 2 / 6 plista Article Widgets für Publisher basieren auf der Einbindung eines kleinen JavaScripts in den HTML-Code Ihrer Webseite.
Einbindung in Gambio GX3
Einbindung in Gambio GX3 Einbindung Das Vertrauenssiegel von Trustami lässt sich sehr einfach in Gambio GX3 einbinden. Sie erhalten Ihren personalisierten Quellcode, indem Sie in Ihrem Trustami-Profil
Advanced CMS. Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?
Advanced CMS Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?id_product=19835 1. Installation Nachdem Sie das Modul Advanced CMS heruntergeladen und
Anlegen und Pflegen eines Google-Kalenders auf der eigenen Webseite mit aktuellen Veranstaltungsterminen
Anlegen und Pflegen eines Google-Kalenders auf der eigenen Webseite mit aktuellen Veranstaltungsterminen 1. Rufen Sie die Seite https://www.guide2.info/logi n/ auf. 2. Loggen Sie sich mit Ihren Zugangsdaten
Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000
Erstellen der Homepage incl. Verlinken in Word 2000 1. Ordner für die Homepagematerialien auf dem Desktop anlegen, in dem alle Bilder, Seiten, Materialien abgespeichert werden! Befehl: Desktop Rechte Maustaste
Anleitung für PlugIn DownThemAll
Anleitung für PlugIn DownThemAll 1 Einleitung Im Projekt VhwHIST werden die analogen Katasterarchive der Vermessungsämter digitalisiert und über den BEV-Shop (www.bev.gv.at) den Kunden des BEV bereitgestellt.
Schnellstartanleitung
Schnellstartanleitung Inhalt: Ein Projekt erstellen Ein Projekt verwalten und bearbeiten Projekt/Assessment-Ergebnisse anzeigen Dieses Dokument soll Ihnen dabei helfen, Assessments auf der Plattform CEB
Anlegen von Serviceboxen
TYPO3 an der TU Berlin Anlegen von Serviceboxen Version: 1.0 Stand: 01.11.2007 Autor: Antje Janke Überarbeitung: Roman Zimmer 1 Inhaltsverzeichnis 1. Allgemeine Informationen......3 1.1 Was sind Serviceboxen?......3
PowerPoint Unterrichtsskript WIHOGA Dortmund. 1 Einführung und Formatierung Verschiedenes Folienmaster Animationen...
PowerPoint 2007 Unterrichtsskript WIHOGA Dortmund 1 Einführung und Formatierung... 2 1.1 Start und Anwendungsfenster... 2 1.2 Folienlayouts... 2 1.3 Entwurfsvorlagen und Farbschema... 3 1.4 Texte und Grafiken
Handout für das TYPO3-System (später
Handout für das TYPO3-System http://ganztag-nrw.test.zone35.de (später www.ganztag-nrw.de) 1. Seite anlegen 2 2. Seiteninhalt anlegen (Text, Text mit Bild, ) 3 3. Nachrichten-Datensätze anlegen 4 4. Dateien
1. Seminar Multimediale Werkzeuge Sommersemester 2011
1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus marco.niehaus@tu-ilmenau.de 12.04.2011 Page 1 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein
Bedienungshinweise zum. Hörmann-Architektenprogramm
Bedienungshinweise zum Hörmann-Architektenprogramm Programmstart... 1 Ausschreibungstexte... 2 als WordDatei ausgeben... 2 kompletten Produkttext anzeigen... 3 Dokumentationen... 3 technische Zeichnungen...
ERSTE SCHRITTE HOMEPAGE-BAUKASTEN
ERSTE SCHRITTE HOMEPAGE-BAUKASTEN SCHNELLSTART ANLEITUNG IN 6 SCHRITTEN ZUR EIGENEN HOMEPAGE Starten des Baukastens Loggen Sie sich mit den Zugangsdaten, die Sie per E-Mail bekommen haben, in den STRATO
Artisteer 2 Installation
Möchte man keine fertigen Templates für sein Webprojekt verwenden, hat jedoch nicht die nötigen Kenntnisse sich sein Eigenes zu erstellen, dann ist man bei Artisteer 2 genau richtig! Mit diesem Web Design
Erstellen einer Powerpoint-Präsentation für Microsoft Powerpoint 2003
Erstellen einer Powerpoint-Präsentation für Microsoft Powerpoint 2003 Öffnen Sie das Powerpoint-Programm. Text kann sofort in den Textfeldern eingegeben werden. Der Text kann mithilfe der bekannten Menüpunkte
Webfactory Langenfeld Alles im grünen Bereich
Tutorial CMS (Redaktionssystem) Joomla V3.0 INHALT Basisinformationen zum CMS Joomla Was ist ein CMS? Warum Joomla? Anmeldung am CMS / Redaktionssystem So ändern Sie einen Beitrag So erstellen Sie einen
EIBPORT INBETRIEBNAHME MIT DEM BROWSER / JAVA EINSTELLUNGEN / VORBEREITUNGEN AM CLIENT PC
EIBPORT INBETRIEBNAHME MIT DEM BROWSER / JAVA EINSTELLUNGEN / VORBEREITUNGEN AM CLIENT PC Falls Sie zur Konfiguration des EIBPORT nicht BAB STARTER sondern den Browser benutzen wollen, und dieser die Ausführung
4 Makros ausprobieren
4 Makros ausprobieren Getreu dem Motto:»Val più la pratica che la grammatica Die Praxis ist mehr wert als die Grammatik«haben Sie jetzt zuerst einmal die Gelegenheit, die Funktionsweise von Makros auszuprobieren.
Vorbereitung Ihres Homepage-Baukastens für den Newsletter-Versand mit CleverReach
Allgemeine Tipps zur Vorbereitung: Bevor Sie starten, lesen Sie möglichst diese Anleitung komplett durch. Es ist empfehlenswert, alle benötigten Dateien in einem Ordner auf Ihrem Rechner zu speichern.
Anleitung zum Einbinden eines PotatoSystem - Musikplayers auf einer Facebook Künstlerseite
Anleitung zum Einbinden eines auf einer Facebook Künstlerseite Inhaltsverzeichnis Erstellen einer Künstlerseite...1 Kategorie und Namen...2 Persönliche Einstellungen vornehmen...3 Facebook Widget hinzufügen...4
Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved
Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert
Beleg 1/HTML: Erstellen einer Beispiel-Webseite
Beleg 1/HTML: Erstellen einer Beispiel-Webseite Als Beleg und zur Vertiefung der Kenntnisse in HTML ist eine Beispielwebseite zu erstellen, die die kennengelernten Tags und Attribute verwendet. Arbeiten
mehr funktionen, mehr e-commerce:
mehr funktionen, mehr e-commerce: xt:commerce plugin Search Tag Cloud xt:commerce Plugin search tag cloud Wonach suchen Ihre Kunden? Nicht nur für andere Nutzer ist es interessant, welche Artikel Ihre
Kapitel 6 Eine Fotogalerie anlegen
Kapitel 6 Eine Fotogalerie anlegen Bilddateien beleben jede Website. Besucher schauen sich gern Fotogalerien an und blättern durch die Fotos. Natürlich können Sie Bilddateien im Bereich»Medien«von Joomla!
Registrierung bei OLAT Um Ihre Portfolioprüfung in der Lernplattform OLAT abzulegen oder Artefakte zu sammeln, müssen Sie registriert sein.
Technische Unterstützung der Portfolioprüfung durch die Plattform OLAT Zur Unterstützung der Portfolioprüfung steht über den virtuellen Campus Rheinland- Pfalz die Lernplattform OLAT zur Verfügung. Sie
Spreed Call Video. Kurzanleitung. 1 Übersicht Bereitstellen eines Videos Konfiguration des Spreed Call Video...3
Kurzanleitung Spreed Call Video Konfiguration und Integration in Ihre Webseite 1 Übersicht...3 2 Bereitstellen eines Videos...3 3 Konfiguration des Spreed Call Video...3 3.1 Grundkonfiguration für Spreed
APEX verbessern mit Browser-Extensions
APEX verbessern mit Browser-Extensions Schlüsselworte APEX, JavaScript, JQuery, HTML5 Einleitung Till Albert MT AG Ratingen Wer kennt das nicht, beim Entwickeln mit APEX im Page Designer; irgendein kleineres
Einbindung in JIMDO-Shopsystem
Einbindung in JIMDO-Shopsystem Einbindung Das Vertrauenssiegel von Trustami lässt sich sehr einfach in JIMDO einbinden. Sie erhalten Ihren personalisierten Quellcode, indem Sie in Ihrem Trustami-Profil
MEHR FUNKTIONEN, MEHR E-COMMERCE:
MEHR FUNKTIONEN, MEHR E-COMMERCE: XT:COMMERCE TEMPLATE BB BOOTSTRAP 3 XT:COMMERCE TEMPLATE BB BOOTSTRAP 3 FEATURES aktuelles CSS3 Template: Das Blackbit Bootstrap Template ist ein aktuelles CSS3 Template
Dokumente verwalten mit Magnolia das Document Management System (DMS)
Dokumente verwalten mit Magnolia das Document Management System (DMS) Sie können ganz einfach und schnell alle Dokumente, die Sie auf Ihrer Webseite publizieren möchten, mit Magnolia verwalten. Dafür verfügt
9.4 - moveonline incoming - Online-Bewerbung für Studenten Incoming
9.4 - moveonline incoming - Online-Bewerbung für Studenten Incoming Dieses Kapitel beschreibt die Funktionsweise und die Konfiguration des Online-Moduls moveonline incoming, mit dem Sie die Online-Bewerbungen
Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X
Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X Login Rufen Sie die Login Seite auf: http://ihren-domainname.ch/wp-login.php Melden Sie sich mit dem Login an: Username Passwort Seiten Aktualisieren
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,
(3) Button-Klick & Texteingabe
Nachdem ihr jetzt Buttons und ein Eingabefeld hinzugefügt habt, wollt ihr sie sicherlich auch benutzen können und festlegen, was bei einem Klick oder Eintrag passieren soll! Dazu taucht ihr nun in die
JavaScript Frameworks für Mobile
JavaScript Frameworks für Mobile MoBI Expertenrunde Usability, 1. März 2012 doctima GmbH JavaScript Frameworks für Mobile MoBI 1.3.2012 Edgar Hellfritsch Inhalt Native App-Entwicklung Klassische Web-Entwicklung
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
JADE NRW. Benutzerleitfaden JADE NRW. für Haushaltsplan-Planschule
JADE NRW Benutzerleitfaden JADE NRW für Haushaltsplan-Planschule JADE NRW Grundlegende Dokumentinformationen Projekt Titel JADE NRW Benutzerleitfaden JADE NRW Datum 12.01.2009 Dokument Benutzerleitfaden_Haushaltsplan_Planschule_JADE_NRW.doc
Präsentationen erstellen mit PowerPoint (2000)
Präsentationen erstellen mit PowerPoint (2000) Text erfassen Starte PowerPoint und erstelle eine leere Präsentation Du erhältst verschiedene vorbereitete Layouts für Folien zur Auswahl. Klicke die gewünschte
Konfiguration von Opera für
{tip4u://051} Version 2 Zentraleinrichtung für Datenverarbeitung (ZEDAT) www.zedat.fu-berlin.de Konfiguration von Opera für E-Mail Um Ihre E-Mails über den Mailserver der ZEDAT herunterzuladen oder zu
Präsentieren mit Power Point Einführung
Präsentieren mit Power Point Einführung Version 2004 für MacOSX Educational Solutions Educational Solutions Einführung in PowerPoint für MacOSX 2004 Präsentationen mit Power Point erstellen Arbeiten mit
Einrichten einer Debug- Umgebung in Eclipse
T E C H N I S C H E D O K U M E N T A T I O N Einrichten einer Debug- Umgebung in Eclipse Intrexx 6 1. Einleitung Mit Hilfe dieser Dokumentation kann unter der Entwicklungsumgebung Eclipse eine Debug-
Visual Web Developer Express Jam Sessions
Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,
Anleitung für das eticket Change Request Verfahren
Anleitung für das eticket Change Request Verfahren Inhaltsverzeichnis 1. Einloggen auf die Arbeitsumgebung... 1 2. Die Arbeitsumgebung... 3 2.1 Persönliche Einstellungen anpassen... 4 3. Arbeitsumgebung
Aufgabe 2.2. Folgende Schritte sollen durchgeführt werden:
Aufgabe 2.2 Damit Sie Anwendungsprogramme mit der Scriptsprache PHP entwickeln können, benötigen Sie entweder einen Server, der PHP unterstützt oder Sie richten einen lokalen Server auf Ihrem Computer
Design anpassen eine kurze Einführung
Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können
XAMPP installieren & Kursbeispiel einrichten
Zentrale Informatik, IT Fort und Weiterbildungen XAMPP installieren & Kursbeispiel einrichten Unter MacOSX Fabienne Mrosek, Daniel Förderer Anleitung zur Installation von XAMPP for MaxOSX Version 5.5.38-1
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
Inhaltsverzeichnisse
Inhaltsverzeichnisse Überschriften zuweisen Formatieren Sie die Überschriften mit Hilfe der integrierten Formatvorlagen als Überschrift. Klicken Sie dazu in die jeweilige Überschrift und dann auf der Registerkarte
Oliver Brinkmann Java Swing-Applikationen & JApplets (mit NetBeans)
Oliver Brinkmann oliver.brinkmann@smail.fh-koeln.de Java Swing-Applikationen & JApplets (mit NetBeans) 1 Einführung in NetBeans Vorstellung: AWT-/Java-Swing-Paket JApplet Ereignisverarbeitung mit NetBeans
Dynamische Webseiten mit PHP 1
Dynamische Webseiten mit PHP 1 Webserver, PHP und MYSQL Ein Webserver dient dazu, Internetseiten an PCs zu senden, von denen sie aufgerufen werden. Beispiel: Sie tippen im Browser www.fosbosweiden.de ein.
Anleitungen zum Einfügen eines Partnerlinks in Ihre Website
www.satnam.de Anleitungen zum Einfügen eines Partnerlinks in Ihre Website A. Mittels eines Content-Management-Systems (CMS) oder Weblogs Seiten 2-6 B. Mittels eines Homepagebaukastens, z.b. von 1&1 Seiten
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