KompoZer FAQ

Antworten
Admin
Administrator
Beiträge: 83
Registriert: Di 19. Aug 2014, 10:47

KompoZer FAQ

Beitrag von Admin » Di 19. Aug 2014, 11:32

Inhaltsverzeichnis
Hier findest du eine Sammlung von umfassenden Antworten zu häufig gestellten Fragen ("frequently asked questions"). Solltest du Fragen haben, die hier nicht beantwortet werden, helfen wir dir im Forum gerne weiter.
Installation und Einrichtung von KompoZer
Dateistruktur und Webspace Funktionen von KompoZer Webpages allgemein
  • Wie ändere ich den Chartset (Zeichenkodierung)?
  • Was sind Div-Container?
[/color]

Welche Version soll ich Installieren?
Es kommen zwei Versionen in Frage: Die neuste, stabile Version 0.7.10 oder die aktuelle Beta-Version 0.8b3.
Für Windows gilt:
  • Du kannst beide Versionen - auch nebeneinander - installieren und nutzen.
Für Linux gilt:
  • KompoZer 0.7.10 ist ist unter den neueren Versionen (Ab GTK 2.14) von GNU/LINUX Distributionen nicht lauffähig. Daher kannst du nur KompoZer 0.8b3 nutzen.
Für Mac OS gilt:
  • Du kannst beide Versionen nutzen.
  • [col]Bild Download KompoZer 0.7.10

    Die letzte, stabile Version von KompoZer

    Hier findest Du eine komlette Installationsanleitung.|Bild Download KompoZer 0.8b3

    Die Beta-Version bietet im Gegensatz zu KompoZer 0.7.10 erweiterte Funktionalitäten aber enthält leider noch ein paar Fehler.

    KompoZer 0.8b3 wird direkt als deutsche Version zum Download angeboten.

    Handcoder und Tidy sind bereits integriert und müssen nicht extra eingebunden werden.

    PHP Seiten können geöffnet und bearbeitet werden.[/col]
:arrow: Inhaltsverzeichnis
Welche Erweiterungen und Add-Ons werden empfohlen?
Für beide Versionen empfehlen wir die Installation des Blindtextgenerators "Lorem Ipsum" und der Rechtschreibprüfung. Für KompoZer 0.7.10 empfehlen wir zusätzlich die Installation von Handcoder und Tidy (zur Bereinigung des Quelltextes).
Bild KompoZer 0.7.10

Hier findest du die Seite zum Download der Erweiterungen

Installation Handcoder
  1. Starte den Download mit einem Klick der rechten Maustaste auf Handcoder -> speichern unter
  2. Speichere die Datei HandCoder-0.3.5-de.xpi an einem Ort, wo du sie wieder findest
  3. Starte KompoZer und gehe über die Menüpunkte Extras -> Erweiterungen zum Erweiterungsmanager
  4. Betätige dort den Installieren-Button und es öffnet sich das Dateiauswahlfenster
  5. Markiere die Datei HandCoder-0.3.5-de.xpi
  6. Bestätige mit dem Öffnen-Button und im nächsten Fenster mit dem "Jetzt Installieren"-Button.
  7. Schließe den Erweiterungsmanager und anschließend KompoZer, da die Änderungen erst nach einem Neustart des Programms wirksam werden.
Installation Tidy
  1. Starte den Download mit einem Klick auf Tidy
  2. Folge den Links und speichere die Datei tidy4aug00.tgz an einem Ort, wo du sie wieder findest
  3. Entpacke die Datei (z.B. mit dem Open-Source Programm 7-Zip)
  4. Kopiere oder verschiebe den Ordner tidy4aug00 nach C:/Programme
  5. Starte KompoZer und folge den Menüpunkten Extras -> Handcoder -> Tidy
  6. Wähle nun über den Dateibrowser den Pfad zu Anwendungsdatei von tidy aus (z.B. C:/Programme/tidy4aug00.tgz).
  7. Schließe das Fenster von Handcoder und anschließend KompoZer, da die Änderungen erst nach einem Neustart des Programms wirksam werden.
[col]Bild KompoZer 0.7.10

Blindtextgenerator Lorem Ipsum

Hier findest du die Seite zum Download von Lorem Ipsum.

Rechtschreibung
Hier kannst du das Add-On zur Rechtschreibprüfung (Dictionary) herunterladen.|Bild KompoZer 0.8b3

Blindtextgenerator Lorem Ipsum

Hier findest du die Seite zum Download von Lorem Ipsum.

Rechtschreibung
Hier kannst du das Add-On zur Rechtschreibprüfung herunterladen (Unter Ubuntu gibt es teilweise leider Probleme mit der Aktivierung der Rechtschreibprüfung).[/col]

