Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox.

Transkript

1 WEB CMS HELP Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox. Die von Dir entworfene Seite wird auf dem WEB_CMS-Server gespeichert und kann so immer wieder verändert werden. Wenn Du zufrieden bist mit Deiner Kreation, kannst Du jederzeit die Seiten mit einem Klick auf Deinen Server laden. WEB_CMS Elemente: Hauptpanel: Mit Hilfe des Seitenmenüs kannst Du die Seitenstruktur Deiner Seiten festlegen und durch Deine Seiten navigieren. Das Elementmenü zeigt sämtliche Elemente der aktuell gewählten Seite.

2 Loginleiste: abmelden...ok, das kriegst Du allein raus.. FTP hier kannst Du den FTP-Zugang zu Deinem Server eintragen. Ausserdem gibt s hier einen FTP-FileBrowser für Deinen Server. Das Schloss klick zum öffnen/schließen: - du kannst das gesamte Panel verschieben (Linke maustaste gedrückt halten und maus ziehen) - du kannst die Größe des Panels änden (Shift + linke maustaste gedrückt halten und maus ziehen) Editormenü: Element-Markierung An/Aus Lineal An/Aus Hilflinien An/Aus Element-Transparenz An/Aus CSS bearbeiten Metatags bearbeiten Die ersten vier Buttons sind ausschließlich als Hilfen für das Entwickeln der Webseiten gedacht, sie erscheinen nicht auf der Seite die Du auf Deinem Server veröffentlichst. Mit Hilfe von CSS bearbeiten kannst Du zb. Schrift-arten und -Farben zur Verwendung im Element-Editor anlegen. Metatags dient der Suchmaschinenoptimierung der Seite. Hier können relevante Begriffe für die gesamte Webpräsenz oder für jede Seite einzeln angegeben werden.

3 Elementmenü: neues Element anlegen Z-Index bestimmt die Stapelreihenfolge der Elemente Element sichtbar An/Aus Element ist Dynamische Kopie Element-Position und -Größe änderbar An/Aus Element ist Vorlage Hintergrundfarbe des Elements bestimmen Elementname, (Klick führt zum Element-Editor) Vorlage von anderer Seite auf diese Seite kopieren Positionierungshilfe für pixelgenaues Arbeiten neues Element legt ein neues Element an. Z-Index zeigt die Stapelreihenfolge der Elemente. Die Elementnamen werden ausserdem entsprechend des Z-Index angeordnet. Falls sich Elemente überlappen entscheidet der Z-Index welches Element das andere verdeckt. (V) Element ist Vorlage. Im Element-Editor kannst Du wählen ob ein Element, zum späteren Kopieren auf andere Seiten, als Vorlage markiert wird. Als Vorlagen markierte Elemente werden unter Vorlagen angezeigt. Statisch kopierte Elemente sind eigenständige Elemente. (dc) wenn Du Vorlagen dynamisch kopierst, ändern sich diese Elemente automatisch, wenn die Vorlage verändert wird. Die Positionierungshilfe unterstützt Dich beim Pixelgenauen arbeiten. Klicke mit der Maus in das zu verändernde Element, eventuell musst du dafür andere Elemente ausblenden. Nun kannst Du das Element mit Hilfe der Pfeile verschieben. Oder Du trägst die Zahlen direkt ein. Save nicht vergessen! Oder Seite neu laden um die Änderung rückgängig zu machen.

4 Seitenmenü: Neue Seite anlegen Neue Seite unterhalb der momentan gewählten anlegen zeigt an das die entsprechende Seite auf Deinem Server nicht mehr aktuell ist, klicken zum hochladen Name der Seite (ausser bei Index und nur wenn Seite gewählt: E = Seitenname ändern; x = Seite löschen) öffnet ein Fenster in dem die Verschachtelung der Seiten verändert werden kann Element-Editor: Editorleiste Inhalt Formatierungen entfernen Bild einfügen Link einfügen Quellcode Style Name Vorschau Movegroup

5 Editorleiste halte den Mauszeiger über einen Button um eine Kurzbeschreibung der Funktion zu erhalten. Die wichtigsten Funktionen: Formatierungen entfernen Eventuelle Formatierungen kann man hiermit entfernen. Das ist gut. Bild einfügen Hier kannst Du ein Bild von Deinem Server auswählen, um es auf der Seite anzuzeigen. Dazu musst Du es natürlich erst hochladen, das machst Du auch hier. Link einfügen Hier kannst Du unter anderem eine andere Seite Deines Projektes auswählen. Quellcode Du weisst wie das geht mit der Hypertextmarkuplanguage? Dann bitte, tob Dich aus! Style Es ist generell die bessere Wahl Schriftgrößen, -farben und ähnliches über Design/CSS bearbeiten zu bestimmen. Diese kannst Du dann mit Style auf markierten(!) Text übertragen. Name Ein aussagekräftiger Name hilft. Nicht nur bei großen Projekten... Vorschau Hier gibt s die einzig wirklich realistische Vorschau. Leider musst Du abspeichern um Änderungen hier anzuzeigen. Vielleicht sollte ich es Nachschau nennen..hm. Movegroup Eine Movegroup besteht aus Elementen auf unterschiedlichen Seiten. Diese Elemente besitzen dieselbe Position und Größe. Änderungen der Größe oder Position eines Mitglieds der Movegroup werden auf alle Elemente der Movegroup übertragen.