Home
Handwerkliches
Webseiten

Wie man sieht, basteln wir gerne an Webseiten. Wir basteln nicht nur die www.baehrig.de sondern auch noch unseren beruflichen Webseiten selbst. Auch die Seite www.haderner-krautgarten.de ist von uns (zumindest von Uli). Hier ein paar Tipps zum Webseiten-Erstellen:

Webseiten-Programm NetObjects Fusion 10

Wir nutzen NetObjects Fusion 10. Der Vorteil ist, dass einem sehr viel abgenommen wird und man sich auf die Gestaltung der Seiten konzentrieren kann.

Ja, mit einem Content-Managementment-System und diversen Skripten etc. wäre man auch bei privaten Webseiten flexibler und hätte mehr Möglichkeiten. Doch zum einen müßte man sich da auch wieder einarbeiten (und wir verdienen unser Geld schließlich nicht nicht als Web-Designer) und zum anderen genügt uns ein günstiger Web-Server mit bloßem FTP-Zugang.

Es gibt auch ein sehr gutes Forum zu diesem Programm.

Dort hat mir www.tommyherrmanndesign.com dringend empfohlen die Webseiten auf diese Weise zu sichern:

  1. Wählen Sie in der Verwalten-Ansicht aus dem Menü "Asset" die Option
    "Alle Datei-Assets überprüfen".

    NetObjects Fusion überprüft und meldet den Status aller Dateipfade.

    - Sind alle Informationen über den Dateipfad korrekt, listet NetObjects Fusion das in der Spalte "Überprüfungsstatus" gefundene Datum und die Uhrzeit auf.
    - Falls eine Datei nicht gefunden wird, wird das Dialogfeld "Von Datei-Assets verwendete Dateien prüfen" angezeigt, in dem die fehlende Datei und der Originalpfad angegeben werden.
    - Falls ein Ordner, der Assets enthält, nicht gefunden wird, wird das Dialogfeld
    "Von Datei-Assets verwendete Ordner prüfen" angezeigt, in dem der fehlende Ordner und sein Originalpfad angegeben werden.
  2. Geben Sie die neuen Pfade für alle nicht gefundenen Dateien oder Ordner an.

    - Um einen neuen Pfad anzugeben, klicken Sie auf "Durchsuchen" und wählen Sie dann die entsprechende Datei bzw. den Ordner aus.
    - Um ein Objekt zu übergehen und die Prüfung fortzusetzen, klicken Sie auf "Überspringen". NetObjects Fusion markiert diese Datei mit Nicht gefunden und setzt die Überprüfung mit dem nächsten Ordner oder der nächsten Datei fort. Soll diese Datei allerdings veröffentlicht werden, wird bei der Veröffentlichung eine Fehlermeldung angezeigt.

    - Klicken Sie auf "Abbrechen", um den Prüfungsvorgang anzuhalten. Der Prüf-Status der aktuellen und aller folgenden Dateien wird in diesem Falle allerdings nicht aktualisiert.
  3. Nachdem die Überprüfung abgeschlossen ist, klicken Sie in dem entsprechenden Dialogfenster auf OK.
  4. ... in der “Site-Ansicht” oben im Menü:
    Datei -> Als Vorlage exportieren -> Ganze Site ...
    Sichern-Fenster001
    Als Pfad wählt man einen eigenen Ordner “Sicherungen”
    Der Name der ZIP Datei sollte sowohl das Datum, als auch die Website enthalten: z. B.:
    2007-12-17 Homepage.zip
  5. Zusätzlich sollte man das Projekt (diese .zip - Datei) auch extern sichern, z. B. auf einer CD, einem externen Laufwerk oder einem USB-Stick und/oder auf Eurem Server.
  6. Bitte vergesst nicht, dass NOF bestimmte Dinge nicht sichert. Diese Dateien muss man zusätzlich händisch sichern:
    • selbst erstellte Skripte
    • Dateien, die erst während der “Arbeit” Eurer Web Präsenz entstehen (alle CSV Dateien oder auch hochgeladene Bilder der Komponente “Referenzen”). Diese Dateien solltet Ihr zusätzlich regelmäßig händisch sichern.

Das gesicherte Projekt will man auch mal wiederherstellen. Das ist auch der einzig sinnvolle Weg, um ein Projekt von einer alten Version in eine höhrere Version zu transferieren:

  1. NetObject Fusion starten
  2. Datei -> Neue Site -> Aus Vorlage... -> Vorlagen-Datei suchen
    Jetzt die ZIP-Datei der Vorlagensicherung wählen
    Wiederherstellen-Vorlage
  3. Öffnen -> Ordner wählen oder neu anlegen
    Nun den Dateinamen eintragen (ohne .nod)
    auf Button “Speichern” klicken.
  4. Alle Bilder befinden sich nun im Ordner “Assets”, da NOF nun eine völlig neue (eigene) Ordner-Struktur anlegt und das ist auch gut so, da sonst diese Assets in der Verwaltung eventuell nicht mehr gefunden werden könnten.