:arrow: Inhaltsverzeichnis
Wie binde ich externe Editoren und Programme unter KompoZer 0.8b3 ein?
Externe Programme werden unter Extras -> Einstellungen -> Hilfsanwendungen eingebunden.
Im Menu unter Extras -> Einstellungen -> Hilfsanwendungen kannst du für folgende Anwendungen externe Programme einbinden:
  • Browser, der für die Vorschaufunktion (Button in der Symbolleiste) verwendet werden soll
  • Texteditor
  • Bildbearbeitungsprogramm
  • Mediaplayer
  • Dateimanager
  • FTP-Client
Bild

:arrow: Inhaltsverzeichnis
Wie installiere ich (mehrere) Wörterbücher?
Sowohl unter KompoZer 0.7.10 als auch unter KompoZer 0.8b3 können mehrere Wörterbücher unter Extras -> Add-Ons -> Erweiterungen installiert werden. Danach muss KompoZer neu gestartet werden. Unter Ubuntu gibt es teilweise leider Probleme mit der Aktivierung der Rechtschreibprüfung.
[col]Bild KompoZer 0.7.10
  1. Wörterbuch (Dictionary) herunterladen und speichern.
  2. Unter Extras -> Erweiterungen auf "Installieren" klicken und das gespeicherte Wörterbuch auswählen.
  3. KompoZer neu starten.
|Bild KompoZer 0.8b3
  1. Wörterbuch herunterladen und speichern.
  2. Unter Extras -> Add-Ons -> Erweiterungen auf "Installieren" klicken und das gespeicherte Wörterbuch auswählen.
  3. KompoZer neu starten.
[/col]
Wenn mehr als ein Wörterbuch installiert ist, kann nach dem Anwählen des Buttons "Rechtschreibung" die gewünschte Sprache eingestellt werden.
Bild

:arrow: Inhaltsverzeichnis
Was ist eine Seitenverwaltung und wie richte ich diese ein?
Die Seitenverwaltung wird über F9 ein- und ausgeschaltet. Sie erlaubt eine einfache Navigation innerhalb des Webprojektes und kann durch einen Klick auf das Computericon in der Seitenverwaltung eingerichtet werden.
Aktiviere die Seitenverwaltung über F9 und klicke auf das Computericon.

Bild

Wähle nun den Button "Verzeichnis wählen" an. Über den Dateibrowser navigierst du in das Verzeichnis, in dem sich dein Webprojekt befindet. Bestätige die Auswähl mit "Öffnen".

Bild

Der Pfad zu deinem Webprojekt erscheint nun als Server Verzeichnis. Bestätige mit "OK".

Bild

Dein Projektordner ist jetzt in der Seitenverwaltung sichtbar.

Bild

Über die Seitenverwaltung kannst du nun die Seiten deines Projektes öffnen. Grafikdateien können in das Arbeitsfenster gezogen (Drag&Drop) und so deiner Webseite hinzugefügt werden.

Bild

:arrow: Inhaltsverzeichnis
Wie muss meine Ordnerstruktur aussehen?
Die Ordnerstruktur auf dem lokalen Computer muss unbedingt mit der Ordnerstruktur auf dem Server übereinstimmen. Nur so ist sichergestellt, dass die von KompoZer generierten Pfadangaben auch online funktionieren.
Eine korrekte Namensgebung der Dateien und eine richtige Ordnerstruktur sind besonders wichtig. KompoZer generiert automatisch relative Pfadangaben. Diese funktionieren online nur dann, wenn die Ordnerstruktur auf dem heimischen Computer mit der Ordnerstruktur auf dem Webserver übereinstimmt. Wir empfehlen daher, die lokalen Daten mit denen des Webservers synchron zu halten.

Diese Ordnerstruktur ist ein Anhaltspunkt für kleine Webprojekte:

[col]Homepage
Diesen Ordner gibt es nur auf dem lokalen Computer. Darin befinden sich alle Dateien und Ordner des Webprojektes. Er enthält alle html-Dateien des Projekts. Der Inhalt des Ordners ist exakt identisch mit den Inhalt des Webservers.
  • css
    Hier werden alle css Dateien gespeichert.
  • bilder
    Hier sind alle Bilder und Fotos gespeichert, die für die Homepage benötigt werden.
  • hintergrund
    Hier werden alle Hintergrundbilder und Kacheln gespeichert.
|Bild[/col]
:arrow: Inhaltsverzeichnis
Wie lade ich meinen Daten auf den Webspace?
Die Daten werden mit einem FTP-Programm auf den Webspace geladen. Da es oft Probleme mit dem KompoZer-internen FTP-Programm gibt, empfehlen wir FileZilla oder FireFTP.
KompoZer bietet die Möglichkeit, Daten mit einem internen FTP-Programm auf den Webspace (Server) zu laden. Da es immer wieder zu Problemen mit dem internen FTP-Programm kommt, schlagen wir zwei Alternativen vor:

