AI.de im Internet

From B-Ob8ungen
Jump to navigation Jump to search

Wichtig: Wenn ihr auf dieser Seite bleiben wollt, sollten die Links mit der rechten Maustaste angeklickt werden. Dann kann wahlweise ein neues Tab oder eine neue Seite aufgerufen werden.

Es geht hier um Folgendes: nach langem Zögern hatte sich die Türkei-Koordinationsgruppe in der deutschen Sektion von amnesty international dazu durchgerungen, eine Webseite (auch bekannt als homepage) einzurichten. Nur hatte niemand in der Gruppe eine Ahnung, wie sowas geht.

Für die Eiligen: Wer nicht an der Begründung interessiert ist, kann ein Muster unter http://amnesty-tuerkei.de/muster/ anschauen. Kommt als Resultat will ich auch haben heraus, dann kann ein Paket mit allen notwendigen Dateien und einer ausführlichen Anleitung für Ungeübte hier herunter geladen werden. Nachdem die Datei in ein separates Verzeichnis "ausgepackt" wurde, steht alles Weitere in der Datei liesmich.

Homepage ohne Vorkenntnisse erstellen?

Die Sektion meinte, das sei einfach und schlug auf der einen Seiten Webblogs oder ein Wiki (wie dieses hier) vor. Ein Beispiel für Webblogs sei zu finden unter: http://amnesty.21publish.de/SdS1. Für das Wiki wurde http://www.wiki.amnesty-intern.de angegeben. Kurz danach kam das Wunderwerk, der neue Webauftritt des Internationalen Sekretariats in knalligem Gelb daher. Deshalb habe ich mich auf einer gesonderten Seite mit der Frage des Anpassen der eigenen Webpräsenz an die vorhandenen Muster auseinandergesetzt.

Die simple Alternative

Anstelle der Empfehlungen habe ich als Beispiel auf die Seite der Koordinationsgruppe Algerien geschaut.

Ich merkte

  • die Seiten sind in html (hypertext markup lanuage)
  • sie benutzen kein fertiges Skript
  • alles, was sie an Besonderheiten einsetzen sind css (cascading style sheets)

Das Gerüst erstellen

Hierzu ist es wohl ganz nützlich, ein paar html-Kenntnisse zu besitzen, es gibt aber jede Menge website editors die nach dem wysiwyg (what you see is what you get) Prinzip arbeiten. Die Kogruppe Brasilien benutzte Microsoft FrontPage 4.0., aber Programme wie openoffice erfüllen den gleichen Zweck. An beiden Programmen finde ich störend, dass sie zuviel eigene Formatierungen in den Quelltext schreiben. Ich habe daher immer den Netscape Composer 4.51 benutzt. Eine Weiterentwicklung davon ist das als New View NVU bekannte Programm der Mozilla Familie. Hier gehts zu deren Homepage.

Mit diesem Programm habe ich das Gerüst erstellt, auch damit ich die sehr intuitive und benutzerfreundliche Handhabung kennenlerne, um sie den Mitgliedern der Kogruppe weiterzugeben.

Wie an den Seiten der anderen Kogruppe zu sehen ist, werden nicht viele Seiten gebraucht. Die meisten davon, wie über uns, spenden und kontakt werden einmal erstellt und müssen nie wieder verändert werden. Das Strickmuster ist relativ simpel. Nachdem klar war, dass die "Musterseiten" linksbündig ausgerichtet in einer Tabelle von 780 pixel angelegt wurden, sollte erst einmal die Tabelle angelegt, die Grafiken und die Navigation plaziert werden. Die Seite kann dann als "model.html" abgespeichert und als Vorlage für die anderen Seiten benutzt werden.

Zusätzliche Arbeit

Für die Türkei brauchten wir eine andere Landkarte und die Grafik im Kopf (header) musste verändert werden. Die meisten Bildbearbeitungsprogramme sollten keine Schwierigkeit damit haben, die Stellen mit der weißen Schrift durch ein bißchen Farbe aus dem Rest der Grafik zu überdecken und dann in weiß den entsprechenden Text hinzuschreiben.

Zur Navigation gab es ein wenig Diskussion, weil teilweise andere Kategorien gewünscht wurden, als auf den "Musterseiten". Hier bin ich vom "css" abgewichen und habe die links, wenn die Seite angeklickt war, fett ausgegeben und dort dann einen "aktiv.gif" anstelle der sonstigen "inaktiv.gif" verwendet.

Dabei gefielen der Kogruppe in der Navigation die Grafiken auf der Seite der Sektion besser, als bei den Gruppen. Also haben wir die genommen. Im Unterschied zu den anderen Kogruppen und der Sektion fand unsere Gruppe, dass die Tabelle am Besten in der Mitte (und nicht links) plaziert wird. Selbst wer die Befehle

<center>irgendwas an text oder eine tabelle</center>

nicht kennt, dürfte es nicht schwer haben in NVU die Tabelle in die Mitte zu setzen.

Das Training

Nachdem das Gerüst erstellt war, ging es nur noch um zwei Sachen.

Hochladen von Dateien

Im Unterschied zu den Skripten, bei denen online gearbeitet wird, werden html-Seiten offline erstellt und müssen anschließend auf die Webpräsenz hochgeladen werden. Dazu bedient mensch sich eines FTP (file transfer protocol) Clients, Programme, die es in verschiedenen Ausführungen kostenlos gibt. Besser wären vielleicht SFTP (secure für sicher) zu nehmen, aber wir haben PSFtp Free benutzt.

Wenn dort erst einmal die Einstellungen (nicht viel mehr als korrekten Benutzernamen und Passwort) richtig getroffen sind, kann sich die/der Benutzer/in danach immer direkt mit der Webpräsenz verbinden und es erscheinen die Dateien auf der Festplatte links und im Internet rechts. Es geht in beide Richtungen.

  • von links nach rechts = hochladen
  • von rechts nach links = runterladen

Text und Verweise einfügen

Im Prinzip ist das Programm NVU selbsterklärend. Jede/r der mit Texten arbeitet, sollte mit den wesentlichen Funktionen vertraut sein. Natürlich muss mensch vor dem Bearbeiten eine Datei öffnen. Hier sind es eben html Seiten, die bearbeitet werden, aber im Prinzip so wie es mit einer Datei in word oder openoffice eben auch gemacht wird.

Zwei Sachen bedürfen gesonderte Aufmerksamkeit. Da es in den Seiten mit den Dokumenten immer lange Listen gab und in der Zukunft neue Berichte eingefügt werden müssen, ging es um das Hinzufügen einer Zeile (im Programm Reihe genannt). Dazu wird "Tabelle" angeklickt und es geht weiter mit "Einfügen" und "Reihe unter" oder "Reihe über". Natürlich können überflüssige Zeilen, Spalten oder ganze Tabellen auch gelöscht werden.

  • Einzige Neuheit: einen Link setzen

Es könnte sein, dass dies für Ungeübte eine Neuigkeit ist, aber diese Funktion gibt es in anderen Programmen ebenfalls. In NVU ist in der 2. Befehlszeile dazu ein dickes Symbol Link und was nach dem Anklicken gemacht werden muss, erklärt sich fast von selbst.

Ein paar Dinge, auf die beim Erstellen einer homepage geachtet werden sollte, habe ich auf der Seite Was sollte beim Anlegen einer Homepage beachtet werden ausgeführt.

Fazit

Selbst wenn beim Erstellen des Gerüsts etwas Fremdhilfe gebraucht wird (mit meinem "Mustersatz" an Dateien nicht mehr notwendig), denke ich, dass die notwendigen Aktualisierungen auch von absoluten Laien gemacht werden können. Es ist in jedem Fall einfacher, als die Formatierungen mit Wiki zu lernen, oder aber ein backend-user von z.B. Typo3 zu sein. Immerhin muss mensch sich dort jedes Mal einloggen und auch etliche andere Dinge beim Speichern etc. beachten.

Vielleicht noch in der Aufbauphase, aber zum großen Teil fertig, kann die simple Alternative unter http://amnesty-tuerkei.de/index.html begutachtet werden. Kommentare entweder hier oder unter dem Kontakt zur Türkei-Kogruppe.

Interesse geweckt? Mein Paket mit allen notwendigen Dateien und einer ausführlichen Anleitung für Ungeübte kann unter diesem Link herunter geladen werden. Danach in ein separates Verzeichnis "auspacken". Alles Weitere steht in der Datei liesmich. Hier finden Sie eine Tour durch das Gerüst der Webseite.