Kalorio

Die Kochrezepte verwalten wir mit dem Programm “Kalorio”. Das bietet selbst leider keine FTP-Funktion. Deshalb gehen wir immer in diesen Schritten vor:

Kalorio-Rezepte als HTML exportieren:

  1. in ViewTPL.html den Link zur Rezeptestartseite setzen:
    <A HREF="http://www.baehrig.de/hobbies/Essen_und_Trinken/Kochen/kochen .html" target="_top">zurück zur Bährig -Kochseite</A>
  2. Klicke auf “Exportieren”.
    Wähle “Exportformat-HTML-Format”
    Klicke auf das dazugehörige Optionen
  3. Ändere in den Optionen im Bereich HTML-Export den “Pfad auf Zutatenbilder” auf:
    Zutaten\
  4. Setze in den Optionen im Bereich Export den Exportpfad auf
    \\SERVERNAME\Public\Petra_Uli\Webseite\hobbies\rezepte
  5. Klicke beim Exportieren unter Exportmedium auf “Speichern in Datei
  6. Klicke beim Exportieren auf Start
    im Popup “Speichern unter” gib nun an
    für Essensrezepte:Baehrig-Rezepte.html
    für Kuchenrezepte:Kuchen-Rezepte.html
    für Getränkerezepte:Getraenke-Rezepte.html

Kalorio-Rezepte als CookML exportieren:

  1. in ViewTPL.html den Link zur Rezeptestartseite setzen:
    <A HREF="http://www.baehrig.de/hobbies/Essen_und_Trinken/Kochen/kochen .html" target="_top">zurück zur Bährig -Kochseite</A>
  2. Klicke auf “Exportieren”.
    Wähle “Exportformat-HTML-Format”
    Klicke auf das dazugehörige Optionen
  3. Klicke beim Exportieren unter “Exportmedium” auf “Speichern in Datei”
  4. Klicke beim Exportieren auf Start
    im Popup “Speichern unter” gib nun an
    für Essensrezepte:   baehrig-rezepte.cml
    für Kuchenrezepte:  kuchen-rezepte.cml
    für Getränkerezepte: getraenke-rezepte.cml
  5. Zippe die Dateien in folgende Einzeldateien:
    für Essensrezepte:   baehrig-rezepte.zip
    für Kuchenrezepte:  kuchen-rezepte.zip
    für Getränkerezepte: getraenke-rezepte.zip

Kalorio-Rezepte mit FTP auf den Server hochladen

  1. Starte das FTP-Programm (z. B. Filezilla)
  2. Verbinde mit der Webseite www.baehrig.de
  3. Gehe beim lokalen Verzeichnis auf \\SERVERNAME\Public\Petra_Uli\Webseite\hobbies\rezepte
  4. Gehe beim Server-Verzeichnis auf
    objekte/kochrezepte/
  5. Überprüfe, ob der Link auf die Kochrezepte stimmt. Er sollte sein:
    www.baehrig.de/objekte/kochrezepte/Baehrig-Rezepte_Start.html

Auf ein Kalorio-Kochbuch mit einem externen Link verweisen

Die Bilder der Zutaten liegen immer in einem Unterverzeichnis "Zutaten/". Das bedeutet, dass man für die einzelnen Kalorio -Kochbücher besser keine separaten Unterverzeichnisse einrichtet, denn sonst müßte man die Zutaten-Bilder für jedes Kochbuch separat und redundant hochladen. Die ideale Verzeichnisstruktur am Server ist demnach:

mein_kalorio_verzeichnis/
     koch-rezepte.html
     koch-rezepte_100.html
     koch-rezepte_101.html
     koch-rezepte_Start.html
     ...
     back-rezepte.html
     back-rezepte_100.html
     back-rezepte_101.html
     back-rezepte_Start.html
     ...
     Zutaten/
         ananas.jpg
         butter.jpg
         ...

Zu beachten ist, dass bei den Verzeichnis- und Dateinamen am Server die Groß- und Kleinschreibung unterschieden wird. Wenn Kalorio bei einem Dateinamen also einen Großbuchstaben generiert, dann muß man denn auch exakt so in seinem externen Link abtippen, mit dem man auf die Startseite seines Kochbuches verweist. Der Name der Startseite von Kalorio-Kochbüchern endet übrigens immer mit “...._Start.html!

Photos

Auf unseren ältesten Webseiten waren wir noch nicht so versiert. Die Photos waren unscharf und hatten keine peppigen Gimmicks. Mittlerweile weiß ich:

  • Du benötigst ein ordentliches Photobearbeitungsprogramm (Photoshop, Gimp, Photoline etc.)
  • Bring das Photo mit dem Programm exakt auf die Pixelzahl, die Du später in der Webseite zeigen willst (z. B. 600 Pixel breit). Nutze niemals die Möglichkeiten Deines Webseiten-Programms Photos in die gewünschte Größe zu ziehen (die Bilder sind dann meistens unscharf oder unrealistisch übergeschärft).
  • Schärfe das Bild dann (bevorzugt mit “Unscharf maskieren”). Denn durch das Verkleinern des Bildes wird es immer unscharf.
  • Wenn Du einen gemusterten Hintergrund hast (wie www.baehrig.de), dann benötigst Du den Hintergrund als “Pattern” in deinem Bildbearbeitungsprogramm. Um z. B. einen Schatten darzustellen, vergrößere ich die Bildfläche (Canvas), füge den Schatten hinzu und füge schließlich eine leere Ebene unter dem Bild ein, die ich mit dem Pattern fülle.
    (Ein weißer Hintergrund erleichtert das Leben also. Aber den hat ja jeder!)
    Der Hintergrund muss unbedingt als allerletztes hinzugefügt werden! Geschärft oder in der Größe veränderte Patterns passen nicht mehr zum Hintergrund der Webseite. Dann fallen die Schnittkanten auf.

wie man Mails in iPhone, Strato-Communicator und Outlook über IMAP synchron hält

Problem: Wer eine Domain bei Strato hat, bekommt dadurch auch diverse Mailadressen, die er über IMAP in Outlook und iPhone nutzen kann. Leider löscht Strato die Mails in den Standard-Ordner “Papierkorb” und “Gesendete” nach einer gewissen Frist. Wer also niemals ein Mail endgültig löschen will und auch nach einem Jahr noch wissen will, welche Mails er verschickt hat , der muß die Mails in eigene IMAP-Ordner verschieben. Das sollte automatisch geschehen.

Lösung:

1. Richte die Ordner “Papierkorb-Archiv” und “Gesendet-Archiv” im Strato-Communicator ein. (“Aktion wählen” -> “neuer Ordner”)

2. Abonniere diese beiden Ordner in Outlook (rechter Mausklick auf das Mail-Konto. “IMAP-Ordner...”. “Abfrage”-Button klicken. Den Ordner auswählen und “Abonnieren”-Button klicken.

3. Nutze in Outlook auch die neuen Ordner: In “Kontoeinstellungen...” wähle das Mail-Konto mit Doppelklick. Dort “weitere Einstellungen”. Im Reister “Ordner” erst anklicken “Vorhandenen Ordner auswählen ...”. Dann den Ordner “Gesendet-Archiv” auswählen.

4. Trage diese beiden Ordner im iPhone ein:
Einstellungen -> Mail -> das Mail-Konto -> bei “IMAP” auf den Account klicken -> “Erweitert” -> “Postfach-Verhalten”
Hier für “Gesendet” den neuen IMAP-Ordner “Gesendet-Archiv” auswählen und
für “Gelöscht” den neuen IMAP-Ordner “Papierkorb-Archiv” auswählen.

Nutzung:

Das Meiste klappt nun automatisch. Mails gesendet von iPhone und Outlook landen im Ordner “Gesendet-Archiv”. Am iPhone gelöschte Mails landen im Ordner “Papierkorb-Archiv”.

Leider muß man ein paar Dinge doch noch von Hand machen:

  • Am Strato-Communicator muß man gesendete Mails von Hand in den Ordner “Gesendet-Archiv” schieben.
  • Am Strato-Communicator darf man Mails nicht löschen. Man muß sie von Hand in den Ordner “Papierkorb-Archiv” schieben. (Oder gleich nach dem Löschen aus dem “Papierkorb”-Ordner in der “Papierkorb-Archiv”-Ordner schieben. Dann nach spätestens 10 Tagen sind sie sonst verschwunden.)
  • In Outlook darf man Mails nicht mit der “Ent”-Taste löschen. Man muß sie von Hand in den Ordner “Papierkorb-Archiv” schieben.

 

von Uli & Petra Bähr, geändert am 27.08.2011.
Beachten Sie das
Impressum! Externe Links stellen keine Werbung dar. Keine Haftung für die Inhalte externer Seiten!