[col]FileZilla
FileZilla ist als eigenständiges Programm ein freier FTP-Client für Windows, Linux und Mac.
Download FileZilla|FireFTP
FireFTP ist ein freier FTP-Client, der als Erweiterung in Firefox intergriert werden kann.
Download FireFTP[/col]

:arrow: Inhaltsverzeichnis
Was ist eine Startseite (Indexseite)?
Die Startseite erscheint automatisch beim Aufruf einer Domain. Sie trägt den Namen index.html.
Die so genannte Startseite ist die zentrale Seite der Internetpräsenz, da sie beim Aufruf der Domain als erstes erscheint. Die Startseite definiert sich nur über die Namensgebung und muss index.html, index.htm oder index.php heißen.

Beispiel:
Du besitzt die Domain "kompozer-web.de" (was eher unwahrscheinlich ist ;) ). In dem Stammverzeichnis deines Webspaces liegt die Datei "index.html". Wird nun die Adresse "http://kompozer-web.de" in die Adressleiste des Browsers eingegeben, erscheint deine Startseite mit dem Namen "index.html". Beachte bitte, dass der Name klein geschrieben wird.

:arrow: Inhaltsverzeichnis
Wie skaliere ich Bilder mit KompoZer?
KompoZer ist nicht geeignet, um Bilder zu skalieren.
KompoZer hat keine Funktion, Bilder zu skalieren. Man kann mit KompoZer nur die Größe festlegen, mit der ein Bild im Browser dargestellt wird. Dabei wird die Größe des Originalbildes nicht geändert. Da beim Aufruf der Seite das Bild immer in der ursprünglichen Größe geladen werden muss, können bei großen Originalbildern erheblichen Verzögerungen im Seitenaufbau auftreten.

Zum Skalieren von Bildern und Fotos können z.B. Gimp oder IrfanView genutzt werden.

:arrow: Inhaltsverzeichnis
Wie füge ich Bilder ein und wie verlinke ich diese?
Ein Bild fügt man über den Grafik-Button der Bearbeitungssymbolleiste ein. Nachdem das Bild über den Dateibrowser ausgewählt wurde, kann eine Verlinkung eingegeben werden. Bevor das Bild eingefügt wird, muss es sich in der korrekten Ordnerstruktur befinden.
Bevor ein Bild eingefügt wird, müssen zwei Dinge beachtet werden, damit die Pfadangaben korrekt generiert werden:
  1. Die Seite muss abgespeichert werden.
  2. Das einzufügende Bild muss sich in der gleichen Ordnerstruktur befinden, die auch für den Webspace genutzt wird.
Zum Einfügen eines Bildes wird in der Bearbeitungssymbolleiste der Button Grafik angewählt.

Bild

Im nächsten Fenster kann unter "Grafik-Adresse" der Pfad der Grafik ausgewählt werden. Es sollte ein Alternativtext eingegeben werden. Ein Alternativtext erscheint, falls die Grafik nicht geladen werden kann oder dient z.B. blinden Personen als Beschreibung, was auf dem Bild zu sehen ist.

Bild

Nach einem Klick auf den Reiter "Link" hat man die Möglichkeit, die eingefügte Grafik zu verlinken. Dabei muss die Zieldatei eingetragen oder durch den Dateibrowser ausgewählt werden.

Bild

Bei der Auswahl durch den Dateibrowser ist zu beachten, dass zunächst nur HTML-Dateien eingeblendet werden. Möchte man auf eine andere Datei (z.B. eine Grafik) verlinken, muss die Standard-Einstellung im Drop-Down Menu angepasst werden.

Bild

Bei der Auswahl der Zieldatei muss darauf geachtet werden, dass sich diese in der korrekten Ordnerstruktur befindet, damit der Verweis auch online funktioniert. Ein Verweis sollte "relativ zur Seitenadresse" angegeben werden (Häkchen in der Checkbox setzen), wenn auf ein Objekt innerhalb des Webprojektes verwiesen wird. Wird auf ein Objekt außerhalb des Webprojektes verwiesen, muss der Verweis mit "http://...." beginnen. Auf keinen Fall darf der komplette Festplattenpfad (z.B. C:\Dokumente und Einstellungen\All Users\...) angezeigt werden - dieser Link wird online nicht mehr funktionieren.

:arrow: Inhaltsverzeichnis
Wie füge ich Tabellen ein?
Ein Tabelle fügt man über den Tabelle-Button der Bearbeitungssymbolleiste ein.
Zum Einfügen einer Tabelle wird in der Bearbeitungssymbolleiste der Button Tabelle angewählt.

Bild

Die Aufteilung einer Seite sollte nicht durch Tabellen realisiert werden. Diese Vorgehensweise wäre veraltet und nicht barrierefrei. Zur Aufteilung einer Seite nutzt man DIV-Container.

:arrow: Inhaltsverzeichnis
[*]Q

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast