Home

webEdition Benutzerhandbuch Standard

Contents

1. 2 2 2 1 Datei Men Im Datei Dropdownmen s ehe Abb 8 finden S e folgende Men punkte Abb 8 Datei Men Datei Optionen Module Neu ffnen Speichern L schen Verschieben Unver ffentlichte Seiten Unver ffentlichte Objekte Suche Import Export Backup Rebuild Server durchsuchen Cockpit Beenden Benutzerhandbuch 28 Benutzeroberfl che Neu Abb 9 Datei gt Neu Untermen Datei Optionen Module Hilfe 64 gt webEdition Seite ffnen Grafik Unver ffentlichte Seiten Unver ffentlichte Objekte Speichern Sonstige L schen Verschieben Vorlage Objekt Klasse Verzeichnis Suche Import Export Backup Rebuild Server durchsuchen Cockpit Beenden Dieses Untermen erm glicht Ihnen die Erstellung neuer webEdition Seiten das ffnen von Bildern aber auch die Erzeugung einer neuen Vorlage oder anderer Dokumente HTML Seiten Flash Movies Quicktime Movies JavaScript CSS style sheet und Plain text Dokumente aber auch andere wie doc pdf z p und txt Dateien Au erdem k nnen S e sowohl in der Dokumenten als auch der Vorlagen Ansicht des Explorermen s neue Verzeichnisse erstellen ffnen Abb 10 Datei gt ffnen Untermen ffnen Dokument Speichern orlage Mit diesem Befehl k nnen Sie bestehende Dokumente webEdition Seiten Bilder etc und Vorlagen ffnen Haben Sie das Datenbank Objekt Modul insta
2. 3 8 Benutzername und oder Kennwort ndern Um Ihren Benutzernamen zu ndern w hlen Sie unter Optionen gt Benutzername ndern Der Benutzername ndern Bildschirm erscheint siehe Abb 107 Abb 107 Benutzername ndern Benutzername ndern Mozilla Benutzername ndern Neuer Benutzername Benutzer Kennwort u Speichern Abbrechen Hinweis Falls Sie die Benutzerverwaltung PRO installiert haben erscheint Benutzerverwaltung statt Benutzername ndern Klicken S e hierauf N heres zur Benutzerverwaltung PRO finden Sie im Handbuch zur Benutzerverwaltung PRO Um Ihr webEdition Kennwort zu ver ndern w hlen Sie Optionen gt Kennwort ndern Der Kennwort ndern Bildschirm wird angezeigt siehe Abb 108 Geben Sie Ihr altes und neues Kennwort n die entsprechenden Felder ein und klicken S e dann auf Speichern um Ihre Eingaben zu best tigen Benutzerhandbuch 92 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 108 Kennwort ndern amp Kennwort ndern Mozilla Kennwort ndern Altes Kennwort Neues Kennwort Akae Neues Kennwort Wiederholung Speichern Abbrechen 3 9 Benutzeroberfl che beim Bearbeiten von Dokumenten Wenn Sie ein neues Dokument erstellen oder mit einem bestehenden Dokument arbeiten befinden Sie sich stets in der durch die Vorlage Template vorgegebenen Struktur Wenn S e ein Dokument ffnen oder erstellen sehen Sie in d
3. Benutzerhandbuch 146 Vorlagen erstellen Aufgabe des Administrators e Innerhalb von lt we repeat gt lt we repeat gt steht dasjenige was bei der bersicht wiederholt angezeigt wird also in diesem Fall die Bilder Da die Bilder variabel sind werden sie ber ein Feld lt we field gt angesprochen e lt we field gt hat folgende Attribute type img Dies bedeutet dass die Felder Bilddateien sind id 86 Geben Sie hier die ID der Detailseite an thumbnail 200x150 Dieses Attribut ben tigen Sie wenn Sie statt des Originalbildes eine Miniaturansicht anzeigen wollen Definieren Sie dazu unter Optionen gt Miniaturansichten die gew nschten Einstellungen f r Miniaturansichten Z B die Bildgr e der Miniaturansicht und den Namen f r diese Einstellungen Geben Sie dann hier als Attributwert den Namen f r die Miniaturansichtseinstellungen an 200x150 ein Beispielname f r eine Benennung von Miniaturansichtseinstellungen hyperlink true Sie ben tigen dieses Attribut wenn es m glich sein soll durch einen Klick auf ein Bild in der bersicht auf die Detailansicht zu springen winprops width 900 height 650 left 1 top 1 Dieses Attribut macht ein neues Fenster auf Damit k nnen Sie festlegen dass die Vergr erung des Bildes in einem neuen Popup Fenster erscheint Mit width und height geben Sie die Fenstergr e an Zum Zentrieren des Fensters geben sie f r left und top jeweils d
4. lt p gt lt a href we_demo index php style text decoration none gt News Benutzerhandbuch 154 Vorlagen erstellen Aufgabe des Administrators lt a gt lt p gt lt p gt lt a href we_demo filmberichte all php style text decoration none gt Filmberichte lt a gt lt 7p gt lt p gt lt a href we_demo programm programm html style text decoration none gt Programm lt a gt lt p gt lt p gt za href mesdemo links linkszhrn style text decoration none gt Links lt a gt lt p gt GEA sta DpDocolbr s wuhite colspan 2T yalign 20p gt 4 7 7 Suche realisieren Die webEdition Datenbankarchitektur macht es leicht eine Suchfunktion f r alle Seiten zu erstellen Sie m ssen dazu nicht wie bei den meisten Suchtools Ihre komplette Website indizieren So funktionierts Prozedur 20 Suchfunktion realisieren 1 Erstellen Sie eine Seite auf der die Ergebnisse der Suchanfrage anzeigt werden sollen Erstellen Sie diese Seite als bersichtsseite siehe Abschnitt 4 6 2 2 bersicht ber alle Seiten erstellen auf Seite 116 2 F gen Sie in Ihrer Vorlage an der Stelle an der das Eingabefeld f r Suchbegriffe erscheinen soll folgende Tags in folgender Reihenfolge ein e _ lt we form id id der Ergebnisseite gt Beispiel Die ID der Ergebnisseite ist 100 gt lt we form id 100 gt e _ lt wei search type textinput size 50 Dieses Tag erzeugt das Feld in das
5. 129 165 Benutzerhandbuch 166 Index Standard 4 0 1 13 Juni 2006 webEdition 4 Benutzerhandbuch Standard Standard 4 1 1 Oktober 2006 Printed in Germany 2006 living e AG Alle Rechte vorbehalten living e AG Karlsburgstr 2 76227 Karlsruhe Germany Internet http www living e com E mail info living e com web dition one step ahead
6. Datei Typ text html Erkennungsmerkmal f r den Zielserwer um was f r eine Datei es sich handelt text htm oder text css Datei Endungen html Dateiendungen f r den dieser Service benutzt werden soll k nnen hier eingetragen werden html css Methode get Verschicken per URL bergabe 7 varnasme Name des HTML Eingabefelds der Datei URL eintragen Zusatz Parameter optional variswerti warZ wertZe true Sie k nnen Dienste zeitweise ausblenden Beispiele f r derartige Validierungsdienste sind z B Validome http www validome org oder m Bereich Barrierefreiheit bobby http bobby watchfire com und Cynthia says http www contentquality com Checky http checky sourceforge net bietet eine Liste solcher Dienste 3 2 Inhalte einer Website erstellen und bearbeiten 3 2 1 Neue Webseite erstellen Prozedur 1 Neue Webseite erstellen Auf dem webEdition Hauptbildschirm 1 W hlen Sie Datei gt Neu gt webEdition Seite gt Leere Seite oder Neues Dokument aus den Quickstart Optionen Die Ansicht Eigenschaften wird angezeigt siehe Abb 59 Benutzerhandbuch 58 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 59 Neue Webseite erstellen webEditbon Geite Eigenschaften Bearbeiten Vorschau Scheduler PRO Eigenschaften Pfad Dateiname Erweiterung html vw Verzeichnis f C Ausw hlen Dokument Dokument Typ Ohne Bearbeiten Vorlage Ausw hlen C S
7. e Validierung Hier k nnen Sie die Seite auf Ihre Validit t pr fen lassen Die Bearbeiten Ansicht und ihre Auswahlm glichkeiten unterscheiden sich f r Dokumente und Vorlagen Sie wird deshalb in f r Redakteure und Administratoren unterschiedlichen Kapiteln behandelt 2 4 2 seeMode Der seeMode zeichnet sich durch den Wegfall von Administrationsfunktionen Erstellen und Bearbeiten von Vorlagen und Klassen und eine einfachere Navigation aus Deshalb ist er f r die Bearbeitung bestehender Webseiten besonders geeignet Benutzerhandbuch 38 Benutzeroberfl che Das ffnen von Dokumenten erfolgt im Gegensatz zur Navigation ber das Explorermen im Normal Modus direkt ber die Navigation und Links der Website oder auch ber Datei gt ffnen Au erdem k nnen Sie ein seeMode Startdokument angeben zu dem Sie nach dem Einloggen im seeMode automatisch gelangen Ein Klick auf Start bringt Sie wieder auf die seeMode Startseite zur ck Hinweis Der seeMode funktioniert nur wenn die reservierte JavaScript Variable I top nicht ver ndert wird Wenn z B ein Bild mit dem Attribut name top versehen wird funktioniert der seeMode nicht da die interne Referenz auf die Frameset Date welche die Funktionen enth lt nicht mehr existiert Das folgende Diagramm verdeutlicht die verschiedenen Abstraktionslevel f r Redakteure Administratoren und Websitebesucher Abb 35 Was Redakteure Administratoren und Seitenbesucher se
8. gt L schen Sie beim lt we field gt Tag die Attribute thumbnail und winprops Erg nzen Sie lt we ifBack gt und lt we ifNext gt um das Attribut useparent true Dies bewirkt dass der Besucher der Bildergalerie nur bis zum letzten Bild der Galerie zur ck und bis zum ersten Bild vorbl ttern kann Der Quelltext sieht dann folgenderma en aus lt IDOCTYPE HIMI PUBLIC W3C DID HIMEL 2 01 Transitional EN gt lt html gt lt head gt lt we title gt lt we title gt lt we description gt lt we keywords gt lt we charset defined 1IS0 8859 1 gt 1ISO 8859 1 lt we charset gt lt head gt lt body gt lt we listview contenttypes imqg rows 1 searchable false workspaceID 15 gt lt we ifFound gt lt we ifBack useparent true gt lt we back gt zur ck lt we back gt lt we ifBack gt amp nbsp amp nbsp lt we ifNext useparent true gt lt we next gt weiter lt we next gt lt we ifNext gt lt we repeat gt lt we field type img hyperlink true id 86 gt lt we repeat gt lt br 7 gt lt we else gt Konnte kein Bild finden lt we ifFound gt lt we listview gt Benutzerhandbuch 143 Vorlagen erstellen Aufgabe des Administrators lt body gt lt html gt 3 Wenn Sie nur eine Bildergalerie ver ffentlichen wollen ist die Prozedur hiermit beendet Ansonsten gehen Sie wie folgt vor a Legen Sie pro Bildergalerie ein Verzeichnis an In diese Verze
9. 1 Erstellen Sie wie ein Formular mit den blichen HTML Tags 2 Ersetzen Sie das lt form gt Tag mit dem lt we form gt Tag 3 Erg nzen Sie das lt we form gt Tag mit folgenden Attributen siehe auch nachfolgendes Beispiel a type formmail b recipient empfaenger domain com Tragen Sie als Wert des Attributs die E Mail Adresse des Empf ngers ein c required feld1 feld3 Tragen Sie als Attributwert die Namen derjenigen Felder ein die im Formular ausgef llt werden m ssen Trennen Sie die Feldnamen dabei durch Kommas required ist ein optionales Attribut d order feld2 feld1 feld3 Legen Sie mit dem Attribut order die Reihenfolge der Felder in der gesendeten E Mail fest Trennen Sie auch hier die Feldnamen durch Kommas e onerror 31 onsuccess 16 Tragen Sie als Attributwert die IDs der Seiten ein welche bei einem Fehler ben tigte Felder nicht alle ausgef llt bzw bei Erfolg angezeigt werden sollen f subject Formular von unserer Website Geben Sie als Attributwert die Betreffzeile f r die E Mail ein Benutzerhandbuch 156 Vorlagen erstellen Aufgabe des Administrators g mimetype text htm Die E Mail wird als HTML Mail verschickt Hinweis Setzen Sie das Attribut nicht wenn Sie nicht sicher sind dass der Empf nger der E Mail ber ein E Mail Programm verf gt das HTML Mails darstellen kann 4 Klicken Sie auf Optionen gt Einstellungen gt Formmail Empf nger Klicken Sie auf Hinzuf
10. Abb 17 Steuerelemente 6 4 gt e Start Mit Klick auf das Haus Symbol gelangen Sie zu dem Dokument das Sie unter Optionen gt Einstellungen als seeMode Startdokument definiert haben e Neu laden Die Webseite wird neu geladen e Zur ck Sie gelangen auf die zuletzt ge ffnete Webseite zur ck e Vor Sie gelangen auf die vorherige Webseite Benutzerhandbuch 32 Benutzeroberfl che 2 2 4 Explorermen Dateibaum Das Explorermen siehe Abb 18 ist nur im Standard Modus nicht seeMode sichtbar und befindet s ch dann auf der linken Seite des webEdition Hauptbildschirmes Es stellt die Inhalte der Website in einem Dateibaum dar Objekte vorlagen Dokumente Klassen jr we_demo H ug accessible H du banner EB blog company s H ug customer H g events cfi guestbook image_gallery CE ii imprint l includes es bresdccerumb tmpl footer tmpl i E header tmpl ioi El headlineInclude t I headlinelncludeBo nawigation tmpl BE news H newsletter Ei search Br shop i H du voting 5o masterTemplate tmpl dr we_demo_ l gaestebuch Fi include H kontakt photos H du produkte H service cfi suche E bilditmpl 57 text tmpl Abb 18 Explorermen Dateibaum Wenn Sie ausschlie lich Dokumente anlegen und bearbeiten wollen Redakteursaufgaben k nnen Sie auch im seeMode arbeiten Kenntnisse ber das Explorermen s nd dann nicht n tig L
11. Erweiterung und Kategorie f r den Import fest b Wenn Sie Objekte w hlen legen Sie Objektklasse und Kategorien fest 6 Klicken Sie auf Weiter Die Dialogbox Datensatz ausw hlen ffnet sich siehe Abb 72 Abb 72 Datensatz ausw hlen Datensatz ausw hlen Die ML Datei ist g ltig und enth lt 3 ML Kind Kn oten in der ersten Ebene mit ar unterschledlichen Namen Bitte w hlen Sie den ML Knoten und die Anzahl der Elemente die Sie importieren m chten tblobject 1 Datens tze 1 bis 9 Benutzerhandbuch 68 Mit Dokumenten arbeiten Aufgabe des Redakteurs 7 W hlen Sie aus der Selectbox den gew nschten XML Knoten aus und geben Sie in den Eingabefeldern die Anzahl der Elemente an die Sie importieren m chten 8 Klicken Sie auf Weiter Die Dialogbox Datenfelder zuordnen ffnet sich siehe Abb 73 Abb 73 Datenfelder zuordnen Datenfelder zuordnen webEditon Felder Datensatz Felder Attribute Titel ohne Beschreibungstext ohne Schl sselworte hrs ohne automatisch Pr fix Dokument zugeordnet Datensatz Feld Attribute IC 9 W hlen Sie die Datensatz Felder zu den webEdition Feldern aus und geben Sie gegebenenfalls Attribute an 10 W hlen Sie im Bereich Name aus ob die Namen automatisch vergeben werden sollen oder ob sie den Datensatz Feldern zugeordnet werden sollen 11 Klicken Sie auf Weiter Ein Fortschrittsbalken am unteren Rand informiert Sie ber den Fo
12. Pixel H he Pixel W Froportionen beibehalten Grafik drehen ohne Drehung O 180 Drehung D 90 Linksdrehung O 90 Rechtsdrehung u a aa Qualit t 8 Hach J i I I Zur ck weiter Abbrechen Klicken Sie auf OK und danach auf Weiter Das folgende Fenster erscheint Abb 87 Lokale Dateien importieren Schritt 2 von 2 Lokale Dateien importieren Schritt 2 von 2 Durch Klick auf den Button neben dem Eingabefeld k nnen Sie eine Datei auf Ihrer Festplatte ausw hlen Nach der Auswahl erscheint ein neues Eingabefeld mit dem Sie z eine weitere Datei ausw hlen k nnen Beachten Sie da pro Datei die maximale Gr e von 0 999MB auf Grund won PHP und MySQL Einschr nkungen nicht berschritten werden darf Klicken Sie auf Weiter um den Import zu starten Datei 1 Durchsuchen Klicken Sie auf Durchsuchen um Ihre lokale Festplatte mit dem Dateibrowser zu durchsuchen Wiederholen Sie diese Prozedur um mehrere Grafiken zu importieren Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 77 Klicken S e auf Weiter um den Import zu starten Wenn der Import erfolgreich verlaufen ist erscheint die folgende Best tigung Abb 83 Import erfolgreich A Der Import wurde erfolgreich beendet Klicken Sie auf OK um den Proze abzuschlie en Hinweis Beachten Sie bitte dass pro Datei die maximale Gr e von 1MB auf Grund von PHP und MySQL Einschr nkungen n
13. Suchen Suche in Dokumenten C Objekten CI vorlagen C Klassen Ergebnisse webEdition Seite we_demoj n ews 2004 finnland php bedeutet gleich ungleich kleiner Benutzerhandbuch 36 Benutzeroberfl che Operator bedeutet kleiner oder gleich gr er gr er oder gleich Die M glichkeiten im Suche Dropdownmen im Einzelnen e ID des Eintrages ist Sucht nach Dokument Vorlage Objekt oder Klasse je nach selektierter Checkbox mit der angegebenen ID e Der Pfad des Eintrages ist Sucht nach Dokument Vorlage Objekt oder Klasse je nach selektierter Checkbox im gesuchten Pfad e Der Elterneintrag hat ID Gesucht wird unterhalb des Verzeichnisses mit der angegebenen ID e Der Text des Eintrages Gesucht wird nach dem Namen des Eintrages e Die Vorlage des Eintrages ist Gesucht werden Dokumente die auf der Vorlage mit der angegebenen ID basieren e Inhalt Typ ist Gesucht wird inerhalb des ausgew hlten Inhalt Types img html gt ber dropdown auszuw hlen e Dokument Typ ist Dokumente basierend auf dem angegeben Dokument Typ werden durchsucht e Klasse des Eintrages ist Objekte basierend auf der angegeben Klasse werden durchsucht Hinweis S e k nnen auch vom Suchfeld aus z B nach einem Dokument mit einer bestimmten id suchen geben Sie hierf r in das Suchfeld exp id id des Dokumentes ein Es wird nach einem Dokument mit der id gesucht wenn Sie sich gerade in der Dokume
14. connect Die Standardverbindung zu der Datenbank Das System verbindet sich mit der MySQL Datenbank mit der Serveradresse dem Accountnamen und Passwort die der Administrator bei der Installation eingegeben hat Falls die Verbindung fehlschl gt wird das Programm angehalten pconnect Persistente Datenbankverbindung Diese Verbindungsart verh lt sich hnlich wie die Standardverbindung allerdings mit zwei Unterschieden Erstens berpr ft das System bevor eine Verbindung zur Datenbank hergestellt wird ob bereits eine Verbindung mit dem gleichen Benutzernamen und Passwort existiert Falls das nicht der Fall ist wird eine neue Verbindung hergestellt Zweitens wird d e Verbindung zum MySQL Server n cht beendet wenn das Programm geschlossen wird Die Verbindung wird zur sp teren Verwendung aufrechterhalten Hinweis Falls Sie nicht sicher sein sollten welche Verbindungsart Sie ausw hlen sollen w hlen Sie die Standardeinstellung connect Java Upload benutzen W hlen Sie im Dropdown Men true aus damit die Java Upload Funktion aktiviert st Ansonsten werden Dateien ohne Java PlugIn hochgeladen HTTP Authentifizierung Falls Ihr Server HTTP Authentifizierung m webEdition Verzeichnis verwendet aktivieren Sie die Checkbox und geben hier Benutzernamen und Kennwort ein Verzeichnis f r Miniaturansichten Geben Sie hier das Verzeichnis an in dem Miniaturansichten gespeichert werden sollen pageLogger Ve
15. e definieren 46 Einstellungen Fehlerbehandlung 48 Der Karteiereiter Backup 48 Einstellungen zur Validierung 49 Einstellungen Formmail 50 Dokumentansicht Eigenschaften 52 Dokumentansicht Bearbeiten 54 Dokumentansicht Information 55 Dokumentansicht Vorschau Ausschnitt 55 Ansicht Validierung 56 Eigene Validierungsdienste einbinden 57 Neue Webseite erstellen 58 Checkboxen zum L schen von Dateien und Verzeichnissen 60 Aktivierte Checkboxen 60 Unver ffentlichte Seiten Quickstart Men 61 Tabelle unver ffentlichter Seiten 61 Import Wizard 62 Lokale Dateien importieren 63 Importieren Bildschirm 64 Dateien hinzuf gen 64 Liste ausgew hlter Dateien 65 Import erfolgreich 65 Dateien vom Server importieren 66 Generic XML Import 67 Datensatz ausw hlen 67 Datenfelder zuordnen 68 CSV Import 69 Dokumente und Objekte 69 Felder zuordnen 70 webEdition XML Import 71 webEdition XML Import Optionen 71 Import Details 72 Grafik hochladen 73 Date von lokaler Festplatte hochladen 73 Grafik zum Hochladen ausw hlen 74 Grafik in der Ansicht Bearbeiten 74 Mehrere Grafiken importieren 75 Lokale Dateien importieren Schritt 1 von 2 75 Grafikfunktionen 76 Lokale Dateien importieren Schritt 2 von 2 76 Import erfolgreich 77 Ansicht Eigenschaften Bereich Attribute 77 Eigenschaften Hyperlink Bereich 78 Grafik bearbeiten 79 Gr e ndern 79 Grafik zuschneiden 80 Miniaturansichten definieren 81 Standard 4 1 1 Oktobe
16. ffnen Neues Dokument Unver ffentl ichte O bjekte Neues Objekt Benutzeroberfl che 25 web ditior zuletzt bearbeitet E we_demo acceseible index php E we_demo index php ol adresser CMmS Halle i H customer i m ewents Du yuastbook Ei images m a image_gallery i H imprint i 5 2 irreludes Dis Bi news Hi newsletter Eu search vorlagen Maus Vorlage Haue Klassa Neues Verzeichnis Einstellungen Unwer ffentdichte Seiten Objekte RSS Feed Tobo Messaging Modul 11 05 2006 11 54 Uhr webeEdition w chst mit Strato in Eyra P eis Neus Mitteilungen 0 j du voting t gt E E mi Deutsches Softwareuntemehmen verfolgt konsequente MEBE EOENE x Internaticnalisierungsstrategie Seit April diesen Jahres bietet Strato umfangreiche und io hefi index php H a we_demo_2 Users Online 1 04 05 2006 15 38 Uhr webEdition auf der KOMCOM S d in Karlsruhe 6 admin Professioneller und kosteng nstiger Internetauftritt auch f r eine und mittelst ndische Unternehmen Die webEdition Software GmbH demonstriert Unternehmen vom bis 11 mehr 04 05 2006 15 24 uhr webEdition auf der Internet World in London Die webEdikon Software GmbH ist vom 9 bis 11 Mai 2006 auf der Fachmesse Internet World 2006 in mehr Hinweis Direkt nach der Installation von webEdition zeigt das Men nur die we demo und we demo2 Verzeichnisse mit unseren Beisp
17. gen und geben Sie die E Mail Adressen an an die Formmails geschickt werden d rfen An Adressen die hier nicht eingetragen sind k nnen keine Formmails verschickt werden Abb 183 Fenster Formmail Empf nger Formmail Empf nger Tragen Sie hier alle E Mail Adressen ein an welche Formulare mit der Formmail Funktion we form tyrpe formmail geschickt ij werden d rfen a Ist hier keine E Mail Adresse eingetragen kann man keine Formulare mit der Formmail Funktion verschicken mustermann home de Hinzuf gen Bearbeiten L schen Beispiel lt we form type formmail recipient E Mail domain com required E Mail name vorname order name vorname E Mail subject Formular von meiner Website onerror 66 on success 23 mimetype text html gt lt p gt E Mail lt input type text name E Mail gt lt p gt lt p gt Name lt input type text name name gt lt p gt lt p gt Forname lt input type text name vorname gt lt p gt lt p gt lt input type submit value Formular versenden gt lt p gt Hinweis Wenn Sie einem Formularfeld den Namen E Mail geben wird dieser Wert in die Absenderadresse der zu versendenden Mail geschrieben Dies ist jedoch nur m glich wenn die Adresse korrekt eingegeben wurde Deshalb pr ft webEdition ein solches Feld und gibt gegebenenfalls eine Warnmeldung aus 4 7 9 Mit Frames arbeiten Wenn Ihre Website mit Frames arbeitet erzeugen Sie mit webEdition die Inhalte
18. guten Gesch ftsidee und zufriedenen Kunden auch eine technische Basis mit der m glichst einfach die Anforderungen realisiert werden z web dition zuletzt bearbeitet d we_demo accessible index php o vera nstaltungen 2002_08_24_1 ol adressen CMS Halle ToDo Messaging Modul Neue Mitteilungen Neue ToDos 0 Users Online 1 admin gt e 1 Shortcuts Die Shortcuts Optionen werden direkt nach dem Login angezeigt Sie k nnen sofort mit einer der folgenden Standardaktionen beginnen Abb 7 Shortcuts Optionen Shortcuts Dokument ffnen Unwer ffentlichte Objekte Ta L e Neues Dokument Neues Objekt NN _ SS p anana Neue Vorlage Neue Klasse M Neues Verzeichnis Einstellungen Unwer ffentlichte Seiten u Dokument ffnen ffnet ein Dokument oder eine Vorlage Neues Dokument Erstellt ein neues Dokument Neue Vorlage Erstellt eine neue Vorlage Neues Verzeichnis Erstellt ein neues Verzeichnis Unver ffentlichte Seiten Zeigt eine bersicht unver ffentlichter Seiten an Einstellungen ffnet das Einstellungen Fenster mehr zu den Einstellungen erfahren Sie in Abschnitt 2 5 Einstellungen vornehmen auf Seite 40 Die folgenden beiden Punkte werden nur mit nstalliertem DB Objekt Modul Standard 4 1 1 Oktober 2006 Benutzeroberfl che 27 angezeigt Neues Objekt Erstellt ein neues Objekt
19. hlen e lt we href reload true directory true file false type int name album output id gt reload true bewirkt dass die Seite nach der Auswahl des Verzeichnisses neu geladen wird directory true und file false bewirken dass Verzeichnisse aber keine Dateien ausgew hlt werden k nnen type int bedeutet dass das Verzeichnis in webEdition angelegt worden sein muss Den Attributwert bei name album k nnen Sie frei w hlen allerdings m ssen Sie den Namen konsistent verwenden output id bedeutet dass eine ID als Wert der Variablen ausgegeben wird e lt we setVar to qglobal nameto album from top namefrom album_we_jkhadsf_intID gt Der durch den Link gew hlte Wert wird mit lt we setVar gt in eine globale Variable geschrieben Geben Sie bei dem Attribut nameto als Wert den Name an der auch bei lt we href gt als Attributwert von name gesetzt wurde from top bedeutet dass es sich auf das aktuelle Dokument bezieht Schreiben Sie bei dem Attribut namefrom an den Anfang ebenfalls diesen Namen Anschlie end f gen Sie _we _jkhdsf_intlD an lt we listview contenttypes img searchable false rows 5 cols 5 workspaceID Salbum gt Ersetzen Sie bei dem Attribut workspacelD des Tags lt we listview gt die ID durch die Entit t des Attributwert von name des Tags lt we href gt 4 7 5 Seiten und Objekte im Frontend erstellen und bearbeiten F r manche Anwendungen z B bei einem G s
20. ineinander verschachtelt werden siehe Abb 128 Abb 127 Verschachtelte Liste o STAR 100 3 9 7 Linkliste lt we linklist gt Eine Linkliste ist eine Liste von Links Beispiel siehe Abb 128 Mit dem Plus Button f gen Sie einen neuen Link der Liste hinzu mit dem Pap erkorb Button l schen Sie den entsprechenden Link Abb 128 Beispiel einer Linkliste Prozedur 8 Linkanker mit dem Linkziel verlinken In der Bearbeiten Ansicht 1 Klicken Sie auf den Button bearbeiten Kette mit Bleistift Es ffnet sich das Fenster Link bearbeiten siehe Abb 129 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 101 Abb 129 Fenster Link bearbeiten Link bearbeiten Mozilla Link bearbeiten URL O Externer Link l Ausw hlen Interner Link bwe demo_2 ndex php l Ausw hlen Objekt O Ausw hlen Linkziel _blar k Popup Fenster ffnen C zentrieren Position y Position Breite H he C Status Scrollbars Menubar Resizable Location Link Attribute Inhalt Texst _ we_demo Externe Grafik Interne Grafik z I Ausw hlen Breite H he Rand horiz Abstand wert Abstand Ausrichtung Alternativ Text Speichern Abbrechen 2 W hlen Sie das Linkziel im Bereich URL aus Wenn Sie auf eine Datei verlinken wollen die nicht in webEdition gespeichert ist aktivieren Sie den Radiobutton externer Link Es ffnet sich der Dateimanger mit dem
21. ndern Einstellungen Das Fenster Dokument Typen erscheint siehe Abb 101 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 89 Abb 101 Dokument Typen Dokument Typen Dokument Typen TRITT Neuer Dokument Typ AktuelleNews blog Entry Gaestebucheintrag guestbook Entry news Article PhotoAlbum Froduktbild Dokument Typ l schen accessible Article Vorlagen 3 we_demo accessible accessibleText tmpl Hinzuf gen Standardwerte Verzeichnis we_demoj accessible A Unterverzeichnis Erweiterung Vorlage we_demoj accessible accessibleText tmpl C Seite dynamisch generieren Ist durchsuchbar Kategorie Doo Ef Hinzuf gen m Speichern Schlie en Klicken Sie jetzt auf den Neuer Dokument Typ Button Abb 102 Neuer Dokument Typ Button Neuer Dokument Typ Geben Sie in das neu ge ffnete Textfeld einen Namen f r den neuen Dokument Typ ein und klicken S e auf OK Abb 103 Neuen Dokument Typ benennen 5 Bitte geben Sie den Namen des neuen Dokument Typs ein beispiel Abbrechen Der neue Typ erscheint jetzt in der Liste W hlen S e nun m Vorlagen Bereich des Fensters eine oder mehrere Vorlagen mit aus die dem Dokument Typ zugeordnet werden sollen Benutzen Sie daf r den Hinzuf gen Button siehe Abb 104 Abb 104 Vorlagenauswahl f r Dokument Typ iwe demordhtmlpop tmpl iwe demof
22. t und Zug nglichkeit einer Internetseite gibt es im Netz einige Dienste die eine eingesandte Seite kostenlos auf Validit t bzw Zug nglichkeit kontrollieren k nnen Dazu mu lediglich eine URL oder eine lokal gespeicherte Datei an den Dienst bertragen werden In webEdition ist es m glich in webEdition erstellte Dokumente entweder per ULR bergabe daf r wird eine tempor re Datei angelegt oder per File Upload an einen eingetragenen Dienst zu bertragen Die Antwort des Dienstes wird dabei unver ndert von webEdition angezeigt Um Ihre Seite mit einem der voreingestellten Dienste auf Val dit t zu berpr fen w hlen Sie diesen aus dem Dropdownmen Dienst aus und klicken auf OK In Abb 57 sehen Sie die Ausgabe einer positiven Validierung gem der Regeln des W3C Es besteht die M glichkeit weitere Dienste einzutragen Anhand der Date Erweiterung entscheidet webEdition dann welche Dienste f r eine bestimmte Datei zur Auswahl stehen Eigene Dienste k nnen ber ein eigenes Dialogfenster eingef gt werden siehe Abb 58 Eine logische Einteilung in Kategorien erm glicht ein einfaches Ausw hlen des gew nschten Dienstes Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 57 Abb 58 Eigene Validierungsdienste einbinden Validierungsdienste bearbeiten EEE Neuer Dienst Eingetragene Dienste L schen Kategorie XHTML Name des Diensts Neuer Dienst Host example com Pfad path
23. ten gut zu bedienen aber auch ansprechend gestaltet ist Art und Reihenfolge der Eingabemasken werden durch die Vorlage definiert auf der die Webseite basiert Die Vorlage wurde vom Administrator erstellt Wie Sie mit den Eingabemasken arbeiten sehen Sie in Abschnitt 3 9 Benutzeroberfl che beim Bearbeiten von Dokumenten auf Seite 92 3 1 3 Information Ansicht In dieser Ansicht finden Sie folgende Informationen zum ge ffneten Dokument e webEdition interne ID e Dateityp e Dateigr e e Erstellungsdatum und uhrzeit e Name des Erstellers e Datum und Uhrzeit der letzten nderung am Dokument e Name desjenigen der das Dokument zuletzt ge ndert hat e Datum und Uhrzeit der letzten Ver ffentlichung Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 55 e Speicherort auf dem lokalen Server e http Adresse unter der das Dokument online verf gbar ist e Logbuch Button Abb 55 Dokumentansicht Information webEdition Seite we_demo accessible demo html ee Scheduler PRO Information ID 67 Dateityp webEdition Dokument Dateigr e 8 4 KB 8597 Byte Erstellt am 15 12 2004 13 50 Uhr Erstellt von webEdition adm n Ge ndert am 23 03 2006 12 20 Uhr Ge ndert von webEdition admin Zuletzt ver ffentlicht 23 03 2006 12 20 Uhr Lokaler Pfad D XAMPP xampp htdocs we_demo accessible demo htmi HTTP Pfad http localhast we demoj accessible demo html Log buch 3 1 4
24. ter den Websitebesuchern angezeigt werden w rde Abb 165 Ansicht Vorschau webEdition Vorlage neue_Worlage tmpl Eigenschaften Bearbeiten Vorschau Editmode Worschau AG CMS AND FRIENDSHIP Standort neue_Vorlage tmp O jsuchen 24 05 2006 Im Beispiel in Abb 165 ist der Designrahmen der Vorlage durch die Auswahl des Mastertemplates bereits definiert 4 4 Hauptvorlage Mastertemplate erstellen Mit einer Hauptvorlage kann man das komplette Layout einer ganzen Website festlegen sie bildet den Designrahmen der Website Unter eine Inhaltsvorlage versteht man eine Vorlage welche von der Hauptvorlage umh llt wird Die Hauptvorlage wird genauso erstellt wie eine normale Vorlage sie muss jedoch das Tag lt we content gt enthalten Das komplette Start und Endtag inklusive allem was dazwischensteht w rd sp ter mit dem Code der Inhalts Vorlage ersetzt Es kann allerdings zwischen dem Start und Endtag Code stehen welcher dann auch in der Vorschau der Vorlagen angezeigt wird damit man eine bessere Vorstellung des letztendlichen Dokuments hat Das lt we content gt Tag kann auch ohne Endtag benutzt werden Beispiel lt html gt lt head gt lt we title gt lt we title gt lt we keywords gt lt we keywords gt lt we description gt lt we description gt lt head gt lt body gt lt we content gt lt b gt Beispiel Code lt bk gt Wird in der Vorschau der Vorlage angezeigt lt we content gt lt
25. 17 Kundenservice Informationen zu webEdition finden Sie auf unserer Website Bei weiteren Fragen steht Ihnen unser Kundendienst zur Verf gung e Website http www living e com e E Mail Technischer Support support living e de Vertrieb sales wl ving e de Information Hilfe info living e de Benutzerhandbuch 18 ber dieses Handbuch Standard 4 1 1 Oktober 2006 19 1 Einf hrung Dieses Kapitel behandelt folgende Themen Abschnitt 1 1 Was st webEdition auf Seite 19 Abschnitt 1 2 Aufgabenteilung Redakteur Administrator auf Seite 19 Abschnitt 1 3 Installation auf Seite 21 Abschnitt 1 4 Neues in webEdition 4 0 auf Seite 21 Falls Sie bereits mit einer lteren Version von webEdition gearbeitet haben berspringen S e den folgenden Abschnitt und lesen S e ab Abschnitt 1 4 Neues n webEdition 4 0 auf Seite 21 weiter 1 1 Was ist webEdition webEdition ist ein Web Content Management System WCMS das auf den Standardtechnologien MySQL und PHP basiert webEdition erm glicht eine effektive Websitepflege indem es den Inhalt der Website Texte Bilder vom Layout trennt Die Pflege Ihrer Site mit webEdition bietet folgendeVorteile Inhalte k nnen auch ohne HTML Kenntnisse erstellt und gepflegt werden Mitarbeiter die f r die Textproduktion verantwortlich sind m ssen keine Zeit f r die optische Gestaltung des Inhalts aufwenden Design und Struktur der Website m ssen nur einmal
26. 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 81 Abb 94 Miniaturansichten definieren webEdition c webEdition Software GmbH Miniaturansichten 120x90 a 2007150 200x180 L schen 200x180 Eigenschaften Breite 200 H he 180 C Proportionen beibehalten Bei Bedarf maximieren eA aE Speichern l Schlieben Name Geben Sie der Miniaturansicht einen eindeutigen aussagekr ftigen Namen Eigenschaften Geben Sie in den Feldern Breite und H he die gew nschte Gr e der Miniaturansicht an Wenn Proportionen beibehalten aktiviert ist bleibt das Seitenverh ltnis erhalten Ist das Seitenverh ltnis der Ursprungsgrafik anders als das definierte Seitenverh ltnis wird die Miniaturansicht so erzeugt dass die Breite bzw die H he der Miniaturansicht nie gr er ist als einer der eingestellten Werte Beispiel Die Ursprungsgrafik ist 100 Breite x 80 H he gro F r die Miniaturansicht ist eine Breite und eine H he von jeweils 50 und Proportionen beibehalten definiert worden gt Die Miniaturansicht wird 50 x 40 F r die Miniaturansicht ist eine Breite von 50 und eine H he von 20 und Proportionen beibehalten definiert worden gt Die Miniaturansicht wird 25 x 20 Wenn Sie nur einen der beiden Werte angeben bzw in einem Feld 0 als Wert angeben wird der fehlende Wert bzw der Wert 0 proportional berechnet Beispiel Die Ursprungsgrafik ist 100 Br
27. Beispiele dazu Beispiel Ein Text in Fettschrift soll f r Redakteure pflegbar sein Der Text wird durch das we tag ersetzt das ein einzeiliges Texteingabefeld generiert lt we input type text Das HTML Tag lt bold gt bleibt bestehen Vorher lt b gt Das ist ein Text in Tertschri ft lt 7 B gt Nachher lt b gt lt we input type text name Fettschrifttext size 20 gt lt b gt Beispiel Text aus einer Tabellenzelle wird durch das weitag ersetzt das ein mehrzeiliges Texteingabefeld generiert lt we textarea gt Vorher LLE lt td align left valign top gt Talai Die Insel bietet au er freundlichen Menschen eine ansprechende Landschaft lt td gt Ee Nachher lt tr gt lt td align left valign top gt lt we textarea name Text cols 60 rows 30 WYSIWYG true showMenues on gt lt td gt lt tr gt Redakteure k nnen nun auf der Basis der Vorlage ein Dokument anlegen und in das Texteingabefeld Text eingeben und bearbeiten Beispiel Eine Tabellenzeile enth lt zwei Tabellenzellen mit jeweils einem Bild Das erste Bild geh rt zum Layout der Seite und wird deshalb nicht ersetzt Das zweite Bild soll sp ter von den Redakteuren ausgetauscht oder gel scht werden k nnen Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 131 Deshalb wird es durch ein weitag ersetzt das Buttons generiert die diese Funktionen erm glichen lt we img g
28. Dateien 08 11 2005 15 17 02 Dateityp Alle Dateien Name index php Bearbeiten Schlieben e Cockpit Bringt Sie auf den Startbildschirm das Cockpit siehe Abschnitt 2 2 1 Das Cockpit auf Seite 25 e Beenden Sie werden aus webEdition ausgeloggt 2 2 2 2 Optionen Men Im Optionen Men s ehe Abb 13 finden S e folgende Men punkte Benutzerhandbuch 30 Benutzeroberfl che Abb 13 Optionen Men Optionen Module Hilfe Dokument Typen Kategorien Miniaturansichten Navigation Benutzerverwaltung Dokument Typen Hier k nnen Sie neue Dokumenttypen a TNE erstellen oder bestehende bearbeiten So k nnen Dokumente mit hnlichen Charakteristika gruppiert werden oder ein Dokument Typ erstellt werden der auf einem bestehenden Typus basiert Siehe Abschnitt 3 6 Dokument Typen erstellen l schen und bearbeiten auf Seite 87 Einstellungen e Kategorien Hier k nnen Sie neue Kategorien bersichtsseiten erstellen darin Dokumente organisieren und bestehende Kategorien l schen Siehe Abschnitt 3 7 Kategorien erstellen auf Seite 90 e Miniaturansichten Hier k nnen Sie Einstellungen f r Miniaturansichten vornehmen Siehe Abschnitt 3 4 6 Miniaturansichten Thumbnails erzeugen Ans cht Miniaturansicht auf Seite 80 e Navigation Hier k nnen Sie das Navigationstool starten Siehe Abschnitt 3 11 Das Navigationstool auf Seite 105 e Benutzername ndern Benutzerv
29. Headline und Datum auf allen Seiten gleich benannt sind Ansonsten muss im lt weifield gt Tag ein Alternativfeld durch das Attribut alt angegeben werden z B lt field name Title alt Headline gt Wenn das Titel Feld siehe Ansicht Eigenschaften leer ist wird der Inhalt des Feldes Headline angezeigt sofern es ein Feld Headline gibt und es gef llt ist 3 Geben Sie we_path bzw we _text als Wert des Attributs alt beim Tag lt we field gt an um zu gew hrleisten dass praktisch immer ein Ergebnis zur ckgeliefert wird optional we_path zeigt den Pfad der Seite an we_text den Textinhalt der Seite Begrenzen Sie die Anzahl der ausgegebenen Zeichen des Textinhalts mit dem Attribut max Hinweis Die korrekte Syntax lautet we_path nicht we path we_text nicht we text 4 F r den Fall dass die bersichtsseite kein Ergebnis anzeigen kann k nnen Sie eine entsprechende Meldung ausgeben lassen Verwenden Sie dazu das Tag lt we ifNotFound gt lt we ifNotFound gt und schreiben Sie zwischen die Tags die gew nschte Meldung Beispiel Sie wollen eine bersicht ber alle Seiten generieren Die Eintr ge sollen aus dem Titel der Seite und der Beschreibung wie bei webEdition Seiten unter Eigenschaften eingetragen bestehen Ist kein Titel eingetragen oder handelt es s ch um eine HTML Seite soll anstelle des Titels der Pfad angezeigt werden alt we path Falls keine Ergebnisse angezeigt werden k nnen soll die Meldung Leid
30. Ihnen hilft die korrekten we tags mit den entsprechenden Attributen zu finden siehe Prozedur 14 Tagwi zard benutzen auf Seite 132 4 3 3 Information Ansicht Hier finden Sie Informationen ber Speicherpfad Gr e und Erstellungs bzw Bearbeitungsdatum der Vorlage Wenn die Benutzerverwaltung PRO installiert ist werden auch der Ersteller und der letzte Bearbeiter der Vorlage angezeigt Benutzerhandbuch 122 Vorlagen erstellen Aufgabe des Administrators Abb 163 Vorlagenansicht Information webEdition Vorlage neue_Vorlage tmpl ve Information ID 100 Dateityp Vorlage Dateigr e 0 88 KB 906 Byte Erstellt am 24 05 2006 10 16 Uhr Erstellt von webEdition adm n Ge ndert am 24 05 2006 11 01 Uhr Ge ndert von webEdition adm n Speichern _ Automatischer Rebuild Nach Speichern neues Dokument 4 3 4 Vorschau Editmode Ansicht Die Ansicht Vorschau Editmode zeigt wie die Seite in der Bearbeitungsans cht des Redakteurs aussieht Abb 164 Vorlagenansicht Vorschau Editmode webEdition Worlage neue_Worlage tmpl xit CMS AND FRIENDSHIP Standort neue_Vorlage tmpl Caa 0 pia Fale i Schriftstil Bl Schriftname Ir Schriftgr e Ir 255 Style Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 123 4 3 5 Vorschau Ansicht In der Ansicht Vorschau k nnen Sie die Vorschau eines auf der Vorlage basierenden Dokumentes sehen w e es sp
31. Index 163 Benutzerhandbuch 4 Inhalt Standard 4 1 1 Oktober 2006 Inhalt 5 Abbildungsverzeichnis Bezeichnung der Screenelemente 16 Website Publishing mit webEdition 20 Login Bildschirm 24 Sprachauswahl 24 Startbildschirm 25 Cockpit Startbildschirm 26 Shortcuts Optionen 26 Datei Men 27 Datei gt Neu Untermen 28 Datei gt ffnen Untermen 28 Datei gt L schen Untermen 28 Dateimanager 29 Optionen Men 30 Module Men 30 Hilfe Men 31 Online Hilfe Fenster 31 Steuerelemente 31 Explorermen Date baum 32 webEdition ID Nummern 33 Verzeichnis Icon 33 webEdition Seite Icon 33 Vorlage Icon 33 Bild Icon 33 F lm Icon 33 Plain text Icon 33 PDF Icon 33 Objekt Icon 33 Objektklasse Icon 33 Eingabefeld f r Suche 34 Das Suche Fenster Einfache Suche 34 Ergebnisliste 35 Erweiterte Suche aktivieren 35 Das Suche Fenster Erweiterte Suche 35 Dokument Bearbeiten Normal Modus 37 Was Redakteure Administratoren und Seitenbesucher sehen 38 Kein Startdokument Warnmeldung 38 Bearbeitungsbildschirm m seeMode 39 Rechte f r den seeMode in der Benutzerverwaltung 40 Einstellungen Fenster in der Ansicht Oberfl che 41 Cockpit Einstellungen 42 Einstellungen Dateierweiterungen 42 Einstellungen Editor IE 43 Einstellungen Editor Mozilla 43 Einstellungen Proxy 44 Einstellungen Erweitert 44 Verhalten der Dokument Typ Auswahl 45 Benutzerhandbuch 6 Inhalt Einstellungen System 46 Hinweistext f r Uploadgr
32. Kari Watanen Jani W is nen Antti Kurtelius Jasper van den Ham Jorg Tiemens 5 2000 2006 webEdition Software GmbH Alle Rechte vorbehalten Benutzername adm n Kennwort Modus a Normal O seeMode Unter Modus finden Sie zwei Radiobuttons mit denen Sie zwischen den Bearbeitungsmodi Normal und seeMode ausw hlen k nnen Klicken Sie hier zun chst einmal Normal an der Normal Modus und seeMode werden sp ter in diesem Kapitel ausf hrlich beschrieben Falls webEdition nicht bereits in der von Ihnen gew nschten Sprache vorliegt w hlen Sie nun Ihre Sprache aus W hlen Sie dazu Optionen gt Einstellungen um das Einstellungen Fenster zu ffnen Klicken Sie dann auf den Karteireiter Oberfl che um in die Ansicht zur Anpassung der Benutzeroberfl che zu wechseln Im Dropdownmen Sprache k nnen Sie nun Ihre Sprache ausw hlen siehe Abb 4 Klicken Sie dann auf den Speichern Button unten im Fenster Nach dem Speichervorgang wechselt webEdition in die von Ihnen ausgew hlte Sprache Abb 4 Sprachauswahl Oberfl che Sprache Hinweis Mehr ber Einstellungen erfahren Sie in Abschnitt 2 5 Einstellungen vornehmen auf Seite 40 2 2 Benutzeroberfl che kennenlernen Abb 5 zeigt den webEdition Startbildschirm Standard 4 1 1 Oktober 2006 Datei Optionen Module Dokumente Abb 5 Startbildschirm Al we_demo H accessible i m i RER er BB company Bi de Hilfe Shortcuts Dokument
33. Neue Klasse Erstellt eine neue Klasse e 2 zuletzt bearbeitet Hier werden die zuletzt bearbeiteten Dokumente Vorlagen Objekte und Klassen angezeigt Sie k nnen die Anzahl der anzuzeigenden Elemente in den Einstellungen festlegen Ein Klick auf das entsprechende Element f hrt Sie direkt zu diesem Eintrag e 3 RSS Feed Hier wird der von Ihnen gew nschte RSS Feed angezeigt e 4 ToDo Messaging Modul Hier werden Ihnen neu eingegangene ToDos oder Mitteilungen angezeigt daf r mu das ToDo Messag ng Modul installiert sein Mit Klick auf den entsprechenden Button k nnen S e sofort eigene Mitteilungen oder ToDos verfassen e 5 Users Online Zeigt die derzeitig am System angemeldeten Benutzer an Mit Klick auf das Cuvert Icon neben einem Benutzer k nnen Sie sehr schnell an diesen eine Mitteilung verfassen Hinweis Die Zahlen in Klammern beziehen sich auf das jeweilige Element in Abb 6 2 2 2 Men leiste Die webEdition Men leiste finden Sie am oberen Rand des webEdition Fensters Hinweis 1 Falls die Men leiste nicht richtig angezeigt wird m ssen Sie in den Optionen Ihres Browsers Java einschalten Falls Java nicht von Ihrem Browser unterst tzt wird oder nicht installiert ist werden die webEdition Men s als drei separate Dropdownmen s mit nur einer Ebene dargestellt In der Men leiste finden Sie die Punkte Datei Optionen Module und Hilfe Ein Klick auf den jeweiligen Men punkt ffnet das dazugeh rige Dropdown Men
34. Sie das Zieldokument ausw hlen k nnen Wenn Sie auf eine Datei verlinken wollen die in webEdition gespeichert ist geben Sie den Pfad in das Feld Interner Link ein 3 Wenn Sie Frames nutzen geben Sie im Bereich Linkziel das Zielframe _name zielframe an In der Auswahlbox rechts davon sind einige Standard Zielbezeichnungen vorgegeben 4 W hlen Sie nun den Linkanker im Bereich Inhalt aus Der Linkanker ist ein Text oder eine Grafik bei dem der sich mit einem Klick auf diese n das Linkziel ffnet Wenn der Linkanker f r den Link ein Text sein soll geben Sie im Bereich Inhalt den Linktext Wenn der Linkanker eine Grafik sein soll geben Sie diese als externe bzw interne Grafik an und bestimmen Sie deren Positionierung und ALT Text Text der alternativ zur Grafik angezeigt wird falls die Grafik nicht angezeigt werden kann Eine interne Grafik k nnen Sie mithilfe des Buttons Ausw hlen ber den Dateimanager ausw hlen 5 Best tigen Sie Ihre Einstellungen mit einem Klick auf Speichern 3 9 7 1 Erweiterte Linkgestaltung Einige Funktionen erweitern die Bearbeitungsm glichkeiten der Links f r alternative Ausgabeger te was eine Gestaltung barrierefreier Seiten erm glicht Mehr Informationen zu diesen Feldern finden sie in Abschnitt 3 9 5 4 WYSIWYG Funktionen f r barrierefreie Seiten auf Seite 96 Benutzerhandbuch 102 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 130 Link bearbeiten Link bearbeiten Mozilla
35. Sie definieren nach welchen Kriterien die Auswahl von Dokument typen durch Benutzer erfolgen bzw eingeschr nkt werden soll Abb 46 Verhalten der Dokument Typ Auswahl Verhalten der Bokument Typ Standard Auswahl SEE Das Standardverzeichnis eines Dokument Typs mu sich innerhalb des Arbeitsbereich des Benutzers befinden damit der Benutzer den Dokument Typ ausw hlen kann Umgekehrt Der Arbeitsbersich des Benutzers mu sich innerhalb des im Dokument Typ eingestellten Standardverzeichnis befinden damit der Benutzer den Dokument Typ ausw hlen kann e Der Karte reiter System Benutzerhandbuch 46 Benutzeroberfl che Abb 47 Einstellungen System Oberfl che Cockpit Dateierweiterungen Editor Proxy Server Erweitert System Fehlerbehandlung Backup Walidierung Formmail Empf nger System Max male Upload Gr e in MEyte O automatisch m H nwei stexten gt 7 Zugriffsrechte f r fm s larzs rhmicececo neue Verzeichnisse Standard ist 755 Art der Datenbank 1 El verbindungen connect Java Upload benutzen true HTTP Authentifizierung Server verwendet HTTP Cl Authentifizierung im webEdition Verzeichnis Benutzername Kennwort Se hni f r __we_thumbs__ Ausw hlen Mimaturansichten te ia pageLogger Verzeichnis l Ausw hlen Maximale Uploadgr e in Hinweistexten Da beim Upload von Dateien nicht immer gew hrleistet werden kann
36. Speichert den aktuell ausgew hlten Navigationseintrag oder Ordner L schen L scht den aktuell ausgew hlten Navigationseintrag oder Ordner Beenden Schlie t das Navigationstool Das Men Einstellungen enth lt den Men punkt Regeln f r Highlighting Dieser wird in Abschnitt 3 11 5 n her erl utert Das Men Hilfe enth lt die folgenden Eintr ge 3 11 Hilfe F hrt zur webEdition Onlinehilfe Info Zeigt die Lizenzinformationen und Versionsnummer an 3 Neue Navigationseintr ge erstellen Im Folgenden wird die Bedienung des Navigationstools erl utert Hinweis Die vorgestellten Beispiele und Screenshots k nnen Sie in der mitgelieferten we_ demo Ihrer webEdition Installation nachvollziehen Links im Navigationstool sehen Sie die Navigation Ihrer Webseite hier we_demo die ihre Entsprechung auf der Webseite findet Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 107 Abb 142 Navigation im NaviTool und auf der Webseite G Barrierefreiheit 3 gt z E Information IR XI a f Ad CMS AND FRIENDSHIP H Veranstaltungen cE Unternehmen F f Impressum Barrierefreiheit Eee Bildergalerie Information Kundenbereich Diese Demo Bi Shop News s G stebuch Blog aR Newsletter gt Veranstaltungen H Voting Unternehmen gt Impressum Bildergalerie Kundenbereich Shop G stebuch gt Newsletter Voting W hlen Sie nun den Qui
37. Systemeinstellungen f r pageLogger 47 T Tag we pagelogger 50 Tagwizard 132 Template 116 Textareas direkt bearbeiten 44 Texteingabefeld 129 Textfeld 93 Thumbnail 80 Typografische Konventionen 15 U bersicht der aktuellsten News erstellen 141 bersicht ber unver ffentlichten Seiten 61 bersichtsseite 140 Unver ffentlichte Objekte anzeigen lassen 29 Unver ffentlichte Seiten anzeigen lassen 28 Update Installation 31 Updatesuche 31 V Validierung 56 Validierungsdienste 57 Ver ffentlichen 59 Verzeichnis erstellen 62 Vorlage 116 aus bestehender Webseite erstellen 127 bearbeiten 128 erstellen 126 kopieren 128 l schen 129 mit HTML Editor erstellen 127 neu erstellen 127 speichern 128 Index Vorlagen automatisch erzeugen 157 bestimmte benutzen 158 includieren 125 Rebuild 125 W wE Tagwizard 132 we mg 130 we include 152 we input type text we l nk 138 we linklist 100 138 we pagelogger 50 wei select 102 we tag 118 131 we tags 15 129 133 102 we include 152 we input type checkbox 92 we input type text 92 we linklist 100 we navigation 134 we navigationEntries 135 we navigationEntry 134 we navigationField 135 we navigationWrite 136 we textarea 93 we textarea 129 webEdition Benutzeroberfl che 23 neues in 3 0 21 starten 23 Webseite bearbeiten 61 neu erstellen 57 parken 59 ver ffentlichen 59 Website importieren 157 WYSIWYG 96 Z Zip Datei einbinden 87 Zugriffsrechte 46
38. Tags lt we back gt und lt we next gt Diese stehen innerhalb von lt we l1istview gt aber au erhalb von lt we repeat gt Beispiel Sie m chten Datum und Header der Newsartikel auf einer bersichtsseite ausgeben Dabei soll die bersicht aus maximal 10 Zeilen pro Seite bestehen und Links zum Navigieren zwischen den Seiten enthalten lt we listview doctype newsArticle rows 10 gt lt we repeat gt lt we field type date name Date gt lt we field type text name Header gt lt we repeat gt lt we back gt Zur ck lt we back gt lt we next gt Weiter lt we next gt lt we listview gt 4 7 4 1 bersicht der aktuellsten News und Newsarchiv erstellen In Prozedur 16 wird anhand folgendem Beispiel beschrieben wie Sie dazu vorgehen Beispiel Sie wollen eine bersichtsseite erzeugt die Name und berschrift der zehn aktuellsten News auflistet vgl Abschnitt 4 7 4 Au erdem m chten Sie ein Archiv erzeugen das Name und berschrift aller lteren News auflistet Zur Realisierung dieses Beispiels sind zwei bersichtsseiten n tig eine bersichtsseite f r die aktuellen News und eine bersichtsseite f r das Archiv Benutzerhandbuch 142 Vorlagen erstellen Aufgabe des Administrators Prozedur 16 bersicht der aktuellsten News und Newsarchiv erstellen 1 Erstellen Sie zun chst den Quellcode der eine bersicht ber die zehn aktuellsten News generiert Achten Sie dabei darauf dass die Newsart
39. body gt lt html gt bzw ohne Endtag lt html gt Benutzerhandbuch 124 Vorlagen erstellen Aufgabe des Administrators lt head gt lt wertitle gt lt wertitrle gt lt we keywords gt lt we keywords gt lt we description gt lt we description gt lt head gt lt body gt lt we content gt lt body gt lt html gt Abb 166 Schematische Darstellung xit GMS AND FRIENDSHIP webEdition kann auch barrierefrei Schwerpunkt der webEdition Version 3 2 liegt auf der Erstellung von barrierefreien Internetseiten Unter einer barrierefreien Web Site verstehen viele Leute leider immer noch eine unansehnliche oder rein textbasierte Seite f r Menschen mit k rperlichen Behinderungen die neben der eigentlichen Website gepflegt werden muss Barrierefreiheit ist aber weit mehr als das Barrierefreiheit Accessibility beinhaltet das Entfernen s mtlicher Problempunkte die den Zugang zu den Inhalten auf einer Web Site verhindern k nnten Dadurch ist es auch mit alternativen Ausgabeger ten wie PDAs ScreenReadern Wap Browsern oder textbasierten Browsern m glich den Inhalt der Seite ohne Probleme zu erfassen Diese Website wurde komplett in webEdition erstellt und soll zeigen wie eine Website barrierefrei gestaltet werden kann ohne auf ansprechendes Design zu verzichten Die folgenden Links enthalten einige Anmerkungen ber diese Seite selbst sowie einige weiterf hrende Informationen zum Thema Barrieref
40. bzw beinhalten soll Gruppieren Sie HTML Seiten mit hnlichem Grundlayout Erstellen Sie dann f r jede dieser Gruppen eine Vorlage Aus jeder Vorlagen k nnen dann wieder unterschiedliche Webseiten erstellt werden Wenn Sie nur einige Webseiten Ihres Internetauftritts mit webEdition verwalten wollen reicht es aus nur auf diesen Seiten die zu pflegenden Bereiche durch we Tags zu ersetzen und diese als Vorlage abzuspeichern Hinweis Verlinken S e auf Layoutgrafiken absolut Layoutgrafiken s nd Bilder Grafiken d e das Corporate Design bestimmen und nicht von Redakteuren ausgetauscht werden sollen Geben Sie die Pfadangabe ausgehend vom Root Verzeichnis des Webservers Ihres Hosts an Nur so kann gew hrleistet werden dass eine Layoutgrafik unabh ngig von dem Ort an dem die Date abgespeichert st gefunden wird Es gibt folgende Vorgehensweisen eine webEdition Vorlage zu erstellen e Website existiert bereits Importieren S e die bestehende Webseiten als webEdition Vorlage nach webEdition Ersetzen Sie anschlie end die Bereiche die sp ter von den Redakteuren gepflegt werden sollen durch we tags S ehe Prozedur 10 Eine Vorlage aus einer bestehenden Webseite erstellen auf Seite 127 e Website existiert noch nicht 1 M glichkeit Sie erstellen eine Vorlage direkt in webEdition Hinweis webEdition beinhaltet keinen HTML Editor wie z B Dreamweaver Deshalb wird diese M glichkeit nicht empfohlen Siehe P
41. der Framesets Die Framesets selbst k nnen Sie entweder direkt also ohne webEdition auf den Server hochladen oder als HTML Seite n webEdition programmieren Javascripte die das zugeh rige Frameset einer Seite nachladen oder fremde Framesets entfernen k nnen Sie mithilfe des we Tags lt we ifNotWebEdition gt Innerhalb des Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 157 webEdition Editors eliminieren Der Code zwischen Start und Endtag wird dann nicht ausgef hrt bzw angezeigt wenn die Seite in webEdition editiert wird 4 8 Website importieren W hlen Sie hierf r Datei gt Import Export gt Import Der Import W zard wird ge ffnet siehe Abb 189 Abb 189 Import Wizard Import Wizard Datei Import Lokale Dateien importieren Eine oder mehrere Dateien von der lokalen Festplatte importieren Dateien vom Server importieren Dateien eines Server Verzeichnisses importieren W hlen Sie durch das Setzen von Filteroptionen ob Grafiken HTML Seiten Flash JawaScript C55 Dateien Plain Text Dokumente oder andere Dateien importiert werden sollen Daten Import O webEdition XML Import webEdition XML Dateien enthalten Informationen ber webEdition Dokumente Vorlagen oder Objekte Legen Sie fest in welches Verzeichnis die Dokumente oder Objekte importiert werden sollen O Generic XML Import Import von flachen XML Dateien wie sie z B von phpMyAdmin erzeugt werden D
42. die sich das Handbuch bezieht und die Auflage des Handbuchs k nnen S e der Titelseite oder auch der Fu zeile jeder geraden Seite entnehmen Die ersten beiden Ziffern zeigen die Versionsnummer der Software an Die Versionsnummer wird bei jeder neuen Release von webEdition erh ht Die dritte Ziffer zeigt die Auflagennummer an Die Auflagennummer wird erh ht sobald das Handbuch innerhalb eines Softwarezyklus berarbeitet und neu herausgegeben wird Beispiel Die Auflage des ersten Handbuchs ist 1 0 1 webEdition Version 1 0 Auflage 1 des Handbuchs Nach der n chsten Release der Software hat die erste Auflage des Handbuchs die Nummer 2 0 1 Bedeutung der Warnhinweise Es gibt zwei Arten von Warnhinweisen in webEdition Handb chern Achtung und Vorsicht Ein mit Achtung berschriebener Warnhinweis enth lt Informationen die wichtig sind um eine Aufgabe korrekt auszuf hren ACHTUNG Informationstext Standard 4 1 1 Oktober 2006 ber dieses Handbuch 15 Vorsicht warnt Sie vor m glichen Sch den an Ihrer Datenbank oder an Ihrer Software die auftreten k nnen falls Sie entsprechende Vorsichtsma nahmen Backup etc n cht beachten w rden CAUTION Datenbank Warnung Ihre Datenbank wird berschrieben Darstellung von Benutzereingaben Systemantworten und we tags Benutzereingaben Systemantworten und webEdition Tags kurz we tags werden folgenderma en dargestellt Befehle ber das Web Interf
43. f Voting Navigationseintr ge E G Mavigationsordner El Motion Picture History er For Third Year In A Row The Columbia Hause HR Listwiews Nun stellt sich die Frage welches den der Unterschied zwischen den hier erzeugten dynamischen Eintr gen in einem Navigationsordner und analog dazu erzeugten Eintr gen ber Neu gt Eintrag ist Im Endeffekt werden die dynamischen Eintr ge in diesem Ordner gem der Ordnerregeln statisch abgespeichert Dies bedeutet dass falls sich an den Eintr gen in diesem Beispiel Dokumente des Dokument Typs AktuellNews etwas ndert der Ordner im Navigationstool neu gespeichert werden muss Im vergleichbaren Beispiel unter 3 11 3 2 Dynamischer Navigationseintrag w rde e n neuer Eintrag sofort automatisch hinzugef gt 3 11 4 2 Die Ansicht Vorschau Klicken Sie auf den Karteireiter Vorschau um diese Ansicht zu ffnen Abb 154 Ansicht Vorschau Ordner Nawigationsordner Eigenschaften Inhalt vorschau Vorschau Navigationsordner gt Motion Picture History gt For Third Year In A Row gt The Columbia House o Listviews Vorschau Quellcode lt we navigation name default parentid 36 gt lt weinavigationEntry type folder nav gationName default gt lt li lt weinavigationField name text gt lt zul lt weinavigationEntries gt lt ul gt lt li gt lt weinavigationEntry gt lt weinavigationEntry type tem navigationName default g
44. gt lt strong gt Ihr Name lt strong gt lt br gt lt we UserInput name Name type text size 60 gt lt p gt lt p gt lt st Fong gt Ihr Ort lt y Strong br lt we UserInput name Ort type text size 60 gt lt p gt lt we userInput name Datum type date hidden true gt lt td gt lt IET gt lt Er lt td Glass t3 COLS pan 2T gt xstrong gt Inr Bintrag lt strong gt lt br gt lt we userInput type textarea name Text width 500 height 200 autobr true wysiwyg true commands prop list link color gt lt td gt SIEDS lt r gt lt td elasse T 23 eolspan 2N gt lt input Typese s ubhrer value eintragen gt amp nbsp lt input type reset value zur amp uuml cksetzen gt lt td gt GEES lt table gt lt we form gt Geben Sie beim lt we form gt Tag als Wert des Attributs id die ID des webEdition Dokuments an an das Formular verschickt werden soll also die ID der Folgeseite Dies kann eine Zwischenseite sein auf der man die Eingaben noch einmal anzeigt oder auch eine Seite die die Eingaben speichert und gegebenenfalls ver ffentlicht Im Folgenden werden beide M glichkeiten gezeigt e 1 M glichkeit Sie m chten die Eingaben speichern und gegebenenfalls ver ffentlichen Setzen Sie dazu sofort am Anfang der Vorlage das lt we write gt Tag eingesetzt um die vom Formular bertragenen Daten zu speichern lt we write type document publish true doctype Gaeste
45. gt 100 Auswahlliste lt we select gt 102 Grafikfeld lt we img gt 102 Flash Movie Feld lt we flashmovie gt 103 Webseiten im seeMode bearbeiten 103 Das Navigationstool 105 Navigationstool benutzen 105 Neuen Navigationsordner erstellen 111 Regeln f r das Highlighting 114 Vorlagen erstellen Aufgabe des Administrators 115 Was ist eine Vorlage 116 Was sind we tags 118 Ansichten f r Vorlagen 118 Eigenschaften Ansicht 118 Bearbeiten Ansicht 120 Information Ansicht 121 Vorschau Editmode Ansicht 122 Vorschau Ansicht 123 Hauptvorlage Mastertemplate erstellen 123 Vorlagen includieren 125 Vorlagen Rebuild 125 Vorlagen erstellen 126 Vorlage speichern 128 Vorlage bearbeiten 128 Vorlage l schen 129 Variable Inhalte durch we tags ersetzen 129 Wie erfahre ich die korrekte Syntax Der Tagwizard 132 Eigene wei tags einbinden 133 Weitere Funktionen ber we tags definieren 134 Tags f r das Navigationstool 134 Standard 4 1 1 Oktober 2006 Inhalt 3 Beispiel 136 Bearbeitbare Linkliste bzw bearbeitbare Links erstellen 138 bersicht ber Inhalte der Website generieren 140 Seiten und Objekte im Frontend erstellen und bearbeiten 149 Dokument einbinden 152 Suche realisieren 154 Formular per E Mail verschicken 155 Mit Frames arbeiten 156 Website importieren 157 Vorlagen automatisch erzeugen 157 Dedizierte Vorlage benutzen 158 RSS Feeds 160 Externen RSS feed einbinden 160 webeEdition Seiten als RSS Feed ausgeben 161
46. gt lt we include id 100 gt Das Dokument ist nun eingebunden Hinweis I Bei dynamisch erzeugten Dokumenten gilt Wenn Sie das einzubindende Dokument ndern und die nderungen speichern wird die nderung sofort in alle Dokumenten bernommen welche die entsprechende Vorlage benutzen Bei statisch erzeugten Dokumenten m ssen Sie erst einen Rebuild durchf hren Datei gt Rebuild bevor die nderung wirksam wird Hinweis 2 Wenn Sie HTML Dateien per lt we include gt einf gen wollen m ssen entweder alle lt htm1 gt lt head gt und lt body gt Tags einschlie lich Endtags vorhanden sein oder keines dieser Tags Beispiel Datei die eingebunden werden soll 1d 90 lt p gt lt a href we_demo index php style text decoration none gt News lt a gt L P lt p gt lt a href we_demo filmberichte all php style text decoration none gt Filmberichte lt a gt lt p gt xp gt lt a href we_demo programm programm html style text decoration none gt Programm Lra lt p gt lt p gt lt a href ye demo links Jinks hen style text decoration none gt LINKS lt a gt lt p gt Einbindung lt td class normal width 27 gt lt td gt lt td colspan 2 class normal valign top gt lt we include id 90 gt lt td gt lt td bgcolor white colspan 2 valign top gt Ergebnis lt td class normal width 27 gt lt td gt lt td eolspan 2 elass n0rnal valign top gt
47. hlen Sie in einem Auswahlfeld durch Anklicken einen Eintrag im Dropdownmen aus Er erscheint dann im Eingabefeld Wenn Sie einen Wert ben tigen der nicht im Dropdownmen aufgelistet ist geben Sie diesen Wert manuell in das Eingabefeld ein Die entsprechenden Auswahlparameter sind n der Vorlage als Tagattr bute definiert 3 9 5 Textfeld lt we textarea gt Ein Textfeld ist ein mehrzeiliges Texteingabefeld Hier k nnen auch l ngere Texte eingegeben werden Abb 113 Textfeld Mit der finnischen Firma Interactive Partners Oy IP wurde in den letzten Tagen ein Kooperationsvertrag unterzeichnet der die gute Zusammenarbeit zwischen beiden H usern best tigt Somit wird das CMS webEdition neben den Sprachen Deutsch Englisch Spanisch und Russisch nun in K rze auch in Finnisch erh ltlich sein Die Darstellung der Textfelder ist abh ngig von Ihrer Browserversion Wir empfehlen die Nutzung des Microsoft Internet Explorer ab Version 5 5 oder Mozilla da diese WYSIWYG Textfelder darstellen was die Formatierung und Verlinkung erheblich vereinfacht 3 9 5 1 Text mit erzwungenen Zeilenumbr chen autobr Falls in der Vorlage das Attribut autobr angegeben ist true oder false wird links ber dem Eingabefeld die autobr Checkbox angezeigt siehe Abb 114 Abb 114 Textfeld mit Autobreak Mit neuem Yertriebspartner geht die webEdition Software GmbH einen weiteren Schritt in Richtung Internationalisierung Mit der Chec
48. l schen m chten und best tigen Sie mit ok Bedenken Sie da bei einem Verzeichnis alle darin enthaltenen Eintr ge automatisch mit gel scht werden Dokumente j vorlagen Abbrechen Objekte Klassen Aktivieren Sie die Checkboxen f r alle zu l schenden Dateien Verzeichnisse Abb 61 Aktivierte Checkboxen we_demo H a event AT layout_images E Big links E du moviereviews E a 7 news H a newsletter i program fi C shop fr dhtmipopup html AT index php I navigation php P dl search php pis style css VORSICHT Bedenken Sie dass beim L schen eines Verzeichnisses auch alle darin enthaltenen Dokumente und Verzeichnisse gel scht werden Klicken S e auf OK um d e ausgew hlten Dateien zu l schen Um den L schmodus wieder zu verlassen klicken Sie im rechten Bereich des webEdition Fensters auf den Button Abbrechen Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 61 3 2 5 bersicht ber alle unver ffentlichten Seiten anzeigen lassen Die bersicht ber alle unver ffentlichten Seiten bzw unver ffentlichte Objekte erreichen Sie entweder e ber einen Klick auf Unver ffentlichte Seiten bzw Unver ffentlichte Objekte im Quickstart Men direkt nach dem Einloggen in webEdition Abb 62 Unver ffentlichte Seiten Quickstart Men Unwer ffentlichte Seiten e oder Sie w hlen Datei gt Unver ffentlichte
49. nun das we tag per Copy amp Paste in den entsprechenden Platzhalter f r Quellcode oberes Texteingabefeld ein Mit den Buttons vorne einf gen oder hinten einf gen bestimmen Sie ob der Code am Anfang oder am Ende des in der oberen Textbox enthaltenen Codes angef gt wird 4 6 2 Eigene we tags einbinden Es ist nun m glich eigene we tags in webEdition einzubauen Damit diese we tags korrekt vom System erkannt und eingebunden werden m ssen einige Regeln beachtet werden Soll z B der we tag lt we b gt angelegt werden so m ssen folgende Schritte durchgef hrt werden Prozedur 15 Eigenen wei tag erstellen 1 Erstellen der php Funktion F r we b muss die Datei webEdition we include we_tags custom_tags we_tag_b inc php mit der Funktion f netion we tag bisattribs Scontent lt POD code return Stext erstellt werden Diese kann beliebigen php Code enthalten Benutzerhandbuch 134 Vorlagen erstellen Aufgabe des Administrators attribs enth lt einen assoziativen Array mit Attributnamen als key und Attributwert als Wert content enth lt den Inhalt zwischen ffnendem und schlie endem we tag php code ist der Platzhalter f r Ihren eigenen funktionalen Code 2 Erstellen der Informationsdatei f r den Tag Wizard Die Informationsdatei f r eigene we tags auf welche der Tag Wizard zugreift befindet sich im Verzeichnis webEdition we include we TagWizard we_tags custom_tags F r lt we b gt muss die Datei
50. so dass Sie bequem weitersuchen k nnen Standard 4 1 1 Oktober 2006 Benutzeroberfl che 35 Abb 31 Ergebnisliste Ergebnisse webEdition Seite we_demojincludes navigation php webEdition Seite we_demo news index php webEdition Seite we_demo news 2004fnnland php webEdition Seite we_demo news 2004 we_devEdge php webEdition Seite we_demo news rss index php webEdition Seite we_demo newsletter index php webEdition Seite we_demo newsletter subscribe php webEdition Seite we_demo newsletter unsubscribe php webEdition Seite we_demo_2 include navigation php webEdition Seite we_demo_2 include aktuelle_news php Im Feld Gesamter oder Teil des Dateinamens k nnen Sie einen Suchbegriff eingeben um nach Dokumenten Vorlagen Objekten oder Klassen gem Ihrer Benennung inerhalb des webEdition Verzeichnisbaumes zu suchen Die Bedienung erfolgt analog zur Suche nach einem Begriff 2 3 2 Erweiterte Suche Mit der Zeit k nnen die Anforderungen an die Filterung der Suchergebnisse steigen Daher g bt es die erweiterte Suche S e erreichen diese ber einen Klick auf den Dreieck Button neben Erweiterte Suche im Suche Fenster Abb 32 Erweiterte Suche aktivieren Die erweiterten Suchm glichkeiten lassen s ch nun mit Dropdownmen s logischen Operatoren und Eingabefeldern sehr zielgerichtet steuern und kombinieren Abb 33 Das Suche Fenster Erweiterte Suche Einfache Suche a
51. vertraut Es beschreibt das Erstellen bernehmen und Bearbeiten von Webseiten mit Hilfe von webEdition Das Benutzerhandbuch besteht aus folgenden Abschnitten e Einf hrung in webEdition e Beschreibung der webEdition Benutzeroberfl che e Aufgaben des webEdition Redakteurs e Aufgaben des webEdition Administrators Entwicklers e Index Zielgruppe Dieses Handbuch ist f r folgende Personen vorgesehen e Administratoren e Redakteure Entwickler Download der Handb cher Die webEdition Handb cher stehen Ihnen m portable document format PDF zum kostenlosen Download unter folgender URL zur Verf gung http www living e com Dokumentations Referenz Die komplette webEdition Dokumentation besteht aus folgenden Benutzerhandb chern e Das webEdition Benutzerhandbuch e Die Benutzerverwaltung e Das Datenbank Objekt Modul e Das Export Modul e Das Voting Modul e Das Editor PlugIn e Das Newsletter Modul Benutzerhandbuch 14 ber dieses Handbuch Auflage des e Das Scheduler Modul Das Scheduler PRO Modul e Das Shop Modul e Das 10Do Messaging Modul e Die Benutzerverwaltung e Die Benutzerverwaltung PRO e Das Workflow Modul e Die Rechtschreibpr fung e Die webEdition Tag Referenz e Die webEdition Installationguide e Das Handbuch zur Demosite we demo2 Handbuchs Die Dokumentationsabteilung ver ffentlicht im Rahmen von Updates und Software Releases aktualisierte Handb cher Die Version der Software auf
52. 0 Pixel J Proportionen beibehalten Qualit t 8 Hoch e Grafik drehen Hier k nnen Sie die Grafik drehen Bei JPEG Grafiken kann bei Oualit t der Grad der Komprimierung ausgew hlt werden e Grafik zuschneiden Falls Sie nur einen Ausschnitt des Bildes verwenden m chten k nnen Sie diesen direkt in webEdition zuschneiden Ziehen Sie einfach einen Auswahlrahmen um den gew nschten Bereich Die genaue P xelzahl wird Ihnen dabei am unteren Rand des Bildes angezeigt Benutzerhandbuch 80 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 93 Grafik zuschneiden I p 1 Speichern Abbrechen e Konvertieren Hier k nnen Sie das Format der Grafik ndern Bei JPEG Grafiken kann be Oualit t der Grad der Komprimierung ausgew hlt werden 3 4 5 Informationen ber die Grafik anzeigen Ansicht Information In der Ansicht Information erhalten Sie f r die entsprechende Grafikinformationen analog zu denen die in Abschnitt 3 1 3 Information Ansicht auf Seite 54 beschrieben sind 3 4 6 Miniaturansichten Thumbnails erzeugen Ansicht Miniaturansicht Die Erzeugung von Miniaturansichten ist sehr zeitintensiv und kann besonders bei gro en Ursprungsbildern ganze Server lahm legen Um dies zu verhindern verzichtet webEdition darauf Miniaturansichten jedes Mal neu in Echtzeit zu berechnen Definieren Sie deshalb unter Optionen gt Miniaturansichten Name Gr e und Ausgabeformat der Miniaturansichten Standard
53. 006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 99 Abb 124 Tabellenzelle bearbeiten Zelle bearbeiten Mozilla Firefox Zelle bearbeiten Breite H he Spannweite horiz Ausrichtung vert Ausrichtung Hintergrundfarbe Default Default s id head T Ist berschrift nn 255 Style ohne OK Abbrechen e Tabellenbeschriftung F r eine Tabelle kann nun eine Beschriftung Caption eingegeben werden Hierzu klickt man auf den Beschriftung Button Abb 125 Tabellenbeschriftung Beschriftung hinzuf gen ser angezeigt Yon Seo Analog hierzu kann die Beschriftung auch wieder entfernt werden 3 9 6 Liste lt we block gt Eine Liste besteht aus mehreren Listenelementen Sie kann mithilfe der Buttons ver ndert werden Die nachfolgende Abbildung zeigt eine Liste aus we _demo includes navigation php Abb 126 Liste in der Bearbeiten Ansicht e Weiteres Listenelement hinzuf gen Mit dem Plus Button erzeugen Sie ein weiteres Listenelement e Reihenfolge der Listenelemente ver ndern Mit dem nach oben gerichteten Pfeil Button verschieben Sie das Listenelement nach oben mit dem nach unten gerichteten Pfeil Button nach unten e Liste l schen Durch Klick auf den Papierkorb Button l schen Sie das Listenelement bzw die Liste Benutzerhandbuch 100 Mit Dokumenten arbeiten Aufgabe des Redakteurs Eine Liste kann aus belieb igem HTML oder we Tags bestehen Listen k nnen auch
54. Content Management muss nicht teuer sein Standort we_demo Barrierefreiheit Hier geben sie einen Titel an der oben in der Breadcrumb bei Location f r diese Datei erscheinen soll Barrierefreiheit Hier geben Sie die berschrift der Seite ein j ebEdition kann auch gt news Blog blo Veranstaltungen events Unternehmen company 000000 o Impressum imprint 000000 Bildergalerie image_galery Kundenbereich Hier geben Sie die Unter berschrift der Seite ein y autobr Schwerpunkt der webEdition Version 3 2 liegt auf der Erstellung von barrierefreien Internetseiten Hier kann ein Flie text eingegeben werden Unter einer barrierefreien Web Site verstehen viele Leute leider immer noch eine unansehnliche oder rein textbasierte Seite f r Menschen mit k rperlichen Behinderungen die neben der eigentlichen Website gepflegt werden muss 4 Bearbeiten Sie Ihre Inhalte 5 W hlen Sie aus den folgenden Optionen a Kehren Sie zur Ansicht Vorschau zur ck Klick auf Vorschau b Bearbeiten Sie die Eigenschaften der Seite durch einen Klick auf Einstellungen siehe Abschnitt 3 1 1 Eigenschaften Ansicht auf Seite 52 c Stellen Sie das Dokument in den Workflow ein d Speichern Sie das Dokument durch einen Klick auf Speichern Die Funktionen der Checkboxen Beim Speichern ver ffentlichen und Nach Speichern neue Seite entsprechen denen im normalen Mo
55. Datei gt Rebuild durchgef hrt N here Informationen finden Sie dazu n der webEdition Installationguide 3 3 Dateien importieren webEdition erm glicht den Import verschiedener Dateiformate und Daten Dabe unterst tzt Sie ein Import Wizard siehe Abb 64 Der Import Wizard besteht aus zwei Bereichen e Datei Import Dateien werden von Ihrer lokalen Festplatte oder von Ihrem Server importiert e Daten Import Generische XML Dateien webEdition XML Dateien oder CSV Dateien werden importiert Abb 64 Import Wizard Import Wizard Date Import Daten Import Standard 4 1 1 Oktober 2006 Lokale Dateien importieren Eine oder mehrere Dateien von der lokalen Festplatte importieren Dateien vom Server importieren Dateien eines Server Verzeichnisses importieren W hlen Sie durch das Setzen von Filteroptionen ob Grafiken HTML Seiten Flash JavaScript CSS Dateien Plain Text Dokumente oder andere Dateien importiert werden sollen webEdition XML Import webEdition XML Dateien enthalten Informationen ber webEdition Dokumente Vorlagen oder Objekte Legen Sie fest in welches Verzeichnis die Dokumente oder Objekte importiert werden sollen Generic XML Import Import von flachen XML Dateien wie sie z B von phpMyAdmin erzeugt werden Die Datensatz Felder werden den webeEdition Feldern zugeordnet CSV Import Import von CSV Dateien Comma Separated Values oder davon abgewandelter Textfor
56. Details Dateien hinzuf E bild1 jpg l E bild4 jpg Dateien entfernen Hochladen Dateien 2 Gr e 115 06 KB 10 Klicken Sie auf Hochladen Die Dateien werden hochgeladen nach erfolgtem Import erscheint eine Meldung Abb 69 Import erfolgreich Der Import wurde erfolgreich beendet 11Sie k nnen nun weitere Dateien hinzuf gen oder in Eo webEdition mit den Dateien arbeiten Diese Prozedur ist damit abgeschlossen Hinweis Sie k nnen die Dateien auch per Drag amp Drop hinzuf gen 12 Klicken Sie auf OK Die Prozedur ist hiermit abgeschlossen Hinweis Falls der Java Upload nicht funktionieren sollte obwohl anscheinend alle Rechte f r den User zum Import vergeben sind fehlt das Recht Kategorie ndern F gt man dieses hinzu ist der normale sowie der Java Upload m glich Desweiteren muss im Browser Java aktiviert sein 3 3 2 Dateien vom Server importieren Prozedur 3 Dateien von Ihrem Server importieren Im webEdition Hauptbildschirm 1 ffnen Sie den Import Wizard mit Datei gt Import Export gt Import 2 Aktivieren Sie den Dateien vom Server importieren Radiobutton 3 Klicken Sie weiter Das Import Fenster wird ge ffnet siehe Abb 70 Benutzerhandbuch 66 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 70 Dateien vom Server importieren Dateien vom Server importieren Verzeichnisse Quellwerzeichnis H l Ausw hlen Zielverzeichnis H Ausw hlen Importiere
57. Doppelklick ffnet sich ein neues Browserfenster mit der angeklickten Seite Wechseln Sie dann ber den Karte reiter Bearbeiten in die Ansicht Bearbeiten und nehmen Sie die nderungen vor Wechseln Sie in die Ansicht Vorschau um sich ein Bild von Ihren nderungen zu machen Ist alles zu Ihrer Zufriedenheit speichern und oder ver ffentlichen S e das Dokument Benutzerhandbuch 62 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 2 7 Verzeichnis f r Dokumente erstellen W hlen S e dazu Datei gt Neu gt Verzeichnis gt Dokumenten Verzeichnis Analog erstellen Sie Vorlagen und Objektverzeichnisse Das neue Verzeichnis wird im Explorer Men angezeigt Verzeichnisse die ohne webEdition auf dem Server erzeugt werden werden nicht angezeigt 3 2 8 Rebuild von statischen und dynamischen Webseiten durchf hren Bei einem Rebuild wird die komplette Website oder auch nur Teile davon neu generiert Dies kann nach grundlegenden nderungen n tig werden u a in folgenden F llen e Wenn ein Dokument ge ndert wurde das mit dem lt we include gt Tag in viele statisch erzeugten Seiten eingebunden ist Bei dynamischen Seiten wird die nderung am Dokument auch ohne Rebuild wirksam da das Dokument jedesmal neu beim Aufruf der Seite eingebunden wird e Wenn sich der Name oder Pfad einer Seite ndert welche auf eine Vorlage mit dem lt we a gt oder lt we url gt Tag verlinkt war Ein Rebuild wird im Datei Men mit
58. Firefox Link bearbeiten URL Externe ink http Ausw hlen Inhalt Neuer Link Anker Farameter Linkziel Sprache verlinkte Seite Titel Tastatur Accesskey Tabindex Beziehung re rew ra Link Attribute Popup Fenster ffnen D Zentrieren x Position y Position Breite H he Status Scrollbars Menubar Resizable Location Speichern Abbrechen Beim Verlinken von Grafiken haben Sie jetzt auch die M glichkeit Alternativ Text und Titel einzugeben siehe Abb 131 Abb 131 Bilder verlinken Inhalt Externe Grafik eh O en Ausw hlen Breite H he Rand horiz Abstand Wert Abstand Ausrichtun Default r Alternativ Text Titel 3 9 8 Auswahlliste lt we select gt Eine Auswahlliste auch Selectbox genannt ist eine Liste mit vorgegebenen Werten aus der Sie einen Wert ausw hlen k nnen Der ausgew hlte Begriff erscheint dann auf der fertigen Webseite Abb 132 Auswahlbox 3 9 9 Grafikfeld lt we img gt Mithilfe des Grafikfeldes k nnen Sie eine Grafik bzw ein Bild in ein Dokument einf gen Laden Sie dazu zuerst die gew nschte Grafik nach webEdition hoch Klicken Sie dann auf den Button bearbeiten Es ffnet sich der Dateimanager mit dem Sie die Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 103 gew nschte Grafik ausw hlen k nnen S ehe auch Abschnitt 3 4 Grafiken n die Webseite einbinden bearbeiten und austauschen auf Sei
59. Grafiken gif jpg png JavaScripts Flash Filme c55 Stylesheets HTML Seiten Plain Text Dokumente Erzeuge webEdition Seiten Sonstige Dateien Einstellungen Quicktime Filme Begrenzungen Tiefe Maximale Dateigr e in MB Unbegrenzt ESS E Was tun bei 7 Li Bestimmen Sie hier das Verhalten von webEdition wenn eine gleichem Namen Datei mit gleichem Namen existiert Existierende Datei berschreiben O Neue Datei umbenennen Datei nicht importieren Grafikfunktionen ausblenden Erzeuge Ministuransichten Miniaturansichten 120x90 2007150 Gr e ndern Breite Pixel v H he Pe Mi Proportionen beibehalten Grafik drehen ohne Drehung 180 Drehung 90 Linksdrehung 90 Rechtsdrehung ah Qualit t 8 Hoch z 4 W hlen Sie im Bereich Verzeichnisse ein Quell und ein Zielverzeichnis mithilfe der Ausw hlen Buttons 5 Kreuzen Sie im Bereich mportiere die Dateitypen an die Sie importieren m chten 6 Die beiden Selectboxen im Bereich Begrenzungen definieren die Tiefe und maximale Gr e der zu importierenden Dateien 7 Bestimmen Sie das Verhalten von webEdition bei Existenz eines gleichnamigen Datei mithilfe der Radiobuttons 8 Mit einem Klick auf das kleine Dreieck k nnen Sie die erweiterten Grafikfunktionen einblenden Die Einstellungen die Sie hier vornehmen wirken sich nat rlich nur auf zu importierende Grafikdateien aus Klicken Sie auf Weiter Ein Fortschrittsbal
60. HTML Seite Zeigen Sie die Ansicht Eigenschaften siehe Abb 96 der neuen Seite an Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 83 Abb 96 HTML Eigenschaften HTML Seite Eigenschaften Information Scheduler PRO Validierung Eigenschaften Pfad Dateiname Erweiterung 234 html kd Verzeichnis N Ausw hlen Dokument Dokument Typ Ohne wt Bearbeiten C Ist durchsuchbar Alle l schen Hinzuf gen l as HTML Seite kopieren Ausw hlen fe Eigenschaften ausblenden EEE Zeichenkodierung y Hauptbesitzer adm n Bearbeiten C Zugriff einschr nken Speichern Beim Speichern ver ffentlichen Nach Speichern neue Seite Hier k nnen Sie in der Ansicht Dokumente des Explorermen s als Redakteur eigene HTML Seiten programmieren In der Ansicht Zigenschaft des Edit Bereiches k nnen Sie keine Vorlage mehr ausw hlen das hei t Sie k nnen auf dieser Seite keine webEdition Funktionen integrieren Sie k nnen jedoch Dokument Typen und Kategorien ausgew hlen um diese Seiten einfach in bersichten oder in die Suchfunktion einzubinden Dazu mu die Checkbox Zst durchsuchbar aktiviert sein Da einfache HTML Seiten keine Felder wie Titel oder Beschreibung haben kann man auf bersichtsseiten oder Suchergebnis Seiten alternativ zu einem Feld den Pfad der Seite oder den Inhalt der Seit
61. Infos Im Bereich Meta Infos geben S e n das Feld Titel den Titel der Webseite an der im Browser angezeigt werden soll wenn die Seite aufgerufen wird Dies entspricht der Funktion des HTML Tags lt title gt Im Textfeld Beschreibung geben S e eine kurze Beschreibung Ihrer Seite an d e z B von Suchmaschinen angezeigt werden soll Die Entsprechung hierzu ist der meta tag lt description gt Das Feld Schl sselworte wird analog zum meta tag lt keywords gt verwandt es sind also Worte die Ihre Seite beschreiben sollten um von Suchmaschinen gefunden zu werden Die entsprechenden we tags m ssen n der Vorlage vorhanden sein weititle we description oder we keywords Im Feld Zeichenkodierung k nnen Sie eine Zeichenkodierung f r Ihr Dokument ausw hlen z B ISO 8859 1 UTF 8 etc Diese Kodierung mu in der Vorlage auf der das Dokument bas ert vorgegeben sein Kategorien Im Bereich Kategorien w hlen S e d e Kategorie aus zu der Ihr Dokument geh ren soll Benutzen Sie hierf r den hinzuf gen Button und w hlen S e aus den verf gbaren Kategorien aus der Liste Lesen S e bitte unter Abschnitt 3 7 Kategorien erstellen auf Seite 90 weiter wenn Sie mehr ber Kategorien erfahren m chten Navigation Hier k nnen Sie einen Navigationseintrag f r dieses Dokument hinzuf gen oder bearbeiten N heres zum Navigationstool erfahren S e n Abschnitt 3 11 Das Navigat onstool auf Seite 105 webEdition Seite kopieren Hier k n
62. Seiten bzw Unver ffentlichte Objekte aus dem Datei Men Es erscheint eine tabellarische Auflistung aller unver ffentlichten Seiten bzw Objekten Abb 63 Tabelle unver ffentlichter Seiten Workflow Schritt Autor Bi Wer ndert Wer ndert Zuletzt von am ver ffentlicht 15 12 2004 j 28 04 2006 _ 13 34 Uhr dmin 16 04 Uhr 15 12 2004 23 03 2006 13 50 Uhr dmin 12 20 Uhr admin we_ demo accessible demo html admin Zur ck 1 2 von 2 Neiter Schlie en Folgende Angaben werden zu den Seiten Objekten gemacht e Pfad Wo ist das Dokument Objekt gespeichert e Autor Wer ist der Ersteller des Dokumentes Objektes e Erstellt am Wann wurde das Dokument Objekt erstellt e Ver ndert von Wer hat das Dokument Objekt ver ndert Ver ndert am Wann wurde die nderung gemacht e Zuletzt ver ffentlicht Wann wurde das Dokument Objekt zuletzt ver ffentlicht e Workflow Schritt Auf welcher Stufe des Workflows befindet sich das Dokument Objekt im Moment Diese Spalte ist nur vorhanden wenn das Workflow Modul installiert ist Durch einen Klick auf ein Auswahlkriterium wird die Tabelle nach diesem neu sortiert Durch einen Klick auf den Pfad gelangen Sie direkt zu dem entsprechenden Dokument Objekt 3 2 6 Inhalt einer Webseite bearbeiten ffnen Sie das zu bearbeitende Dokument entweder im Datei Men Datei gt ffnen gt Dokument oder indem Sie das Dokument im Explorermen einmal anklicken Bei einem
63. Setzen von Filteroptionen ob Grafiken HTML Seiten Flash JavaScript CSS Dateien Plain Text Dokumente oder andere Dateien importiert werden sollen webEdition XML Import webEdition XML Dateien enthalten Informationen ber webEdition Dokumente Vorlagen oder Objekte Legen Sie fest in welches Verzeichnis die Dokumente oder Objekte importiert werden sollen Generic XML Import Import von flachen XML Dateien wie sie z B von phpMyAdmin erzeugt werden Die Datensatz Felder werden den webeEdition Feldern zugeordnet CSV Import Import von CSV Dateien Comma Separated Values oder davon abgewandelter Textformate z B txt Die Datensatz Felder werden den webeEdition Feldern zugeordnet f Weiter 1 l Abbrechen Aktivieren Sie den lokale Dateien importieren Radiobutton und klicken Sie auf Weiter Der lokale Dateien importieren Bildschirm wird ge ffnet siehe Abb 85 Abb 85 Lokale Dateien importieren Schritt 1 von 2 Lokale Dateien importieren Schritt 1 von 2 Zielverzeichnis Was tun bei gleichem Namen Kategoren Pfad we_demo image_gallery images Ausw hlen i Bestimmen Sie hier das Werhalten won webEdition wenn gt eine Datei mit gleichem Namen existiert Existierende Datei berschreiben O Neue Datei umbenennen O Datei nicht importieren Klicken S e auf Ausw hlen der webEdition Dateimanager wird ge ffnet H er k nnen Sie nun das Zielverzeichnis ausw hlen in das die Grafiken impo
64. Sie ber den Button Durchsuchen die gew nschte RTF Datei auf der lokalen Festplatte aus 3 Falls Sie die Formate Schriftart gr e und farbe mit bernehmen wollen klicken Sie die entsprechenden Checkboxen an 4 Klicken Sie auf Weiter und dann auf den Button Importieren Die Datei wird geladen und als HTML Datei angezeigt Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 95 Abb 117 RTF Text als HTML Datei RTF Datei importieren Mozilla RTF Datei importieren Vorschau lt font face Arial gt lt font style font size 10pt gt Dieser lt i gt Text lt i gt ist ein lt u gt Testtext lt u gt lt br gt lt br gt lt xb gt Testtexte lt font color EIL0O000 gt testen lt font color 000000 gt den Text lt br gt lt ont gt lt ont gt lt b gt lt u gt lt Lont gt lt ZLont gt Zur ck Abbrechen 5 Falls die Datei nicht korrekt als HTML Datei angezeigt werden sollte k nnen Sie die Datei in diesem Fenster noch bearbeiten 6 Klicken Sie auf OK Der Text wird samt Formatierung in das Textfeld eingef gt 3 9 5 3 Text formatieren und verlinken WYSIWYG Textfeld In einem Textfeld ohne WYSIWYG Funktion k nnen Textformatierungen und Verlinkungen nur ber HTML Tags realisiert werden In einem Textfeld mit WYSIWYG Funktion k nnen Sie den Text mit Hilfe von Bearbeitungssymbolen direkt im Textfeld formatieren bzw verlinken wie Sie es aus handels blic
65. Sie hier eine Seite aus die angezeigt werden soll wenn ein angefordertes Objekt nicht existiert Fehlerbehandlung Wenn S e m chten dass webEdition Fehler anzeigt protokolliert und oder als E Mail sendet aktivieren Sie die Fehlerbehandlung und nehmen Sie die entsprechenden Einstellungen vor Zu behandelnde Fehler Geben Sie hier mithilfe der Checkboxen an auf welche Arten von Fehlern sich die Fehlerbehandlung richten soll Fehleranzeige Stellen Sie hier ein wie auftretende Fehler behandelt werden sollen S e k nnen s ch die Fehlermeldung direkt anzeigen lassen oder e n Fehlerprotokoll Errorlog erstellen lassen Experteneinstellung Debug Frame anzeigen Im Debug Frame werden am unteren Rand Ihres Bildschirms Informationen in einem separaten Frame angezeigt welche d e Fehlerdiagnose erleichtern Der Debug Frame kann falls gew nscht auch im seeMode angezeigt werden Ansicht Backup Abb 50 Der Karteiereiter Backup Backup Standard 4 1 1 i i Stellen Sie hier ein passendes Leistungslewel ein Dieses richtet sich nach der Leistungsf higkeit Ihres Servers Wenn die Ressourcen Ihres Systemes eingeschr nkt sind Speicher Timeout etc w hlen Sie bitte eine niedrigere Einstellung Langsam Schnell 5O DM0 0O Q0 HE D OCOD GO tA Auto Oktober 2006 Benutzeroberfl che 49 Hier k nnen Sie ja nach Leistungsf higkeit Ihres Servers die Geschwindigkeit des Backups einstellen Sollten S
66. Verf gung stellt Dies sind derzeit Tagreferenz Forum Support Versionshistorie Demoseiten und Download der Dokumentation Abb 16 Online Hilfe Fenster web dition Willkommen auf der webEdition Hilfeseite Diese Seite leitet Sie zu den verschiedenen Informationsquellen rund um das webEdition CMS weiter Tagreferenz Dokumentation Hier finden Sie eine Auflistung aller in webEdition Download aller Handb cher im PDF Format verwendeten we Tags mit Attributen und Anwendungsbeispielen Forum Versionshistorie Das offizielle webEdition Support Forum mit vielen Alle Neuerungen in webEdition mit Fragen und Antworten zu allen Themen rund um Versionsangaben webEdition Support Demoseiten Die webEdition Supportseite mit News Tipps und Innerhalb der webEdition Demoseiten finden Sie Hilfen von webEdition Technikern Beispiele wie die Features von webEdition eingesetzt werden k nnen Support Formular Nehmen Sie direkt Kontakt mit unserem technischen Support auf e Update Hier k nnen Sie berpr fen ob seit Ihrer Installation von webEdition bzw seit Ihrem letzten Update ein aktuelleres Update von webEdition verf gbar ist und dieses ggf online installieren Au erdem k nnen Sie hier neu erworbene Module und zus tzliche Sprachpakete installieren e Info Informationen ber webEdition und die eingesetzte webEdition Version 2 2 3 Steuerelemente Neben den Dropdownmen s befinden sich folgende Steuerelemente
67. Vorlage Nehmen S e nun Ihre Anderungen in der Ansicht Bearbeiten vor und speichern Sie die Vorlage neu ab Siehe auch Abschnitt 4 3 2 Bearbeiten Ansicht auf Seite 120 Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 129 4 5 3 Vorlage l schen Eine Vorlage l schen Sie indem Sie im Men Datei gt L schen gt Vorlage w hlen Die Anwendung schaltet dann in den L schmodus um W hlen Sie dann die entsprechende Vorlage m Explorermen aus und klicken S e auf den Button OK S e werden dann gefragt ob Sie die Vorlage wirklich l schen wollen Wenn Sie mit ja antworten wird die Vorlage endg ltig gel scht Hinweis Falls eine Vorlage schon von einem oder mehreren Dokumenten benutzt wird kann sie nicht gel scht werden Sie erhalten in diesem Fall eine Fehlermeldung mit dem entsprechenden Hinweis L schen oder ndern Sie dann zuerst alle Dokumente welche diese Vorlage benutzen und danach die eigentliche Vorlage 4 6 Variable Inhalte durch we tags ersetzen we tags werden in der Bearbeiten Ansicht in den HTML Quellcode eingef gt Aus den we tags generiert webEdition automatisch entsprechende Eingabemasken f r die Redakteure In der Vorschau Editmode Ansicht k nnen Sie berpr fen wie die Seite f r die Redakteure aussieht In folgender Tabelle sehen Sie durch welche we tags zu pflegende berschriften Texte und Bilder ersetzt werden Table 1 we tags f r berschriften Texte und Bilde
68. Vorschau Ansicht In dieser Ansicht sehen Sie die Webseite so wie sie von Besuchern der Website nach der Ver ffentlichung gesehen werden wird Abb 56 Dokumentansicht Vorschau Ausschnitt webEdition Seite we_demo accessible demo html Eigenschaften Vorschau Scheduler PRO Validierung CMS AND FRIENDSHIP j Standort we demo Barrierefreiheit Diese Demo Suchen Barrierefreiheit ber diese Demoseite Hier finden sie einige Anmerkungen zu dieser barrierefreien Demo Seite Ziel dieser Demo ist es beispielhaft zu zeigen wie eine barrierefreie Website umgesetzt werden kann In diesem Fall wurde besonders darauf geachtet dass sie auf m glichst vielen Ausgabeger ten gut zu bedienen aber auch ansprechend gestaltet st Daf r wird je nach verwendetem Ausgabeger t eine spezielle CSS Datei eingebunden Momentan gibt es C55 Dateien die f r die Ausgabe am Monitor Drucker und Handheld optimiert sind Auch textbasierte Browser Lyrix sollten keine Probleme haben den Inhalt der Seite wiederzugeben Sie verwenden zwar keine 55 zur Gestaltung des Inhalts dank der struktur erenden HTML Tags kann der Inhalt aber in einer bersichtlichen Form dargestellt werden Auch die verwendeten Javascript Funktionen schr nken die Zug nglichkeit der Seite nicht ein Sie dienen dazu die Balken rechts und links neben dem Inhalt bis zum unteren Bildschirmrand zu strecken bzw die Eingaben des Kontaktformulars zu kontrollieren die
69. Webseite ffnen soll RollOver Ist die Checkbox aktiviert Kann ber den Button Ausw hlen eine Grafik gew hlt werden welche angezeigt werden soll sobald man mit der Maus ber die Original Grafik f hrt sogenannter RollOver oder MouseOver Effekt 3 4 4 Grafiken einbinden und bearbeiten Ansicht Bearbeiten Sie gelangen in die Ansicht Bearbeiten ber Datei gt Neu gt Grafik Klicken Sie auf den Button Hochladen Laden Sie nun eine neue Grafik hoch ber die Selectbox stehen Ihnen verschiedene M glichkeiten zur Verf gung die Grafik zu bearbeiten Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 79 Abb 91 Grafik bearbeiten Bearbeiten Grafik Hochladen Bearbeiten 17 79 KB ber den Button Hochlac Bearbeiten aktuelle Datei ersetzen Wenn Sie eine weitere andere Datei od CT e ander laden m chten so verwenden Sie hierzu bitte die Importfunktion o Grafik drehen eut ber das Datei Men auf Grafik zuschneiden Be Konvertieren JPEG Format GIF Format R PNG Format e Gr e ndern Definieren Sie hier die Gr e der Grafik Bei JPEG Grafiken kann bei Qualit t der Grad der Komprimierung ausgew hlt werden Niedrige Qualit t bedeutet st rkere Komprimierung und geringere Dateigr e Hohe Qualit t bedeutet schw chere Komprimierung und mehr ben tigter Speicherplatz Abb 92 Gr e ndern Gr e ndern Breite 400 Pixel H he 30
70. _path gt lt link gt lt pubDats gt lt php print date Di J M Y Griss INT substr SGLOBALS I1v gt newsDate 6 10 gt lt pubDate gt lt guid gt http lt php print _SERVER SERVER_NAME gt lt we field name we_path gt lt quid gt lt item gt lt we repeat gt lt we listview gt lt channel gt lt rss gt Benutzerhandbuch 162 Vorlagen erstellen Aufgabe des Administrators Dies ist der Code der Vorlage we_demo news rss2 tmpl Die Spezifiaktionen entsprechen hier dem Standard RSS 2 0 Es wird eine bersicht ber alle Dokumente des Types news Article erstellt Basierend auf dieser Vorlage wird die XML Date we _demo news tss rss2 xml erzeugt Damit den Besuchern der Feed auch angeboten wird wird dieser in der Hauptvorlage we_demo masterTemplate tmpl bekannt gemacht lt Offer subscription to rss feed gt lt link rel alternate type application rsstxml title webEdition Demo News href we_demo news rss rss2 xml gt Die Integration in die Hauptvorlage bietet hier den gro en Vorteil da der Feed auf allen Seiten Ihrer Internetpr senz annonciert wird Standard 4 1 1 Oktober 2006 Index A Ans cht 16 Bearbeiten 54 Eigenschaften 52 Information 54 Vorschau 55 Auflage des Handbuchs 14 Auswahlbox 102 B Backup 29 Benutzername ndern 30 91 Bereich 16 Bilder 73 zuschneiden 79 Bildergalerie 144 BIN file bin einbinden 87 C Cascading Styl
71. abe des Redakteurs 97 Man kann nun die Sprache des verlinkten Textes sowie die Sprache der verlinkten Seite angeben Felder Zink und Verlinkte Seite unter Sprache Diese Felder entsprechen dem HTML Attribut lang und hreflang Das Feld Titel sowie die Felder accesskey und tabindex sind hinzugekommen Unter accesskey kann ein Buchstabe oder eine Zahl angegeben werden Der Link kann dann auch mit ALT Buchstabe Ziffer aktiviert werden Bei Tabindex kann eine Zahl angeben werden Anhand dieser Zahlen wird die Reihenfolge der Links bestimmt in welcher mit der Tab Taste navigiert wird Im Feld Titel wird der Titel des Links angeben Dieser wird bei den meisten Browsern durch einen Tooltip beim berfahren mit der Maus angezeigt rel und rev Diese beiden Felder entsprechen den Attributen rel und rev eines HTML lt a gt Tags Mit dem Attribut rel bestimmen Sie eine logische Vorw rtsbeziehung zum Verweisziel mit rev eine logische R ckw rtsbeziehung rel relation Bezug rev reverse Umkehr Beide Angaben sind nur n Verbindung mit dem Attribut href sinnvoll dort geben Sie das eigentliche Verweisziel an Abb 122 Hyperlink in WYSIWYG bearbeiten 7 Hyperlink bearbeiten Mozilla Firefox Hyperlink bearbeiten Externer Link Ausw hlen Interner Link E Mail Anker Objekt Farameter 255 Style Linkziel Sprache Verlinkte Seite Titel Tastatur accesskey tabindex Beziehung rel rev OR l Abbre
72. ace Befehle d e ber einen Webbrowser durchgef hrt werden werden kursiv dargestellt Beispiel Klicken S e auf Speichern Men basierte Befehle in einem Webbrowser werden ebenfalls kursiv dargestellt Befehle die sich in Dropdownmen s oder Untermen s befinden werden durch eine Eingabeaufforderung gt getrennt Beispiel W hlen S e Kunden gt Neu aus dem Hauptmen der Kundenverwaltung webEdition Tags und Code in Vorlagen template code In webEdition Vorlagen Templates werden spezielle Befehle sogenannte we tags verwendet Es gibt we Tags die ein Endtag ben tigen z B lt we block gt lt we block gt Die meisten we Tags ben tigen jedoch kein Endtag z B lt we css gt Die genaue Syntax der einzelnen Tags finden Sie in der webEdition Tag Referenz Codebeispiele f r webEdition Vorlagen werden n der Schriftart courier dargestellt Beispiel lt we sessionStart gt lt we ifRegisteredUser gt Hallo lt we sessionField nachname user name type print gt lt br gt Logged in lt we ifRegisteredUser gt Attribute und Variablen Attribute und Variablen werden in courier italic dargestellt Beispiel lt we hidden name attributel gt Benutzerhandbuch 16 ber dieses Handbuch Bezeichnung der Screenelemente Die n diesem Handbuch verwendete Bezeichnung von Screenelementen entnehmen Sie bitte folgender Abbildung Abb 1 Bezeichnung der Screenelemente 1 2 aia g
73. agen fahren wird links unterhalb des Dateibaumes statt des Sucheingabefeldes eine Nummer angezeigt Es handelt sich hierbei um die sogenannte ID Nummer ID Jedes Dokument Objekt Vorlage oder Klasse besitzt eine eigene ID ber die es webEdition intern angesprochen wird F r manche we tags wie we a oder we url ben tigen Sie die ID eines Dokumentes um einfacher darauf verlinken zu k nnen Ab Version 4 von webEdition k nnen Sie auch die webEdition Suchfunktion nutzen um nach betimmten ID s zu suchen Standard 4 1 1 Oktober 2006 Benutzeroberfl che 33 Abb 19 webEdition ID Nummern ID 26 2 2 4 2 Explorermen Icons Dateitypen k nnen optisch durch folgende Symbole unterschieden werden e Verzeichnisse und Unterverzeichnisse Abb 20 Verzeichnis Icon e webEdition Seiten php und html Dateien Abb 21 webEdition Seite Icon Eo e Vorlagen JavaScript CSS tmpl js css Dateien Abb 22 Vorlage Icon gt e Bilder gif Jpg Jpeg png Dateien Abb 23 Bild Icon e Filme mov swf Dateien Abb 24 Film Icon e plain text txt Abb 25 Plain text Icon e Portable Document Format pdf EJ Abb 26 PDF Icon Bei installiertem Datenbank Objekt Modul gibt es folgende Icons in der Objekte respektive Klassen Ansicht e Objekte Abb 27 Objekt Icon e Objektklasse Icon Abb 23 Objektklasse Icon Benutzerhandbuch 34 Benutzeroberfl che 2 3 Suche benutzen 2 3 1 Einfache Suche Si
74. an gibt es CSS Dateien die f r die Ausgabe am Monitor Drucker und Handheld optimiert sind Auch textbas erte Browser Lyrix sollten keine Probleme haben den Inhalt der Seite wiederzugeben Sie verwenden zwar keine CS5 zur Gestaltung des Inhalts dank der strukturierenden HTML Tags kann der Inhalt aber in einer bersichtlichen Form dargestellt werden Aus den Vorlagen und den Inhalten der Dokumente generiert webEdition die Website Platzhalter die nicht mit Inhalt gef llt wurden ignoriert webEdition Abb 159 Webseite generiert aus Vorlage und Inhalten des Dokuments Bat CMS AND FRIENDSHIP Standort we demo accessible Diese Demo ber diese Demoseite Hier finden sie einige Anmerkungen zu dieser barrierefreien Demo Seite Ziel dieser Demo ist es beispielhaft zu zeigen wie eine barrierefreie Website umgesetzt werden kann In diesem Fall wurde besonders darauf geachtet dass sie auf m glichst vielen Ausgabeger ten gut zu bedienen aber auch ansprechend gestaltet ist Daf r wird je nach verwendeten Ausgabeger t eine spezielle CSS Date eingebunden Momentan gibt es CSS Dateien die f r die Ausgabe am Monitor Drucker und Handheld optimiert sind Auch textbasierte Browser Lynx sollten keine Probleme haben den Inhalt der Seite wiederzugeben Sie verwenden zwar keine CS5 zur Gestaltung des Inhalts dank der struktur erenden HTML Tags kann der Inhalt aber in einer bersichtlichen Form dargestellt werden Auch di
75. as Fenster wird entsprechend Ihrer Auswahl angepa t Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 159 Abb 192 Bestimmte Vorlage Import Einstellungen f r webEdition Seiten Importart Bestimmte Vorlage benutzen Vorlage we_demo masterTemplate tmp Ausw hlen C Regul re Ausdr cke benutzen titles Ie title gt emeta name descript Description D kil lt meta name keywordz Keywords ELI DI Ti L lt meta http equiv c l Charset Nach Auswahl der Vorlage werden die Felder der Vorlage angezeigt Zu diesen Feldern kann dann jeweils eine Start und Endmarkierung festgelegt werden Unter Start und Endmarkierung versteht man ein einzigartiges Code Fragment direkt vor und nach dem zu mportierenden Feldinhalt Beispiel S e haben ihre statischen Webseiten alle gleich aufgebaut lt html gt lt head gt lt head gt lt body gt lt hl gt berschrift lt hl gt lt div id content gt Hier steht der Content lt div gt lt div id footer gt Hier steht der Footer lt div gt lt body gt heml gt Ihre Vorlage enth lt zB folgende Felder lt we input type text name headline gt lt we textarea name content gt lt we input type text name footer gt Benutzerhandbuch 160 Vorlagen erstellen Aufgabe des Administrators Nun geben Sie bei Start und Endmarki
76. aturansichten Information Bearbeiten Grafik ut Bearbeiten 0 KB Ku ACHTUNG Bitte beachten Sie dass ber diese Funktion nur einzelne Dateien hochgeladen werden k nnen F r den Upload mehrerer Dateien verwenden Sie bitte die Importfunktion welche Sie ber das Datei Men erreichen y Wenn Sie eine Grafik hochladen m chten klicken Sie auf den Hochladen Button Ein Fenster wird ge ffnet in dem Sie Ihre Festplatte nach der entsprechenden Grafik durchsuchen k nnen Abb 81 Datei von lokaler Festplatte hochladen Datei von lokaler Festplatte hochladen N Die hochzuladende Datei darf auf Grund won FHF Einschr nkungen nicht gr er als 16MB sein Hochladen Abbrechen Klicken Sie auf Durchsuchen Es ffnet sich das bekannte Explorerfenster in dem Sie Ihre Festplatte nach einem Bild durchsuchen k nnen siehe Abb 82 Benutzerhandbuch 74 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 82 Grafik zum Hochladen ausw hlen Datei uploaden Suchen in 5 Beispielbilder v o f ega CY EG Blaue Berge jpg Zuletzt E wasserliien jpg verwendete D E Winter jpg G Desktop Eigene Dateien 4 Arbeitsplatz m F Dateiname Sonnenuntergang jpg u FE mr EG T zi Metzwerkumgeb Dateityp Alle Dateien W hlen Sie die Grafik mit einem Doppelklick oder einem Klick auf OK aus und klicken Sie auf Hochladen Das Bild wird jetzt in der Ansicht Bearbeiten ange
77. aucl alternativen Ausgabeger ten wie PDAs ScreenReadern Wap Brows textbasierten Browsern m glich den Inhalt der Seite ohne Problema erfassen Die bearbeitbaren Felder jeder Seite sind durch ein seeMode Edit Icon gekennzeichnet Benutzerhandbuch 104 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 136 seeMode Edit Icon Im Folgenden wird beschrieben wie Sie vorgehen m ssen um ein Dokument im seeMode zu bearbeiten Als Startseite wurde we_demo index php verwendet Prozedur 9 Dokument im seeMode bearbeiten Auf dem webeEdition login Bildschirm 1 Aktivieren Sie den seeMode Radiobutton geben Sie Ihren Benutzernamen und Kennwort ein und klicken Sie auf Login webedition wird auf der festgelegten Startseite im seeMode ge ffnet Abb 137 Festgelegte Startseite im seeMode SeeMode Startdokument Ausw hlen 2 Klicken Sie auf ein seeMode Edit Icon webeEcdition ffnet ein Vorschaufenster des zu bearbeitenden Inhaltes Abb 138 seeMode Vorschau Bildschirm FE webEdition Mozilla Br l 4 ioj x Datei Optionen Module Hilfe T web dition ea CMS AND FRIENDSHIP webEdition kann auch barrierefrei Schwerpunkt der webEdition Yersion 3 2 liegt auf der Erstellung won Veranstaltungen barrierefreien Internetseiten Unternehmen Impressum Unter einer barrierefreien Web Site verstehen viele Leute leider immer noch Bildergalerie eine unansehnliche oder rein textbasierte Seite f r Menschen mit k rperlic
78. background columnkRight gif Grafik we_demo images background columnkRightTop gif Grafik we_demo images background content gif Grafik we_demo images background footer gif Grafik we_demo images background header gif Importiere 8 Klicken Sie nach erfolgreichem Abschlu des Importes dessen Fortschritt Sie an dem Balken unten links ablesen k nnen auf den Fertig Button Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 73 Der Import der webEdition XML Daten ist hiermit erfolgreich abgeschlossen 3 4 Grafiken in die Webseite einbinden bearbeiten und austauschen webEdition erm glicht Ihnen nicht nur den Zugriff auf webEdition Seiten sondern auch auf grafische Dokumente die Sie mit Datei gt Neu gt Grafik im Datei Dropdownmen ausw hlen k nnen webEdition unterscheidet zwischen reinen Layoutgrafiken die in einem zentralen Verzeichnis auf dem Server liegen und inhaltsabh ngigen Grafiken Letztere werden von den Redakteuren verwendet und in die Seiten eingef gt Diese nhaltsabh ngigen Bilder Grafiken m ssen hochgeladen werden bevor Sie in die webEdition Datenbank bernommen werden k nnen Nat rlich k nnen auch alle Layoutgrafiken in die Datenbank importiert werden 3 4 1 Grafik einbinden Klicken Sie auf Datei gt Neu gt Grafik In der Bearbeiten Ansicht wird der Hochladen Dialog angezeigt siehe Abb 80 Abb 80 Grafik hochladen Grafik Eigenschaften Bearbeiten Mini
79. bb 99 Stylesheet in der Bearbeiten Ansicht CSS Stylesheet we_demo css screen basic css Eigenschaften Bearbeiten Validierung Bearbeiten columnRight columnLeft These are the columns on left or right only needed on float left width Sem margin 0 background repeat repeat y background color A2A2A2 margin bottom 0em border bottom 0 1lem white solid height 100px fcolumnRight margin left 0O l1em background image url images background columnkight gif columnLeft margin right 0 lem background image url images background columnLeft gif background position right H top_ right top_left top right left corners height 100px er C Zeilenumbruch Speichern Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 87 3 5 6 Sonstige Dateien einbinden Anderen Dokumente welche webEdition nicht direkt anbietet k nnen ber Datei gt Neu gt Sonstige gt Sonstige Dateien hochgeladen werden In der Regel sind das bin re Dokumente welche Sie zum Download bereitstellen m chten wie z B e Microsoft Office Dokumente doc xls ppt e PDF Dokumente pdf e Zip files z p e Stuffit files sit e Programme exe e Mac Binhex files hqx e BIN files bin Gehen Sie genauso vor wie beim Hochladen einer Grafik Als Voreinstellung wird der Dateiname der Originaldatei gesetzt Sie m ssen nun nur noch i
80. ben ist die Formmail Funktion ausgeschaltet Falls Sie Formmail in einer fr heren Version von webEdition eingesetzt haben m ssen die im Template definierten Adressen lt we form type formmail gt unter recipients in der Formmail Empf nger Funktion eingegeben werden Weitere Informationen dazu finden Sie in Abschnitt 4 7 8 Formular per E Mail verschicken auf Seite 155 2 5 1 pageLogger in webEdition einbinden Um die Einbindung von pageLogger in webEdition Seiten m glichst komfortabel zu gestalten gibt es das Tag lt we pagelogger gt Dieses Tag gibt Ihnen neben dem durch den pageLogger Code Wizard generierten Code eine einfache M glichkeit pageLogger schnell und einfach n bestehende webEdition Projekte zu integrieren N here Informationen zum Tag lt we pagelogger gt entnehmen Sie bitte der webEdition Tag Referenz und dem pageLogger Benutzerhandbuch Standard 4 1 1 Oktober 2006 51 3 Mit Dokumenten arbeiten Aufgabe des Redakteurs Dieses Kapitel richtet sich an Redakteure Redakteure sind diejenigen die neue Webseiten erstellen bzw bestehende Webseiten aktualisieren Unter Dokumenten werden nicht nur webEdition Seiten sondern auch HTML Se ten Cascading Style Sheets JavaScript Seiten Bilder und Flash Movies verstanden Dieses Kapitel behandelt folgende Themen Ansichten f r Dokumente auf Seite 52 Neue Webseite erstellen auf Seite 57 Webseite speichern und ver ffentlichen auf Seite 59 We
81. bseite parken auf Seite 59 Inhalt einer Webseite bearbeiten auf Seite 61 Verzeichnis f r Dokumente erstellen auf Seite 62 Rebuild von statischen und dynamischen Webseiten durchf hren auf Seite 62 Dateien importieren auf Seite 62 Grafiken in die Webseite einbinden bearbeiten und austauschen auf Seite 73 Mit n cht grafischen Dokumenten arbeiten auf Seite 82 Dokument Typen erstellen l schen und bearbeiten auf Seite 87 Kategorien erstellen auf Seite 90 Benutzername und oder Kennwort ndern auf Seite 91 Benutzeroberfl che beim Bearbeiten von Dokumenten auf Seite 92 Webseiten im seeMode bearbeiten auf Seite 103 Das Navigat onstool auf Seite 105 Hinweis Soweit nicht anders vermerkt beziehen sich die Beispiele in diesem Handbuch auf die Beispielseiten die mit webEdition mitgeliefert werden Sie finden diese Seiten im Verzeichnis we demo Benutzerhandbuch 52 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 1 Ansichten f r Dokumente Sie k nnen ein Dokument in folgenden Ansichten anzeigen lassen e Eigenschaften Ansicht e Bearbeiten Ansicht e Information Ansicht e Vorschau Ansicht 3 1 1 Eigenschaften Ansicht Wenn Sie eine neue Webseite anlegen k nnen Sie in dieser Ansicht Dateiname Speicherort und weitere Eigenschaften des Dokuments festlegen siehe Abb 53 Die Eigenschaften k nnen Sie in dieser Ansicht selbstverst ndlich jederzeit ndern Abb 53 Dokumentansicht Eigenschaften webEd
82. bucheintrag gt Nach dem lt we write gt Tag k nnen Sie mit dem Tag lt we ifWritten gt bzw lt we ifNotWritten gt feststellen ob der Schreibvorgang des webEdition Dokuments bzw des Objekts erfolgreich war und eine entsprechende Meldung ausgeben lt we ifWritten type document gt Danke f r den Eintrag in unser G stebuch lt we else gt Leider trat beim Eintrag in das G stebuch ein Fehler auf lt we ifWritten gt e 2 M glichkeit Sie m chten die eingegebenen Daten erst an eine Zwischenseite schicken Verwenden Sie dazu das lt we form gt Tag in Kombination mit dem lt we userInput gt lag Im Gegensatz zur Eingabeseite stellen Sie nun die Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 151 Eingabefelder auf nicht editierbar Geben S e dazu bei allen lt we userInput gt Tags beim Attribut editable als Wert false an Beispiel lt we form type document id 57 doctype Gaestebucheintrag gt lt p gt Hier k amp ouml nnen Sie noch einmal Ihre Eingaben kontrollieren lt p gt lt table width 500 border 0 cellspacing 0 cellpadding 5 align center gt SEL gt lt td class t4 gt lt strong gt G amp auml stebuch Eintrag lt strong gt lt td gt lt td align right nowrap gt lt img src images pixel gif width 1 height 1 gt lt J ta GUES lt tr gt lt td class t3 colspan 2 gt lt p gt lt strong gt Ihr Name lt strong gt lt br gt lt we UserInpu
83. che Seiten haben blicherweise die Erweiterung html oder htm w hrend die Erweiterung f r dynamische Seiten php ist Hinweis Falls Sie einem dynamischen Dokument als Dateierweiterung html zuweisen wird es nicht ausgef hrt Stattdessen wird dem Betrachter der Source Code angezeigt es se denn der Administrator hat den PHP Parser konfiguriert Dokumente mit der Endung htm oder html auszuf hren Sollen andere Scriptsprachen wie ASP oder JavaScript ausgef hrt werden speichern Sie die Seiten als statische Dokumente mit der entsprechenden Dateierweiterung z B asp bei ASP Seiten Dokument Im Bereich Dokument w hlen Sie den Dokument Typ und die Vorlage aus auf der das Dokument basieren soll W hlen Sie einen Dokument Typ aus sind Ihre Auswahlm glichkeiten auf die Vorlagen beschr nkt die diesem Dokument Typ zugeordnet sind N here Informationen ber Dokument Typen entnehmen Sie bitte Abschnitt 3 6 1 Dokument Typ erstellen auf Seite 88 Wird kein Dokument Typ ausgew hlt k nnen alle vorhandenen Vorlagen benutzt werden die S e unter Vorlage mit dem Ausw hlen Button w hlen k nnen Unter den Vorlagen finden S e zwei Checkboxen Seite dynamisch generieren und ist durchsuchbar Ist dynamisch generieren nicht aktiviert wird eine statische Seite erstellt Mehr Informationen zu statischen und dynamischen Webseiten siehe Abschnitt 3 2 8 Rebuild von statischen und dynamischen Webseiten durchf hren auf Seite 62 Meta
84. chen e Tabellenzusammenfassung Bei Tabellen kann nun eine Zusammenfassung angegeben werden Ein Screenreader kann diesen Text als Einleitung zur Tabelle ausgeben Benutzerhandbuch 98 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 123 Tabellenzusammenfassung Tabelle einf gen Mozilla Firefox F Tabelle einf gen zeilen Spalten Rand 3 3 1 Innenabstand zellenabstand Hintergrundfarbe Breite H he Ausrichtung Default Zusammenfassung 255 Style ohne I Abbrechen Tabellenzellen kann man nun als berschrift Zellen definieren th anstelle td Hierzu mu man die Checkbox Zst berschrift anklicken Des Weiteren sind die Attribute id und headers hinzugekommen F r nicht visuelle Ausgabemedien etwa f r Screenreader k nnen Sie festelegen dass bei der Ausgabe einer Datenzelle ein expliziter Bezug zu einer oder mehreren berschrift Zellen hergestellt wird Das System kann den Inhalt der berschrift Zelle n dann bei der Datenzelle wiederholen Ansonsten ist es bei der Sprachausgabe sehr schwer den Bezug zwischen einer Datenzelle und den zugeh rigen berschrift Zelle herzustellen da die optische Eindeutigkeit einer Tabelle dort nicht vorhanden ist Um die Bez ge herzustellen vergeben Sie unter id einen eindeutigen Namen in einer berschrift Zelle In den Datenzellen k nnen Sie nun diese Namen in headers eintragen Mehrere ids werden mit Leerzeichen getrennt Standard 4 1 1 Oktober 2
85. ckstartbutton Neuer Eintrag oder Navigation gt Neu gt Eintrag so wird die Ansicht Eigenschaften f r den neuen Eintrag ge ffnet Abb 143 Ansicht Eigenschaften f r Eintrag Eintrag Eigenschaften j Allgemein Name Ordner H Ausw hlen Icon N Ausw hlen Aufz hlungs Nummer Auswahl Statische Auswahl Internes Dokument N Ausw hlen Farameter Im Bereich Allgemein befinden s ch die folgenden Felder e Name Vergeben Sie hier den Namen des Eintrages so wie er auch in der Navigation auftauchen soll e Ordner Mit einem Klick auf den Button Ausw hlen ffnet sich ein Fenster in dem Sie aus den bestehenden Navigationsordnern ausw hlen k nnen Der neue Navigationseintrag wird dann als Unternavigationspunkt angelegt Benutzerhandbuch 108 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 144 Navigationsordner w hlen Suchen in i ti Name M Barrierefreiheit News du Blog da Veranstaltungen m Unternehmen du Impressum da Kundenbereich da Shop da G stebuch Newsletter du Voting da Bildergalerie Name Unternehmen OK hhrech en e Icon Hier k nnen Sie ein Icon f r Ihren Navigationseintrag w hlen Das Icon muss zuvor in webEdition importiert worden sein e Aufz hlungs Nummer Hier k nnen Sie die Reihenfolge bei mehreren vorhandenen Navigat onspunkten ver ndern Der Inhalt des Bereiches Auswahl unterscheidet sich je
86. da das automatische Auslesen der max_upload_s ze von PHP korrekt ist oder aber auch der Upload aus anderen Gr nden eingeschr nkt sein kann z B Timelimit hat der Administrator die M glichkeit das Limit welches bei den H nweistexten angezeigt werden soll selbst einzutragen Abb 48 Hinweistext f r Uploadgr e definieren Maximale Upload Gr e Maximale Upload a in MByte O automatisch in Hinweistexten Hinweis Beachten Sie bitte dass durch eine nderung des Wertes nicht die vom Server und PHP vorgegebenen reellen Werte ver ndert werden sondern der Administrator hier die M glichkeit erh lt vern nftige Werte f r die Hinweistexte zu definieren Zugriffsrechte f r neue Verzeichnisse Hier k nnen Sie Schreib und Leserechte f r neue Verzeichnisse vergeben Standard ist hierbei 755 Beim Speichern eines Verzeichnisses wird dieses im Filesystem des Servers angelegt Da bei Unix Systemen Dateien und Verzeichnisse mit Zugriffsrechten versehen werden mu man beim Erzeugen dieser angeben welche Zugrifssrechte die Date dasVerzeichnis haben soll Hinweis Hier k nnen nicht die Zugriffsrechte aller Verzeichnisse ver ndert werden sondern nur die Zugriffsrechte der Verzeichnisse welche n Zukunft neu angelegt werden Standard 4 1 1 Oktober 2006 Benutzeroberfl che 47 Art der Datenbankverbindungen Stellen Sie hier die Verbindungsart zu Ihrer MySQL Datenbank ein Es gibt zwei M glichkeiten
87. der Suchbegriff eingegeben werden kann e lt input type submit value Suchen gt Diese Tag erzeugt einen Submit Button mit Beschriftung Suchen e _ lt we form gt Nun wird das lt we form gt Tag wieder geschlossen Beispiel lt we form id 100 gt lt we search type textinput size 50 gt lt input type submit value Suchen gt lt we form gt Wenn Sie nun auf der fertig generierten Seite in das Suchfeld etwas eingeben und auf den Button Suchen klicken oder RETURN auf Ihrer Tastatur dr cken werden die Ergebnisse der Suchanfrage auf der in Schritt 1 erstellten Seite angezeigt Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 155 Hier ein weiteres Beispiel Beispiel lt td colspan 2 align right gt lt we form id 114 method get gt lt span class normal gt lt b gt Su che lt b gt lt span class normal gt amp nbsp lt span gt lt we search type textinput size 15 gt lt span class normal gt amp nbsp lt span gt lt input type submit value ok gt lt span class normal gt amp nbsp lt span gt lt we form gt lt td gt Dies erzeugt folgendes Eingabefeld Abb 187 Eingabefeld f r einen Suchbegriff mit Submit Button 4 7 8 Formular per E Mail verschicken Sie k nnen mit webEdition ein Formular per E Mail an eine E Mail Adresse schicken Grundlage ist das Tag lt we form gt Prozedur 21 Formular per E Mail verschicken
88. des CSS auf unserer we_demo Webseite die folgende Ausgabe Abb 176 Navigation auf we_demo Barrierefreiheit ressum G stebuch 4 7 3 Bearbeitbare Linkliste bzw bearbeitbare Links erstellen Mithilfe des lt we linklist gt Tags k nnen Sie eine variable Linkliste auf Ihrer Webseite einbinden Redakteure k nnen dann selbst den Linkanker Text oder Grafik und das Linkziel bearbeiten neue Links einf gen die Reihenfolge der Links ndern etc Hinweis Das folgende Beispiel ist der bei der webEdition Installation mitgelieferten we_ demo 2 entnommen Es zeigt eine Linklist Navigation die ohne das Navigationstool erstellt wurde Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 139 Abb 177 Ausschnitt einer Navigation als bearbeitbare Linkliste we_demo_2 include navigation php Eee pe News fe eam e5 Produkte 5 o STAR Light Abb 178 Navigation ausgegeben auf der Website Home ber diese Seite Wir ber uns News Produkte STAR Light STAR 100 STAR 200 t STAR Pro Photoalbum Gervice G stebuch Kontakt Impressum Druckversion Wenn Sie nur einen einzelnen Link f r Redakteure bearbeitbar machen wollen benutzen Sie daf r das lt we 1ink gt Tag Abb 179 lt we link gt in der Vorschau Ansicht Wie das Bearbeiten von Linklisten und Links funktioniert st in Abschnitt 3 9 7 Linkliste lt we linkli
89. die Ausf hrung des Applets erlauben Benutzerhandbuch 64 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 66 Importieren Bildschirm Lokale Dateien importieren Schritt 2 von 2 i Durch Klick auf den Button im Jawa Applet k nnen Sie mehrere Dateien auf Ihrer Festplatte ausw hlen Beachten Sie da pro Datei die maximale Gr e von 2MB auf Grund won PHF und MySQL Einschr nkungen nicht berschritten werden darf Klicken Sie auf Hochladen im Applet um den Import zu starten Details amp Dateien hinzuf Dateien entfernen Hochladen 7 Klicken Sie nun auf Dateien hinzuf gen Das Dateien hinzuf gen Fenster wird ge ffnet 8 Navigieren Sie zu dem gew nschten Verzeichnis und w hlen Sie die zu importierenden Dateien aus Abb 67 Dateien hinzuf gen Dateien hinzuf gen E bild1 ipg E bild2 jpg E bild3 jpg E bild4 jpg Vorschau Weich Dateiname bild4 jpg Dateityp Alle Dateien v Dateien hinzuf gen Abbrechen Hinweis Sie k nnen mit gedr ckter Strg oder Shift Taste Windows mehrere Dateien selektieren 9 Wenn Sie mit Ihrer Auswahl zufrieden sind klicken Sie auf Dateien hinzuf gen Die ausgew hlten Dateien werden als Liste angezeigt mit Klick auf Details k nnen Sie sich weitere Angaben zu den Dateien anzeigen lassen Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 65 Abb 68 Liste ausgew hlter Dateien Liste
90. dit document oder object angegeben e Am Anfang jeder Vorlage steht das Tag lt we sessionStart gt Die Daten der Session werden bei einem lt we write gt automatisch gel scht 4 7 6 Dokument einbinden Es ist sinnvoll Teile einer Website die in allen Vorlagen bzw auf allen Seiten gleich sind z B eine Navigation in eine Datei auszulagern und diese Datei mit dem lt weiinclude gt Tag an allen gew nschten Stellen einzubinden Dadurch ist Konsistenz sichergestellt und globale nderungen werden m glich Dazu gehen Sie wie folgt vor Prozedur 19 Dokument einbinden 1 Klicken Sie auf Datei gt Neu gt Vorlage Geben Sie in der Ansicht Eigenschaften Dateinamen und Speicherort an Geben Sie in der Ansicht Bearbeiten den Quellcode z B f r eine Navigation ein Sie haben die Vorlage f r das Dokument erstellt das Sie einbinden wollen 2 Klicken Sie auf Datei gt Neu gt webEdition Seite gt Name der neu erstellten Vorlage Benennen Sie das Dokument Sie haben das Dokument erstellt das Sie einbinden wollen 3 ffnen Sie die Vorlage in die Sie das Dokument einbinden wollen und wechseln Sie in die Ansicht Bearbeiten Geben Sie die ID des einzubindenden Dokuments als Wert des id Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 153 Attributs des Tags lt we include gt an der Stelle an an der das Dokument eingef gt werden soll Beispiel Das einzubindende Dokument hat die ID 100
91. dition Instanz in welche importiert wird nicht vorhanden sein gehen die Rechte an den unter Besitzerdaten berschreiben ausgew hlten Besitzer ber Klicken Sie auf Weiter Das Fenster Details wird ge ffnet siehe Abb 79 Abb 79 Import Details WEDEUINMKHTSEILE WE_UEINOFLOINIPAMNYFLOUTNLILL PTID C55 Stylesheet we_demoj css handheld basic css C55 Stylesheet we_demoj css print bas c css C55 Stylesheet we_demoj css screen basi c css C55 Stylesheet we_demoj css screen editmode css webeEdition Seite we_demo customer index php webeEdition Seite we_demo customer login php webeEdition Seite we_demo customer logout php webeEdition Seite we_demo customer myData php webeEdition Seite we_demo customer register php webeEdition Seite we_demo questbook index php webeEdition Seite we_demo questbook add_entry php webeEdition Seite we_demo questbook write_entry php webeEdition Seite we_demo questbook 2004 95 html Grafik we_demo image_gallery images brezeln jpg Grafik we_demo image_gallery images innenhof jpg Grafik we_demo image_gallery images propeller jpag Grafik we_demo image_gallery images schiff jpqg Grafik we_demo image_gallery images spielplatz jpg webeEdition Seite we_demo image_gallery index php webeEdition Seite we_demo image_gallery detail php Grafik we_demo images background breadcerumb gif Grafik we_demo imagess background columnLeft gif Grafik we_demo images background columnLeftTop gif Grafik we_demo images
92. ditor Legen Sie alle Layoutgrafiken in einen Ordner namens images welcher sich im gleichen Arbeitsverzeichnis wie die zu erstellende Seite befindet Laden Sie die Bilder per FTP auf Ihren Webserver in das gew nschte Verzeichnis z B layout_images im Root Verzeichnis Ersetzen Sie mit der Suchen Ersetzen Funktion alle images zu images Kopieren Sie per Copy amp Paste den Quellcode der HTML Seite in den Texteditor von webeEcdition Ansicht Bearbeiten obere Textbox Ersetzen Sie die Bereiche die sp ter von den Redakteuren gepflegt werden sollen durch die entsprechenden we Tags Siehe Abschnitt 4 6 Variable Inhalte durch we tags ersetzen auf Seite 129 Definieren Sie alle gew nschten Funktionalit ten mit den entsprechenden we Tags Siehe Abschnitt 4 7 Weitere Funktionen ber we tags definieren Benutzerhandbuch 123 Vorlagen erstellen Aufgabe des Administrators 8 Speichern Sie die Vorlage Die Prozedur ist hiermit abgeschlossen Prozedur 13 Vorlage kopieren Am webeEdition Hauptbildschirm 1 W hlen Sie Datei gt Neu gt Vorlage Die Ansicht Eigenschaften wird angezeigt 2 Geben Sie im Bereich Pfad in das Feld Dateiname den Namen der Vorlage ein 3 Klicken Sie darunter bei Verzeichnis auf Ausw hlen a Suchen Sie im Dateimanager nach dem passenden Ordner oder erstellen Sie einen neuen b Klicken Sie auf das gew nschte Verzeichnis und dann auf OK 4 Klicken Sie auf Ausw hlen im Bereich Vorlage kop
93. dus Nach dem Speichern des Dokumentes best tigt webEdition Ihre Aktionen und Sie kehren zu Ihrer Startseite zur ck Diese Prozedur ist hiermit abgeschlossen 3 11 Das Navigationstool Mit dem Navigat onstool k nnen Sie einfach und komfortabel die Navigation Ihrer Webseite steuern 3 11 1 Navigationstool benutzen Starten Sie das Navigationstool ber Optionen gt Navigation Abb 140 Men Navigationstool Dokument Typen Kategorien Enean Das Navigationstool wird daraufhin in einem neuen Fenster ge ffnet a siehe Abb 141 Linkerhand ist die Navigation n einer Benutzerverwaltung Kennwort ndern Orderstruktur abgebildet Mittig finden Sie die Quickstart Eintr ge Einstellungen Neuer Eintrag und Neuer Ordner Benutzerhandbuch 106 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 141 Das Naviagtionstool Navigation Einstellungen Hilfe H Barrierefreiheit Ei Nam H Blog Navigation H Veranstaltungen i Unternehmen Impressum Neu Eintrag Bildergalerie SM Kundenbereich Heuer Ordner c i Shop H G stebuch fi Newsletter Voting Am Oberen Rand befinden Sich die Men punkte Navigation Einstellungen und Hilfe 3 11 2 Die Men s Das Men Navigation enth lt die folgenden Eintr ge Neu gt Eintrag Ordner W hlen Sie diesen Punkt um einen neuen Men eintrag oder Ordner zu erstellen Dies entspricht den Funktionen der Quickstart Buttons Speichern
94. e accessibleText tmpl Eee CMS AND FRIENDSHIP Standort we demo banner images I Hier geben Sie die berschrift der Seite ein Hier geben Sie die Unter berschrift der Seite ein autobr Hier kann ein Flie text eingegeben werden Eine Vorlage wird i a f r mehrere Dokumente benutzt Sind die Vorlagen fertiggestellt legen Redakteure auf der Basis dieser Vorlagen Dokumente an f llen die Dokumente mit Inhalt bzw pflegen den Inhalt Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 117 Abb 158 Dokument basierend auf einer Vorlage gef llt mit Inhalt we_demo accessible demo htmi webEdition Seite we_demo accessible demo html Eigenschaften Bearbeiten Scheduler PRO Validierung Au CMS AND FRIENDSHIP Standort we_demo Barrierefreiheit Diese Demo Barrierefreiheit Hier geben Sie die berschrift der Seite ein ber diese Demoseite Hier geben Sie die Unter berschrift der Seite ein autobr Hier finden sie einige Anmerkungen zu dieser barrierefreien Demo Seite Hier kann ein Flie text eingegeben werden Ziel dieser Demo ist es beispielhaft zu zeigen wie eine barrierefreie Website umgesetzt werden kann In diesem Fall wurde besonders darauf geachtet dass sie auf m glichst vielen Ausgabeger ten gut zu bedienen aber auch ansprechend gestaltet ist Daf r wird je nach verwendetem Ausgabeger t eine spezielle CSS Datei eingebunden Moment
95. e default parentid 0 gt 4 7 1 2 we navigationEntry Das Aussehen eines Navigationsitems wird mit we navigationEntry festgelegt Anders als bei einer listview wird hier explizit das Aussehen eines Eintrags eines bestimmten Typs auf einer bestimmten Ebene festgelegt we navigationEntry hat die Parameter navigationname type level current und position Mit navigationname verweist man auf den m we navigation vergebenen Namen Als type stehen folder und entry zur Auswahl diese k nnen verschieden dargestellt werden Mit level kann man auf eine bestimmte Ebene der Navigation zugreifen Mit dem Parameter current kann man aktive Elemente von inaktiven differenziert darstellen ber den Parameter position kann man auf Elemente einer Hierarchieebene der Navigation an einer bestimmten Position gesondert zugreifen Als position kann eine beliebige Zahl 1 2 3 oder odd even oder last verwendet werden Lediglich navigationname und type sind Pflichtattribute Verwendet man ansonsten keine Attribute legt man das Aussehen f r alle Eintr ge des genannten Typs global fest Das Aussehen aller Ordner aller Ebenen der Navigation legt man wie folgt fest Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 135 lt we navigationEntry type folder navigationname default gt lt li gt lt we navigationField name text gt lt ul gt lt we navigationEntries gt lt ul gt lt I1L2 gt lt we navigat
96. e entweder ganz oder logisch auf eine bestimmte Anzahl Zeichen verk rzt anzeigen lassen In der Ansicht Bearbeiten siehe Abb 97 k nnen Sie HTML Code eingeben webEdition hat jetzt die Funktion eines einfachen Text Editors Nat rlich k nnen Sie auch PHP Scripte Active Server Pages asp oder Java Server Pages jsp in diesem Editor schreiben W hlen Sie dann die entsprechende Dateierweiterung aus Benutzerhandbuch 84 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 97 HTML Seite bearbeiten HTML Seite Eigenschaften Bearbeiten 1nformation vorschau Scheduler PRO Validierung Bearbeiten lt html gt lt head gt lt title gt lt title gt lt meta http equiv Content Type content text html I lt head gt lt boady gt lt body gt htrml gt C Zeilenumbruch Speichern m Beim Speichern ver ffentlichen Nach Speichern neue Seite 3 5 2 Flash Filme einbinden Um Flash Filme hochzuladen gehen Sie genauso vor wie bei Grafiken siehe Abschnitt 3 4 1 Grafik einbinden auf Seite 73 Abb 98 Flash Film hochladen Bearbeiten Hochladen Hinweis Es gibt keine M glichkeit Flash Filmen einen Hyperlink zuzuweisen Flash Movies haben andere Attribute Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 85 In der Ansicht Zigenschaften befinden sich folgende Bereiche e Pfad Der urspr ngliche Name des Flash Filmes wird als Standardvor
97. e Eintrag wie in Abb 150 zu sehen ist e Objekte W hlen Sie im Klasse Dropdown Men eine bestehende Klasse aus Beachten Sie bitte dass ein g ltiger Arbeitsbereich vorhanden ist Die brigen Felder werden analog zu den dynamischen Dokumenten ausgef llt Die Auswahl von Titel Feld und Sortierung ergibt s ch hier aus den in der Klasse definierten Feldern e Kategorien Die dynamischen Navigationseintr ge f r Kategorien orientieren sich an denen f r statische Kategorien 3 11 4 Neuen Navigationsordner erstellen Um einen neuen Navigationsordner zu erstellen klicken Sie auf Navigation gt Neu gt Ordner m Navigationstool Fenster oder den Quickstartbutton Neuer Ordner Abb 151 Neuer Ordner Ordner Nawigationsordner Eigenschaften Inhalt Vorschau Allgemein Ordner H Ausw hlen Icon N Ausw hlen Aufz hlungs Nummer we_demo accessible index php Ausw hlen Benutzerhandbuch 112 Mit Dokumenten arbeiten Aufgabe des Redakteurs Geben S e n der Ans cht Eigenschaften m Bereich Allgemein folgende Angaben e n e Name Geben Sie dem Navigationsordner einen Namen der dann in der Navigation auftaucht e Ordner Mit Klick auf Ausw hlen k nnen Sie einen bestehenden Navigationsordner ausw hlen n welchen der neue Ordner als Unterordner geschrieben wird e Icon Hier k nnen Sie ein Icon f r den Navigationsordner w hlen e Aufz hlungs Nummer Legen Sie hier die Position des Ordne
98. e Sheet einbinden 86 Checkbox 16 92 Cockpit 25 CSS einbinden 86 D Datei l schen 28 Dateierweiterungen als Standard festlegen 42 Datenbankverbindung connect 47 pconnect 47 Dokument einbinden 152 Dokumente 51 Dokument Typ 30 53 87 erstellen 88 l schen 90 Dynamischer Navigationseintrag 109 E Editor PlugIn 43 163 eigene we tags 133 Einfache Suche 34 Eingabefeld einzeilig 92 Einstellungen 40 System 45 Erweiterte Suche 35 Explorer Men Icons 33 Explorer Men 59 Explorermen 16 Icons 33 rote Darstellung 32 schwarze Darstellung 32 Export 29 F Fehlerbehandlung 47 Fenstergr e definieren 41 Flash F lm einbinden 84 Formmail Empf nger angeben 49 Formular per E Mail verschicken 155 Fotoalbum 144 Frame 156 Frames 156 G Grafik 73 bearbeiten 78 Eigenschaften definieren 77 einbinden 73 hochladen 73 Informationen 80 zuschneiden 79 Grafiken Eigenschaften 77 mehrere importieren 74 H Handbuch Download 13 Hauptfenster 16 Benutzerhandbuch 164 Index Hauptvorlagen 123 Highlighting 114 HTML Seite editieren 82 HTTP Authentifizierung 47 Hyperlink bearbeiten 96 ID Nummern 32 Import 29 62 CSV Dateien 68 70 CSV Dateien 68 Generic XML Daten 67 lokale Dateien 63 mehrere Grafiken gleichzeitig 74 vom Server 65 Import Wizard 62 Import Wizard 157 inlineedit Attr but in 44 Installation 23 J Java Upload 47 JavaScript Code einbinden 86 K Kategorie 30 53 90 Kennwo
99. e h ufiger Probleme beim Erstellen eines Backups haben w hlen Sie bitte einen geringeren Wert blicherweise sollte hier Auto gew hlt werden e Ansicht Validierung Abb 51 Einstellungen zur Validierung Oberfl che Datsismmeiterungen Editor Proxy Server Emeitet Fehlerbehandlung Walidierung Formmail Empf nger Validierung Standardeinstellung f r das xm Attr but in we Tags true Das XHTML Debugging unterst tzt Sie bei der Erstellung valider Web Sites Optional kann jede Ausgabe eines we Tags auf i G ltigkeit kontrolliert werden und bei Bedarf fehlerhafte Attribute iA entfernt bzw angezeigt werden Bitte beachten Sie das dieser Vorgang etwas Zeit erfordert und nur w hrend des Erstellens einer neuen Web Site benutzt werden sollte XHTML Debugging MW KHTML Debuaging aktivieren T Fehlerhafte Attribute entfernen Benachrichtigung bei fehlerhaften Attributen C Aktivieren E Als Text F Als JavwaScript Meldung M Ins Error Log PHP Standardeinstellung f r das xml Attribut in we Tags Da alle webEdition Tags nun validen XHTML Code erzeugen k nnen eine wichtige Grundvoraussetzung f r barrierefreie Websites kann diese Funktion xml true aktiviert werden Dies kann wie gehabt f r jedes Tag separat oder per globaler Einstellung f r die ganze Web Site festgelegt werden Der globale Wert f r das xml Attribut wird nur verwendet wenn das Attribut innerhalb eines webEdition Tags fehlt Die A
100. e hier die maximale Anzahl anzuzeigender Eintr ge in der linken Navigation an Fenstergr elVoreingestellte Gr en Hier k nnen Sie die Gr e des webEdition Hauptfensters definieren W hlen Sie den Maximieren Radiobutton um das Hauptfenster immer bildschirmf llend darzustellen Mit Spezifizieren k nnen Sie die Fenstergr e p xelgenau an Ihre Bed rfnisse anpassen Unter Voreingestellte Gr en k nnen Sie aus weitverbreiteten Standardaufl sungen w hlen e Ansicht Cockpit Hier befinden sich die folgenden Bereiche Benutzerhandbuch 42 Benutzeroberfl che Abb 40 Cockpit Einstellungen Fehlerbehandlung Validierung Formmail Empf nger Oberfl che Cockpit Dateierweiterungen Cockpit zuletzt bearbeitete Dokumente URL RSS Feed zuletzt bearbeitete Dokumente S e k nnen in diesem Dopdown Men die Anzahl der anzuzeigenden Dokumente Vorlagen Objekte und Klassen festlegen die im Bereich zuletzt bearbeitet angezeigt werden sollen URL RSS Feed Geben Sie hier den URL des anzuzeigenden RSS Feeds an z B http living e de de pressezentrum pr mitteilungen rss2 xml e Ansicht Dateierweiterungen In dieser Ansicht befinden sich die folgenden Bereiche siehe Abb 41 Abb 41 Einstellungen Dateierweiterungen Dateierweiterungen webEdition Erweiterungen Statische Seiten html 9 Dynamische Seiten php a HTML Erweiterungen HTML Seiten html 5 webEdition Erweiterungen Hier w
101. e k nnen jederzeit die webEdition interne Suche ber das Eingabefeld links unten unterhalb des Date baumes erreichen Geben Sie hierf r einfach den Suchbegriff in das Feld ein und dr cken die Return Taste oder klicken S e auf das Lupen Symbol Abb 29 Eingabefeld f r Suche Hinweis Die Suche bezieht sich in diesem Fall auf den derzeit in der Hauptansicht ausgew hlten Typus Dokument Vorlage Objekt oder Klasse Befinden Sie sich also derzeit in der Dokumente Ansicht so werden nur Dokumente durchsucht Das Ergebnis Ihrer Suche wird Ihnen sofort angezeigt Eine andere M glichkeit ist das verwenden des Men s Datei gt Suche Es wird das Suche Fenster ge ffnet Abb 30 Das Suche Fenster Einfache Suche Suche Gesamter oder Teil des Dateinamens Begriff C mit irgendeinem der W rter Erweiterte Suche Suchen Suche in C Dokumenten C Objekten C vorlagen C Klassen Ergebnisse Schlieben Hinweis Bei der Suche ber das Eingabefeld werden die Ergebnisse in diesem Fenster angezeigt Im Feld Begriff k nnen Sie den Suchbegriff eingeben nach dem gesucht werden soll Es werden dann je nach Auswahl der Checkboxen alle Dokumente Objekte Vorlagen oder Klassen durchsucht Im Bereich Ergebnisse werden die Treffer angezeigt Durch Doppelklick auf ein Ergebnis wird im webEdition Hauptfenster das entsprechende Dokument oder Objekt bzw die Klasse oder Vorlage ge ffnet Das Suche Fenster bleibt hierbei ge ffnet
102. e verwendeten lJavascript Funktionen schr nken die Zug nglichkeit der Seite nicht ein Sie dienen dazu die Balken rechts und links neben dem Inhalt bis zum unteren Bildschirmrand zu strecken bzw die Eingaben des R s Biri f i f Eon wec Craco eoD Lp oe C a ee bar afata ata Benutzerhandbuch 118 Vorlagen erstellen Aufgabe des Administrators Hier sehen Sie den Inhalt der Vorlage we _demo accessible accessibleText tmpl in der Quellcodeansicht Ansicht Bearbeiten In diesem Fall wurde die headline ber lt we include gt eingebunden und ein Hauptvorlage in den Eigenschaften definiert lt we include type template id 98 gt lt div class contentBox gt lt we ifEditmode gt lt div class editmode gt Hier kann ein Flie text eingegeben werden lt div gt lt we ifEditmode gt lt we textarea wysiwyg true name accessibleText cols 60 inlineedit false rows 20 xml true removefirstparagraph true buttonpos bottom classes imageRight imageLeft gt STALIN 4 2 Was sind we tags Mit we tags werden Platzhalter f r die Bereiche der Website erzeugt die sp ter von den Redakteuren gepflegt werden sollen Texte Grafiken Bilder Navigationsleiste etc S e erm glichen das Erstellen von Textbereichen das Hochladen von Bildern und das Erstellen von bersichtsseiten we tags sind eine an XML angelehnte Tag Sprache die HTML Javascript und PHP Funktionalit ten beinhaltet we tags speichern Funk
103. eben Sie im webEdition Dokument bzw Objekt ein Feld an in dem die ID des Erstellers gespeichert wird Wenn Sie die Kundenverwaltung installiert haben geben Sie beim lt we write gt Tag als Wert des Attributs userid den Namen des entsprechenden Feldes an Beim Attribut admin k nnen Sie zus tzlich als Wert den Namen eines Feldes der Kundenverwaltung angeben Wenn bei einem Kunden in diesem Feld etwas eingetragen ist au er 0 darf dieser Besucher ebenfalls das webEdition Dokument bzw Objekt ver ndern Mit dem Tag lt we ifRegisteredUserCanChange gt kann man feststellen ob ein Kunde ein webEdition Dokument bzw Objekt bearbeiten darf Die beiden Attribute userid und admin haben die gleiche Bedeutung wie beim lt we write gt lag Wenn auch die Kategorie eingegeben werden sollen kann verwenden Sie das Tag lt we categorySelect gt Dies erzeugt ein Dropdownmen mit welchem s ch die gew nschte Kategorie ausw hlen l sst Beachten Sie bitte dass bei diesem Tag auch das End Tag angegeben werden muss auch wenn Sie keine lt option gt Tags angegeben haben Die Eingaben k nnen auch in einer PHP Session gespeichert werden Das bedeutet dass die Eingaben nicht verloren gehen auch wenn man zwischendurch auf eine andere Seite verweist Dazu m ssen folgende Bedingungen erf llt sein e Das Formular wurde zu einem webEdition Dokument geschickt e Das Formular enth lt ein lt we form gt Tag e Als Wert des Attr buts wurde e
104. ehen Die Dateierweiterung ist auf tmpl f r Template voreingestellt e Hauptvorlage Klicken Sie auf den Ausw hlen Button um der Vorlage eine Hauptvorlage zuzuweisen auf der Sie basieren soll N heres zu Hauptvolagen erfahren Sie in Abschnitt 4 4 Hauptvorlage Mastertemplate erstellen e Dokumente Hier werden die Dokumente angezeigt die auf dieser Vorlage basieren Mit einem Klicke auf eines dieser Dokumente gelangen Sie direkt zu dem entsprechenden Dokument e Zeichenkodierung Hier k nnen Sie die Zeichenkodierung f r die Vorlage einstellen z B UTF 8 oder ISO_8859 1 Diese wird dann f r auf dieser Vorlage bas erende Dokumente verwendet e Vorlage kopieren Hier k nnen Sie eine bereits bestehende webEdition Vorlage importieren um auf deren Basis eine neue Vorlage zu erstellen W hlen Sie dazu die Benutzerhandbuch 120 Vorlagen erstellen Aufgabe des Administrators gew nschte Vorlage im Dateimanager aus und importieren Sie sie dann mit einem Klick auf OK Abb 161 Vorlage mit dem Dateimanager importieren Suchen in company Dateiname Dateityp nderungsdatum contact tmpl webEdition Vorlage 24 03 2005 13 20 Uhr 5l contactError tmpl webEdition Vorlage 24 03 2005 13 23 Uhr 5l contactSuccess tmpl webEdition Vorlage 24 03 2006 13 22 Uhr 5 index tmpl webEdition Vorlage 28 03 2005 09 32 Uhr Abbrechen 4 3 2 Bearbeiten Ansicht Die Ansicht Bearbeiten zeigt die Vorlage im HTML Code Hi
105. einem einzigen Link innerhalb der Linkliste so aussehen lt p gt lt a href link gt Linktext lt a gt lt p gt Und bei zwei Links innerhalb der Linkliste lt p gt lt a href link gt Linktext lt a gt lt p gt lt a href link gt Linktext lt a gt lt p gt So weisen Sie dem lt we link gt Tag ein Stylesheet zu lt we link name MyLink class foo gt 4 7 4 bersicht ber Inhalte der Website generieren Eine bersichtsseite generiert eine Liste von Elementen die auf bestimmten oder allen Seiten enthalten sind Anwendungen von bersichtsseiten sind z B e Aktueller Abschnitt bersicht ber Inhalte der Website generieren e Abschnitt 4 7 4 1 bersicht der aktuellsten News und Newsarchiv erstellen e Abschnitt 4 7 4 2 Ergebnisse einer Suchanfrage ausgeben e Abschnitt 4 7 4 3 Bildergalerie erstellen e Navigation bei einer kleinen Webseite mit wenigen Seiten F r jede bersichtsseite ben tigen Sie die beiden folgenden Tags e lt we listview gt lt we listview gt Diese Tag umschlie t alle anderen ben tigten Tags Um eine bersicht ber einen bestimmten Bereich zu erstellen kann die Ausgabe ber die Attribut doctype und oder categories des lt we listview gt Tags eingegrenzt werden e lt we repeat gt lt we repeat gt Dieses Tag steht innerhalb von lt we listview gt Zwischen dessen Tags wird Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 141 defini
106. eite 960 H he 420 l Aktuelle Gr e bernehmen D Yoreingestellte Gr en anzeigen _ PlugIn installieren Benutzeroberfl che 43 Abb 42 Einstellungen Editor IE Editor PlugIn Dieses Feature steht Ihnen nur nach dem Erwerb einer Lizenz des webEdition Editor PlugIns und unter Microsoft Windows zusammen mit dem Internet Explorer zur Verf gung Aktivieren S e die Automatisch starten Checkbox um das PlugIn bei jedem Wechsel in die Bearbeiten Ansicht einer Vorlage zu starten Ist Beim Starten nachfragen markiert fragt webEdition bei jedem Start des PlugIns nach dem Editor der benutzt werden soll z B Macromedia Dreamweaver Adobe GoLive 0 Abb 43 Einstellungen Editor Mozilla Fehlerbehandlung I Backup Formmail Empf nger berfl che Dateierweiterungen Editor Editor Proxy Server Erweitert Editor PlugIn Benutzen Automatisch starten Beim Starten nachfragen welcher Editor benutzt werden sall E Muss registriert sejr Um das Editar PlugIn in Ihrem Browser 2 benutzen zu k nnen muss das Mozilla Actives PlugIn installiert werden Schrift im Editor C Spezifizieren Schriftart Courier Ne Gr e 11 Editargr e Normal Spezifizieren Breite 960 H he 420 Aktuele Gr e bernehmen Voreingestellte Gr en anzeigen Schrift im Editor Geben Sie hier Schriftart und Gr e an Editorgr elVoreingestellte G
107. eite x 80 H he gro F r die Miniaturansicht ist eine Breite von 50 und eine H he von 0 eingestellt gt Die Miniaturansicht wird 50 x 40 Wenn Bei Bedarf maximieren aktiviert ist wird die Miniaturansicht vergr ert falls die Original Grafik kleiner ist als die zu erzeugende Miniaturansicht Benutzerhandbuch 82 Mit Dokumenten arbeiten Aufgabe des Redakteurs Ist Bei Bedarf maximieren nicht aktiviert und die Or ginalgrafik kleiner als die Miniaturansicht wird die Originalgrafik als Miniaturansicht benutzt Um eine Miniaturansicht ausw hlen zu k nnen m ssen Sie unter Optionen gt Miniaturansicht die Einstellungen f r Miniaturansichten definiert haben ber den Reiter Miniaturansichten k nnen Sie nun ausw hlen welche Miniaturansichten beim Speichern der Grafik erzeugt werden sollen Abb 95 Miniaturansicht ausw hlen Miniaturansichten 120x90 ij Um eine neue Miniaturansicht hinzuzuf gen klicken Sie bitte auf den Plus Button E 3 5 Mit nicht grafischen Dokumenten arbeiten webEdition erm glicht auch die Arbeit mit folgenden Dokumenttypen die Sie aus dem Datei Men unter Datei gt Neu gt Sonstige ausw hlen k nnen e HTML Seite e Flash Film e Quicktime Film e JavaScript e CSS Stylesheet e Plain Text Dokument e Sonstige Dateien doc pdf zip 3 5 1 HTML Seiten editieren 3 5 1 1 Eigenschaften Ansicht ffnen Sie eine neue HTML Seite mit Datei gt Neu gt Sonstige gt
108. eite 25 Navigationstool Vereinfacht Erstellung und Pflege der Navigation Ihrer Webseite Mehr Informationen f r den Redakteur finden Sie in Abschnitt 3 11 Das Navigat onstool auf Seite 105 f r den Administrator Entwickler in Abschnitt 4 7 1 Tags f r das Navigationstool auf Seite 134 Verbesserter Tag Wizard Der Tag Wizard wurde f r webEdition 4 komplett berarbeitet um d e Informationen bersichtlicher zu pr sentieren N heres zum Tag Wizard finden Sie in Abschnitt 4 6 1 Wie erfahre ich die korrekte Syntax Der Tagwizard auf Seite 132 Hauptvorlagen Master templates Sie k nnen das Design Ihrer Webseite nun konsistenter Pflegen Verwenden Sie hierf r die Hauptvorlagen Siehe Abschnitt 4 4 Hauptvorlage Mastertemplate erstellen auf Seite 123 1 5 Und was kommt jetzt Das folgende Kapitel richtet sich sowohl an Redakteure als auch Administratoren und beschreibt die ersten Schritte mit webEdition Das darauffolgende Kapitel vermittelt die Benutzerhandbuch 22 Einf hrung Kenntnisse die Redakteure ben tigen um mit webEdition zu arbeiten Das vierte Kapitel richtet sich ausschlie lich an Administratoren Standard 4 1 1 Oktober 2006 23 2 Benutzeroberfl che Dieses Kapitel beschreibt die webEdition Benutzeroberfl che und deren grundlegende Bedienung Es richtet sich an Redakteure und an Administratoren Es werden folgende Themen behandelt e Abschnitt 2 1 webEdition starten auf Seite 23 e Ab
109. eite dynamisch generieren Ist durchsuchbar Meta Infos Titel Beschreibung Schl sselworte zeichencodierung 0000 _ Kein wescharset Tag in der Yorlage Ohne Eigenschaften ausblenden kategorien Hinzuf gen Ha uptbesitzer Benutzer Bearbeiten C Zugriff einschr nken webEditon Seite SE SEN Ausw hlen kopierer en l Speichern U Beim Speichern ver ffentlichen Nach Speichern neue Seite 2 Benennen Sie das Dokument im Textfeld Dateiname des Bereichs Pfad 3 Klicken Sie im Bereich Pfad auf den Ausw hlen Button neben dem Verzeichnis Feld um ein Arbeitsverzeichnis auszuw hlen a Navigieren Sie im nun ge ffneten Dateimanager zu dem gew nschten Verzeichnis b Klicken Sie auf den Namen des Zielverzeichnisses und dann auf OK 4 Klicken Sie auf den Speichern Button am unteren Bildschirmrand webEdition ffnet eine Infobox die Sie ber die erfolgreiche Speicherung des Dokumentes informiert 5 Klicken Sie auf den OK Button Die neue Datei wird jetzt in roten Buchstaben im Explorermen angezeigt und kann bearbeitet werden Rot dargestellte Dokumente wurden gespeichert aber noch nicht ver ffentlicht Diese Prozedur ist hiermit abgeschlossen Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 59 3 2 2 Webseite speichern und ver ffentlichen Sie k nnen Dokumente in jeder Ansicht Eigenschaft Bearbeiten Information oder Vorschau speichern e D
110. em Sie das Tag markieren und auf den Pfeil zwischen den beiden K sten klicken Falls das we tag Attribute erlaubt oder ben tigt ffnet sich ein neues Fenster mit einer kurzen Beschreibung des we tags und den Feldern mit allen m glichen Attributen Zwingend ben tigte Attribute sind mit einem Stern gekennzeichnet Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 133 Abb 175 Mit dem Tagwizard Attribute zuweisen lt we listview gt Beschreibung Das we listview Tag ist das Start und Endtag von automatisch generierten Listen bersichtsseiten von News usw Typ Attribut Attribute name defaultname documentid objectid Standardwert lt weirepeat gt lt br gt lt br gt lt weifleld name Title alt we_path hyperlink on lt br gt lt br gt lt br gt lt we repeat gt Abbrechen 4 Nehmen Sie ggf die Attributeinstellungen vor und klicken Sie dann auf Speichern Das Fenster schlie t sich und das we tag erscheint samt gew nschten Attributen in der Textbox rechts des Pfeil Buttons in der korrekten Syntax Hinweis Einige we tags verf gen ber sehr viele Attribute die oftmals nur unter gewissen Einstellungen Sinn machen Je nach ausgew hltem Attribut in obigem Beispiel das type Attribut werden nur die dazu passenden zus tzlichen Attribute angezeigt Dies dient der besseren bersicht und Bedienbarkeit 5 F gen Sie
111. emente innerhalb einer weiteren unsortierten Liste Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 137 lt we navigationEntry navigationname mainNavigation type folder current true gt lt li id li_navl_open gt lt a id a_navl_open href lt we navigationField name href gt gt lt we navigationField name text gt lt a gt lt ul gt lt we navigationEntries gt lt ul gt rl lt we navigationkEntry gt Es fehlen nun noch die Standardnavigationseintr ge Diese werden als Listenelement ausgegeben lt we navigationEntry navigationname mainNavigation type item gt lt 1i gt lt a href lt we navigationField name href gt gt lt we navigationField name text gt lt a gt SLLLS lt we navigationEntry gt Aktive Elemente werden mit einer bestimmten id versehen und durch die CSS Datei visuell hervorgehoben lt we navigationEntry navigationname mainNavigation type item current true gt lt ii 20 11 nayz Open lt a id a_nav2_open href lt we navigationField name href gt gt lt we navigationField name text gt lt a gt gt lt we navigationkEntry gt Schlie lich muss die Navigation ausgegeben werden Dies geschieht mit we navigationWrite Da die Navigation eine unsortierte Liste enth lt muss we navigationWrite von einem lt ul gt tag umschlossen werden lt ul gt lt we navigationWrite name mainNavigation gt Lal Ein Auszu
112. en Die Inhalte k nnen jederzeit n den Eingabemasken bearbeitet werden Die aktualisierte Website kann dann erneut ver ffentlicht werden 1 2 2 Aufgaben des Administrators Der Administrator hat folgende Aufgaben e Installation von webEdition e Konzeption und Erstellung der Vorlagen Vorlagen Templates werden blicherweise n HTML programmiert und durch we tags erg nzt Das HTML Ger st definiert Design und Struktur der Website we tags legen fest welche Bereiche ver ndert bearbeitet und mit Inhalten gef llt werden d rfen Aus den we tags generiert webEdition automatisch Eingabemasken f r Redakteure e Vergabe von Benutzerrechten e Backups und Wiederherstellung e Installation von webEdition Modulen Erweiterungen der Basisversion Hinweis Gegebenenfalls ist auch eine Unterscheidung zwischen Administrator und Entwickler sinnvoll In diesem Fall w re der Administrator der Standard 4 1 1 Oktober 2006 Einf hrung 21 Ansprechpartner f r die technischen Belange Ihrer Website und damit zust ndig f r Installation Wartung und Modul installation von webEdition Mithin w re es der Administrator der die Benutzerrechte innerhalb von webEdition zuweisen w rde Der Entwickler w re dann nur f r die Erstellung und Pflege der Vorlagen zust ndig In der Praxis sind die Grenzen zwischen diesen beiden Funktionen speziell in kleineren Firmen flie end So ist es nicht ungew hnlich da in einer solchen Konstellation der E
113. en Erweiterung php Bs v Seite dynamisch generieren Kategorien Hinzuf gen O Objekte Klasse adressen Kategorien Hinzuf gen 7 W hlen Sie im Bereich Dokumente den Dokument Typ eine Vorlage das Zielverzeichnis die Erweiterung und eine Kategorie aus 8 W hlen Sie im Bereich Objekte Klasse und Kategorien aus 9 Klicken Sie auf Weiter Das Dialogfenster Felder zuordnen ffnet sich Benutzerhandbuch 70 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 76 Felder zuordnen Batenfelder zuordnen webEdition Felder Datensatz Felder Titel ohne Beschreibungstext ohne Schl sselworte ahnie Name automatisch Prafis Dokument zugeordnet Datensatz Feld 10 W hlen Sie aus der Selectbox Datensatz Felder zu den webEdition Feldern aus 11 W hlen Sie im Bereich Name aus ob die Namen automatisch vergeben werden sollen oder ob sie den Datensatz Feldern zugeordnet werden sollen 12 Klicken Sie auf Weiter Ein Fortschrittsbalken am unteren Rand informiert Sie ber den Fortschritt des Uploads Nach Abschlu des Importes werden Sie ber den Erfolg der Aktion informiert 13 Klicken Sie auf OK Die Prozedur ist hiermit abgeschlossen 3 3 5 webEdition XML Dateien importieren Diese Funktion dient ausschlie lich dem Import von XML Dateien die mit dem webEdition Export Modul erzeugt wurden Prozedur 6 webEdition XML Dateien importieren Im webEdition Hauptbildsch
114. en Wert 1 an Mit lt we field gt k nnen Sie au erdem auf die Meta Informationen der Grafik Titel Beschreibung Schl sselworte zugreifen lt we field name Title gt lt we field name Description gt lt we field name Keywords gt Der Quellcode sieht dann wie folgt aus lt DOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN gt lt html gt lt head gt lt we title gt lt we title gt lt we description gt lt we keywords gt lt we charset defined IS0O 8859 1 gt 1S0O 8859 1 lt we charset gt lt head gt lt body gt lt we listview contenttypes imgqg rows 3 searchable false workspaceIlD 15 gt lt we ifFound gt Zeige Bild lt we listviewStart gt lt we listviewEnd gt von lt we listviewRows gt lt br gt lt we repeat gt lt we field type img thumbnail 200x150 hyperlink true id 86 winprops width 900 height 650 left 1 top 1 gt lt we repeat gt lt br 7 gt lt we ifBack gt lt we back class linkButton gt amp laquo amp nbsp zur ck lt we back gt lt we ifBack gt lt we ifNext gt lt we next class linkButton gt weiter amp nbsp amp raquo lt we next gt lt we ifNext gt lt we else gt Konnte kein Bild finden lt we ifFound gt lt we listview gt lt body gt lt html gt Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 147 Hinweis 1 Um eine HTML Tabelle mit einer Listview darzustellen be
115. entsprechenden we Tags Siehe Abschnitt 4 7 Weitere Funktionen ber we tags definieren Die Vorlage ist nun erstellt Wenn Sie die Inhalte der urspr nglichen Website in webEdition haben m chten erstellen Sie nun in webEdition ein neues Dokument das auf der Vorlage basiert Datei gt Neu gt webEdition Seite gt Name der neu erstellten Vorlage und f gen Sie die Inhalte in dieses Dokument ein siehe Kapitel 3 Mit Dokumenten arbeiten Aufgabe des Redakteurs auf Seite 51 Diese Prozedur ist hiermit abgeschlossen Prozedur 11 Neue Vorlage erstellen Am webeEdition Hauptbildschirm 1 W hlen Sie Datei gt Neu gt Vorlage oder w hlen Sie im Quickstart Men Neue Vorlage aus Die Ansicht Eigenschaften wird angezeigt Geben Sie im Bereich Pfad in das Feld Dateiname den Namen der Vorlage ein Klicken Sie darunter bei Verzeichnis auf Ausw hlen a Suchen Sie im Dateimanager nach dem passenden Ordner oder erstellen Sie einen neuen b Klicken Sie auf das gew nschte Verzeichnis und dann auf OK Klicken Sie auf Speichern am unteren Bildschirmrand webeEdition informiert Sie nun ber das erfolgreiche Speichern der neuen Vorlage Klicken Sie auf OK Die neue Vorlage wird links im Explorerfenster angezeigt Diese Prozedur ist hiermit abgeschlossen Prozedur 12 Vorlage mit Hilfe eines HTML Editors erstellen Starten Sie Ihren HTML Editor 1 2 3 Erstellen Sie eine Webseite wie gewohnt in Ihrem bevorzugten HTML E
116. enutzern Redakteuren vorgenommen werden seeMode Dateierweiterungen Formmail Empf nger Standard 4 1 1 Oktober 2006 Benutzeroberfl che 41 Abb 39 Einstellungen Fenster in der Ansicht Oberfl che Oberfl che Cockpit Dateierweiterungen Editor Proxy Serwer Erweitert Oberfl che Sprache Deutsch seeMode C seeMode deaktivieren seeMode Startdokument we_demoj access Ausw hlen Baummend i Dieser Wert gibt die maximale Anzahl anzuzeigender Eintr ge in der linken Navigation an gt 20 W Fenstergr e O Maximieren Spezifizieren Breite 11024 H he 17685 Aktuelle Gr e bernehmen o Voreingestellte Gr en anzeigen Speichern Abbrechen Im Einstellungen Fenster finden Sie die folgenden Karteireiter tabs und Funktionen benutzen Sie die Karteireiter um zwischen den verschiedenen Ansichten zu wechseln e Ansicht Oberfl che Hier gibt es die folgenden Bereiche Sprache W hlen Sie aus dem Dropdownmen die Sprache f r die Benutzeroberfl che Zus tzliche Sprachpakete k nnen ber Hilfe gt Update nachinstalliert werden seeMode Legen Sie hier das Startdokument fest das angezeigt wird wenn man sich in webEdition im seeMode einloggt Falls kein Startdokument definiert ist fragt webEdition nach einem g ltigen Startdokument wenn Sie s ch m seeMode einloggen Aktivieren Sie die Checkbox seeMode deaktivieren um den seeMode zu deaktivieren Baummen Geben Si
117. er Ansicht Bearbeiten Felder Auswahlboxen oder Men s die Sie mit Inhalt Text Bildern Grafiken f llen Dieser Bearbeiten Modus ist Ihre Arbeitsoberfl che was Sie in dieser Ansicht sehen entspricht nicht dem Aussehen der fertigen Seite Um das Ergebnis Ihrer Arbeit einsch tzen zu k nnen wechseln Sie in die Ansicht Vorschau Im Folgenden werden verschiedene Felder beschrieben die n den Vorlagen erscheinen k nnen 3 9 1 Einzeiliges Texteingabefeld lt we input type text gt In dieses Feld werden einzeilige Textbl cke wie z B eine berschrift eingegeben Es kann auch HTML Code eingegeben werden Abb 109 Beispiel f r ein einzeiliges Eingabefeld Hinweis Beachten Sie f r diese Beispiele bitte unsere Beispielseite we demo news 2004 F nnland 3 9 2 Datum lt we input type date gt durch Anklicken der Dropdownfeldern geben Sie das Datum ein das sp ter auf der Webseite erscheinen soll Abb 110 Datumsfeld 23 09 2004 14 i0 Beispielseite we _demo news 2004 Finnland 3 9 3 Checkbox lt we input type checkbox gt Dieses Feld wird n der Regel als Schalter eingesetzt um Bereiche der Vorlage ein oder auszublenden Abb 111 Checkbox Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 93 3 9 4 Auswahlfeld lt we input type choice gt Ein Auswahlfeld Selectbox ist ein einzeiliges Eingabefeld mit Dropdownmen Abb 112 Auswahlfeld W
118. er k nnen Sie selbstst ndig Ver nderungen vornehmen oder den Standard HTML Code durch verschiedene we Tags erweitern Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 121 Abb 162 Vorlagenansicht Bearbeiten webEdition Vorlage neue_Worlage tmpl Eigenschaften Bearbeiten Worschau Editmode Bearbeiten lt DOCTYPE HTML PUBLIC _ w3C DID HTML 4 01 Transitional EN gt le tmi gt Iieads lt we title gt lt we title gt lt weidescriptionf gt I lt weikeywards gt lt we charset defined I50 3859 1 I50 8859 1 lt we charset gt head body gt lt table cellpadding 0 cellspacing 0 7 border 0 width 400 gt a Er lt td gt p gt lt font face verdana size Z scb gt lt we input type date name Date format d m Y lt p gt p gt ont face yerdana size 2 s lt b gt lt we input type text name Headline gize 60 lt p gt p gt twe iiNotEmpty match Image gt lt weiinmg name Image gt lt we iIEditmode gt lt br gt lt br gt lt we ifEditmode gt lt we ifNotEnmpty gt lt we itektarea name Content widteth 250 height 100 autobr true wysiwyg true lt p gt lt td gt lt tr gt BE N C Zeilenumbruch f j Tagwizard anzeigen Speichern C Automatischer Rebuild _ Nach Speichern neues Dokument Unter dem Textbearbeitungsbereich mit dem Code finden Sie den webEdition Tagwi zard der
119. er nichts gefunden ausgegeben werden Bei der Beschreibung Description soll der Inhalt der Seite auf max mal 200 Zeichen beschnitten angezeigt werden lt we listview type search rows 6 gt lt we repeat gt lt we field name Title alt we_path hyperlink true gt lt we field name Description alt we_text max 200 gt lt we repeat gt lt we ifNotFound gt Leider nichts gefunden lt we else gt lt we ifNotFound gt lt we listview gt Abb 181 bersicht ber alle Seiten Ausschnitt News webEdition nun auch in Finnland Mit neuem Vertriebspartner geht die webEdition Software GmbH einen weiteren Schritt in Richtung Internationalisierung News werdevEdge we DevEdge Die webEdition Knowledgebase Unternehmen Firmenphilosphie Bildergalerie Eine kleine Auswahl an Bildern Kundenbereich Als registrierter Kunde haben Sie Zugang auf unseren Premium Inhalt ausserdem k nnen Sie Artikel aus unserem Shop bestellen Shop Demonstration Diese Seite demonstriert an einem kleinen Beispiel wie das Shop Modul von webEdition funktioniert Wenn Sie die Ausgabe mit zur ck und weiter erweitern wollen f gen Sie im Template eine Tabelle mit drei Spalten e n 1 Spalte zur ck 3 Spalte weiter 1 3 Spalte Ausgabetext Benutzerhandbuch 144 Vorlagen erstellen Aufgabe des Administrators 4 7 4 3 Bildergalerie erstellen i Eine Bildergalerie siehe auch Abschnitt 3 4 6 besteht aus einer Ubers
120. erden die standardm ig verwendeten Datei Erweiterungen f r statische und dynamische Seiten festgelegt Statische Seiten W hlen Sie aus dem Dropdownmen die Standard Dateiendung f r Statische Seiten blicherweise ist dies f r HTML Seiten html oder htm Sie k nnen auch asp f r Active Server Pages oder jsp f r Java Server Pages ausw hlen wenn der entsprechende Code n der Seite implementiert ist M chten Sie PHP Code f r Ihre Vorlagen verwenden m ssen die Seiten dynamisch gespeichert werden s ehe n chster Punkt Dynamische Seiten Spezifizieren Sie die Dateiendung f r Ihre dynamische Seiten blicherweise php oder PHP4 Diese Dateiendung veranla t den Webserver PHP4 auszuf hren HTML Erweiterungen W hlen Sie aus dem Dropdownmen die Standarddateiendung f r HTML Seiten Kommen in erster Linie PHP oder hnliche Scripts zum Einsatz k nnen Sie auch hier die entsprechende Endung ausw hlen e Ansicht Editor Hier gibt es die folgenden Bereiche siehe Abb 42 Standard 4 1 1 Oktober 2006 Editor Editor PlugIn Benutzen Automatisch starten Beim starten nachfragen welcher Editor benutzt werden soll Muss registriert sein xy Urm das Editor PlugIn in Ihrem Browser benutzen zu k nnen muss das Mozilla ActiveX PlugIn installiert werden f Schrift im Editar C Spezifizieren Schriftart Courier Ne Gr e i Editorgr e O Normal Spezifizieren Br
121. erhandbuch 132 Vorlagen erstellen Aufgabe des Administrators Table 2 H ufige we tags und ihr Resultat we tag mit Attribut Resultat lt we link gt Link Definition in Linklisten lt wettitle gt Texteingabefeld f r das Meta Tag lt title gt lt we keywords gt Texteingabefeld f r das Meta Tag lt keywords gt lt we description gt Texteingabefeld f r das Meta Tag lt description gt 4 6 1 Wie erfahre ich die korrekte Syntax Der Tagwizard Der Tagwi zard siehe Abb 174 hilft Ihnen das gesuchte Tag und die passenden Attributeinstellungen schnell zu finden Er listet die we tags auf nennt zu jedem we tag Pflicht und optionale Attribute und generiert aus Ihrer Auswahl die korrekte Syntax Prozedur 14 Tagwizard benutzen In der Bearbeiten Ansicht der Vorlage 1 Blenden Sie den Tagwizard ein Abb 173 Tagwizard anzeigen Fr Tagwizard anzeigen Der Tagwizard wird eingeblendet siehe folgende Abbildung Abb 174 Tagwizard we tags Alle weitags 3 addbelNewsletterEmail addbelShopltem addPercent answers author hark Alles ausw hlen Worne einf gen Hinten einf gs Im linken Bereich des Tagwizards sind alle we tags in alphabetischer Reihenfolge aufgelistet 2 _Beschr nken Sie ggf die Anzeige auf Tags mit speziellen Funktionen Eingabe Tags If Tags etc mit Hilfe der Selectbox links oben 3 W hlen Sie das gew nschte we tag aus indem Sie entweder darauf doppelklicken oder ind
122. erstellt werden Qualit t und Konsistenz des Designs sind gew hrleistet Zentrale Layout nderungen sind effizient umsetzbar Modularer Aufbau und skalierbar Durch die XML Import Export Funktionen k nnen die Websiteinhalte leicht anderen Anwendungen zug nglich gemacht werden 1 2 Aufgabenteilung Redakteur Administrator Redakteure sind Mitarbeiter welche die Inhalte der Website erstellen und bearbeiten Administrator ist der Mitarbeiter bzw die Webagentur der die das Design und die Struktur der Seite erstellt Je nach Gr e Ihrer Firma oder Organisation k nnen Administrator und Redakteur auch dieselbe Person sein Benutzerhandbuch 20 Einf hrung 1 2 1 Aufgaben der Redakteure Redakteure haben folgende Aufgaben e Neue Webseiten anlegen Texte eingeben Bilder hochladen Redakteure legen f r jede Webseite in webEdition eine neue Seite an und weisen dieser Seite die passende Vorlage zu Dann f llen sie die Eingabemasken die durch die Vorlage vorgegeben sind mit Inhalten w e Text und Bildern Die Inhalte werden in einer zentralen Datenbank abgelegt webEdition generiert aus den Layout und Strukturinformationen der Vorlage und den Inhalten die n der Datenbank gespeichert sind eine Website Abb 2 Website Publishing mit webEdition Inhalt Dokument basierend Webseite auf einer Vorlage berschrift berschrift Grafik Flie text N 12 e Bestehende Webseiten bearbeiten Texte bearbeiten Bilder austausch
123. ert aus welchen Elementen jede Zeile der bersicht bestehen soll Dies kann normales HTML sein z B Zeilen einer Tabelle und oder lt we field gt e lt we field gt Dieses wE Tag steht innerhalb von lt we repeat gt und stellt den Inhalt eines Platzhalters dar Beispiel Sie haben eine Vorlage f r News erstellt Die Vorlage hat den Dokumenttyp News und die Texteingabefelder lt we input type text name Ueberschrift gt und lt we input type date name Datum gt Nun m chten Sie eine bersicht generieren die von allen eingegebenen News der Kategorie Sport und Politik das jeweilige Datum und die News berschrift mit Link auf die Newsseite anzeigt lt we listview doctype News categories Sport Politik gt lt we repeat gt lt we field type date name Date gt lt we field type text name Header gt lt we repeat gt lt we listview gt Wenn die erzeugte bersicht aus vielen Zeilen besteht wird die bersicht schnell un bersichtlich Deshalb ist es sinnvoll die Anzahl der angezeigten Zeilen pro Seite durch das Attribut rows des Tags lt we listview gt zu begrenzen Beispiel rows 10 gt Es werden maximal 10 Zeilen pro Seite angezeigt die bersicht wird ggf ber mehrere Seiten verteilt Der Websitebesucher soll zwischen den Seiten ber die Linkanker Weiter und Zur ck navigieren k nnen Um die Links zur vorigen bzw n chsten Seite der bersicht zu erzeugen verwenden Sie die
124. ert wird 4 4 1 Vorlagen includieren Wenn man im lt we include gt Tag das Attribut type template setzt lt we include type template d templatelD gt dann wird anstelle eines Dokuments eine Vorlage mit der angegebenen ID eingef gt 4 4 2 Vorlagen Rebuild Um alle Vorlagen neu zu schreiben kann man einen Vorlagen Rebuild durchf hren Dies ist z B notwendig wenn eine Hauptvorlage ge ndert und der Rebuild Vorgang beim Speichern der Vorlage nicht durchgef hrt wurde W hlen Sie hierzu Datei gt Rebuild Im darauf folgenden Dialog w hlen Sie Dokumente und Vorlagen und klicken dann auf Weiter Nun w hlen S e Alle Vorlagen und bet tigen den Weiter Button Abb 168 Vorlagen Rebuild Rebuild Dokumente und Vorlagen Mit dieser Option werden die in der Datenbank gespeicherten Dokumente und Vorlagen ins Dateisystem geschrieben Objekte w hlen Sie diese Option um die Tabellen der Objekte neu zu schreiben Dies ist nur notwendig wenn die Objekttabellen fehlerhaft sind O Index Tabelle Wenn bei der Suche einige Dokumente nicht oder doppelt gefunden werden k nnen Sie hier die Index Tabelle und somit den Suchindex neu schreiben Miniaturansichten erzeugen Hier k nnen Sie die Miniaturansichten Ihrer Grafiken neu schreiben lassen Benutzerhandbuch 126 Vorlagen erstellen Aufgabe des Administrators 4 5 Vorlagen erstellen Analysieren Sie zuerst wieviele Grundlayouts Ihre Website beinhaltet
125. erung folgendes ein e Im Feld headline Startmarkierung lt hl gt Endmarkierung lt h1 gt e Im Feld content Startmarkierung lt div id content gt Endmarkierung lt div gt e Im Feld footer Startmarkierung lt div id footer gt Endmarkierung lt div gt Wenn die Checkbox Regul re Ausdr cke benutzen aktiv ist dann k nnen Sie in den Markierungsfeldern regul re Ausdr cke verwenden Regul re Ausdr cke sind ein spezieller Code welcher einen Text beschreibt N heres ber regul re Ausdr cke finden Sie m Internet unter folgender Adresse http de wikipedia org wiki Regex Falls ein Datumsfeld in der Vorlage definiert wurde kann zus tzlich noch das Datumsformat eingestellt werden Sie k nnen hier zwischen 3 Formaten w hlen UNIX Timestamp Der Unix Timestamp z hlt die Anzahl der Sekunden seit dem Beginn der Unix Epoche 01 01 1970 GMT Timestamp General Mean Time bzw Greenwich Mean Time kurz GMT Eigenes Format Innerhalb der Formatieranweisung sind folgende Symbole zul ssig Y v erstellige Ausgabe des Jahres 2004 y zweistellige Ausgabe des Jahres 04 m Monat mit f hrender Null 01 bis 12 n Monat ohne f hrende Null l bis 12 d Tag des Monats mit zwei Stellen und f hrender Null O1 bis 31 j Tag des Monats ohnef hrende Null 1 bis 31 H Stunde im 24 Stunden Format 00 bis 23 G Stunde im 24 Stunden Format ohne f hrende Null 0 bis 23 Minute
126. erwaltung Hier k nnen Sie den Benutzernamen ndern Falls die Benutzerverwaltung installiert ist erscheint hier der Men punkt Benutzerverwaltung Siehe Abschnitt 3 8 Benutzername und oder Kennwort ndern auf Seite 91 e Kennwort ndern Hier k nnen Sie Ihr Kennwort ndern Siehe Abschnitt 3 8 Benutzername und oder Kennwort ndern auf Seite 91 e Einstellungen Hier k nnen Sie webEdition Grundeinstellungen ndern Siehe Abschnitt 2 5 Einstellungen vornehmen auf Seite 40 2 2 2 3 Module Men Das Module Men listet alle von Ihnen bereits installierten webEdition Module auf Klicken Sie auf den entsprechenden Eintrag um das jeweilige Modul im Modulfenster zu ffnen Abb 14 Module Men Module Hilfe Banner Statistik Modul Benutzerverwaltung Datenbank Objektmoduil Eundenverwaltung Newsletter Scheduler Shop Tobo Messaging workflow Editar Plugin Modulnstallation Weiterf hrende Informationen zu den einzelnen Modulen entnehmen Sie bitte dem dazugeh rigen Handbuch welches f r Sie unter http www living e com zum Download bereitsteht Standard 4 1 1 Oktober 2006 Benutzeroberfl che 31 2 2 2 4 Hilfe Men Im Hilfe Men befinden s ch folgende Punkte Hilfe Abb 15 Hilfe Men Online Hilfe Update Online Hilfe ffnet ein Fenster mit der webEdition Online Hilfe Info Hier gelangen Sie zu allen Hilfequellen die webEdition Ihnen zur
127. es Verzeichnisses in dem die Bilder f r die Bildergalerie liegen durch eine Variable Da Sie mehrere Galerien haben m chten brauchen Sie auch mehrere Verzeichnisse in denen die Bilder je nach Galerie eingeordnet werden k nnen Deshalb k nnen Sie nun nicht mehr das Bilderverzeichnis direkt angeben sondern ben tigen eine globale Variable wenn alle Galerien sinnvollerweise auf derselben Vorlage basieren sollen F gen sie dazu folgenden Quelltext zwischen den Tags lt body gt und lt we listview gt ein Hinweis F gen Sie folgenden Quelltext zwischen die Tags lt body gt und lt we listview gt ein lt we ifEditmode gt Pfad des Bilderverzeichnisses lt br gt lt we href reload true directory true file false type int name album output id gt lt Br gt lt we ifEditmode gt lt we setVar to global nameto album from top namefrom album_we_jkhdsf_intID gt lt we listview contenttypes img searchable false rows 5 cols 5 workspaceID Salbum gt Erkl rung lt we ifEditmode gt Pfad des Bilderverzeichnissess lt br gt lt we ifEditmode gt Alles was innerhalb dieser Tags steht ist nur f r Redakteure w hrend dem Bearbeiten des Dokuments sichtbar Die Redakteure sehen den Text Pfad des Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 149 Bilderverzeichnisses und k nnen durch Klick auf einen Button im Dateimanager das gew nschte Verzeichnis ausw
128. eschrieben werden soll z B 2004 04 04 Wenn die Unterverzeichnisse noch nicht existieren werden sie automatisch von webEdition erstellt e Standard Erweiterung e Zu verwendende Vorlage Benutzerhandbuch 88 Mit Dokumenten arbeiten Aufgabe des Redakteurs e Ob eine Seite dynamisch generiert werden soll oder nicht e Ob eine Seite durchsuchbar sein soll oder nicht Wirkt sich auch auf bersichtsseiten aus Wenn die Seite nicht durchsuchbar ist wird Sie dort auch nicht angezeigt Diese Attribute brauchen Sie dann nicht mehr extra auszuw hlen wenn Sie eine neue webEdition Seite erstellen Zum anderen ist ein Dokument Typ ein Merkmal das einer webEdition Seite zugeordnet werden kann Anhand dieses Merkmals k nnen sp ter bersichtsseiten erstellt werden Beispielsweise definieren S e einen Dokument Typ News mit einem Standardverzeichnis news Weisen S e diesem dann eine Standard Vorlage zu news template tmpl Jedesmal wenn Sie nun eine neue News Seite erstellen wollen w hlen S e nur noch als Dokument Typ News aus und schon s nd die korrekte Vorlage und das korrekte Verzeichnis automatisch eingestellt 3 6 1 Dokument Typ erstellen W hlen Sie im Optionen Dropdownmen Dokument Typen um das entsprechende Fenster zu ffnen s ehe Abb 100 Abb 100 Neuen Dokument Typ erstellen Optionen Dokument Typen Kategorien Mimmaturansichten Navigation Benutzerverwaltung Kennwort
129. esen Sie in diesem Fall ab Abschnitt 2 4 Standard Modus und seeMode kennenlernen auf Seite 36 weiter Links des Dateibaumes befinden s ch die Karteireiter Dokumente und Vorlagen Wenn Sie das Datenbank Objekt Modul installiert haben befinden sich an dieser Stelle noch zwei weitere Karte reiter Klassen und Objekte Klicken Sie auf den entsprechenden Karteireiter um in die gew nschte Ansicht zu wechseln Dokumente Zeigt eine Liste der Dokumente Webseiten Stylesheets Bilder etc und die Dokumentverzeichnisse an Vorlagen Zeigt alle Vorlagen an Objekte Zeigt alle Objekte an nur wenn das DB Objekt Modul installiert ist Klassen Zeigt alle Objektklassen an nur wenn das DB Objekt Modul installiert ist Dokumente Vorlagen oder Objekte die im Dateibaum rot dargestellt werden wurden gespeichert aber noch nicht ver ffentlicht Werden Sie schwarz angezeigt wurden Sie sowohl gespeichert als auch ver ffentlicht siehe Abschnitt 3 2 2 Webseite speichern und ver ffentlichen auf Seite 59 Klicken Sie auf eine Datei um sie in der Ansicht Bearbeiten zu ffnen zu bearbeiten oder zu ver ffentlichen Wenn Sie auf ein Dokument doppelklicken wird es in einem neuen Browserfenster ge ffnet und so dargestellt wie es sp ter online erscheint Am unteren Rand befindet sich das Eingabefeld f r die webEdition Suchfunktion 2 2 4 1 ID Nummern IDs Wenn Sie mit dem Mauszeiger ber einzelne Dokumente oder Vorl
130. f r Dokumente erstellen 62 Rebuild von statischen und dynamischen Webseiten durchf hren 62 Dateien importieren 62 Lokale Dateien importieren 63 Dateien vom Server importieren 65 Generic XML Daten importieren 67 CSV Dateien importieren 68 webEdition XML Dateien importieren 70 Grafiken in die Webseite einbinden bearbeiten und austauschen 73 Grafik einbinden 73 Mehrere Grafiken gleichzeitig importieren 74 Grafikeigenschaften definieren Ansicht Eigenschaften 77 Benutzerhandbuch 2 Inhalt Grafiken einbinden und bearbeiten Ansicht Bearbeiten 78 Informationen ber die Grafik anzeigen Ansicht Information 80 Miniaturansichten Thumbnails erzeugen Ansicht Miniaturansicht 80 Mit nicht grafischen Dokumenten arbeiten 82 HTML Seiten editieren 82 Flash Filme einbinden 84 Quicktime Filme einbinden 85 JavaScript Code einbinden 86 Cascading Style Sheets CSS einbinden 86 Sonstige Dateien einbinden 87 Dokument Typen erstellen l schen und bearbeiten 87 Dokument Typ erstellen 88 Dokument Typ l schen 90 Dokument Typ bearbeiten 90 Kategorien erstellen 90 Benutzername und oder Kennwort ndern 91 Benutzeroberfl che beim Bearbeiten von Dokumenten 92 Einzeiliges Texteingabefeld lt we input type text gt 92 Datum lt we input type date gt 92 Checkbox lt we input type checkbox gt 92 Auswahlfeld lt we input type choice gt 93 Textfeld lt we textarea gt 93 Liste lt we block gt 99 Linkliste lt we linklist
131. fehl k nnen alle Dokumente oder solche die bestimmte Kriterien erf llen neu in die Datenbank geschrieben werden Sogenannte Rebuilds sind notwendig um Links konsistent zu halten sobald sich die Link Struktur auf einer n cht dynamisch generierten Seite ver ndert Weitere Informationen zum Rebuild finden S e unter Abschnitt 3 2 8 Rebuild von statischen und dynamischen Webseiten durchf hren auf Seite 62 e Server durchsuchen Ein Fenster wird ge ffnet das Ihnen das Root Verzeichnis Ihres Servers anzeigt Die von webEdition erstellten Verzeichnisse und Dateien werden blau angezeigt alle anderen schwarz Der Dateimanager siehe Abb 12 erm glicht Ihnen die Verwaltung Ihrer Dateien und Verzeichnisse Sie k nnen hier auch Verzeichnisse erstellen oder Dateien verschieben Abb 12 Dateimanager Suchen in Dateiname Dateityp nderungsdatum Dateigr e Ne gg o Yezers oO OIJ E 02 2006 1030 F i we_demo_2 Verzeichnis 02 05 2006 13 39 19 dl we_demo_ 1146569959 Verzeichnis 13 02 2005 10 36 46 Bu webEdition Verzeichnis 02 05 2006 13 39 02 dl webEdition1146569942 Verzeichnis 13 02 2005 10 36 37 du weinstall Verzeichnis 02 05 2006 13 36 27 du xampp Verzeichnis 19 01 2005 12 51 04 E apache_pb gif Grafik 01 12 2005 15 34 02 E apache_pb png Grafik 01 12 2005 15 34 02 E apache_pb2 gif Grafik 01 12 2005 15 34 04 apache_pb png Grafik 01 12 2005 15 34 04 E apache_pb _ani gif Grafik 01 12 2005 15 34 02 E favicon ico Sonstige
132. g aus der fomatierten Ausgabe dieser Navigation k nnte dann wie folgt aussehen lt ul gt lt li id li_navl_open gt lt a id a_navl_open href we_demo accessible index php gt Barrierefreiheit lt a gt lt ul gt S lt a href we_demo accessible information html gt Information lt a gt lt li gt lt I gt lt a href we_demo accessible demo html gt Diese Demo lt a gt IL gt lt ul gt gt Benutzerhandbuch 138 Vorlagen erstellen Aufgabe des Administrators lt li gt lt a href we_demo news index php gt News lt a gt lt li gt lt li gt lt a href we_demo blog index php gt Blog lt a gt lt li gt lt li gt lt a href we_demo events index php gt Veranstaltungen lt a gt lt li gt lt li gt lt a href we_demo company index php gt Unternehmen lt a gt lt li gt lt li gt lt a href we_demo imprint index html gt Impressum lt a gt lt li gt lt li gt lt a href we_demo image_gallery index php gt Bildergalerie lt a gt lt li gt lt li gt lt a href we_demo customer index php gt Kundenbereich lt a gt lt li gt lt li gt lt a href we_demo shop index php gt Shop lt a gt lt li gt lt li gt lt a href we_demo guestbook index php gt G stebuch lt a gt lt li gt lt li gt lt a href we_demo newsletter index php gt Newsletter lt a gt lt li gt lt li gt lt a href we_demo voting index php gt Voting lt a gt lt li gt lt ul gt xit T on Dies ergibt inklusive
133. gabe benutzt e Attribute Entspricht den Attributen von Grafiken Zus tzliche Attribute sind Skalieren Inder Standardeinstellung Attribute weglassen oder zeige alles wird der Film im angegebenen Bereich vollst ndig angezeigt Dabei bleiben die urspr nglichen Seitenverh ltnisse des Films erhalten Der Film wird nicht verzerrt angezeigt Unter Umst nden werden an zwei Seiten des Films R nder angezeigt Ohne Rand skaliert den Film auf den gesamten angegebenen Bereich beh lt aber das urspr ngliche Seitenverh ltnis des Films bei Der Film wird nicht verzerrt angezeigt Unter Umst nden werden Bereiche des F lms abgeschnitten exactfit zeigt den Film genau im angegebenen Bereich an Dabei bleibt allerdings das urspr ngliche Seitenverh ltnis des Films unber cksichtigt so dass der Film unter Umst nden verzerrt angezeigt wird Abspielen Soll der F lm sofort anfangen zu spielen lassen S e diesen Parameter weg Wollen Sie dagegen auf eine Benutzer Aktion warten stellen Sie den Parameter ein Dies entspricht einer STOP Aktion im ersten Frame Ihres Filmes Qualit t Die Qualit t der Ausgabe wird hier bestimmt Hintergrundfarbe Flash hat keine gro e Auswahl an Optionen Sie k nnen die Hintergrundfarbe Ihres Films hier von Hand setzen Ausrichtung links rechts oben oder unten Flash Ausrichtung links rechts oben oder unten richtet Filme an der entsprechenden Kante des Br
134. geln f r Highlighting im Navigationstoolfenster erreicht man das Men zum Bearbeiten der Highlighting Regeln Hier lassen s ch abh ngig vom Dokument Typ und Ordner bei Dokumenten bzw abh ngig von Arbeitsbereich und Klassen bei Objekten festlegen welcher Navigationseintrag hervorgehoben werden soll Abb 156 zeigt ein Beispiel aus we_demo Einstellungen Abb 156 Fenster Navigations Regeln Navigations Regeln Eingetragene Regeln News Detail Neuer Eintrag Blog Entry Troan en el schen Unternehmen Bildergalerie Shop Voting Name der Regel Veranstaltungen Aktiver Navigationspunkt Veranstaltungen Ausw hlen Regel gilt f r Objekte Der Klasse veranstaltungen Ausw hlen Arbeitsbereich Kategorien Alle l schen Hinzuf gen Speichern E Schlieben Standard 4 1 1 Oktober 2006 115 4 Vorlagen erstellen Aufgabe des Administrators Dieses Kapi tel richtet sich an Administratoren In diesem Kapitel wird unter Administrator derjenige verstanden der Struktur und Layout der Webseiten n Vorlagen erstellt Es richtet sich also vornehmlich an den entwickelnden und weniger an den technischen Adminstrator der Website Dieses Kapitel behandelt folgende Themen Was ist eine Vorlage Was sind we tags Ansichten f r Vorlagen Hauptvorlage Mastertemplate erstellen Vorlagen erstellen Variable Inhalte durch we tags ersetzen Weitere Funktionen ber we
135. hen Administration Ansicht SeeMode Besucher hohe Abstraktion geringe Abstraktion keine Abstraktion Myagi Content bEditi aa Web Seit Datenbank onten we ition verwalte eb Seite Web Server php4 Beim ersten Einloggen in den seeMode fordert webEdition Sie auf ein Startdokument festzulegen siehe Abb 36 Abb 36 Kein Startdokument Warnmeldung m Momentan ist kein Startdokument f r Sie festgelegt Wollen Sie jetzt in den Einstellungen ein Startdokument festlegen Abbrechen Standard 4 1 1 Oktober 2006 Benutzeroberfl che 39 Klicken Sie auf OK um in die Einstellungen f r Oberfl che zu gelangen Im Feld seeMode Startdokument k nnen Sie ein Startdokument f r den seeMode ausw hlen Danach wird webEdition jedesmal wenn Sie im seeMode starten die von Ihnen gew hlte Seite anzeigen Abb 37 Bearbeitungsbildschirm im seeMode Datei Optionen Module Hilfe 64 um m F web dition Online bestellen mi und loslegen CMS AND FRIENDSHIP Standort we demo Barrierefreiheit webEdition kann auch barrierefrei Schwerpunkt der webEdition Version 3 2 liegt auf der Erstellung von b rrierefreien Internetseiten Unter einer barrierefreien Web Site verstehen viele Leute leider immer noch eine unansehnliche oder rein textbasierte Seite f r Menschen mit k rperlichen Behinderungen die neben der eigentlichen Website gepflegt werden muss Barrierefreiheit ist aber
136. hen Kundenbereich Behinderungen die neben der eigentlichen Website gepflegt werden muss shop Barrierefreiheit st aber weit mehr als das Barrierefreiheit Accessibilite G stebuch beinhaltet das Entfernen s mtlicher Problempunkte die den Zugang zu den Newsletter Inhalten auf einer Web Site verhindern k nnten Dadurch ist es auch mit OOE O o4A lternativen Ausgsbeger ten wie PDAs ScreenReadern Wab Browsern oder textbasierten Browsern m glich den Inhalt der Seite ohne Probleme zu En Bearbeiten In Workflow Speichern D Beim Speichern ver ffentlichen D Nach Speichern neue Sg 3 Sie haben nun zwei M glichkeiten Bearbeiten oder In Workflow a Falls Sie das Workflow Modul installiert haben k nnen Sie Ihr Dokument nun in den Workflow einstellen N heres finden Sie im Handbuch zum Workflow Modul Die Prozedur ist hiermit abgeschlossen b Wenn Sie die Seite bearbeiten m chten klicken Sie bitte auf Bearbeiten Die Seite wird in der seeMode Bearbeiten Ansicht ge ffnet und Sie k nnen die Felder nun editieren analog zu Abschnitt 3 9 Benutzeroberfl che beim Bearbeiten von Dokumenten auf Seite 92 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 105 Abb 139 seeMode Ansicht Bearbeiten EX webedition Mozilla Datei Optionen Module Hilfe web dition xit CMS AND FRIENDSHIP Menu Level 1 accessible Menu Level 2 Barrierefreiheit web dition Web
137. hen Textverarbeitungsprogrammen gewohnt sind Abb 118 zeigt ein WYSIWYG Textfeld Abb 118 WYSIWYG Textfeld Schriftstil Schriftname Schriftgr lte We 255 Style F U 4P Ha Ha rtf Di WYSIWYG ist die Abk rzung f r What You See Is What You Get D h die aktuelle Ansicht des Redakteurs entspricht der Ansicht bei der Ausgabe Ansicht von Websitebesuchern nach der Ver ffentlichung der Website Hinweis Werden Textfelder ohne WYSIWYG Funktion dargestellt Bearbeitungssymbole fehlen obwohl S e einen der empfohlenen Browser verwenden wenden Sie sich an den Administrator In der Vorlage mu dann das Attribut dhtmledit auf On gesetzt werden Wenn Sie im Eingabefeld mit HTML Tags arbeiten wollen mu in der Vorlage das Attr but wysiwyg auf false gesetzt werden Benutzerhandbuch 96 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 9 5 4 WYSIWYG Funktionen f r barrierefreie Seiten Der WYSYWIG Editor besitzt Funktionen um die Erstellung barrierefreier Seiten zu vereinfachen s ehe Abb 119 Abb 119 WYSIWYG Textfeld Ich bin Blindtest Yon Geburt an Es hat lange gedauert bis ich begriffen habe was Ei bedeutet ein blinder Text zu sein Man macht keinen Sinn Man wirkt hier und da aus dem Zusammenhang gerissen Oft wird man gar nicht erst gelesen Aber bin ich deshalb ein schlechter Text Ich weih dass ich nie die Chance haben werde im Stern zu erscheinen Aber bin ich da
138. ichnisse legen Sie bzw sp ter die Redakteure die Bilder ab die f r die entsprechende Bildergalerien bestimmt sind Legen Sie eine Vorlage an mit der aus verschiedenen Bildergalerien eine Galerie ausgew hlt werden kann Verlinken Sie dabei die Namen der Bildergalerien ber lt a href gt mit der entsprechenden bersichtsseite der Bildergalerie lt ul gt lt li gt lt a href gallery egypt php gt Agypten lt a gt 2004 lt li gt lt li gt lt a href gallery france php gt Frankreich lt a gt 2003 lt li gt lt ul gt Abb 186 Bildergalerien Auswahl Home Mews Produkte Bildergalerien Downloads G stebuch Kontakt Impressum Suche Druck Frankreich gypten Home Bildergalerie Bildergalerie N Hier steht Ihnen ein Fotoalbum zur Yerf gung F gen Sie hier Fotos von Ihrer Familie Ihrem Unternehmen oder welche Fotos Sie auch immer online wissen m chten ein und jeder der m chte kann darauf zugreifen Auch das Anlegen von verschiedenen Kategorien wie z B Familie Unternehmen Urlaub uvm zugunsten der bersichtlichkeiti ist m glich Klickt der Nutzer auf eine Kategorie sieht er die Bilder im Kleinformat klickt er dann das gew nschte Bild an erscheint es im Originalformat gypten 2004 Frankreich 2003 c ffnen Sie die Vorlage die Sie in Schritt 1 erstellt haben Dies ist die Vorlage mit der bersicht ber die Bilder einer Galerie in Miniaturansichten Ersetzen Sie dort die Bezeichnung d
139. icht berschritten werden darf 3 4 3 Grafikeigenschaften definieren Ansicht Eigenschaften Die Eigenschaften Ansicht erm glicht Ihnen die Parameter Ihrer Grafiken zu bestimmen Es gibt drei Bereiche Pfad Attribute und Hyperlink unter weitere Eigenschaften e Pfad Vergeben oder ndern Sie den Namen der Datei w hlen Sie ein Verzeichnis und ndern Sie die Dateierweiterung in den entsprechenden Feldern e Attribute In diesem Bereich k nnen Sie das Erscheinungsbild Ihrer Grafik ver ndern Abb 89 Ansicht Eigenschaften Bereich Attribute Attribute Breite H he Rand 200 150 Ausrichtung Horizontaler Abstand vertikaler Abstand Alternativ Text Name Titel C Meta Titel verwenden Datei f r longdesc Attribut Ausw hlen T Die Standardeinstellungen sind die Ausgangswerte der Originaldate Breite Breite der Grafik n Pixeln H he H he der Grafik in Pixeln Rand Rand um die Grafik n Pixeln Ausrichtung Geben Sie left oder right ein um die Grafik links oder rechts auszurichten Begleitender Text wird dementsprechend links oder rechts dargestellt Horizontaler Abstand Bestimmt den Abstand der Grafik nach links und rechts zu anderen Elementen Vertikaler Abstand Bestimmt den Abstand der Grafik nach oben und unten zu anderen Elementen Alternativ Text Dieser Text wird w hrend des Ladevorganges angezeigt oder falls Bilder m Browser ausgeschaltet s
140. icht von Miniaturansichten von Bilddateien Abb 182 bersicht ber Miniaturansichten von Bildern Bildergalerie Eine kleine Auswahl an Bildern Zeige Bild 1 4 von 5 Klickt man auf eine Miniaturansicht so erscheint das Bild in der Originalgr e in einem separaten Popup Fenster oder in demselben Fenster Abb 183 Detailansicht eines Bildes aus der Bildergalerie Bildergalerie Detailansicht zur ck zur Bildergalerie Detailansicht von Bild on 3 Um eine Bildergalerie anzulegen ben tigen Sie f r die bersicht und die Detailansicht jeweils eine Vorlage Fertige Beispielvorlagen sind in der we _ demo we demo image gallery index tmpl und we demo image gallery detail tmpl So gehen Sie vor um selbst eine Bildergalerie zu erstellen Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 145 Prozedur 13 Bildergalerie erstellen 1 Erstellen Sie zun chst die Vorlage f r die bersicht der Bilder vgl we _demo image_gallery index tmpl Legen Sie eine neue Vorlage an und erstellen Sie darin eine Listview lt we listview gt lt we listview gt Geben Sie zur Listview folgende Attribute und Subtags an name lmageGallery Geben Sie der Listview einen aussagekr ftigen Namen optional contenttypes img Dies bedeutet dass Bilder in der Listview angezeigt werden Neben img Bilder w ren die Attributwerte wepage webEdition Dokumente und binary sonstige Dokumen
141. ie Datensatz Felder werden den webEdition Feldern zugeordnet O CS Import Import von CSW Dateien Comma Separated Walues oder davon abgewandelter Textformate z B txt Die Datensatz Felder werden den webEdition Feldern zugeordnet W hlen S e Dateien vom Server importieren und klicken S e auf Weiter Im folgenden Dialog muss die Checkbox Erzeuge webEdition Seiten aktiv sein Abb 190 Checkbox bei Import Importiere Grafiken gif jpg png JavaScripts Flash Filme c55 Stylesheets HTML Seiten Plain Text Dokumente Erzeuge webEdition Seiten Sonstige Dateien Einstellungen Quicktime Filme Dadurch ist es m glich eine komplette Website pflegegerecht automatisch zu importieren Es gibt zwei unterschiedliche Arten des Importes Sie w hlen dies Art des Importes ber den Einstellungen Dialog den Sie durch Klick auf den Einstellungen Button aufrufen Dieser befindet sich direkt unter der Erzeuge webEdition Seiten Checkbox s o Es gibt folgende M glichkeiten 4 8 1 Vorlagen automatisch erzeugen webEdition erzeugt automatisch eine Vorlage f r die zu importierende HTML Seite Hier wird der gesamte Inhalt zwischen dem lt body gt Start und Endtag in das Feld content importiert und in der Vorlage daf r ein Wysiwyg Editor eingesetzt lt weitextarea wysiwyg true name content gt Benutzerhandbuch 153 Vorlagen erstellen Aufgabe des Administrators Abb 191 Vorlagen automatisch erzeugen Imp
142. ie Webseite speichern aber noch nicht ver ffentlichen Klicken Sie dazu auf den Speichern Button ohne dass die Checkbox Beim Speichern ver ffentlichen aktiviert ist Falls das Dokument vor dem Speichern nicht ver ffentlicht war wird es im Explorer Men rot dargestellt Falls das Dokument bereits ver ffentlicht war wird es im Explorer Men blau dargestellt das Dokument bleibt nach dem Speichern in unver ndertem Zustand ver ffentlicht e Webseite speichern und gleichzeitig ver ffentlichen Die Webseite ist dann auch au erhalb von webEdition aufrufbar Aktivieren Sie dazu die Checkbox Beim Speichern ver ffentlichen und klicken Sie auf den Speichern Button Das Dokument wird im Explorer Men schwarz dargestellt So berpr fen S e ob die Ver ffentlichung erfolgreich war Doppelklicken S e m Explorermen auf das Dokument Die Seite wird dann n einem weiteren Browserfenster ge ffnet Wenn die Seite nicht ver ffentlicht ist rote Schrift im Explorermen erscheint in dem Browserfenster ein Hinweis dass das Dokument unver ffentlicht ist Wenn Sie wollen dass sich nach dem Speichern ein neues leeres Dokument gleichen Typs ffnet aktivieren Sie die Nach Speichern neue Seite Checkbox 3 2 3 Webseite parken Parken bedeutet eine ver ffentlichte Seite aus der Ver ffentlichung entfernen ohne sie zu l schen ffnen Sie dazu zuerst das Dokument durch einen Klick im Explorer Men Klicken Sie dann auf den Parken Butt
143. ielseiten an Die Beispiele in diesem Handbuch basieren auf we demo Ihre eigenen Seiten werden im Root Verzeichnis angelegt 2 2 1 Das Cockpit Ab Version 4 von webEdition steht Ihnen ein berarbeiteter Startbildschirm das Cockpit zur Verf gung das Ihnen bei jedem Einloggen in webEdition die wichtigen Informationen auf einen Blick zusammenfa t Benutzerhandbuch 26 Benutzeroberfl che Abb 6 Cockpit Startbildschirm Shortcuts Dokument ffnen Unver ffentlichte Objekte Neues Dokument l Neues Objekt Neue Worlage Neue Klasse Neues Verzeichnis Einstellungen Unver ffentlichte Seiten RSS Feed 19 04 2006 09 00 Uhr webEdition auf der MacExpo in Amsterdam MAMP in neuer Version 1 2 verf gbar 4 ka Die webEdition Software GmbH zeigt auf der MacExpo wom 26 bis 28 April 2006 in Amsterdam die neueste Version seines Installationspakets f r Apple Macintosh Umgebungen MAMP mehr 03 02 2006 13 15 Uhr webEdition WYSIWYG goes Safari Mit der soeben ver ffentlichten neuen Wersion 3 5 0 8 des CMS webEdition sind wir der Konkurrenz einen Schritt voraus als einer der ersten Softw arehersteller bieten wir unser Content Management System mit WYSIWYG Funktionen nun auch im Safari Browser von Mac OS X an mehr 12 12 2005 13 09 Uhr CMS Hersteller ver ffentlicht webEdition 3 5 und neues Shop Modul Wer im E Business langfristig erfolgreich sein will braucht neben einer
144. ieren a W hlen Sie im Dateimanager die gew nschte Vorlage b Klicken Sie auf die entsprechende Vorlage und dann auf OK 5 Klicken Sie auf Speichern am unteren Bildschirmrand webeEcdition informiert Sie nun ber das erfolgreiche Speichern der neuen Vorlage 6 Klicken Sie auf OK Die neue Vorlage wird links im Explorerfenster angezeigt und kann als Basis f r ein neues Dokument benutzt oder bearbeitet werden Diese Prozedur ist hiermit abgeschlossen 4 5 1 Vorlage speichern Sichern Sie nderungen an der Vorlage durch einen Klick auf Speichern Abb 169 Speichern Button Speichern Wenn Sie eine Vorlage bearbeiten auf der bereits Dokumente basieren fragt webEdition ob sich die Anderungen an der Vorlage auch auf die entsprechenden Dokumente auswirken sollen e Antworten Sie mit ja werden die Vorlage und dann alle Dokumente welche auf dieser Vorlage bas eren mit den Anderungen neu abgespeichert e Antworten Sie mit nein wird nur die Vorlage mit den nderungen gespeichert Die Dokumente die auf dieser Vorlage bas eren nutzen dann nicht die neue Vorlage sondern basieren weiter auf der alten Vorlage bis die Dokumente selbst neu gespeichert werden Die Option Automatischer Rebuild bewirkt ein automatisches Neuspeichern aller Dokumente die auf dieser Vorlage basieren 4 5 2 Vorlage bearbeiten Um eine Vorlage zu bearbeiten klicken Sie diese entweder einmal im Explorermen an oder w hlen S e Date gt Offnen gt
145. ikel das Datumsfeld Date besitzen Lassen Sie die Tags lt we next gt und lt we back gt weg da bei zehn Eintr gen eine Seite ausreicht Setzen Sie stattdessen einen Link zur bersichtsseite des Archivs lt we listview doctype News rows 10 order Date desc true gt lt we repeat gt lt we field type date name Date gt lt we field type text name Headline hyperlink true gt lt br gt lt we repeat gt lt we listview gt 2 Erstellen Sie nun den Quellcode der die bersichtsseite f r das Archiv generiert Erg nzen sie dabei das lt we listview gt Tag um das Attribut offset mit dem Wert 10 Dies bewirkt dass die ersten zehn Eintr ge nicht ausgegeben werden Der erste Eintrag der bersicht ist also die 11 aktuellste News Geben Sie lt we back gt und lt we next gt an um das Navigieren zu den weiteren Seiten des Archivs zu erm glichen lt we listview doctype News order Date desc true offset 10 gt lt we repeat gt lt we field type date name Date gt lt we field type text name Headline hyperlink true gt lt br gt lt we repeat gt lt we back gt Zur ck lt we back gt lt we next gt Weiter lt we next gt lt we listview gt 4 7 4 2 Ergebnisse einer Suchanfrage ausgeben So k nnte eine berssichtsseite aussehen die Ergebnisse einer Suchanfrage generiert Abb 180 bersicht der Ergebnisse einer Suchanfrage muss nicht teuer sein x a Web Content Management STAR web d
146. ind Name Interner Name der Grafik Benutzerhandbuch 78 Mit Dokumenten arbeiten Aufgabe des Redakteurs Titel Geben Sie hier den Titel der Grafik ein Aktivieren Sie Meta Titel verwenden um den Titel aus den Meta Infos zu bernehmen Datei f r longdesc Attribut Hier k nnen Sie eine Datei f r das longdesc Attribut ausw hlen Hier k nnen Sie in einer Datei eine Langbeschreibung des Bildes hinterlegen um beispielsweise die Grafik einer Tabelle f r sehbehinderte Webseitenbesucher aufzuschl sseln e Hyperlink Die Grafik kann hier mit einer URL verlinkt werden Abb 90 Eigenschaften Hyperlink Bereich Hyperlink Kein Link Extern href Ausw hlen Intern href Ausw hlen O Objekt href Ausw hlen Target I Ej C Roll Over href Ausw hlen Kein Link Grafik ist nicht verlinkt Extern Externer Link z B www living e de kann auch mit dem Ausw hlen Button gew hlt werden Intern Interner Link kann auch mit dem Ausw hlen Button gew hlt werden Target Wo soll die verlinkte Seite erscheinen wird das Feld leer gelassen wird die neue Seite im selben Fenster bzw Frame ge ffnet _ blank ein neues Browser Fenster wird ge ffnet top Die Seite wird im gleichen Fenster auf oberster Ebene geladen auch wenn Sie aus einem Frame heraus aufgerufen wurde oder man gibt den genauen Namen des Frames oder Fensters an in dem sich die
147. iner barrierefreien Web Site verstehen viele Leute leider immer noch eine unansehnliche oder rein textbasierte Seite f r Menschen mit k rperlichen Behinderungen die neben der eigentlichen Website gepflegt werden muss Barrierefreiheit ist aber weit mehr als das Barrierefreiheit Accessibility beinhaltet das Entfernen s mtlicher Problempunkte die den Zugang zu den Inhalten auf einer Web Site verhindern k nnten Dadurch ist es auch mit alternativen Ausgabeger ten wie PDAs ScreenReadern Wap Browsern oder textbasierten Browsern m glich den Inhalt der Seite ohne Probleme zu erfassen Diese Website wurde komplett in webEdition erstellt und soll zeigen wie eine Website barrierefrei gestaltet werden kann ohne auf ansprechendes Design zu verzichten Die folgenden Links enthalten einige Anmerkungen ber diese Seite selbst en on 1 mm i Eil a am mm e D mr S e In Workflow Parken Speichern C Beim Speichern ver ffentlichen _ Nach Speichern neue Seite e Eigenschaften Hier k nnen Sie Name Speicherort Dokumenttyp etc angeben e Bearbeiten Hier k nnen Sie ihr Dokument inhaltlich bearbeiten e Information Hier k nnen Sie wichtige Informationen ber das Dokument lesen e Vorschau Hier k nnen Sie die Webseite so anzeigen lassen wie sie nach einer Ver ffentlichung m Browser angezeigt werden w rde e Scheduler PRO Bei installiertem Scheduler Pro Modul k nnen Sie hier Scheduler PRO Optionen einstellen
148. ionkEntry gt Auf Aktive Ordner aller Ebenen kann man mit dem zus tzlichen Parameter current true zugreifen lt we navigationEntry type folder navigationname default current true gt lt li id currentFolder gt lt strong gt lt we navigationField name text gt lt stLrondg gt lt ul gt lt we navigationEntries gt lt ul gt SALES lt we navigationEntry gt Das Erscheinungsbild normaler Navigationseintr ge lt we navigationEntry type item navigationname default gt lt li gt lt a href lt we navigationField name href gt gt lt we rnavigationField name text gt lt a gt lt li gt lt we navigationkEntry gt Sowie akt ver Navigationseintr ge lt we navigationEntry type item navigationname default current true gt lt li gt lt a id currentA href lt we navigationfield name href gt gt lt we rnavigationField name text gt lt a gt lt li gt lt we navigationkEntry gt 4 7 1 3 we navigationEntries Das we navigationEntries Tag kann nur innerhalb eines we navigationEntry Tags verwendet werden Es dient als Platzhalter f r alle Eintr ge innerhalb eines Navigat onsordners we navigationEntries hat keine Parameter lt we navigationEntry type folder navigationname default current true gt lt li id currentFolder gt lt strong gt lt we navigationField name text Lex SLLong gt lt ul gt lt we navigationEntries gt lt ul gt SFERA lt we
149. irm 1 ffnen Sie den Import Wizard mit Datei gt Import Export gt Import 2 Aktivieren Sie den webEdition XML Import Radiobutton 3 Klicken Sie auf Weiter Das webEcdition XML Import Fenster wird ge ffnet siehe Abb 77 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 71 Abb 77 webEdition XML Import webEdition XML Import Importiere Quelldate vom Server laden f Ausw hlen Quelldatei von der lokalen Festplatte hochladen D Die hochzuladende Datei darf auf Grund wan PHP Einschr nkungen nicht gr er als 16MB sein 000 Durchsuchen Bei existierender Beim Import von Dateien in ein Verzeichnis das eine Datei mit Datei w gleichem Namen enth lt kommt es zu Konflikten Geben Sie an wie der Import Wizard diese Dateien behandeln soll ie Ersetzen Bestehende Datei l schen und mit den neuen Eintr gen Ihrer vorliegenden Datei ersetzen C Umbenennen Dem Dateinamen wird eine eindeutige ID hinzugef gt Alle Links die auf diese Datei verweisen werden entsprechend angepasst C berspringen Beim berspringen der vorliegenden Datei bleibt die bestehende Datei erhalten Zur ck Weiter Abbrechen 4 W hlen Sie im Bereich Importiere die zu importierende Datei aus Diese kann sich sowohl auf dem Server als auch auf Ihrer lokalen Festplatte befinden 5 Im Bereich Bei existierender Datei legen Sie fest wie das System sich verhalten soll falls bere
150. ition CSM amp Friends t Home Seite 1 von 1 Eintr ge 1 bis 5 ber diese Seite w ebedition cde Wir ber uns STAR Home News Sehr geehrter webEdition Kunde diese zweite Demo Seite soll Ihnen zeigen was alleine mit der webEdition Basisversion m gl ch ist Alles was Sie hier Produkte auf dieser Seite finden ist nur mit den Photoalbum STAR News Listview Die Syntax von Listviews in webEdition Hier sehen wir eine M glichkeit News in Form von sogenannten Listviews einfach darzustellen Der Gervice G stebuch Redakteur braucht sich nicht um die Verlinkung der Kontakt STAR Produkte s STAR Produkte Produkte 5 Dies k nnte eine bersichtsseite ber Ihre Impressum Produkte oder Ihre Dienstleistung sein Viele interessante DingeK nnen Sie hier tun Wenn Sie z B das Eingabefenster Editor A Druckversion STAR G stebuch Eintrag Stutensee Hallo liebe webEdition Kunden mit den neuen we Tags aus webEdition 2 2 ist es nun m gl ch dass der Besucher der Webseite Dokumente und Objekte bei installiertem DB Objektmodul anlegen STAR Kontakt Sehr geehrt Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 143 Prozedur 17 Ergebnisseite einer Suchanfrage anlegen 1 Schreiben Sie den Quellcode f r eine bersichtsseite siehe Abschnitt 4 7 4 lt we listview gt hat dabei keine Attribute 2 Stellen Sie sicher dass die relevanten Felder z B
151. ition Seite we_demo accessible demo html Eigenschaften Bearbeiten Information Walidierung Eigenschaften Pfad we_demo accessible demo html Dokument Dokument Typ accessible Article Bearbeiten we_demojaccessible accessibleText tmpl E Seite dynamisch generieren Ist durchsuchbar Meta Infos Titel Barrierefreiheit ber diese Demoseite Beschreibung Hier finden sie einige Anmerkungen zu dieser barrierefreien Demo Seite Schl sselw rter webEdition barrierefrei Demo Seite HTML Zeichenkodierung r 1SO 8859 1 150 8859 1 Westeurop isch Westi Kategorien DS OSE Alle l schen Hinzuf gen a a j Navigation 2 BASS 2 i iai E we_demo Barrierefreiheit Diese Demo Alle l schen Hinzuf gen i nn ERRE E e p ee l Eigenschaften ausblenden webEdition Seite BEL Ausw hlen kopieren Besitzer Hauptbesitzer adm n Bearbeiten C Zugriff einschr nken e Pfad In diesem Bereich geben Sie Namen Dateierweiterung und Speicherort Pfadangabe des Dokumentes an Um Eingabefehler zu vermeiden w hlen S e das Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 53 Verzeichnis mithilfe des Dateimanagers aus der sich nach einem Klick auf Ausw hlen ffnet Eine manuelle Eingabe des Verzeichnisses ist nicht vorgesehen Die Dateierweiterung bestimmt die Reaktion des Servers auf das Dokument Statis
152. its gleichnamige Dateien existieren sollten 6 Nachdem Sie Ihre Auswahl getroffen haben klicken Sie auf den Weiter Button Das Import Optionen Fenster wird ge ffnet siehe Abb 78 Abb 78 webEdition XML Import Optionen Import Optionen Dokumente M Dokumente importieren Vorlagen N Geben Sie bitte das Verzeichnis an in welches die fp Dokumente importiert werden sollen H Ausw hlen W Pfade beibehalten C vorlagen importieren Objekte l Objekte importieren Klasse C Klassen importieren Dokument Typen 7 Dokument Typen importieren Kategorien To C Kategorien importieren p Sollte der Benutzer nicht existieren dann wird die Option Besitzerdaten berschreiben verwendet W Besitzerdaten wiederherstellen W Besitzerdaten berschreiben H Ausw hlen Zur ck Weiter l Abbrechen Benutzerhandbuch 72 Mit Dokumenten arbeiten Aufgabe des Redakteurs 7 In diesem Fenster gibt es abh ngig von Ihren installierten Modulen und den in der exportierten Datei enthaltenen Daten mehrere Bereiche e Dokumente Vorlagen Aktivieren Sie diese Checkboxen so werden die Dokumente und oder Vorlagen aus der zu importierenden Datei importiert Bei aktivierter Checkbox k nnen Sie ber den Ausw hlen Button ein Zielverzeichnis bestimmen e Objekte Klassen Aktivieren Sie diese Checkboxen um Objekte und oder Klassen zu importieren Dieser Bereich wird nur angezeigt wenn das DB Objekt Modul ins
153. kbox k nnen Sie die Autobreak Funktion aus bzw einschalten Die Autobreak Funktion bestimmt die Ausgabe von erzwungenen Zeilenumbr chen Erzwungene Zeilenumbr che s nd Zeilenumbr che d e durch Dr cken der Return Taste entstanden sind e Ist autobr aktiviert werden erzwungene Zeilenumbr che auch in der Ausgabe als Zeilenumbr che dargestellt e Ist autobr deaktiviert werden erzwungene Zeilenumbr che in der Ausgabe als Leerzeichen dargestellt Benutzerhandbuch 94 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 9 5 2 RTF Datei ins Textfeld importieren Falls in der Vorlage das Attribut importrtf auf true gesetzt ist erscheint im Textfeld zus tzlich der Button Importieren mit dem RTF Dateien in das Textfeld importiert werden k nnen Abb 115 Importieren Button zum Import von rtf Dateien rtf uch Dadurch haben Sie die M glichkeit die Texte in Ihrem gewohnten Textverarbeitungsprogramm zu schreiben und diese samt Formatierung nach webEdition zu bringen Dazu gehen Sie wie folgt vor Prozedur 7 rtf Datei in ein Textfeld importieren Im Textfeld 1 Klicken Sie auf den Importieren Button Es ffnet sich folgendes Dialogfenster siehe Abb 89 Abb 116 Import RTF Datei Dialogbox RTF Datei importieren Mozilla RTF Datei importieren Datei w hlen Durchsuchen C Schriftarten bernehmen C Schriftgr e bernehmen C Schriftfarbe bernehmen Weiter Abbrechen 2 W hlen
154. ken am unteren Rand informiert Sie ber den Fortschritt des Uploads Nach Abschlu des Importes werden Sie ber den Erfolg der Aktion informiert 9 Klicken Sie auf OK Die Prozedur ist hiermit abgeschlossen Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 67 3 3 3 Generic XML Daten importieren Prozedur 4 Generische XML Daten importieren Im webEdition Hauptbildschirm 1 ffnen Sie den Import Wizard mit Datei gt Import Export gt Import 2 Aktivieren Sie den Generic XML Import Radiobutton 3 Klicken Sie auf Weiter Das Generic XML Import Fenster ffnet sich siehe Abb 71 Abb 71 Generic XML Import Generic XML Import Importiere Quelldatei vom Server laden Ausw hlen O Quelldatei von der lokalen Festplatte hochladen Die hochzuladende Datei darf auf Grund won PHF Einschr nkungen nicht gr er als 16MB sein Durchsuchen Dokumente Dokument Typ Vorlage we_demo news newsImageText tmp Zielverzeichnis we_dema news Ausw hlen Erweiterung php Seite dynamisch generieren Kategorien Hinzuf gen Objekte Klasse Kategorien Hinzuf gen Zur ck Abbrechen a Mi nn 4 W hlen Sie im Bereich mportiere mithilfe des Ausw hlen Buttons die Quelldatei aus 5 W hlen Sie den Radiobutton Dokumente bzw Objekte um ein Dokument bzw ein Objekt zu importieren a Wenn Sie Dokumente w hlen legen Sie Dokument Typ Vorlage Zielverzeichnis
155. l ist die Haftung der living e AG auf den Betrag beschr nkt den Sie f r das Produkt tats chlich bezahlt haben Microsoft Windows and Explorer are trademarks of Microsoft Corporation Macintosh and Apple are trademarks of Apple Computer Inc UNIX is a trademark of UNIX System Laboratories All other trademarks are the property of their respective owners Inhalt 1 Inhaltsverzeichnis Zu diesem Handbuch 13 1 Einf hrung 19 Was ist webEdition 19 Aufgabenteilung Redakteur Administrator 19 Aufgaben der Redakteure 20 Aufgaben des Administrators 20 Installation 21 Neues in webEdition 4 0 21 Und was kommt jetzt 21 2 Benutzeroberfl che 23 webeEdition starten 23 Benutzeroberfl che kennenlernen 24 Das Cockpit 25 Men leiste 27 Steuerelemente 31 Explorermen Dateibaum 32 Suche benutzen 34 Standard Modus und seeMode kennenlernen 36 Standard Modus 36 seeMode 37 Einstellungen vornehmen 40 pagelogger in webEdition einbinden 50 3 Mit Dokumenten arbeiten Aufgabe des Redakteurs 51 Ansichten f r Dokumente 52 Eigenschaften Ansicht 52 Bearbeiten Ansicht 54 Information Ansicht 54 Vorschau Ansicht 55 Validierung Ansicht 56 Inhalte einer Website erstellen und bearbeiten 57 Neue Webseite erstellen 57 Webseite speichern und ver ffentlichen 59 Webseite parken 59 Dokumente Vorlagen Objekte oder Klassen l schen 59 bersicht ber alle unver ffentlichten Seiten anzeigen lassen 61 Inhalt einer Webseite bearbeiten 61 Verzeichnis
156. len Die Benennung der Links n der Navigation erfolgt nach dem Titel Feld Die m gliche Auswahl beim Titel Feld richtet sich nach der Vorlage im Dokument Typ ber Verzeichnis sowie Kategorie k nnen S e die anzuzeigenden Dokumente auf bestimmte Verzeichnisse oder Kategorien beschr nken Im Feld Sortierung k nnen Sie die Reihenfolge der Navigationseintr ge nach einem bestimmten Feld vornehmen lassen auch hier stammen die Felder aus dem Dokument Typ Das Parameter Feld kann mit einem zu bergebenden Parameter gef llt werden Die Anzahl anzuzeigender Eintr ge beschr nkt die Menge der angezeigten Navigationspunkte Mit Klick auf den Vorschau Button wird ein Vorschaufenster ge ffnet in welchem die Namen der erzeugten Eintr ge sowie deren interne Verlinkung angezeigt werden Im Beispiel in Abb 149 sehen Sie die Vorschau ber die Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 111 Navigat onseintr ge des Dokument Types AktuelleNews mit dem Titel Feld HeadlineKurz Abb 149 Vorschau der Navigationseintr ge Dynamische Auswahl Dokumente Motion Picture History we_demo_2 news 2002 11 05 01 php For Third Year In A Row we_demo_2 news 2002 11 09 01 php The Columbia House Company we_demo_2 news 2002 11 10 01 php Listviews we_demo_2 news 2002 11 10 02 php Schlie en Abb 150 Navigation auf Webseite In der Navigat on auf Ihrer Webseite erscheint der neue dynamisch
157. lich einen zu bergebenden Parameter definieren der in dem Link der Navigation weitergegeben werden soll Abb 146 Beispieleintrag Eintrag Eintragi Eigenschaften Allgemein Name Eintragil Ordner Unternehmen Icon f Aufz hlungs Nummer Auswahl Statische Auswahl Objekt vweranstaltungen 2002_08_24_13 Arbeitsbereich we_demo ewents Farameter parameter Der Beispieleintrag in Abb 146 w rde z B in der Navigation den Link http meineSeite we_demo events index php we_objectID 13 amp parameter erzeugen und w re ein Unternavigationseintrag des Punktes Unternehmen Abb 147 Navigationsuntereintrag 3 11 3 2 Dynamischer Navigationseintrag W hlen Sie im oberen Dropdown Men des Bereiches Auswahl die Dynamische Auswahl bieten sich erweiterte M glichkeiten f r eine automatisierte Aktualisierung der Navigation W hlen Sie zun chst die Art des dynamischen Eintrages aus Dokumente Objekte oder Kategorien Benutzerhandbuch 110 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 148 Bereich Auswahl Dynamische Auswahl Auswahl Dynamische Auswahl Dokumente Dokument Typ ega l Titel Feld hlen Verzeichnis f Ausw hlen Kategorien Alle l schen Hinzuf gen Sortierung Hinzuf gen Farameter Anzahl anzuzeigender Eintr ge 3 Worschau Dokumente Hier bestimmen Sie ber die Auswahl des Dokument Types welche Dokumente n der Navigation verlinkt werden sol
158. lliert k nnen Sie hier auch Objekte und Objektklassen ffnen Speichern Hier k nnen Sie die momentan in der Bearbeiten Ansicht ge ffnete Datei speichern L schen Hier k nnen Sie ein Dokument oder eine Vorlage bei nstalliertem DB Objekt Modul auch Objekte oder Klassen l schen Abb 11 Datei gt L schen Untermen L schen Dokumente Verschieben Vorlagen Unver ffentlichte Seiten Objekte Standard 4 1 1 Unver ffentlichte Objekte Klassen Verschieben Im Verschieben Modus k nnen Sie eines oder meherere Elemente verschieben Unver ffentlichte Seiten Ein neues Fenster wird ge ffnet in welchem in einer Tabelle alle unver ffentlichten Seiten aufgef hrt werden Oktober 2006 Benutzeroberfl che 29 e Unver ffentlichte Objekte Bei installiertem Datenbank Objekt Modul werden in einer Tabelle alle nicht ver ffentlichten Objekte angezeigt e Suche ffnet das Fenster der webEdition internen Suchfunktion e Import Export Hier k nnen sowohl Dateien als auch Daten importiert und exportiert werden N here Informationen finden Sie in Abschnitt 3 3 Dateien importieren auf Seite 62 e Backup Hier k nnen Sie ein lokales Backup Ihrer webEdition Datenbank erstellen oder wieder zur ckspielen N here Informationen zum Backup finden Sie in der der webEdition Installationsguide Diese steht zum kostenlosen Download unter folgender URL bereit http www living e com e Rebuild Mit diesem Be
159. lziehen Zun chst wird die Navigation initialisiert lt we navigation parentid 0 navigationname mainNavigation gt Name der Navigation istmainNavigation als parentia wird 0 gew hlt dies bewirkt dass die komplette Navigation verwendet wird Die darzustellende Navigation enth lt 2 Ebenen Sie soll soweit m glich barrierefrei gestaltet werden Die Navigation wird daher als verschachtelte unsortierte Liste ausgegeben s mtliche Layoutinformationen sind in einer CSS Date enthalten we_demovcss screen basic css Bei Ordnern soll nur der Inhalt des gerade aktiven Ordners angezeigt werden dieser soll gleichzeitig optisch hervorgehoben werden Gleiches gilt f r die normalen Navigationseintr ge auch hier soll der aktive Eintrag visuell hervorgehoben werden Zun chst wird die Ausgabe der Ordner festgelegt Bei nicht aktiven Ordnern wird lediglich ein Link zur Startseite der betreffenden Rubrik ausgegeben lt we navigationEntry navigationname mainNavigation type folder gt lt 11 gt lt a href lt we navigationField name href gt gt lt we navigationField name text gt lt a gt lt b gt lt we navigationkEntry gt Aktive Ordner sollen zus tzlich alle Unterpunkte anzeigen Zus tzlich wird noch eine id vergeben Anhand dieser wird dem aktiven Element mittels der CSS Datei s o ein anderes Aussehen gegeben Ein aktiver Ordner enth lt ein Listenelement mit dem eigentlichen Link sowie alle enthaltenen El
160. mate z B txt Die Datensatz Felder werden den webEdition Feldern zugeordnet Weiter Abbrechen Mit Dokumenten arbeiten Aufgabe des Redakteurs 63 3 3 1 Lokale Dateien importieren Prozedur 2 Lokale Dateien importieren Im webEdition Hauptbildschirm 1 ffnen Sie den Import Wizard mit Datei gt Import Export gt Import 2 Aktivieren Sie den Lokale Dateien Importieren Radiobutton 3 Klicken Sie auf Weiter Das Lokale Dateien importieren Fenster wird ge ffnet siehe Abb 65 Abb 65 Lokale Dateien importieren Lokale Dateien importieren Schritt 1 von 2 Zielverzeichnis Pfad we_demo image_gallery images Ausw hlen Was tun bei i Bestimmen Sie hier das Verhalten von webEdition wenn gleichem Namen i eine Datei mit gleichem Namen existiert Existierende Datei berschreiben O Neue Datei umbenennen O Datei nicht importieren Kategoren Alle l schen Hinzuf gen Grafikfunktionen einblenden 4 W hlen Sie ein Zielverzeichnis aus indem Sie auf Ausw hlen neben Pfad klicken 5 Bestimmen Sie das Verhalten von webEdition bei Existenz eines gleichnamigen Datei mithilfe der Radiobuttons und klicken Sie auf Weiter Sie k nnen hier auch bereits die Dateien zu einer Kategorie hinzuf gen oder falls es sich um Bilddateien handeln sollte bereits Grafikfunktionen definieren 6 Klicken Sie auf Weiter Das Java Applet wird geladen und der Hochladen Bildschirm ge ffnet gegebenenfalls m ssen Sie noch
161. n 00 bis 59 s Sekunden mitf hrender Null 00 bis 59 4 9 RSS Feeds Die Anzeige von Inhalten als RSS Feed wird immer beliebter Mit webEdition ist es sehr einfach sowohl externe RSS Feeds auf Ihrer Seite anzeigen zu lassen als auch webEdition Seiten z B aktuelle News als RSS Feed auszugeben 4 9 1 Externen RSS feed einbinden Mit dem folgenden Code wird analog zur we demo ein externer RSS Feed in webEdition eingebunden und ausgegeben lt we xmlfeed name test url http living e de de pressezentrum pr mitteilungen rss2 xml refresh 0 gt lt we xmlnode feed test xpath rss channel gt lt h2 gt lt we xmlnode feed test xpath title gt lt we xmlnode gt lt h2 gt lt h3 gt lt we xmlnode feed test xpath description gt lt we xmlnode gt lt h3 gt lt ul class unformattedList gt lt we xmlnode xpath item gt Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 161 gt lt a href lt we xmlnode xpath link gt lt we xmlnode gt target _blank gt lt we xmlnode xpath title gt lt we xmlnode gt lt a gt lt div elasse contentBox amp gt lt we xmlnode feed test xpath description gt lt we xmlnode gt lt br gt lt div gt E lt we xmlnode gt SFS lt we xmlnode gt Der Code ist analog zu dem in we_demo news rssFeed tmpl verwendeten Im obigen Beispiel wird der RSS Feed von http 77 Living e g amp de pressezentrun pr nitte ilungen rs
162. n der Ansicht Eigenschaft das Verzeichnis angeben in welches das Dokument gespeichert werden soll Sie k nnen nun in Ihren Seiten das importierte Dokument zum Download anbieten Sie verlinken auf das Dokument m eingegebenen Text oder auf einer Linkliste Hinweis Bitte beachten S e dass das Hochladen beschr nkt sein kann MySQL ist standardm ig so eingestellt dass man Daten von max 1 MB pro SQL Anweisung speichern darf Bei PHP ist die maximale Uploadkapazit t auf max 8 MB standardm ig eingestellt Wenn Sie gr ere Dateien hochladen wollen ndern Sie bitte die Einstellung in Ihrer MySQL und PHP Konfigurationsdatei oder sprechen Sie mit Ihrem Provider damit er die Werte erh ht 3 6 Dokument Typen erstellen l schen und bearbeiten Den Men punkt Dokument Typen erreichen S e ber Optionen gt Dokument Typen Mithilfe von Dokument Typen k nnen Dokumente mit hnlichen Charakteristika gruppiert oder bestimmte Eigenschaften einem neuen Dokument zugewiesen werden das bestehenden hnelt Dokument Typen dienen Ihrer Arbeitserleichterung Sie haben mehrere Funktionen Zum einen kann man in ihnen bestimmte Attribute als Voreinstellungen bestimmen Wenn Sie ein neues Dokument erstellen und es einem Typus zuordnen erbt es die Standardeinstellungen des gew hlten Dokument Typs e Standard Speicherverzeichnis der auf dieser Vorlage basierenden webEdition Seiten e Datumsbasierte Unterverzeichnisse in welche die Seite g
163. nach gew hlter Auswahl Statische Dynamische Auswahl 3 11 3 1 Statischer Navigationseintrag Bei einer statischen Auswahl k nnen die folgenden Navigat onseintr ge verlinkt werden Abb 145 Auswahl Navigationseintrag nternes Dokumen Externes Dokument Kategorie e Internes Dokument W hlen Sie ber den Ausw hlen Button ein beliebiges webEdition Dokument aus das ber den Navigationseintrag verlinkt sein soll e Externes Dokument Geben Sie hinter das http eine valide Adresse ein auf welche der Navigationspunkt verlinken soll e Objekt W hlen Sie ber den Ausw hlen Button ein beliebiges webEdition Objekt aus das ber den Navigationseintrag verlinkt sein soll Hinweis Bitte beachten Sie dass f r Objekte ein Arbeitsbereich definiert sein mu Im erzeugten Link wird die ObjektID bergeben das Objekt selbst kann in jedem beliebigen dynamischen webEdition Dokument angezeigt werden e Kategorie Hier k nnen Sie eine Kategorie w hlen die in der Navigation angezeigt werden soll ber Name des Kategorie Parameters kann ein selbstdefinierter Parameter im Link bergeben werden Als konkretes Anwendungsbeispiel f r solche bergebenen Kategorieparameter kann z B d e Navigation der webEdition Shop Demo unter dem URL http de4 demo webedition de shop_demo dienen Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 109 In allen diesen F llen k nnen Sie im Feld Parameter noch zus tz
164. navigation tmpl Hinzuf gen Benutzerhandbuch 90 Mit Dokumenten arbeiten Aufgabe des Redakteurs Spezifizieren Sie nun die Standardwerte Verzeichnis Benutzen Sie den Ausw hlen Button um ein Verzeichnis f r die webEdition Seiten auszuw hlen die auf dem Dokument Typ basieren Unterverzeichnis W hlen Sie aus der Liste ein Unterverzeichnis das die Dokumente diese Typs mit dem Datum Jahr Monat Tag verkn pft Erweiterung Legen Sie hier die Standarddateierweiterung f r alle Dokumente dieses Typs fest Vorlage Legen S e hier eine Standardvorlage fest Dynamisch generieren Aktivieren Sie die Checkbox um die Seite dynamisch zu erzeugen Ist Durchsuchbar Aktivieren Sie diese Checkbox damit die Seite auf bersichtsseiten erscheint Hinweis Wenn eine Seite nicht durchsuchbar ist kann sie nicht in bersichten erscheinen Kategorie F gen S e die Seite einer Kategorie h nzu Wenn Sie alle Einstellungen wie gew nscht vorgenommen haben klicken Sie auf Speichern 3 6 2 Dokument Typ l schen Dokument Typen l schen Sie indem Sie im Dokument Typen Fenster den entsprechenden Typ markieren und auf Dokument Typ l schen klicken Abb 105 Dokument Typ l schen 3 6 3 Dokument Typ bearbeiten Im Dokument Typen Fenster w hlen S e den zu bearbeitenden Dokument Typ aus und folgen dann den in Abschnitt 3 6 1 Dokument Typ erstellen auf Seite 88 beschriebenen Schritten 3 7 Kategorien erstellen Katego
165. navigationEntry gt 4 7 1 4 we navigationField we navigationField kann nur innerhalb eines we navigationEntry verwendet werden Es wird als Platzhalter eines Feldes eines Navigationseintrags verwendet Der Parameter name gibt den Namen des Feldes aus das ausgegeben werden soll M gliche Werte sind e text Eingetragener Text e href Pfad zum Zieldokument e icon Pfad zum Ausgew hlten Icon e level Ebene auf welcher sich der Eintrag befindet e position Position des Eintrags e current Ist Eintrag gerade aktiv Benutzerhandbuch 136 Vorlagen erstellen Aufgabe des Administrators e id id des Navigationsitems e parentid Id des Elternelements des Navigationseintrags e type folder oder entry 4 7 1 5 we navigationWrite Schlie lich wird mit we navigationWrite die Navigation noch ausgegeben einziger Parameter ist navigationname dieser verweist auf die Navigation die mit demselben Namen erstellt wurde lt l gt lt we navigationWrite name default gt rar 4 7 2 Beispiel Mit dem Navigationstool erstellte Navigationen k nnen beliebig gestaltet werden Im folgenden Beispiel wird dies anhand der Navigation der webEdition Demo we demo verdeutlicht Ausgangspunkt ist eine schon eingepflegte Navigation und ein komplettes Highlighting Regelwerk Hier soll nur noch der Einsatz der we tags erkl rt werden Hinweis Sie k nnen dieses Beispiel in der bei der Installation mitgelieferten we demo jederzeit nachvol
166. nen Sie ein bestehendes webEdition Dokument ausw hlen auf dem die neue Seite basieren soll Das neue Dokument hat dann die Benutzerhandbuch 54 Mit Dokumenten arbeiten Aufgabe des Redakteurs gleichen Eigenschaften und Inhalte wie die kopierte Passen Sie diese bei hnlichen Seiten nach Ihren Bed rfnissen an 3 1 2 Bearbeiten Ansicht In dieser Ansicht k nnen Sie die Inhalte der Webseite erstellen und bearbeiten z B Texte eingeben Bilder hinzugef gen die Navigation bearbeiten und vieles mehr Die Bereiche der Webseite die Sie mit Inhalt f llen und bearbeiten k nnen erscheinen als Eingabemasken z B als Eingabefelder oder Auswahlmen s Abb 54 Dokumentansicht Bearbeiten webEdition Seite we_demo accessible demo html Eigenschaften Bearbeiten Vorschau Scheduler PRO Validierung xit CMS AND FRIENDSHIP Standort we demo Barrierefreiheit Diese Demo Suchen Barrierefreiheit Hier geben Sie die berschrift der Seite ein ber diese Demoseite Hier geben Sie die Unter berschrift der Seite ein autobr Hier finden sie einige Anmerkungen zu Bildergalerie dieser barrierefreien Demo Seite Kundenbereich Shop G stebuch Newsletter Voting Hier kann ein Flie text eingegeben werden Ziel dieser Demo ist es beispielhaft zu zeigen wie eine barrierefreie Website umgesetzt werden kann In diesem Fall wurde besonders darauf geachtet dass sie auf m glichst vielen Ausgabeger
167. nte Ansicht befinden Karte reiter 2 4 Standard Modus und seeMode kennenlernen In webEdition stehen Ihnen zwei Bearbeitungsmodi zur Verf gung Der Standard Modus und seeMode Sie w hlen beim Login aus in welchem Modus Sie arbeiten m chten 2 4 1 Standard Modus Im Standard Modus stehen alle Funktionen zur Verf gung Bestehende Dokumente und Vorlagen werden ber den Dateibaum oder ber Datei gt ffnen ge ffnet und im webEdition Hauptfenster also rechts des Dateibaums bearbeitet Wenn Sie als Redakteur ber Datei gt Neu gt webEdition Seite gt Leere Seite eine neue Seite ffnen befinden sich oberhalb des Arbeitsbereichs f nf Karte reiter siehe Abb 34 Falls das Modul Scheduler PRO installiert ist befinden sich sechs Karteireiter oberhalb des Arbeitsbereichs Standard 4 1 1 Oktober 2006 Benutzeroberfl che 37 Abb 34 Dokument Bearbeiten Normal Modus webEdition Seite we_demo accessible index php Eigenschaften Bearbeiten Scheduler PRO Walidierung o web dition 4 Online bestellen Ad und loslegen CMS AND FRIEMDBSHIP Standort we_demo Barrierefreiheit _____ Suchen Barrierefreiheit Hier geben Sie die berschrift der Seite ein ebEdition kann auch Hier geben Sie die Unter berschrift der Seite ein autobr Schwerpunkt der webEdition Version 3 2 liegt auf der Erstellung von barrierefreien Internetseiten Hier kann ein Flie text eingegeben werden Unter e
168. ntwickler auch webEdition installiert und die Benutzerrechte f r die Redakteure vergibt Zur Vereinfachung werden die Funktionen von Administrator und Entwickler n der vorliegenden Dokumentation unter dem Oberbegriff Administrator subsumiert 1 3 Installation Um einen Webauftritt mit webEdition zu pflegen muss webEdition lediglich einmalig auf einem Server installiert werden entweder auf Ihrem eigenen oder auf dem eines Internet Service Providers Dann k nnen alle Mitarbeiter webEdition in einem beliebigen Browser starten und mit webEdition arbeiten Eine Installation auf lokalen Computern entf llt N here Informationen zur Durchf hrung der Installation finden Sie in der webEdition Installationguide unter der URL http www living e com 1 4 Neues in webEdition 4 0 Wenn Sie auf webEdition 4 0 upgegradet haben werden Ihnen die folgenden Ver nderungen und Verbesserungen ins Auge fallen Interne Suchfunktion Besonders bei gr eren Projekten f llt es manchmal schwer die bersicht ber viele Dokumente Vorlagen Objekte und Klassen zu bewahren Daher st die neue Suchfunktion eine erhebliche Arbeitserleichterung N here Informationen finden S e n Abschnitt 2 2 Benutzeroberfl che kennenlernen auf Seite 24 Das Cockpit Der verbesserte Startbildschirm n webEdition 4 st das Cockpit Auf einen Blick haben Sie sofort Zugriff auf wichtige Funktion N here Informationen dazu finden Sie in Abschnitt 2 2 1 Das Cockpit auf S
169. nutzen Sie das Attribut cols des lt wei listview gt Tags und das Tag lt we tr gt Wenn cols gesetzt ist werden rows cols Eintr ge angezeigt Das Tag lt weitr gt erzeugt am Anfang einer neuen Zeile das HTML lt tr gt Tag das Tag lt weitr gt erzeugt am Ende einer Zeile das HTML lt tr gt Tag Hinweis 2 Normalerweise wird direkt auf das Bild verlinkt Wenn Sie dies nicht wollen geben Sie beim lt werfield gt Tag das Attribut id mit dem Wert ID eines webEdition Dokuments an In diesem webEdition Dokument wird die Detailansicht der Grafik angezeigt In der Vorlage eines solchen webEdition Dokuments wird mit einer Listview mit rows 1 die Grafik dargestellt Alle notwendigen Einstellungen wie offset name der Listview workspacelD contenttype usw werden dem Dokument und somit der Listview automatisch bergeben Der Listview Code sieht dann in etwa wie folgt aus lt we listview rows 1 gt lt p gt lt we repeat gt lt we field name Title gt lt br gt lt we field type imgqg gt lt br gt lt br gt lt we repeat gt lt p gt lt we listview gt Erstellen Sie nun falls gew nscht die Vorlage f r die Detailansicht vgl we _demo image_gallery detail tmpl Kopieren Sie dazu den Quelltext der Vorlage f r die bersicht in eine neue Vorlage und nehmen Sie folgende nderungen vor L schen Sie zeige Bild lt we listviewStart gt lt we listviewEnd gt von lt we listviewRows gt lt br
170. on Dieser befindet sich neben dem Speichern Button Das geparkte Dokument wird nun rot m Explorer Men dargestellt Sie k nnen Sie geparkte Webseite jederzeit ber die Checkbox Beim Speichern ver ffentlichen und den Speichern Button wieder ver ffentlichen Hinweis Das Parken einer Webseite ist auch dann n tig wenn Sie bei einem bereits ver ffentlichten Dokument ndern wollen ob es statisch oder dynamisch generiert wird Parken Sie dazu die ver ffentlichte Seite nehmen Sie die nderung vor und ver ffentlichen Sie sie wieder 3 2 4 Dokumente Vorlagen Objekte oder Klassen l schen Exemplarisch wird hier das L schen von Dokumenten beschrieben Zum L schen von Vorlagen Objekten oder Klassen gehen Sie analog vor Klicken Sie auf Datei gt L schen gt Dokumente Im Explorer Men erscheint nun vor jedem Dokument und Verzeichnisnamen eine Checkbox Benutzerhandbuch 60 Mit Dokumenten arbeiten Aufgabe des Redakteurs Abb 60 Checkboxen zum L schen von Dateien und Verzeichnissen Datei Optionen Module Hilfe web dition z E we_demo M banner H a 7 filmberichte layout_images H a 7 links M news M newsletter 7 programm C shop M veranstaltungen EJO Sause csv ID CIO_Advertorial_2004 17 dhtmIpopup html I index php 7 navigation php 1 style css 71 suche php H a we_demo_2 1 index php EIN testtet L schen Markieren Sie links im Explorermen den Eintrag welchen Sie
171. ort Einstellungen f r webEdition Seiten Bei dieser Option werden automatisch Worlagen f r die zu o importierenden HTML Seiten erstellt Im Feld Name der Vorlage muss ein Name angegeben werden welcher der erzeugten Vorlage zugeordnet wird Bei mehreren Worlagen wird automatisch ein Z hler angeh ngt Name der Vorlage Erweiterung NeueVorlage tmpl Verzeichnis H Ausw hlen Title Keywords Description und Charset werden aus dem HTML Dokument extrahiert und in die entsprechenden Felder geschrieben In der Vorlage werden dementsprechend die Tags angelegt lt we title gt lt we description gt lt we keywords gt und lt we charset gt Bei dieser Importart kann man das Zielverzeichnis der Vorlage und einen Namen vergeben welcher der erzeugten Vorlage zugeordnet wird Bei mehreren Vorlagen wird automatisch ein Z hler an den Namen angeh ngt 4 8 2 Dedizierte Vorlage benutzen webEdition benutzt eine von Ihnen selektierte Vorlage und importiert Teile aus der HTML Datei in die Felder Welche Teile in welches Feld importiert werden sollen wird bestimmt indem man zu jedem Feld eine Start und Endmarkierung festlegt webEdition sucht dann in den zu importierenden Seiten nach diesen Markierungen und importiert alles zwischen Start und eine Endmarkierung in das entsprechende Feld Bei dieser Importart muss zuerst eine Vorlage ausgew hlt werden Klicken Sie hierf r auf Ausw hlen und w hlen S e eine Vorlage aus D
172. owser Fensters aus und schneidet gegebenenfalls die R nder der jeweils verbleibenden drei Seiten ab oben links oben rechts unten links und unten rechts richtet Filme an der entsprechenden Ecke des Movie Fensters aus und schneidet gegebenenfalls die R nder der jeweils verbleibenden zwei Seiten ab Wiederholen Flash Film nach Beendigung wiederholen W hlen Sie Ja oder Nein e Weitere Eigenschaften Pluginspage Codebase 3 5 3 Quicktime Filme einbinden Gehen Sie analog zu Flash Filmen vor Die meisten Attribute sind gleich Quicktime spezifische Unterschiede in den Attributen sind e Autom Abspielen e Zeige Kontrolleiste Benutzerhandbuch 86 Mit Dokumenten arbeiten Aufgabe des Redakteurs e Lautst rke e Versteckt 3 5 4 JavaScript Code einbinden Mit Datei gt Neu gt Sonstige gt Javascript k nnen S e analog zu HTML Dateien auch JavaScripts erstellen Um das Javascript in eine Vorlage einzubinden benutzen Sie am besten das lt we js gt Tag Beispiel lt we js id 34 gt In diesen Fall wird das Javascript mit der ID 34 in die Vorlage eingebunden 3 5 5 Cascading Style Sheets CSS einbinden Klicken Sie auf Datei gt Neu gt Sonstige gt CSS Stylesheet um ein CSS zu erstellen Um das Stylesheet n eine Vorlage einzubinden benutzen S e das lt we css gt Tag Beispiel zwe ess 14 324 gt 2 In diesem Fall wird das Stylesheet mit der ID 34 in die Vorlage eingebunden A
173. r HTMLTag lt h1 gt lt h1 gt berschrift lt we input type text gt lt p gt lt p gt Text evtl mehrzeilig lt we textarea gt lt img src gt Bilder lt we img gt Die weitags sind f r Redakteure als entsprechende Eingabemasken sichtbar e lt we input type text gt erzeugt ein Texteingabefeld in das eine Zeile Text eingegeben werden kann Abb 170 Einzeiliges Texteingabefeld I 1 e lt weitextarea gt erzeugt ein mehrzeiliges Texteingabefeld in das mehrere Zeilen Text eingegeben werden kann Benutzerhandbuch 130 Vorlagen erstellen Aufgabe des Administrators Abb 171 Mehrzeiliges Texteingabefeld Schriftstil J verdana arial i Schriftgr e J gt EE Style Ol e Ich bin Blindtest Yon Geburt an Es hat lange gedauert bis ich begriffen habe was Blbedeutet ein blinder Text zu sein Man macht keinen Sinn lan wirkt hier und da aus dem Zusammenhang gerissen Oft wird man gar nicht erst gelesen Aber bin ich deshalb ein schlechter Test Ich wei dass ich nie die Chance haben werde im Stern zu erscheinen Aber bin ich darum weniger wichtig Ich bin blind Aber ich bin gerne Test Und sollten Sie mich jetzt tats chlich zu Ende lesen dann habe ich etwas geschafft was den T e lt we img gt erzeugt Buttons zum Einf gen Austauschen und L schen von Bildern Abb 172 Button zum Einf gen Austauschen und L schen von Bildern soea Nachfolgend einige
174. r en Diese Funktionen werden analog zu den Fenstergr e Einstellungen in der Ansicht Oberfl che bedient Proxy Server Hier nehmen Sie die Einstellungen f r den Proxy Server vor falls Sie mithilfe eines Proxies die Verbindung mit dem Internet herstellen z B in einem Firmennetzwerk Benutzerhandbuch PlugIn installieren 44 Benutzeroberfl che Abb 44 CI Proy 5 Einstellungen Proxy Proxy Server f r Live Update verwenden Ever Adresse Fort Benutzername Kennwort Die Abb 45 Ansicht Erweitert Hier gibt es folgende Bereiche und Einstellm glichkeiten Einstellungen Erweitert Erweitert Standard Einstellung f r ohp Attri but in we tags Standard Einstellung f r infineedit Attribut in lt weitextares gt Safar W vs wyg Editor Betaversion benutzen Standard Einstellung f r showinputs Attr but im lt weimdg gt Verhalte Auswahl n der Dokument Typ Standard Das Standardverzeichnis eines Dokument Typs mu sich innerhalb des Arbeitsbereich des Benutzers befinden damit der Benutzer den Dokument Typ ausw hlen kann Umgekehrt Der Arbeitsbereich des Benutzers mu sich innerhalb des im Dokument Typ eingestellten Standardverzeichnis befinden damit der Benutzer den Dokument Typ ausw hlen kann Standard Einstellung f r php Attribut in we tags Hier k nnen Sie festlegen ob ein Redakteur PHP Code in ein Feld eingeben darf z
175. r 2006 Inhalt 7 Miniaturansicht ausw hlen 82 HTML Eigenschaften 83 HTML Seite bearbeiten 84 Flash Film hochladen 84 Stylesheet n der Bearbeiten Ansicht 86 Neuen Dokument Typ erstellen 88 Dokument Typen 89 Neuer Dokument Typ Button 89 Neuen Dokument Typ benennen 89 Vorlagenauswahl f r Dokument Typ 89 Dokument Typ l schen 90 Kategorien 91 Benutzername ndern 91 Kennwort ndern 92 Beispiel f r ein einzeiliges Eingabefeld 92 Datumsfeld 92 Checkbox 92 Auswahlfeld 93 Textfeld 93 Textfeld mit Autobreak 93 Importieren Button zum Import von rtf Dateien 94 Import RTF Datei Dialogbox 94 RTF Text als HTML Date 95 WYSIWYG Textfeld 95 WYSIWYG Textfeld 96 Abk rzungen f r Screenreader definieren 96 Sprachauswahl f r Screenreader 96 Hyperlink in WYSIWYG bearbeiten 97 Tabellenzusammenfassung 98 Tabellenzelle bearbeiten 99 Tabellenbeschriftung 99 Liste in der Bearbeiten Ansicht 99 Verschachtelte Liste 100 Beispiel einer Linkliste 100 Fenster Link bearbeiten 101 Link bearbeiten 102 Bilder verlinken 102 Auswahlbox 102 Grafikfeld 103 Flash Movie Feld 103 seeMode Ansicht 103 seeMode Edit Icon 104 Festgelegte Startseite im seeMode 104 seeMode Vorschau Bildschirm 104 seeMode Ansicht Bearbeiten 105 Men Navigationstool 105 Das Naviagtionstool 106 Navigation im Nav Tool und auf der Webseite 107 Benutzerhandbuch 8 Inhalt Ansicht Eigenschaften f r Eintrag 107 Navigat onsordner w hlen 108 A
176. rbeiten Der Benutzer darf sein Startdokument ndern e Benutzer darf Men sehen Falls diese Checkbox nicht aktiviert ist sieht der entsprechende Benutzer nur die Beenden und Start Men eintr ge Somit ist der Redakteur auf das Bearbeiten bestehender Dokumente beschr nkt e Benutzer darf au erhalb des seeMode arbeiten Der Administrator kann den Zugang zu Dateien einschr nken die nicht mit webEdition erstellt wurden e Benutzer darf sein ihr Startdokument ndern Ist diese Checkbox inaktiv kann der Benutzer nur die seeMode Startseite und mit ihr verlinkte Seiten bearbeiten 2 5 Einstellungen vornehmen W hlen S e entweder Optionen gt Einstellungen oder Einstellungen aus dem Shortcuts Men um das Einstellungen Fenster zu ffnen Hinweis Einige Einstellungen sind Administratoren vorbehalten Die angezeigten E instellm glichkeiten h ngen mit der u U installierten Benutzerverwaltung PRO und den dar n vergeben Rechten zusammen e Wenn die Benutzerverwaltung Standard oder PRO installiert ist sind folgende Einstellm glichkeiten nur dem Administrator zug nglich Proxy Server Erweitert Module e Bei installierter Benutzerverwaltung sind folgende Einstellungen nur dem Administrator m glich seeMode Dateierweiterungen Formmail Empf nger e Ist die Benutzerverwaltung PRO vorhanden k nnen durch die Vergabe der entsprechenden Rechte durch den Administrator die folgenden Einstellungen auch von normalen B
177. reiheit lt we content gt Bereich Die Hauptvorlage masterTemplate tmpl in der we _ demo umschliesst die gesamte Seite e 1 In den lt we content gt Bereich werden die verschiedenen Vorlagen eingebunden e 2 Die Navigation wird ber ein lt we include gt einmal in die Hauptvorlage eingebunden und steht so stets zur Verf gung e 3 Auch der Header ist ber ein includiertes Dokument eingebunden da er ja nicht st ndig ver ndert werden mu Die Hauptvorlage kann Vorlagen ganz einfach ber die Eigenschaften der betreffenden Vorlage zugewiesen werden vergleiche Abschnitt 4 3 1 Eigenschaften Ansicht Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 125 Abb 167 Eigenschaften der Vorlage webEdition Worlage we_demo newsletter index tmpl Eigenschaften Information Vorschau Editmode Worschau Eigenschaften Pfad Dateiname Erweiterung index tmpl Verzeichnis we_demo newsletter Ausw hlen Dokumente we_dem o newslette r index p hp 8 ffnen Zeichenkodierung Vorlage kopieren Ausw hlen mm Wenn man eine Vorlage mit Hauptvorlage speichert werden beim Speichern die beiden Vorlagen zusammengef gt und ns Dateisystem geschrieben Diese zusammengef gte Vorlage wird dann wie eine einzelne Vorlage von webEdition weiter behandelt Daher muss auch ein Rebuild ber Vorlagen und ggf ber die betroffenen Dokumente erfolgen wenn die Hauptvorlage sp ter ge nd
178. rien erreichen Sie ber Optionen gt Kategorien im Hauptmen Kategorien er ffnet Ihnen alternative M glichkeiten bersichten oder Zusammenfassungen zu erzeugen Zusammen mit Dokument Typen genutzt k nnen mit Kategorien auch Unter bersichten generiert werden Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 91 Abb 106 Kategorien webEdition c 2000 2004 webEdition Software GmbH Mozilla EBR Suchen in wer Kategorie du Adressen F Action E Comedy E Drama FE Love Story F shop E shop _broschuere Kategorie E Abbrechen Wenn Sie z B einen Dokument Typ namens News haben k nnen Sie diesen jetzt noch z B in Sport Politik Computer und Allgemeines unterteilen und somit auch z B die bersichtsseite Sportnews generieren Unterhalb der Kategorie Sport k nnen Sie z B noch Fu ball Handball usw definieren Eine Oberkategorie wird wie ein Verzeichnis durch Klicken auf den neues Verzeichnis Button erstellt Sie k nnen Kategorien nat rlich auch ohne Dokument Typen verwenden Zum Erstellen bzw L schen von Kategorien w hlen Sie Optionen gt Kategorien Es ffnet sich ein Dateimanager in dem Sie Kategorien erstellen oder l schen k nnen ebenso wie Ordner die Kategorien enthalten Dies funktioniert analog zu der Funktion Server durchsuchen siehe Abschnitt 2 2 2 1 Datei Men auf Seite 27 f r weitere Informationen zu webEdition Dateimanagern
179. rozedur 11 Neue Vorlage erstellen auf Seite 127 2 M glichkeit Sie haben einen HTML Editor wie Dreamweaver oder Frontpage zur Verf gung In diesem Fall erstellen Sie eine Website mit Beispieltexten und grafiken n dem HTML Editor kopieren den Quellcode der HTML Date und f gen ihn in webEdition ein Mit we tags definieren Sie die Bereiche die von den Redakteuren gepflegt werden sollen und zus tzliche Funktionalit ten S ehe Prozedur 12 Vorlage mit Hilfe eines HTML Editors erstellen auf Seite 127 3 M glichkeit Sie benutzen die bei webEdition mitgelieferten Vorlagen der we demo bzw we _demo2 als Ausgangsbasis und passen diese entsprechend an S ehe Prozedur 13 Vorlage kopieren auf Seite 128 und Abschnitt 4 5 2 Vorlage bearbeiten auf Seite 128 Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 127 Prozedur 10 Eine Vorlage aus einer bestehenden Webseite erstellen Im webEdition Hauptbildschirm 1 2 3 Legen Sie eine Vorlage an Siehe Prozedur 11 Neue Vorlage erstellen auf Seite 127 Kopieren Sie per Copy amp Paste den Quellcode der HTML Seite in den Texteditor von webeEcdition Ansicht Bearbeiten obere Textbox Ersetzen Sie die Bereiche die sp ter von den Redakteuren gepflegt werden sollen durch die entsprechenden we Tags Siehe Abschnitt 4 6 Variable Inhalte durch we tags ersetzen auf Seite 129 Definieren Sie alle gew nschten Funktionalit ten mit den
180. rs fest Im Bereich Link k nnen Sie mit Klick auf Ausw hlen das Linkziel des Ordners festlegen 3 11 4 1 Die Ansicht Inhalt Sie gelangen durch Klick auf den Karte reiter nhalt in diese Ansicht Hier k nnen Sie den nhalt des Ordners per Dropdown Men festlegen Keine dynamischen Inhalte oder Der Ordner enth lt dynamische Inhalte In ersterem Fall ist der Vorgang abgeschlossen Unterpunkte inerhalb des Ordners erstellen Sie ber Neu gt Eintrag In zweitem Fall wird er Bereich nhalt f r dynamische Inhalte angepa t Abb 152 Dynamische Inhalte in Ordner Ordner Nawigationsordner Eigenschaften Inhalt Vorschau Inhalt Der Ordner enth lt die dynamischen Inhalte Dokumente Dokument Typ AktuelleNews Titel Feld Headli neKurz Verzeichnis Kategorien Alle l schen Sortierung Farameter Anzahl anzuzeigender Eintr ge Bi Standard 4 1 1 Oktober 2006 Ausw hlen mm Ausw hlen Hinzuf gen Hinzuf gen Mit Dokumenten arbeiten Aufgabe des Redakteurs 113 E Barrierefreiheit Abb 153 Dynamischer Navigationsordner in Explorerbaum a Legen Sie die dynamischen Ordnerinhalte nun analog zu 3 11 3 2 H Impressum Dynamischer Navigationseintrag an Die neuen Eintr ge i EEE werden nun nach dem Speichern in der Explorerleiste links s Shop angezeigt Uber einen Klick auf den Button Vorschau werden die a ur Eintr ge mit Pfad angezeigt vgl hierzu Item 149 Vorschau der
181. rt ndern 30 91 Kundendienst 17 L Linkliste Login 23 longdesc 78 l schen 28 59 Mac Binhex file hqx einbinden 87 Mastertemplate 123 Meta Infos 53 Microsoft Office Dokumente doc xls ppt einbinden 87 Miniaturansicht 80 82 Einstellungen 30 Verzeichnis 47 Miniaturansichten Speicherort 47 Module 30 Modulinstallation 31 Modus Normal 36 100 138 Standard 4 0 1 13 Juni 2006 N Navigation 139 Navigationseintrag dynamischer 109 statischer 108 Navigationsordner 111 Navigat onstool benutzen 105 Highlighting 114 Men s 106 Neue Eintr ge 106 Newsarchiv erstellen 141 Normalmodus 36 O Ordner erstellen 62 P pageLogger 47 Systemeinstellungen 47 Verzeichnis definieren 47 parken 59 PDF Dokument einbinden 87 PHP Attribut n we tags 44 Programm exe einbinden 87 Proxy Server 43 Q Quickstart 26 Quicktime Film einbinden 85 R Rad obutton 16 Rebuild 29 Rebuild durchf hren 62 RSS Feed 160 externen einbinden 160 webEdition Seiten ausgeben als 161 S seeMode 37 103 JavaScript 38 Variable top 38 seeMode Startdokument 38 seeMode Startdokument festlegen 41 Selectbox 16 93 102 Server durchsuchen 29 showinputs 45 Sprache ausw hlen 24 41 Startdokument 38 Startdokument festlegen 38 41 starten 23 Statischer Navigationseintrag 108 Steuerelemente 31 Stuffit file s t einbinden 87 Suche 154 einfach 34 erweitert 35 Suche realisieren 142 Suchfunktion 154 Syntax 132
182. rtiert werden sollen Es werden alle Verzeichnisse Ihres Rootdirectories htdocs auf dem Webserver angezeigt es werden also auch Verzeichnisse angezeigt die nicht von webEdition verwaltet werden W hlen S e das gew nschte Verzeichnis aus oder erstellen Sie ein neues Verzeichnis Benutzerhandbuch 76 Mit Dokumenten arbeiten Aufgabe des Redakteurs Die Radiobuttons im Bereich Was tun bei gleichem Namen erm glichen Ihnen das Verhalten von webEdition beim Import der Grafiken zu beeinflussen e Existierende Datei berschreiben Bei gleichem Namen wird die alte Grafik ersetzt e Neue Datei umbenennen Gleichnamige Grafiken bleiben erhalten webEdition erg nzt die Dateinamen mit fortlaufender Numerierung so wird z B aus bg gif dann bg 0 gif e Dateinicht importieren Bei gleichem Namen wird die neue Grafik nicht importiert Wenn Sie die Grafikfunktionen einblenden k nnen Sie angeben welche Art von Miniaturansicht erzeugt werden soll und ob die Grafik gedreht oder skaliert werden soll Bei JPEG Grafiken k nnen Sie au erdem den Grad der Komprimierung festlegen Abb 86 Grafikfunktionen webEdition c 2000 7004 webEdition Software GmbH Mozilla Esistierende Datei berschreiben O Neue Datei umbenennen Datei nicht importieren Grafikfunktionen ausblenden Erzeuge Miniaturansichten Miniaturansichten 100870 A 120 100jh F 160 190 2004150 200x200 lt rops meer Gra e ndern Breite
183. rtschritt des Uploads Nach Abschlu des Importes werden Sie ber den Erfolg der Aktion informiert 12 Klicken Sie auf OK Die Prozedur ist hiermit abgeschlossen 3 3 4 CSV Dateien importieren Prozedur 5 CSV Dateien importieren Im webEdition Hauptbildschirm 1 ffnen Sie den Import Wizard mit Datei gt Import Export gt Import 2 Aktivieren Sie den CSV Import Radiobutton 3 Klicken Sie auf Weiter Das CSV Import Fenster wird ge ffnet siehe Abb 74 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 69 Abb 74 CSV Import CS5Y Import Importiere Quelldatei vom Server laden f ausw hlen Quelldatei von der lokalen Festplatte hochladen Die hoachzuladende Datei darf auf Grund von PHP und MyS oL Einschr nkungen nicht gr er als 0 999 MB sein Browse Feld Optionen Datei Format Windows Trennzeichen Textbegrenzer anf hrungszeichen Erste Zeile enth lt Feldnamen 4 W hlen Sie im Bereich mportiere mithilfe des Ausw hlen Buttons Ihre Quelldatei aus 5 W hlen Sie im Bereich Einstellungen Dateiformat Trennzeichen und Textbegrenzer Ihres Dokumentes aus und ob die erste Zeile Feldnamen enth lt 6 Klicken Sie auf Weiter Ein Dialogfenster mit den Bereichen Dokumente und Objekte ffnet sich Abb 75 Dokumente und Objekte CS Import Dokumente Dokument Typ Produktbild Vorlage we_demo_2 bild tmpl zielverzeichnis we_demo_ produkte Ausw hl
184. rum weniger wichtig Ich bin blind Aber ich bin gerne Text Und sollten Sie mich jetzt tats chl ch zu Ende lesen dann habe ch etwas geschafft was den Dieses sind m Einzelnen e Eingabem glichkeit f r Abk rzungserl uterung Damit Screenreader eine Abk rzung korrekt vorlesen k nnen mu diese definiert werden Hierzu wird ein Wort markiert und der Abk rzung Button geklickt Es ffnet sich folgendes Fenster ee nee _ 2jx Abb 120 Abk rzungen f r Screenreader definieren Abk rzung bearbeiten Unter Titel wird der ausgeschriebene Ausdruck eingef gt und unter Sprache die verwendete Sprache a zweistelliger internationaler L ndercode Im en vorliegenden Beispiel zeigt die Eingabe die Definition f r die Abk rzung HTML Titel Hyper Test Markup Language l Abbrechen e Sprachauswahl f r Screenreader Damit Screenreader Worte welche in einer anderen als der Dokumentsprache verfa t sind korrekt aussprechen kann man das betreffende Wort markieren und dann auf den Sprache Button klicken Es ffnet sich dann folgender Dialog Abk rzung bearbeiten Mozilla Firefk iix Abb 121 Sprachauswahl f r Screenreader Abk rzung bearbeiten Geben S e hier den zweistelligen internationalen E L ndercode f r die Sprache ein z B de en fr etc Sprache en Abbrechen e Hyperlink bearbeiten Dialog Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufg
185. rzeichnis Hier w hlen Sie bitte das Verzeichnis aus in welchem pageLogger installiert wurde Sobald hier das pageLogger Verzeichnis korrekt eingetragen ist k nnen Sie einfach ber den Men punkt Module gt pageLogger den pageLogger starten Beachten Sie bitte dass ein Neustart von webEdition erforderlich ist Hinweis Damit der Single Login funktioniert mu es n pageLogger einen Benutzer mit demselben Usernamen w e dem des webEdition benutzers geben damit der Benutzer automatisch in pageLogger eingeloggt wird Des weiteren mu der Benutzer in den Benutzereinstellungen von pageLogger als webEdition Benutzer markiert sein N here Informationen zu webEdition Benutzern in pageLogger entnehmen Sie bitte der pageLogger Dokumentation e Ansicht Fehlerbehandlung Benutzerhandbuch 48 Benutzeroberfl che Abb 49 Einstellungen Fehlerbehandlung Fehlerbehandlung Fehlerseite f r nicht existierende Objekte Ausw hlen Fehlerbehandlung a webEdition Fehler behandlung aktivieren Zu behandelnde Fehler Fehler Warnungen Hinweise N Option f r Entwickler Nicht auf Lwve System aktivieren Fehleranzeige Fehler anzeigen Dh p m pm m Pm em Fehlen protokollieren m Fehler als Mal senden Adresse Experteneinstellungen ausblenden Debug Frame anzeigen C Im normalen Modus C Im SeeModus nderungen erfordern einen Neustart Fehlerseite f r nicht existierende Objekte W hlen
186. s2 xnl ausgegeben N heres zur Verwendung der weitags lt we xmlfeed gt und lt we xminode gt entnehmen Sie bitte der webEdition Tag Referenz 4 9 2 webEdition Seiten als RSS Feed ausgeben Bieten Sie den Besuchern Ihrer Website eine bequeme M glichkeit immer ber die letzten Neuigkeiten informiert zu sein Auch hierf r ist ein Beispiel in der we_demo eingebunden Somit bieten Sie eine simple M glichkeit zur Newsaggregation Beispiel lt rss version 2 0 gt lt channel gt lt title gt webEdition Demo lt title gt lt link gt http lt php print _SERVER SERVER_NAME gt lt link gt lt description gt News der webEdition Demo Seite lt description gt lt language gt de lt language gt lt p bD ate gt lt php print darel Di J M Y Grits AGAMIT 5 gt lt pubDate gt lt last Bu1LODare gt lt phe PLEITE date TD J MY Gi AGIMIT gt lt lastBuildDate gt lt generator gt webEdition lt generator gt lt managingEditor gt demo webedition de lt managingkEditor gt lt webMaster gt demo webedition de lt webMaster gt lt copyright gt Copyright 2006 by living e AG Alle Rechte vorbehalten lt copyright gt lt we listvlew type document doctype news Article gt lt we repeat gt lt item gt lt title gt lt we field name newsDate type date format d me Y 22 xwe field name hceadline2 P lt tirle gt lt link gt http lt php print _SERVER SERVER_NAME gt lt we field name we
187. schnitt 2 2 Benutzeroberfl che kennenlernen auf Seite 24 e Abschnitt 2 4 Standard Modus und seeMode kennenlernen auf Seite 36 e Abschnitt 2 5 Einstellungen vornehmen auf Seite 40 Informationen zur Installation entnehmen Sie bitte der webEdition Installationsguide Diese steht zum kostenlosen Download unter folgender URL bereit http www living e com N heres ber das Erstellen und Pflegen von webEdition Dokumenten finden Sie in Kapitel 3 Mit Dokumenten arbeiten Aufgabe des Redakteurs auf Seite 51 Vorlagenerstellung und pflege wird in Kapitel 4 Vorlagen erstellen Aufgabe des Administrators auf Seite 115 behandelt 2 1 webEdition starten Geben Sie in Ihrem Browser folgende URL ein www IhreDomain de webEdition Achten Sie dabei bitte auf die Gro schreibung des E in webEdition Der Login Bildschirm wird angezeigt Geben Sie hier Ihren bei der Installation festgelegten Benutzernamen und Ihr Kennwort in die entsprechenden Felder ein und klicken S e auf Login Benutzerhandbuch 24 Benutzeroberfl che Abb 3 Login Bildschirm Lizenznehmer webEdition Software GmbH web dition Wersion 4 0 0 Holger Meyer Slawko Tomcic Andreas Frey Michael Schneemann Bj rn B ttle Herbert Hohn Dirk Einecke Christoph L tjen Flawio Holdermann Benny Johnson Tatjana Hermann Guido Polko Stephanie Amend Angela D rrmann Tamara Lander Oliver Krahnen Olga Meyer Axel Regnet Niall Davis Philip Moore
188. se werden aber nochmals vom Server kontrolliert Sie erweitern die Site also lediglich sind aber keine Voraussetzung spezielle Inhalte der Web Site zu erreichen Benutzerhandbuch 56 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 1 5 Validierung Ansicht Klicken Sie auf den Karte reiter Validierung um in die Validierung Ansicht zu wechseln Abb 57 Ansicht Validierung Eigenschaften Bearbeiten Information Vorschau Validierung 0707077 Online Validierung dieses Dokuments Sie k nnen hier einige Dienste des Webs nutzen um Ihre Seiten nach Validit t bzw Zug nglichkeit zu testen Dienst EQHTML Validierung des W3C per Datei Upload Bearbeiten Ergebnis W3r uaa MARKUP VALIDATION SERVICE vo s 7 Aal Assurance HOME LINE CHECKER TH s PAGE Is Vaip XHTML 1 0 TRANSITIONAL Tip OF THE Dar Use class with semantics in mind The Validator XML support has some limitations The uploaded file was checked and found to be valid XHTML 1 0 Transitional This means that the resource in question identified itself as XHTML 1 0 Transitional and that we successfully performed a formal validation using an SGML or XML Farser depending on the markup language used wech show your readers that you have taken the care to create an _ interoperable Web page you may display this icon on any page that validates Here is the HTML you should use to add this icon to your Web page Zur Kontrolle auf Validit
189. sicht ber Miniaturansichten von Bildern 144 Detailansicht eines Bildes aus der Bildergalerie 144 Checkbox Ist durchsuchbar n Eigenschaften 145 Zeige Bild 1 4 von 5 145 Bildergalerien Auswahl 148 Eingabefeld f r einen Suchbegriff mit Submit Button 155 Fenster Formmail Empf nger 156 Standard 4 1 1 Oktober 2006 Inhalt 9 Import Wizard 157 Checkbox bei Import 157 Vorlagen automatisch erzeugen 158 Bestimmte Vorlage 159 Benutzerhandbuch 10 Inhalt Standard 4 1 1 Oktober 2006 Inhalt 11 Verzeichnis der Prozeduren Neue Webseite erstellen 57 Lokale Dateien importieren 63 Dateien von Ihrem Server importieren 65 Generische XML Daten importieren 67 CSV Dateien importieren 68 webEdition XML Dateien importieren 70 rtf Datei in ein Textfeld importieren 94 Linkanker mit dem Linkziel verlinken 100 Dokument m seeMode bearbeiten 104 Eine Vorlage aus einer bestehenden Webseite erstellen 127 Neue Vorlage erstellen 127 Vorlage mit Hilfe eines HTML Editors erstellen 127 Vorlage kopieren 128 Tagw zard benutzen 132 Eigenen weitag erstellen 133 bersicht der aktuellsten News und Newsarchiv erstellen 142 Ergebnisseite einer Suchanfrage anlegen 143 Bildergalerie erstellen 145 Dokument einbinden 152 Suchfunktion realisieren 154 Formular per E Mail verschicken 155 Benutzerhandbuch 12 Inhalt Standard 4 1 1 Oktober 2006 13 Zu diesem Handbuch Inhalt Das webEdition Benutzerhandbuch macht Sie mit den Funktionen von webEdition
190. st gt auf Seite 100 detailliert beschrieben Zu Linklisten bei denen die Links mit Zeichen oder Steuerbefehlen getrennt werden sollen Wenn Sie die einzelnen Links innerhalb einer Linkliste mit Zeichen oder mit einem Steuerbefehl trennen wollen z B mit einem lt p gt ist es n der Regel nicht erw nscht dass diese Zeichen z B das lt p gt auch vor und nach der Linkliste steht Um dies zu verhindern gibt es die we tags lt we prelink gt und lt we postlink gt Alle Zeichen und Benutzerhandbuch 140 Vorlagen erstellen Aufgabe des Administrators Steuerbefehle die zwischen lt we prelink gt und lt we prelink gt stehen werden vor dem ersten Link der Linkliste nicht angezeigt Alle Zeichen und Steuerbefehle die zwischen lt we postlink gt und lt we postlink gt stehen werden nach dem letzten Link der Linkliste nicht angezeigt Der lt we 1ink gt Tag innerhalb der Linkliste leitet den eigentlichen Link e n Beispiel S e wollen das lt p gt vor dem ersten Link einer Linkliste ausblenden lt we linklist name linklLlist gt lt we prelink gt lt p gt lt we prelink gt lt weslink gt lt we linklist gt Dies ergibt bei einem einzigen Link innerhalb der Linkliste lt a href link gt Linktext lt a gt lt p gt und bei zwe Links innerhalb der Linkliste lt a href link gt Linktext lt a gt lt p gt lt a href link gt Linktext lt a gt lt p gt Ohne das lt we prelink gt Tag w rde es bei
191. t Vorher lt tr gt lt td gt lt 1mg Sser b11ld1 7pg wideh 100 neighte 30 Border 1 gt lt td gt lt td gt lt img sre b1L92 7pg widtN TI20T height tT20T Dorder TI T gt lt td gt A gt Nachher lt tr gt lt td gt lt img scr bildl1 jpq width 100 height 30 border 1 gt lt J tad gt lt sEd gt lt we img name bild2 gt lt td gt Ser gt Eine Auflistung der am h ufigsten verwendeten weitags finden Sie in folgender Tabelle Table 2 H ufige we tags und ihr Resultat we tag mit Attribut lt we textarea gt lt we img gt lt we input type text gt lt we input type choice gt lt we input type date gt lt we input type checkbox gt lt we search type textinput gt lt we search type textarea gt lt we select gt gt lt we category gt lt we linklist gt Resultat Mehrzeiliges Texteingabefeld Buttons zum Einf gen Austauschen oder L schen von Bildern Einzeiliges Texteingabefeld Einzeiliges Eingabefeld mit einer Auswahlliste Auswahlfelder f r Datums und Zeitangaben Checkbox mit der man ein Feld auf ein oder aus setzen kann Einzeiliges Texteingabefeld f r Suchanfragen der Websitebesucher Mehrzeiliges Texteingabefeld f r Suchanfragen der Websitebesucher Auswahlbox f r Eintr ge Zuordnung einer Seite zu einer Kategorie wichtig f r bersichten Erweiterbare Linkliste Benutz
192. t lt li lt a href lt weinavigationfField name href gt lt we navigationfField name text gt lt a gt lt li gt lt we navigationEntry gt gul Aktualisieren Zur cksetzen Neue Vorlage Im oberen Bereich werden die erzeugten Navigationseintr ge angezeigt im unteren der dazugeh rige Quellcode Sie k nnen den Quellcode im unteren Fenster anpassen und mit einem Klick auf Aktualisieren sofort die Ver nderungen berpr fen Benutzerhandbuch 114 Mit Dokumenten arbeiten Aufgabe des Redakteurs 3 11 5 Regeln f r das Highlighting Mit dem Navigationstool ist es m glich den aktiven Eintrag hervorzuheben Das Navigat onstool erkennt dabei automatisch wenn das aktive Dokument selbst in der Navigation vorkommt Dar ber h naus werden alle dynamischen Eintr ge als Regeln f r das Highlighting definiert Ein dynamischer Eintrag in der Navigation der die ersten drei Dokumente eines bestimmten Dokument Typen anzeigen soll markiert den betreffenden Navigationspunkt nicht nur bei den angezeigten drei Dokumenten sondern be allen Dokumenten dieses Dokument Typs als akt v Neben diesem automatischen Highlighting k nnen zus tzlich noch weitere Regeln definiert werden Diese enthalten bis auf die Anzahl der anzuzeigenden Dokumente die gleichen Datenfelder wie ein dynamischer Navigationseintrag Hilfe Abb 155 Dropdown Regeln f r das Highlighting Regeln f r Highlighting ber Einstellungen gt Re
193. t webEdition E mentalen insssarne umentation testserver RER EREN 1 Mozilla ne 3 Module Hilfe web dition E a we_demo N a index pffr EM banner F Eigens aften Bearlleiten Infordhation SchedMler PRO Mi filmberichte 5 g layout_images Bearbeiten H links pa ZIDOCT c EMNENE news c kas webEdition Module Mozilla TEER 4 newsletter lt hea Pe Ju un programm 5 lt ti Banner Statistik Modul Benutzerverwaltung Shop E shop lt meti Banner Optionen Hilfe veranstaltungen lt met E dhtmipopup htmi N lt he we B hner l Banner Neuer Banner je index php 1 ra Eigenschaften Platzierung Statistik navigation php 8 lt h i style css Eigenschaften E suche php Pfad Name H we_demo_2 5 Neuer Banner indes php E 6 x Gruppe 75 u Ausw hlen Banner Grafik Pfad 5 Ausw hlen Externe URL O Interne URL Ausw hlen ax Arahl views max Anzahl Klicks But Aktiv E sale 9 _ 6 10000 1000 5 normal v 1 selten 2 Weitere Eigenschaften F 6 Z 8 9 Speichern Speichern _ Beim Speichern ver ffentlichen k Nach Speichern neue Seife 8 7 Explorermen Ansicht entspricht Karte reiter webEdition Hauptfenster Modulfenster Bereich Selectbox Rad obutton Checkbox Button Do WW P WDND Standard 4 1 1 Oktober 2006 ber dieses Handbuch
194. t name Name type text editable false gt lt p gt lt p gt lt sbrong gt Ihr Orks lt strongs gt lt ebr gt lt we UserInput name Ort type text editable false gt lt p gt lt we userInput name Datum type date hidden true gt Fer lt I Er lt er gt lt td lasse Tto T amp o9lspan 2 gt lt serong Ihr ELN rags strong br gt lt we userInput type textarea name Text editable true gt lt td gt lt tr gt lt Er gt lt td Class T3 C lspan 2 gt lt input type button value zur amp uuml ck Snelick hisEtory backt gt enbsp lt input type submit value eintragen gt amp nbsp lt input type reset value zur amp uuml cksetzen gt SI CO lt L tC gt lt table gt lt we form gt ACHTUNG enn S e beim Attr but name des lt we form gt Tags einen Wert angeben m ssen S e auch bei dem lt we write gt Tag als Wert des A ttr buts formname den Namen des Formulars eintragen Wenn Besucher der Webseite ein webEdition Dokument bzw Objekt ndern k nnen sollen benutzen Sie das lt we a gt Tag und geben beim Attribut edit als Wert document bzw object an Wenn das Tag in einer lt we listview gt verwendet wird wird als Referenz automatisch der dazu geh rige Listview Eintrag benutzt Wenn nur der Ersteller eines webEdition Dokuments bzw Objekts dieses auch ndern k nnen Benutzerhandbuch 152 Vorlagen erstellen Aufgabe des Administrators soll g
195. tags definieren Tags f r das Navigationstool Bearbeitbare Linkliste bzw bearbeitbare Links erstellen bersicht ber Inhalte der Website generieren Bildergalerie erstellen Seiten und Objekte m Frontend erstellen und bearbeiten Dokument einbinden Suche realisieren Formular per E Mail verschicken Mit Frames arbeiten Vorlagen automatisch erzeugen Externen RSS feed einbinden webEdition Seiten als RSS Feed ausgeben Benutzerhandbuch 116 Vorlagen erstellen Aufgabe des Administrators Es werden erweiterte Grundkenntnisse in HTML vorausgesetzt PHP und MySQL Kenntnisse sind von Vorteil aber nicht unbedingt erforderlich Hinweis Die Beispiele in diesem Kapitel beziehen sich auf die Beispielseiten we demo Diese finden Sie nach der Installation von webEdition im linken Bereich des webEdition Fensters in einer Baumstrukturansicht 4 1 Was ist eine Vorlage Eine Vorlage auch Template genannt bildet Struktur und Design der Website als HTML Ger st ab Sie enth lt Elemente die im Sinne der Corporate Identity auf jeder Webseite erscheinen sollen F r Texte und Bilder die Redakteure ndern k nnen sollen enth lt die Vorlage Platzhalter w e z B Texteingabefelder oder Buttons zum Hochladen von Bildern Die Platzhalter werden durch weitags realisiert Abb 157 Beispiel einer Vorlage we_demo accessible accessibleText tmpl in der Ansicht Vorschau Editmode webEdition Worlage we_demo accessibl
196. talliert und Objekte oder Klassen in der zu importierenden Datei vorhanden sind e Dokumenttypen Kategorien Diese Checkboxen m ssen aktiviert werden wenn Sie Dokumenttypen und oder Kategorien importieren wollen e Besitzerdaten Hier finden Sie die Checkboxen Besitzerdaten wiederherstellen und Besitzerdaten berschreiben Dieser Bereich wird nur angezeigt wenn die Benutzerverwaltung PRO installiert ist und Benutzerdaten in den Export mitaufgenommen wurden Aktivieren Sie die Checkbox Besitzerdaten wiederherstellen um dem Benutzer dem die Daten urspr nglich geh rten auch auf dem Zielsystem die Rechte zuzuteilen Geh rten die Daten also User1 so ist auch auf dem Zielsystem User1 der Besitzer Der Benutzer User1 mu daf r nat rlich auf dem Zielsystem vorhanden sein Sollte dies nicht der Fall sein werden die Dateien allgemeinzug nglich importiert Dies gilt auch f r mehrere Benutzer Geh ren die Daten User1 User2 und User3 so werden diese Rechte auf dem Zielsystem wiederhergestellt sofern diese Benutzer auch dort vorhanden sind Aktivieren Sie die Checkbox Besitzerdaten berschreiben und w hlen Sie einen neuen Benutzer aus indem Sie auf den Ausw hlen Button klicken um den importierten Dateien einen neuen Besitzer zuzuordnen Wenn beide Checkboxen aktiviert sind werden die Rechte an den importierten Daten den gleichlautenden Benutzern zugeordnet sofern diese vorhanden sind Sollten die Benutzer in der webeE
197. te m glich Prinzipiell k nnten mehrere Werte mit Komma getrennt angegeben werden Bei Fotoalben macht dies aber keinen Sinn rows 3 Der Attributwert von rows gibt an wie viele Bilder auf einer bersichtsseite gleichzeitig angezeigt werden searchable false Wenn bei den Bilder f r die Bildergalerie unter Eigenschaften die Checkbox Ist durchsuchbar nicht aktiviert ist setzen Sie hier das Attribut searchable false Dadurch werden auch Bilder die als nicht durchsuchbar gekennzeichnet sind in die Bildergalerie aufgenommen Wenn die Checkbox Ist durchsuchbar aktiviert ist setzen Sie das Attribut searchable true Dadurch werden nur Bilder die als durchsuchbar gekennzeichnet sind in die Bildergalerie aufgenommen Abb 184 Checkbox Ist durchsuchbar in Eigenschaften Grafik we_demo image_gallery images schiff jpg Eigenschaften Bearbeiten Ministuransichten Information Eigenschaften Dateiname schiff Verzeichnis we_dema image_gallery images Dokument C Ist durchsuchbar workspacelD 15 Dieses Attribut ist optional Damit k nnen Sie ber die ID das Verzeichnis in dem sich ihre Bilder f r die Bildergalerie befinden Es wird f r die Bildergalerie dann nur in diesem Verzeichnis nach Bildern gesucht lt we ifFound gt Zeige Bild lt we listviewStart gt lt we listviewEnd gt von lt we listviewRows gt ergibt folgende Ausgabe Abb 185 Zeige Bild 1 4 von 5 zeige Bild 1 4 von 5
198. te 73 Beispielseite we_demo news 2004 we devEdge php Abb 133 Grafikfeld 3 9 10 Flash Movie Feld lt we flashmovie gt Mithilfe des Flash Movie Feldes k nnen Sie einen Flash Film in das Dokument einf gen Laden Sie dazu zuerst den gew nschten Flash Film nach webEdition hoch Klicken Sie dann auf den Button bearbeiten Es ffnet sich der Dateimanager mit dem Sie den gew nschten Film ausw hlen k nnen Siehe auch Abschnitt 3 5 2 Flash Filme einbinden auf Seite 84 Abb 134 Flash Movie Feld 3 10 Webseiten im seeMode bearbeiten Der seeMode wurde entwickelt um das Bearbeiten von Webseiten noch einfacher und effizienter zu gestalten Er zeigt eine WYSIWYG Ansicht Ihrer Website wie in einem normalen Browser Abb 135 seeMode Ansicht Datei Optionen Module Hilfe web dition Online bestellen AG und loslegen CMS AND FRIENDSHIP Standort we demo Barrierefreiheit webeEdition kann auch barrierefrei Schwerpunkt der webeEdition Version 3 2 liegt auf der Erstellung barrierefreien Internetseiten Unter einer barrierefreien Web Site verstehen viele Leute leider imm eine unansehnliche oder rein textbasierte Seite f r Menschen mit k Behinderungen die neben der eigentlichen Website gepflegt werde Barrierefreiheit ist aber weit mehr als das Barrierefreiheit Access bi beinhaltet das Entfernen s mtlicher Problempunkte die den Zugang Inhalten auf einer Web Site verhindern k nnten Dadurch ist es
199. tebuch oder einem Kleinanzeigenmarkt ist es n tig dass Besucher der Website webEdition Dokumente und Objekte erzeugen und ndern k nnen Grundlage daf r ist das lt we form gt Tag Dieses Tag kann um zwei Attribute erweitert werden e lt we form type document gt zur Erzeugung von webEdition Dokumenten e lt we form type object gt zur Erzeugung von webEdition Objekten Geben Sie bei webEdition Dokumenten den Dokumenttyp als Wert des Attributes doctype an webEdition Dokumente ohne Dokumenttyp k nnen nicht erzeugt oder ge ndert werden Geben Sie bei Objekten die ID der Klasse als Wert des Attr buts classid an Zwischen Start und Endtag von lt we form gt werden die einzelnen Felder durch das Tag lt we userInput gt dargestellt Dabei wird durch den Wert den man dem Attribut type zuweist festgelegt um welchen Typ es sich handelt Die genaue Beschreibung dieses Tags und seiner Attribute finden Sie in der webEdition Tag Referenz Beispiel lt we form type document id 56 doctype Gaestebucheintrag gt lt table width 500 border 0 cellspacing 0 cellpadding 5 align center gt Sbir lt td class t4 gt lt strong gt G amp auml stebuch Eintrag lt strong gt lt td gt lt td align right nowrap gt lt img src images pixel gif width 1 height 1 gt lt td gt lt ier gt SLE Benutzerhandbuch 150 Vorlagen erstellen Aufgabe des Administrators lt td Class 1o eolepan 2 5 lt p
200. tionen in Bibliotheken Diese Funktionen werden ausgef hrt wenn eine Seite aufgerufen wird Sie beginnen immer mit wei Es gibt we Tags die ein Endtag ben tigen z B lt we block gt lt we block gt die meisten ben tigen kein Endtag z B lt weitextarea gt 4 3 Ansichten f r Vorlagen Im Folgenden werden die Ans chten n denen S e eine webEdition Vorlage anzeigen k nnen beschrieben 4 3 1 Eigenschaften Ansicht Hier k nnen Sie Namen und Speicherort ihrer Vorlage festlegen oder eine bereits bestehende Vorlage kopieren Standard 4 1 1 Oktober 2006 Vorlagen erstellen Aufgabe des Administrators 119 Abb 160 Vorlagenansicht Eigenschaften webEdition Vorlage rer TE Eigenschaften Pfad Dateiname Erweiterung neue_ Vorlage tmpl Verzeichnis y Ausw hlen Hauptvorlage we_demo masterTemplate tmpl Ausw hlen a Dokumente Auf dieser Vorlage basieren bisher keine Dokumente Zeichenkodierung 150 8859 1 150 8859 1 Westeurop isch West Europe Vorlage kopieren Ausw hlen Speichern C Automatischer Rebuild C Nach Speichern neues Dokument Es gibt hier die folgenden Bereiche e Pfad Hier legen Sie Namen und Speicherort Ihrer Vorlage fest Klicken Sie auf den Ausw hlen Button um im Dateimanager das Verzeichnis auszuw hlen Um E ingabefehlern vorzubeugen ist eine manuelle Eingabe nicht vorges
201. um Beispiel lt we input type text gt lt weitextarea gt In der Standardeinstellung ist dieses Attribut auf false gesetzt so dass die Eingabe von PHP dem Redakteur nicht erlaubt ist Um die Eingabe von PHP zu erm glichen setzten Sie das Attribut auf true oder verwenden Sie in der Vorlage das entsprechende we tag beispielsweise lt we input type text php true gt Standard Einstellung f r inlineedit Attribut in lt we textarea gt Wenn Sie true w hlen k nnen Sie die Textarea direkt auf derselben Seite bearbeiten Wenn S e false w hlen m ssen S e zum Bearbeiten von Textareas zun chst auf Bearbeiten klicken es ffnet sich dann ein neues Fenster in dem Sie die Textarea wie gewohnt bearbeiten k nnen Die Einstellung false wird Standard 4 1 1 Oktober 2006 Benutzeroberfl che 45 empfohlen wenn S e viele Textareas haben da die Seite dadurch erheblich schneller geladen wird Safari WYSIWYG Editor benutzen Setzen Sie diese Einstellung auf true um die WYSIWYG Funktion f r den Browser Safari zu aktivieren Standard Einstellung f r showinputs Attribut in lt we img gt Hier k nnen Sie bestimmen ob Redakteure die Alt und Titel Felder be Bildern angezeigt bekommen sollen Stellen Sie hier false ein um den Eigenschaften Dialog f r Bilder bersichtlicher zu halten Die Alt und Titel Felder werden f r valide barrierefreie Seiten ben tigt Verhalten der Dokument Typ Auswahl Hier k nnen
202. usgabe erfolgt derzeit nach dem XHTML Transitional 1 0 Standard XHTML Debugging Wird f r die Ausgabe einzelner webEdition Tags we Tags oder der kompletten Web Site XHTML verwendet xml true so kann die HTML Ausgabe einzelner HTML Tags vor der Ausgabe kontrolliert werden So kann w hrend der Entwicklung eines Web Projekts vorzeitig erkannt werden ob gew hlte Attribute auch den Standards entsprechen Das XHTML Debugging erfordert gr eren Speicherplatzbedarf und sollte daher nur w hrend der Entwicklung und n cht w hrend des Produktiveinsatzes eines Projekts aktiviert sein Benachrichtigung bei fehlerhaften Attributen Es ist m glich fehlerhafte Attribute in Form einer JavaScript Alert Box innerhalb des Dokuments und oder in der php error_log ausgeben bzw diese automatisch entfernen zu lassen e Formmail Empf nger Benutzerhandbuch 50 Benutzeroberfl che Abb 52 Einstellungen Formmail Formmail Empf nger Tragen Sie hier alle E Mail Adressen ein an welche Formulare mit der Formmail Funktion we form type formmail geschickt werden d rfen Ist hier keine E Mail Adresse eingetragen kann man keine Formulare mit der Formmail Funktion verschicken mustermann hore de Al Hinzuf gen Bearbeiten L schen Tragen Sie hier alle E Mail Adressen ein an welche Formulare mit der Formmail Funktion lt we form type formmail gt geschickt werden d rfen Werden keine Adressen angege
203. uswahl Navigationseintrag 108 Beispieleintrag 109 Navigat onsuntereintrag 109 Bereich Auswahl Dynamische Auswahl 110 Vorschau der Navigationseintr ge 111 Navigation auf Webseite 111 Neuer Ordner 111 Dynamische Inhalte n Ordner 112 Dynamischer Navigationsordner in Explorerbaum 113 Ansicht Vorschau 113 Dropdown Regeln f r das Highlighting 114 Fenster Navigations Regeln 114 Beispiel einer Vorlage we demo accessible accessibleText tmpl in der Ansicht Vorschau Editmode 116 Dokument basierend auf einer Vorlage gef llt mit Inhalt we _demo accessible demo html 117 Webseite generiert aus Vorlage und Inhalten des Dokuments 117 Vorlagenansicht Eigenschaften 119 Vorlage mit dem Dateimanager importieren 120 Vorlagenansicht Bearbeiten 121 Vorlagenansicht Information 122 Vorlagenansicht Vorschau Editmode 122 Ansicht Vorschau 123 Schematische Darstellung 124 Eigenschaften der Vorlage 125 Vorlagen Rebuild 125 Speichern Button 128 Einzeiliges Texteingabefeld 129 Mehrzeiliges Texteingabefeld 130 Button zum Einf gen Austauschen und L schen von Bildern 130 Tagw zard anzeigen 132 Tagw zard 132 Mit dem Tagwi zard Attr bute zuweisen 133 Navigation auf we demo 138 Ausschnitt einer Navigation als bearbeitbare Linkliste we demo _2 include navigation php 139 Navigat on ausgegeben auf der Website 139 lt we link gt in der Vorschau Ansicht 139 bersicht der Ergebnisse einer Suchanfrage 142 bersicht ber alle Seiten Ausschnitt 143 ber
204. we _tag_b inc php angelegt werden 3 F r die ben tigten Attribute bietet es sich an einen vorhandenen we tag zu kopieren und die Attributnamen Attributtypen anzupassen Ist das eigene we tag korrekt eingesetzt erscheint es sowohl in der Liste aller we tags auf der Bearbeiten Seite einer Vorlage als auch im Tag Wizard 4 7 Weitere Funktionen ber we tags definieren Im Folgenden werden weitere Funktionen vorgestellt die Sie ber we tags realisieren k nnen und die f r die Entwicklung von Vorlagen wichtig sind 4 7 1 Tags f r das Navigationstool Die Ausgabe einer Navigation unterscheidet sich stark von anderen Elementen mit wiederholendem Charakter wie we block oder we listview Nachdem die Navigation initialisiert wird kann jeder Eintrag in der Navigation explizit gestaltet werden Anstelle auf viele unterschiedliche f Tags zugreifen zu m ssen kann man nun das Aussehen einzelner Eintr ge ver ndern Vor allem das Bearbeiten von Navigationen mit mehreren Ebenen ist so viel bersichtlicher 4 7 1 1 we navigation Mit we navigat on wird eine Navigation nitial siert we navigat on hat die beiden Attribute name und parentid Der Parameter name weist der Navigation einen Namen zu mit dem sp ter auf diese Navigation zugegriffen werden kann Der Parameter parentid bestimmt von welchem Element aus die Navigation erstellt werden soll Mit parentid 0 wird die komplette Navigation in tialisiert lt we navigation navigationnam
205. webeEdition Benutzerhandbuch ie web dition web dition Benutzerhandbuch Standard c living e AG 2006 webeEdition Benutzerhandbuch 4 Benutzerhandbuch Standard 4 1 1 Oktober 2006 2006 living e AG All rights reserved Printed in Germany Die living e AG gibt keine Garantie oder Gew hr hinsichtlich der Richtigkeit und der Genauigkeit der Angaben in diesem Handbuch Ohne ausdr ckliche schriftliche Erlaubnis der living e AG darf f r andere Zwecke als den privaten Gebrauch durch den K ufer dieses Handbuch nicht in irgendeiner Form mit irgendwelchen Mitteln elektronisch oder mechanisch mittels Fotokopie durch Aufzeichnung oder mit Informationsspeicherungs und Informationswiedergewinnungssystemen reproduziert oder bertragen werden Der K ufer darf eine Kopie der Software zu Sicherungszwecken erstellen Eine Kopie der Software kann jederzeit von der living e AG angefordert bzw von der Webseite heruntergeladen werden Weder die living e AG noch Lieferanten der living e AG sind f r irgendwelche Sch den uneingeschr nkt eingeschlossen sind Sch den aus entgangenem Gewinn Betriebsunterbrechung Verlust von gesch ftlichen Informationen oder von Daten oder aus anderem finanziellen Verlust ersatzpflichtig die auf Grund der Benutzung dieses Produktes oder der Unf higkeit dieses Produkt zu verwenden entstehen selbst wenn die living e AG von der M glichkeit eines solchen Schadens unterrichtet worden ist Auf jeden Fal
206. weit mehr als das Barrierefreiheit Accessibility beinhaltet das Entfernen s mtlicher Problempunkte die den Zugang zu den Inhalten auf einer Web Site verhindern k nnten Dadurch ist es auch mit alternativen Ausgabeger ten wie PDAs ScreenReadern Wap Browsern oder textbasierten Browsern m glich den Inhalt der Seite ohne Probleme zu erfassen Diese Website wurde komplett in webEdition erstellt und soll zeigen wie eine Website barrierefrei gestaltet werden kann ohne auf ansprechendes Design zu verzichten Die folgenden Links enthalten einige Anmerkungen ber diese Seite selbst sowie einige weiterf hrende Informationen zum Thema Barrierefreiheit Bearbeiten l In Workflow Speichern LI Beim Speichern ver ffentlichen Ea LI Nach Speichern neue Seite N here Informationen ber das Bearbeiten von Dokumenten im seeMode finden Sie n Abschnitt 3 10 Webseiten im seeMode bearbeiten auf Seite 103 Falls die Benutzerverwaltung oder die Benutzerverwaltung PRO installiert ist stehen dem Administraor erweiterte M glichkeiten zur Verf gung das Aussehen des seeModes f r Benutzer zu beeinflussen In der Ansicht Rechte der Benutzerverwaltung gibt es dann folgende Kontrollm glichkeiten siehe Abb 38 Benutzerhandbuch 40 Benutzeroberfl che Abb 38 Rechte f r den seeMode in der Benutzerverwaltung 7 Super Easy Edit Mode Der Benutzer dam die Menue Leiste sehen Der Benutzer darf ausserhalb des Super Easy Edit Mode a
207. zeigt Abb 83 Grafik in der Ansicht Bearbeiten Bearbeiten 5 08 KB nn ber den Button Hochladen k nnen Sie nun die aktuelle Datei ersetzen Wenn Sie eine weitere andere Datei oder mehrere Dateien hochladen m chten so verwenden Sie hierzu bitte die Importfunktion oder rufen diese Seite erneut ber das Datei Men auf Wechseln Sie durch Klick auf den entsprechenden Karte reiter in die Ansicht Eigenschaften um in gewohnter Weise Dateiname und Pfad einzugeben Falls Sie keinen neuen Dateinamen angeben wird standardm ig der urspr ngliche Dateiname verwendet Nachdem Sie gespeichert haben wird die Grafik in Ihrem webEdition Date baum angezeigt und kann in webEdition Seiten eingebettet included werden N here Informationen dazu finden Sie n Abschnitt 3 9 9 Grafikfeld lt we img gt auf Seite 102 3 4 2 Mehrere Grafiken gleichzeitig importieren webEdition bietet Ihnen auch die M glichkeit mehrere Grafiken auf einmal zu importieren W hlen Sie Datei gt Import Export gt Import Der Import Wizard wird ge ffnet siehe Abb 84 Standard 4 1 1 Oktober 2006 Mit Dokumenten arbeiten Aufgabe des Redakteurs 75 Abb 84 Mehrere Grafiken importieren Import Wizard Date Import Daten Import Lokale Dateien importieren Eine oder mehrere Dateien von der lokalen Festplatte importieren Dateien vom Server importieren Dateien eines Server Verzeichnisses importieren W hlen Sie durch das

Download Pdf Manuals

Related Search

Related Contents

Acer Aspire 571PG-53336G50Makk  Bushnell 91-0330/03-02 Digital Camera User Manual  AML - All Material Locator - detects all kind of underground objects  Sony SANS500 User's Manual  Cisco VPN Client User Guide for Linux and Solaris    Aiphone GF-1DK User's Manual  - Compatec  

Copyright © All rights reserved. Failed to retrieve file