Gestalten von WebPoint-Anwendungen mit Hilfe von Struts-Tiles. Torsten Walter
|
|
- Siegfried Rothbauer
- vor 8 Jahren
- Abrufe
Transkript
1 Gestalten von WebPoint-Anwendungen mit Hilfe von Struts-Tiles Torsten Walter
2 1 Tutorial In dem Tutorial zu WebPoint wurde exemplarisch die Realisierung eines Videoautomaten erklärt. Dieses Dokument beschreibt darauf aufbauend, wie man eine derartige Anwendung mit Hilfe von Struts-Tiles graphisch ansprechender gestalten kann. Auch hier wird empfohlen die einzelnen Schritte gegebenenfalls per copy & paste nachzuvollziehen. Das Struts Framework ermöglicht es (Design-)Vorlagen (templates) zu erstellen, in denen Platzhalter an den Stellen stehen wo später der eigentliche Inhalt eingesetzt werden soll. Mit Hilfe einer XML-Datei wird dann beschrieben, welcher Inhalt, an statt den Platzhaltern verwendet werden soll. Das hat den Vorteil, dass man gleiche Vorlagen mehrfach verwenden und mit verschieden Inhalten füllen kann. Dadurch wird ist es später sehr leicht möglich, dass komplette Design einer Webseite anzupassen ohne viele JSP-Dateien zu ändern, indem man einfach die Vorlage verändert. 1.1 Vorarbeiten Im Laufe dieses Tutorials werden wir die bestehenden Webseiten Stück für Stück an unser neues Layout anpassen. Dazu erstellen wir uns zunächst zwei neue Ordner: templates In diesem Ordner speichern wir später unsere templates - die Designvorlagen mit den Platzhaltern. tiles Hier werden die tiles, der Inhalt unserer Webseite gespeichert, der später die Platzhalter ersetzen soll. Bevor wir anfangen das Layout zu definieren müssen wir zunächst unserer Videoautomaten-Projekt für Tiles konfigurieren. Dazu ergänzen wir in der Datei struts-config.xml im Verzeichnis WEB-INF die Zeilen: <plug-in classname="org.apache.struts.tiles.tilesplugin"> 2
3 <set-property property="definitions-config" value="/web-inf/tiles-defs.xml" /> </plug-in> Damit teilen wir Struts mit, dass wir Tiles verwenden wollen und das wir die Vorlagen in der Datei tiles-defs.xml definieren werden. 1.2 Basislayout Nach diesem Tutorial soll der Videoautomat wie in Abbildung 1.3 aussehen. Abbildung 1.1: Das Layout für den Videoautomaten Wie man sieht besteht die Seite aus vier Teilen: Einer Kopfzeile, einer Navigationsleiste, dem eigentlichen Inhalt und einer Fußzeile. Beginnen wir also mit der Designvorlage. Dazu erstellen wir im Verzeichnis templates eine neue Datei mainlayout.jsp mit folgendem Inhalt: taglib uri="/tags/struts-bean" prefix="bean" %> taglib uri="/tags/struts-html" prefix="html" %> taglib uri="/tags/struts-logic" prefix="logic" %> taglib uri=" prefix="tiles" %> 3
4 <html:html> <head> <title> <bean:message key="videoautomat.caption" /> </title> </head> <body> <div id="page"> <div id="header"> <tiles:insert name="header" /> </div> <div id="menu"> <tiles:insert name="menu" /> </div> <div id="content"> <html:errors /> <tiles:insert name="content" /> </div> <div id="footer"> <tiles:insert name="footer" /> </div> </div> </body> </html:html> Im Grunde handelt es sich dabei um eine ganz normale Java-Server-Page in die wir Platzhalter in Form von <tiles:insert attribute="???" /> eingefügt haben. Der Platzhalter mit dem Namen header soll später unsere Kopfzeile enthalten, menu die Navigationsleiste, content den eigentlichen Inhalt und footer die Fußzeile. Außerdem wurden diverse div-tags benutzt um die einzelnen Inhalte zu Gruppieren. So wird der komplette Inhalt von einem div-tag mit der Id page eingeschlossen, die Kopfzeile durch einen div-tag mit der Id header und so weiter. Jetzt können wir diese Designvorlage dazu benutzen neue Seiten zu erstellen, indem wir die einzelnen Platzhalter mit verschieden Inhalten füllen. Damit wir das machen können brauchen wir Dateien, in denen der Inhalt steht, der eingefügt werden soll. Für den Anfang erstellen wir dazu im Verzeichnis tiles vier Dateien: header.jsp Mit dem Inhalt für die Kopfzeile: 4
5 taglib uri="/tags/struts-bean" prefix="bean" %> <h1><bean:message key="videoautomat.caption" /></h1> welcome-menu.jsp Mit dem Link auf die Login-Seite: taglib uri="/tags/struts-bean" prefix="bean" %> taglib uri="/tags/struts-html" prefix="html" %> <html:link page="/logon.do"> <bean:message key="videoautomat.logon" /> </html:link> welcome.jsp Mit dem Inhalt für den content-bereich: taglib uri="/tags/webpoint" prefix="wp" %> <wp:countingstocktable cs="<%=((videoautomat.videoshop)web.sale.shop.gettheshop()).getvideostock() %>" ted="<%=new videoautomat.tedvideostock()%>"/> footer.jsp Mit dem Inhalt für die Fußzeile: A common Look and Feel using the tiles framework. Diese Dateien lassen wir jetzt für jeden Platzhalter einsetzen. Dies geschieht in der Konfigurationsdatei tiles-defs.xml. Dazu erstellen wir diese im Verzeichnis WEB-INF und füllen sie mit folgendem Inhalt: <?xml version="1.0" encoding="iso "?> <!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 1.3//EN" " <tiles-definitions> <definition name=".mainlayout" path="/templates/mainlayout.jsp"> <put name="header" value="/tiles/header.jsp" /> <put name="content" value="/tiles/welcome.jsp" /> 5
6 <put name="footer" value="/tiles/footer.jsp" /> </definition> <definition name=".welcome" extends=".mainlayout"> <put name="menu" value="/tiles/welcome-menu.jsp" /> </definition> </tiles-definitions> Mit der Zeile <definition name=".mainlayout" path="/templates/mainlayout.jsp"> legen wir eine neue Definition mit dem Namen.mainLayout 1 an und verwenden als Designvorlage die von uns erstellte Datei mainlayout.jsp. Mit <put name="???" value="/template/empty.jsp" /> wird bestimmt welche Dateien anstelle der Platzhalter eingesetzt werden sollen. Der zweite definition-eintrag mit dem Namen welcome ist vom ist vom.mainlayout mittels extends=".mainlayout" abgeleitet. Das heißt alle Einstellungen werden von diesem übernommen, solange sie nicht lokal überschrieben werden. Jetzt müssen wir Struts nur noch mitteilen, dass wir anstelle der bisherigen Startseite unsere neue Definition verwenden soll. Dazu ändern wir einfach in der struts-config.xml die Zeile <action path="/welcome" forward="/pages/welcome.jsp" /> in <action path="/welcome" forward=".welcome" /> Nachdem wir das ganze auf den Server übertragen haben sollte die Seite wie in Abb. 1.2 aussehen. 1.3 Cascading Stylesheets Das noch recht trostlos wirkende Basislayout aus Abschnitt 1.2 wollen wir nun durch den Einsatz von Cascading Stylesheets etwas ansprechender formatieren. Dazu ergänzen wir in der Datei main-layout.jsp innerhalb des Headers, die Zeile 1 Der Name kann frei gewählt werden. In diesem Tutorial verwenden wir jedoch die Konvention, dass alle Definitionen mit dem Präfix. beginnen, um sie leichter von anderen forwards in der struts-config.xml auseinander halten zu können 6
7 Abbildung 1.2: Die überarbeitete Startseite. <link rel="stylesheet" type="text/css" href="<html:rewrite page= /templates/style.css />" /> Damit geben wir an, dass weitere Formatierungen für diese Seite in der Datei style.css zu finden sind. Das html:rewrite sorgt dafür, dass der relative Link unter jeder beliebigen URL funktioniert, die die Vorlage benutzt. Jetzt müssen wir noch die Datei style.css im Verzeichnis templates erstellen und mit Inhalt füllen. Hier eine kommentierte Fassung der Datei: div#page { /* Hintergrundfarbe #ffffe0 setzen und zusätzlich hintergrund.gif als Hintergrundbild verwenden und in y-richtung solange wiederholen, bis der untere Rand erreicht ist */ background: #ffffe0 url(hintergrund.gif) repeat-y; /* Rahmenfarbe setzen */ border-color: #0000CC; /* Rahmenbreite 1 Pixel */ border-width: 1px; /* Durchgezogene Linie als Rahmen verwenden */ border-style: solid; /* 1 Pixel Abstand zum Inhalt des "page"-elements */ 7
8 } padding: 1px; div#header { /* minimale Höhe für den "header" von 10 Pixeln setzen */ min-height: 10px; /* Hintergrundfarbe #3399cc setzen */ background-color: #3399cc; border: 1px solid #3399cc; /* Text zentrieren */ text-align: center; } div#menu { /* das "menu" Element links ausrichten und nicht auf Seitenbreite ausdehnen */ float: left; /* Festlegen der minimale Breite des "menu"-element auf 160 Pixel */ min-width: 160px; min-height: 100px; padding: 10px; } div#content { /* Abstand zum linken Rand auf 160 Pixel festlegen (da anfangen, wo das Menü aufhört) */ margin-left: 160px; min-height: 100px; padding: 10px; } div#footer { min-height: 10px; background-color: #3399cc; text-align: center; 8
9 } h1 { } /* Setzt die Schriftgröße von h1 auf 16 Punkte. */ font-size: 18pt; h2 { } font-size: 16pt; h3 { } font-size: 14pt; h4 { } font-size: 12pt; Damit wäre das Design fertig und wir könnten jetzt weitere Definitionen für die alle anderen Seiten erstellen. Diese könnten wir genau wie.welcome von unserem.mainlayout ableiten und müssten nur die Teile für das Menü und den content-bereich anpassen. 1.4 Menü Für unsere jetzige Designvorlage muss für jede mögliche Kombination von Menüeinträgen eine neue Datei erstellt werden. In diesem Abschnitt wird gezeigt, wie man die auch die Konfiguration des Menüs mit Hilfe von Tiles erledigen kann. Im Grunde besteht das Menü nur aus einer Reihe von Links wie diesem: <html:link page="/logon.do"> <bean:message key="videoautomat.logon" /> </html:link> Das einzige, was sich bei den einzelnen Links ändert sind die Werte von page und key. Tiles bietet die Möglichkeit einer Definition diese Informationen mitzuteilen. Im diesem Fall würde das folgendermaßen aussehen: 9
10 <definition name=".welcome" extends=".mainlayout"> <putlist name="items"> <item value="videoautomat.logon" link="/logon.do" classtype="org.apache.struts.tiles.beans.simplemenuitem" /> </putlist> </definition> Wir übergeben der.welcome Definition eine Liste mit dem Namen items, die genau ein einziges Element vom Typ SimpleMenuItem enthält. Damit können wir das Menü innerhalb des Basislayouts (mainlayout.jsp) zum Beispiel mit folgendem Code erzeugen lassen: <div id="menu"> <tiles:importattribute /> <logic:present name="items"> <logic:iterate id="menuitem" name="items" type="org.apache.struts.tiles.beans.menuitem"> <html:link page="<%= menuitem.getlink()%>"> <bean:message key="<%= menuitem.getvalue() %>" /> </html:link> <br> </logic:iterate> </logic:present> </div> Zur Erklärung: <tiles:importattribute /> sorgt dafür, dass die in der tiles-defs.xml definierten Attribute der definition auf dieser Seite verfügbar sind. Der Code, der von <logic:present name="items"> und </logic:present> eingeschlossen ist wird nur dann ausgeführt, wenn ein Attribut mit dem Namen items existiert. Also nur dann, wenn wir Menüeinträge festgelegt haben. Dadurch kann die Vorlage auch dann verwendet werden, wenn das Menü leer bleibt, ohne dass man dazu eine leere Liste von itmes übergeben müsste. Der logic:iterate-tag iteriert dann über alle items. Auf den jeweils aktuellen Menüeintrag kann man dann über die Variable menuitem zugreifen. Innerhalb der Iteration werden die Links erzeugt und die jeweiligen Werte für page und key an den entsprechenden Stellen eingesetzt. 10
11 1.5 Migration In diesem Abschnitt wird an Beispielen gezeigt, wie man mit der basierend auf der Vorarbeit weitere Seiten an das neue Layout anpassen kann logon.jsp Beginnen wir mit der Action logon. Dazu kopieren wir einfach die Datei logon.jsp aus dem Verzeichnis pages nach tiles und löschen aus ihr alle Teile, die nicht mehr benötigt werden, wenn die Seite innerhalb des content-bereiches von unserem Layout angezeigt wird. Übrigrig bleibt folgendes: taglib uri="/tags/struts-bean" prefix="bean" %> taglib uri="/tags/struts-html" prefix="html" %> <html:form action="/logonaction"> <table> <tr> <td align="center" colspan="2"> <h1><bean:message key="logon.caption" /></h1> </td> </tr> <tr> <td align="right"> <bean:message key="logon.enter.username" /> </td> <td align="left"> <html:text property="username" size="30" maxlength="30" /></td> </tr> <tr> <td align="right"><bean:message key="logon.enter.password" /></td> <td align="left"><html:password property="password" size="30" maxlength="30" /></td> </tr> <tr> <td align="right"><html:submit property="method"> 11
12 <bean:message key="videoautomat.ok" /> </html:submit></td> <td align="left"><html:cancel> <bean:message key="videoautomat.cancel" /> </html:cancel> </td> </tr> </table> </html:form> Als nächstes fügen wir der tiles-defs.xml eine neue definition hinzu <definition name=".logon" extends=".mainlayout"> <put name="content" value="/tiles/logon.jsp" /> </definition> und ändern in der tiles-config.xml das Forward der LogOn-Action zu: <action path="/logon" forward=".logon" /> loggedin.jsp Da die Seite loggedin.jsp, mit Ausnahme der Links identisch ist mit der Startseite, ist die Anpassung an das neue Layout besonders einfach. Wir erstellen dazu eine neue Definition in der Datei tiles-defs.xml mit dem Namen.loggedin, die wir vom.mainlayout ableiten und ergänzen die Einträge für die Links. <definition name=".loggedin" extends=".mainlayout"> <putlist name="items"> <item value="videoautomat.rent" link="/selectvideos.do" classtype="org.apache.struts.tiles.beans.simplemenuitem" /> <item value="videoautomat.admin" link="/administrateaction.do" classtype="org.apache.struts.tiles.beans.simplemenuitem" /> <item value="videoautomat.logout" link="/logout.do" classtype="org.apache.struts.tiles.beans.simplemenuitem" /> </putlist> </definition> Anschließend ändern wir noch das forward für die /loggedin-action von /pages/loggedin.jsp auf die Definition.loggedin. 12
13 <action path="/loggedin" forward=".loggedin" roles="user" /> Abbildung 1.3: Die fertige loggedin-seite 1.6 Literatur Empfehlenswerte Literatur: Die offizielle Dokumentation zu Struts Auf dieser Seite findet man verschiedenste Informationen zu Struts. Sehr hilfreich sind auch die dort zu findenden Links zu weiteren Artikeln und Tutorials. Struts in Action von Ted Husted Etwas älteres aber dennoch sehr empfehlenswertes Buch zu Struts. Auf der Seite sind zwei Kapitel aus dem Buch zu finden. Unter anderem Kapitel 11: Developing applications with Tiles. Eine Einfürung in CSS. 13
14 Die deutsche Übersetzung der W3C Spezifikation CSS Level 2. 14
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
Es wird das Struts <html:option> Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht.
Struts Code Peaces Element Es wird das Struts Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht. Allgemeines Autor: Sascha Wolski Sebastian Hennebrüder
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
News & RSS. Einleitung: Nachrichten er-(veröffentlichen) und bereitstellen Nachrichten erstellen und bereitstellen
News & RSS Nachrichten er-(veröffentlichen) und bereitstellen Nachrichten erstellen und bereitstellen Einleitung: Sie wollen Ihre Nutzer immer mit den neuesten Informationen versorgen bzw. auf dem laufendem
Outlook Erstellen einer E-Mail aus einer HTML - Vorlage INHALT
Outlook Erstellen einer E-Mail aus einer HTML - Vorlage INHALT LADEN DER VORLAGE 2 Öffnen Sie Outlook 2 Klicken Sie auf EXTRAS >> OPTIONEN 2 Im Optionenfeld von Outlook folgend Sie den Schritten 2 Fenster
Bauteilattribute als Sachdaten anzeigen
Mit den speedikon Attributfiltern können Sie die speedikon Attribute eines Bauteils als MicroStation Sachdaten an die Elemente anhängen Inhalte Was ist ein speedikon Attribut?... 3 Eigene Attribute vergeben...
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter
Typo3 - Inhalte. 1. Gestaltung des Inhaltsbereichs. 2. Seitenunterteilung einfügen
Typo3 - Inhalte 1. Gestaltung des Inhaltsbereichs Das Layout der neuen TVA Website sieht neben dem grafischen Rahmen und den Navigations-Elementen oben und links einen grossen Inhaltsbereich (graue Fläche)
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Anwendungsbeispiele. Neuerungen in den E-Mails. Webling ist ein Produkt der Firma:
Anwendungsbeispiele Neuerungen in den E-Mails Webling ist ein Produkt der Firma: Inhaltsverzeichnis 1 Neuerungen in den E- Mails 2 Was gibt es neues? 3 E- Mail Designs 4 Bilder in E- Mails einfügen 1 Neuerungen
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
11 Tabellen als Inhaltselement (ohne RichTextEditor)
11 Tabellen als Inhaltselement (ohne RichTextEditor) Inhaltsverzeichnis 11 Tabellen als Inhaltselement (ohne RichTextEditor) 1 Vorbemerkung.......................................... 1 11.1 Eine einfache
Einrichten eines News-Systems in Typo3
Einrichten eines News-Systems in Typo3 Generelles: tt_news ist eine der beliebtesten Erweiterungen für Typo3 und wir bereits auf vielen Sites Vorarlberger Schulen verwendet: Beispiele: http://www.vobs.at/hsl
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
Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon.
www.blogger.com Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon. Sie müssen sich dort nur ein Konto anlegen. Dafür gehen Sie auf
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0)
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0) Peter Koos 03. Dezember 2015 0 Inhaltsverzeichnis 1 Voraussetzung... 3 2 Hintergrundinformationen... 3 2.1 Installationsarten...
Grundlagen Word Eigene Symbolleisten. Eigene Symbolleisten in Word erstellen
Eigene Symbolleisten in Word erstellen Diese Anleitung beschreibt, wie man in Word eigene Symbolleisten erstellt und mit Schaltflächen füllt. Im zweiten Teil wird erklärt, wie man mit dem Makrorekorder
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 3 Frames Seite 1
Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den
Outlook Vorlagen/Templates
Joachim Meyn Outlook Vorlagen/Templates Erstellen Sie Vorlagen bzw. Templates in Outlook Joachim Meyn 27.03.2013 Inhaltsverzeichnis Outlook Vorlagen (.oft Dateien)... 2 Vorbereitung... 2 Anlegen einer
Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage
Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage Inhaltsverzeichnis 1. Anmeldung... 2 1.1 Startbildschirm... 3 2. Die PDF-Dateien hochladen... 4 2.1 Neue PDF-Datei erstellen... 5 3. Obelix-Datei
.htaccess HOWTO. zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage
.htaccess HOWTO zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage Stand: 21.06.2015 Inhaltsverzeichnis 1. Vorwort...3 2. Verwendung...4 2.1 Allgemeines...4 2.1 Das Aussehen der.htaccess
Anleitung zur Erstellung und Bearbeitung von Seiten in Typo3. Typo3. Anleitung. Wenpas Informatik
Anleitung zur Erstellung und Bearbeitung von Seiten in Typo3. Typo3 Anleitung Wenpas Informatik 1.0 Anmeldung im Backend Zum Backend einer Typo3 Seite gelangt man wenn man nichts anderes konfiguriert hat
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..
1. Software installieren 2. Software starten. Hilfe zum Arbeiten mit der DÖHNERT FOTOBUCH Software
1. Software installieren 2. Software starten Hilfe zum Arbeiten mit der DÖHNERT FOTOBUCH Software 3. Auswahl 1. Neues Fotobuch erstellen oder 2. ein erstelltes, gespeichertes Fotobuch laden und bearbeiten.
MailUtilities: Remote Deployment - Einführung
MailUtilities: Remote Deployment - Einführung Zielsetzung Die Aufgabe von Remote Deployment adressiert zwei Szenarien: 1. Konfiguration der MailUtilities von einer Workstation aus, damit man das Control
6 Das Kopieren eines bereits bestehenden Inhaltselements
6 Das Kopieren eines bereits bestehenden Inhaltselements Inhaltsverzeichnis 6 Das Kopieren eines bereits bestehenden Inhaltselements 1 Vorbemerkung.......................................... 1 6.1 Schritt
Handbuch ECDL 2003 Professional Modul 2: Tabellenkalkulation Vorlagen benutzen und ändern
Handbuch ECDL 2003 Professional Modul 2: Tabellenkalkulation Vorlagen benutzen und ändern Dateiname: ecdl_p2_02_03_documentation.doc Speicherdatum: 08.12.2004 ECDL 2003 Professional Modul 2 Tabellenkalkulation
32.4 Anpassen von Menüs und Symbolleisten 795i
32.4 Anpassen von Menüs und Symbolleisten 795i Fortsetzung der Seiten in der 8. Auflage 32.4 Anpassen von Menüs und Symbolleisten 32.4.1 Anpassen von Menüs Die Menüs können um folgende Typen von Optionen
Im Folgenden wird Ihnen an einem Beispiel erklärt, wie Sie Excel-Anlagen und Excel-Vorlagen erstellen können.
Excel-Schnittstelle Im Folgenden wird Ihnen an einem Beispiel erklärt, wie Sie Excel-Anlagen und Excel-Vorlagen erstellen können. Voraussetzung: Microsoft Office Excel ab Version 2000 Zum verwendeten Beispiel:
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags 2013 style_sheet_bis_verlag_20130513 Arbeiten mit der Dokumentvorlage des BIS-Verlags... 3 Dokumentvorlage Wofür?... 3 Wohin mit der Dokumentvorlage...
Maturaarbeit: Formatieren mit Word 2010
Maturaarbeit: Formatieren mit Word 2010 Dieses Dokument zeigt, wie sich in Word 2010 Formatvorlagen, Fussnoten und ein Inhaltsverzeichnis erstellen lassen. Fussnoten Mit Word lassen sich sehr einfach Fussnoten
HTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
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.
Newsletter. 1 Erzbistum Köln Newsletter
Newsletter 1 Erzbistum Köln Newsletter Inhalt 1. Newsletter verwalten... 3 Schritt 1: Administration... 3 Schritt 2: Newsletter Verwaltung... 3 Schritt 3: Schaltflächen... 3 Schritt 3.1: Abonnenten Verwaltung...
Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.
Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,
Argelander Institut für Astronomie. Persönliche Website
Argelander Institut für Astronomie Persönliche Website Zunächst loggt man sich auf www.astro.uni-bonn.de/typo3 mit seinem AIfA Zugang ein. Nach erfolgreichem Login befindet man sich im Backend des TYPO3
WordPress. Dokumentation
WordPress Dokumentation Backend-Login In das Backend gelangt man, indem man hinter seiner Website-URL einfach ein /wp-admin dranhängt www.domain.tld/wp-admin Dabei gelangt man auf die Administrationsoberfläche,
Herstellen von Symbolen mit Corel Draw ab Version 9
Herstellen von Symbolen mit Corel Draw ab Version 9 Einleitung : Icon Design-Überblick: 1) Gestalten in Corel Draw 10.0 3) Vorlage für Photopaint für Import von Corel 4) Einfügen in die PSD-Datei und Bearbeiten
Einbauanleitung für Premium-Layouts für Jimdo
Vorab Ihr neues Jimdo-Layout von mein-design-shop.de können Sie in drei einfachen Schritten in Ihr JimdoPage einbauen. Dazu benötigen Sie den Ordner, den Sie von mein-design-shop.de im *.ZIP-Format heruntergeladen
ARCO Software - Anleitung zur Umstellung der MWSt
ARCO Software - Anleitung zur Umstellung der MWSt Wieder einmal beschert uns die Bundesverwaltung auf Ende Jahr mit zusätzlicher Arbeit, statt mit den immer wieder versprochenen Erleichterungen für KMU.
Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook (2002-2007) Zentrum für Datenverarbeitung der Universität Tübingen
Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook (2002-2007) Zentrum für Datenverarbeitung der Universität Tübingen Inhalt 1. Die Funambol Software... 3 2. Download und Installation... 3 3.
Gebrauchsanweisung Template Lernumgebung Einführung Übersicht:
Einführung Willkommen. Auf den nächsten Seiten erfahren Sie, wie Sie das Template Autodidaktische Lernumgebung benutzen, um Ihre eigene Lernumgebung zu erstellen. Sie werden Ihre Lernumgebung in Dreamweaver
Einführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
PRAXISBUTLER ANPASSUNG DER VORLAGEN
Praxisbutler Anpassung der Vorlagen 1 PRAXISBUTLER ANPASSUNG DER VORLAGEN Die Vorlagen werden hauptsächlich in den Bereichen Klienten und Fakturierung benutzt. Die Anpassung dieser Vorlagen ist wichtig,
1. Handhabung. 1.1. Werkzeug- und Menüleiste
1. Handhabung 1.1. Werkzeug- und Menüleiste Neuer Ordner Ausschneiden Kopieren Einfügen Löschen separate Vorschau Ausloggen Neues Dokument Schnellsuche Datei importieren Schnellsuche Spaltenansicht = normale
Wie Sie mit Mastern arbeiten
Wie Sie mit Mastern arbeiten Was ist ein Master? Einer der großen Vorteile von EDV besteht darin, dass Ihnen der Rechner Arbeit abnimmt. Diesen Vorteil sollten sie nutzen, wo immer es geht. In PowerPoint
Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.
In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website
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
Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben:
FTP-Upload auf den Public Space Server mit FileZilla 1. Was wird benötigt? Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben: Benutzername: Ihr Webuser
ELO Print&Archive so nutzen Sie es richtig
ELO Print&Archive so nutzen Sie es richtig Die Einrichtung Ihres ersten Dokumententyps Im folgenden Beispiel möchten wir Ihnen genauer erläutern, wie Sie das neue Modul ELO Print&Archive, das automatisch
Nach der Anmeldung im Backend Bereich landen Sie im Kontrollzentrum, welches so aussieht:
Beiträge erstellen in Joomla Nach der Anmeldung im Backend Bereich landen Sie im Kontrollzentrum, welches so aussieht: Abbildung 1 - Kontrollzentrum Von hier aus kann man zu verschiedene Einstellungen
Durchführung der Datenübernahme nach Reisekosten 2011
Durchführung der Datenübernahme nach Reisekosten 2011 1. Starten Sie QuickSteuer Deluxe 2010. Rufen Sie anschließend über den Menüpunkt /Extras/Reisekosten Rechner den QuickSteuer Deluxe 2010 Reisekosten-Rechner,
Eine Anleitung von Holger Bein. Holger Bein 2005
Holger Bein 2005 Eine Anleitung von Holger Bein Bildergalerie erstellen mit dem Web Album Generator Was wir brauchen: 1. Speicherplatz (z.b. bei freenet.de) 2. das Programm Web Album Generator 3. einen
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,
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,
Wollen Sie einen mühelosen Direkteinstieg zum Online Shop der ÖAG? Sie sind nur einen Klick davon entfernt!
Wollen Sie einen mühelosen Direkteinstieg zum Online Shop der ÖAG? Sie sind nur einen Klick davon entfernt! Sehr geehrte(r) Geschäftspartner(in), Um Ihre Transaktionen schneller durchzuführen, bieten wir
Updatehinweise für die Version forma 5.5.5
Updatehinweise für die Version forma 5.5.5 Seit der Version forma 5.5.0 aus 2012 gibt es nur noch eine Office-Version und keine StandAlone-Version mehr. Wenn Sie noch mit der alten Version forma 5.0.x
DAUERHAFTE ÄNDERUNG VON SCHRIFTART, SCHRIFTGRÖßE
DAUERHAFTE ÄNDERUNG VON SCHRIFTART, SCHRIFTGRÖßE UND ZEILENABSTAND Word 2010 und 2007 Jedes neue leere Dokument, das mit Word 2010 erstellt wird, basiert auf einer Dokumentvorlage mit dem Namen Normal.dotx.
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle)
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle) Author: Bernd Alexander K. W. Köhler http://www.pixel-cms.de email:
1. Zuerst muss der Artikel angelegt werden, damit später die Produktvarianten hinzugefügt werden können.
Produktvarianten und Downloads erstellen Produktvarianten eignen sich um Artikel mit verschiedenen Optionen wie bspw. ein Herrenhemd in den Farben blau, grün und rot sowie in den Größen S, M und L zu verkaufen.
12. Dokumente Speichern und Drucken
12. Dokumente Speichern und Drucken 12.1 Überblick Wie oft sollte man sein Dokument speichern? Nachdem Sie ein Word Dokument erstellt oder bearbeitet haben, sollten Sie es immer speichern. Sie sollten
CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung
Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten
Speichern. Speichern unter
Speichern Speichern unter Speichern Auf einem PC wird ständig gespeichert. Von der Festplatte in den Arbeitspeicher und zurück Beim Download Beim Kopieren Beim Aufruf eines Programms Beim Löschen Beim
Sie finden im Folgenden drei Anleitungen, wie Sie sich mit dem Server der Schule verbinden können:
FTP-Zugang zum Schulserver Sie finden im Folgenden drei Anleitungen, wie Sie sich mit dem Server der Schule verbinden können: Zugang mit dem Internet Explorer (zum download von Dateien) Zugang mit dem
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren W. Kippels 22. Februar 2014 Inhaltsverzeichnis 1 Einleitung 2 2 Lineargleichungssysteme zweiten Grades 2 3 Lineargleichungssysteme höheren als
Gemeinsamer Bibliotheksverbund: Übertragung von Datenexporten für den Verbundkatalog Öffentlicher Bibliotheken
Gemeinsamer Bibliotheksverbund: Übertragung von Datenexporten für den Verbundkatalog Öffentlicher Bibliotheken Mit Anleitung zur Erstellung einer FTP Verbindung unter Windows 7 Matthias Lange
Über die Internetseite www.cadwork.de Hier werden unter Download/aktuelle Versionen die verschiedenen Module als zip-dateien bereitgestellt.
Internet, Codes und Update ab Version 13 Um Ihnen einen möglichst schnellen Zugang zu den aktuellsten Programmversionen zu ermöglichen liegen Update-Dateien für Sie im Internet bereit. Es gibt drei Möglichkeiten
Handbuch Bildergalerie Litebox
Handbuch Reference Guide Erstellt durch: Ivo Lex INM Inter Network Marketing AG Usterstrasse 202 CH-8620 Wetzikon Email ivo.lex@inm.ch URL http://www.inm.ch Telefon: +41 (0) 44 934 50 50 Fax +41 (0) 44
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1
Microsoft Access 2013 Navigationsformular (Musterlösung)
Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft Access 2013 Navigationsformular (Musterlösung) Musterlösung zum Navigationsformular (Access 2013) Seite 1 von 5 Inhaltsverzeichnis Vorbemerkung...
teischl.com Software Design & Services e.u. office@teischl.com www.teischl.com/booknkeep www.facebook.com/booknkeep
teischl.com Software Design & Services e.u. office@teischl.com www.teischl.com/booknkeep www.facebook.com/booknkeep 1. Erstellen Sie ein neues Rechnungsformular Mit book n keep können Sie nun Ihre eigenen
Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz
Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz Diese Anleitung soll als Kurzreferenz und Schnellanleitung dienen um einfach und schnell Berichte auf der Homepage www.dav-koblenz.de
Einrichten eines Postfachs mit Outlook Express / Outlook bis Version 2000
Folgende Anleitung beschreibt, wie Sie ein bestehendes Postfach in Outlook Express, bzw. Microsoft Outlook bis Version 2000 einrichten können. 1. Öffnen Sie im Menü die Punkte Extras und anschließend Konten
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
1.1 Ändern der Formatvorlagen
Löschen einer Absatzmarke Angenommen zwei aufeinander folgende Absätze haben verschiedene Formatvorlagen und Sie löschen die Absatzmarke des ersten Absatzes, dann erhält der neue grosse Gesamtabsatz die
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
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 1.0-09.07.2015 1
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und
Jeopardy and andere Quizformate im bilingualen Sachfachunterricht Tipps zur Erstellung mit Powerpoint
Bilingual konkret Jeopardy and andere Quizformate im bilingualen Sachfachunterricht Tipps zur Erstellung mit Powerpoint Moderner Unterricht ist ohne die Unterstützung durch Computer und das Internet fast
Fotogalerie mit PWGallery in Joomla (3.4.0) erstellen
Fotogalerie mit PWGallery in Joomla (3.4.0) erstellen Als ersten Schritt müssen wir alle Fotos die in die Galerie sollen hochladen. Wir gehen davon aus, dass das Plugin PWGallery bereits installiert und
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
Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.
Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.com/... ich habe "Version 2.1" und zeige hier Bilder und Beschreibungen
ACDSee 2009 Tutorials: Rote-Augen-Korrektur
In diesem Tutorial lernen Sie den schnellsten Weg zum Entfernen roter Augen von Ihren Fotos mit der Rote-Augen- Korrektur. Die Funktion zur Reduzierung roter Augen ist ein Untermenü des Bearbeitungsmodus.
Inhalt. 1 Einleitung AUTOMATISCHE DATENSICHERUNG AUF EINEN CLOUDSPEICHER
AUTOMATISCHE DATENSICHERUNG AUF EINEN CLOUDSPEICHER Inhalt 1 Einleitung... 1 2 Einrichtung der Aufgabe für die automatische Sicherung... 2 2.1 Die Aufgabenplanung... 2 2.2 Der erste Testlauf... 9 3 Problembehebung...
PHPNuke Quick & Dirty
PHPNuke Quick & Dirty Dieses Tutorial richtet sich an all die, die zum erstenmal an PHPNuke System aufsetzen und wirklich keine Ahnung haben wie es geht. Hier wird sehr flott, ohne grosse Umschweife dargestellt
Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken.
2. SEITE ERSTELLEN 2.1 Seite hinzufügen Klicken Sie in der Navigationsleiste mit der rechten Maustaste auf das Symbol vor dem Seitentitel. Es öffnet sich ein neues Kontextmenü. Wenn Sie nun in diesem Kontextmenü
3. Neuen Newsbeitrag erstellen Klicken Sie auf das Datensatzsymbol mit dem +, damit Sie einen neuen Newsbeitrag erstellen können.
Tutorial Newsbeitrag erstellen Das folgende Tutorial erklärt in wenigen Schritten, wie man einen Newsbeitrag zur Homepage des TSV Tübach hinzufügt und direkt online erstellt. Inhalt 1. Login ins Admintool
Um dies zu tun, öffnen Sie in den Systemeinstellungen das Kontrollfeld "Sharing". Auf dem Bildschirm sollte folgendes Fenster erscheinen:
Einleitung Unter MacOS X hat Apple die Freigabe standardmäßig auf den "Public" Ordner eines Benutzers beschränkt. Mit SharePoints wird diese Beschränkung beseitigt. SharePoints erlaubt auch die Kontrolle
Menü auf zwei Module verteilt (Joomla 3.4.0)
Menü auf zwei Module verteilt (Joomla 3.4.0) Oft wird bei Joomla das Menü in einem Modul dargestellt, wenn Sie aber z.b. ein horizontales Hauptmenü mit einem vertikalen Untermenü machen möchten, dann finden
Wichtige Hinweise zu den neuen Orientierungshilfen der Architekten-/Objektplanerverträge
Wichtige Hinweise zu den neuen Orientierungshilfen der Architekten-/Objektplanerverträge Ab der Version forma 5.5 handelt es sich bei den Orientierungshilfen der Architekten-/Objektplanerverträge nicht
Geschrieben von: Stefan Sonntag, den 26. Juni 2011 um 09:45 Uhr - Aktualisiert Sonntag, den 26. Juni 2011 um 10:12 Uhr
Ich beschreibe hier mal einen einfachen Weg auf einem UBUNTU einen VDR zu installieren und in Betrieb zu nehmen. Wie immer... Wenn man weiß, wie es geht dann geht es ganz einfach Zunächst mal öffnen wir
! " # $ " % & Nicki Wruck worldwidewruck 08.02.2006
!"# $ " %& Nicki Wruck worldwidewruck 08.02.2006 Wer kennt die Problematik nicht? Die.pst Datei von Outlook wird unübersichtlich groß, das Starten und Beenden dauert immer länger. Hat man dann noch die.pst
IBM Software Demos Tivoli Provisioning Manager for OS Deployment
Für viele Unternehmen steht ein Wechsel zu Microsoft Windows Vista an. Doch auch für gut vorbereitete Unternehmen ist der Übergang zu einem neuen Betriebssystem stets ein Wagnis. ist eine benutzerfreundliche,
Qt-Projekte mit Visual Studio 2005
Qt-Projekte mit Visual Studio 2005 Benötigte Programme: Visual Studio 2005 Vollversion, Microsoft Qt 4 Open Source s. Qt 4-Installationsanleitung Tabelle 1: Benötigte Programme für die Qt-Programmierung
OP-LOG www.op-log.de
Verwendung von Microsoft SQL Server, Seite 1/18 OP-LOG www.op-log.de Anleitung: Verwendung von Microsoft SQL Server 2005 Stand Mai 2010 1 Ich-lese-keine-Anleitungen 'Verwendung von Microsoft SQL Server
Comic Life 2.x. Fortbildung zum Mediencurriculum
Comic Life 2.x Fortbildung zum Mediencurriculum - 1 - Comic Life Eine kurze Einführung in die Bedienung von Comic Life 2.x. - 2 - Starten von Comic Life Bitte starte das Programm Comic Life. Es befindet
Anleitung zum erstellen einer PDF-Datei aus Microsoft Word
Anleitung zum erstellen einer PDF-Datei aus Microsoft Word 1. Vorbereitung des PCs Um dem Tutorial folgen zu können müssen folgende Programme auf Ihrem PC installiert sein: Ghostskript 8.64: Ghostskript