Peruns Weblog - Webwork und Internet

Seit einiger Zeit befasse ich mich mit dem Thema Informationsmanagement (bzw. Selbstmanagement). Das hört sich nach einem Modewort an, aber für mich persönlich bedeutet dies, wie werde ich Herr über meine Notizen, Termine, selbstgeschriebenen Anleitungen, interessanten Links etc. Und das ist nicht so einfach wie man sich das vorstellt.

Da ich kein Fachmann diesbezüglich bin, immerhin gibt es jede Menge Berater zu diesem Thema und auch einen Studiengang, stellt dieser Bericht nur eine Sammlung meiner Erfahrungen und Beobachtungen da. (weiterlesen…)

Geordnete und ungeordnete Listen sind mittlerweile sehr beliebt geworden um eine Navigation zu realisieren. Dies ist (meistens) semantisch richtig und mittels CSS bieten sich vielfältige Getsaltungsmöglichkeiten. Siehe dazu: Navigationsmenüs mit Listen.

Um dem Besucher die Orientierung innerhalb der Website zu erleichtern bietet es sich an, die aktuelle Position innerhalb des Navigationsmenüs hervorzuheben. (weiterlesen…)

Durch den Einsatz von CSS ist es möglich horizontale und vertikale Navigationsmenüs über die Listenelemente zu erstellen. Aber warum sollte man dies machen? Dafür gibt es 2 Gründe. Zum einem ist die Navigation einer Website nichts anderes als eine Auflistung von Verweisen bzw. Links, obwohl sich speziell im Fall der horizontalen Menüs manche Geister streiten. Somit setzt man (X)HTML semantisch richtig ein. Außerdem bieten Listenelemente vielfältigere Formatierungsmöglicheiten.

(weiterlesen…)

Vor knapp einer Woche habe ich berichtet, daß ich gerne ein Wikisystem als Organizer nutzen will. Naja, "Organizer" war wohl nicht der richtige Begriff, da ich nicht vorhabe irgendwelche Abgleiche mit anderen Systemen oder Geräten zu machen. Viel glücklicher ist das Wort "Notizblock". Eigentlich würde mir auch ein klassisches Schreibheft reichen, aber das problem beim Papier ist, daß es keine Suchfunktion gibt, keine automatische Verlinkung und man kann sehr schlecht neuere Informationen zwischen die alten Informationen einfügen.

Ich habe einige Wikisysteme und auch einige Groupwaresysteme (PHP Collab, PHP-Projekt etc.) getestet und vor allem die Groupwaresysteme sind für mein spezielles Anliegen zu viel des guten. Ich brauche keine E-Mail-Box, keine Chat-Funktion, Nutzerverwaltung und sonstigen Schnickschnack die für ein richtiges Projektmanagment notwendig sind.

Daher habe ich mich letztendlich für QwikiWiki entschieden, welches ich schon seit längerem kenne. Das Ding ist klein (gezippt 60 kb; entpackt 160 kb) und bietet nur rudimäntere Wiki-Funktionen, aber das reicht vollkommen um mir als Notizblock zu dienen.

Qwiki benötigt keine Datenbank, die Daten werden in Textdateien gespeichert. Ein Backup besteht darin 2 Unterordner zu sichern und das wars dann. Somit gestaltet sich ein Serverumzug bzw. ein Switch von Online auf Offline und umgekehrt sehr einfach.

(weiterlesen…)

Schon seit HTML 2.0 sind die logischen Verweise (relational links) verfügbar. Geckos (Mozilla, Firefox [Erweiterung], Netscape 7.x & Co.) und Opera integrieren diese Verweise direkt in der Kopfleiste und geben dem Webmaster und User die Möglichkeit einer alternativen Navigation und/oder bringen Unterseiten in ein logisches Verhältnis zueinander.

Leider scheitert es wiedermal am Internet Explorer, er zeigt sie nicht an. Auch in der 6er Version nicht. Aber wir dürfen nicht zu streng sein, denn HTML 2.0 gibt es erst seit 1995.

Je nachdem, sind einige logische Verweise schon bekannt, die zwei bekanntesten sind:

• <link rel="stylesheet" href="dateiname.css" type="text/css" />
• <link rel="shortcut icon" href="dateiname.ico" />

Mit dem ersten logischen Verweis bindet man eine externe CSS-Datei ein und mit dem zweiten wird ein Favicon eingebunden. Jedoch interessieren uns diese beiden Verweise in diesem Bericht nicht. Denn diese beiden Verweise haben eine sehr breite Unterstützung (CSS-Einbindung unterstützt ziemlich jeder CSS-fähige Browser) und der Favicon wird von moderneren Browsern unterstützt (in unterschiedlichem Umfang). Zudem dienen sie nicht dem Zweck einer "alternativen" Navigation.

Daher werden wir uns den anderen logischen Verweisen zuwenden. Der logische Verweis beginnt mit der HTML-Markierung <link>. Der Typ der logischen Beziehung wird durch rel="…" (oder rev="…") vorgegeben. Daraufhin folgt die Angabe der Quelle (href="verweis") und des Titels (title="titel"). Hier einige Beispiele, die in den Kopfbereich (Head) eingebunden werden können:

• <link rel="start" href="index.html" title="Titel der Website" />
• <link rel="contents" href="inhalt.html" title="Inhaltsverzeichnis oder Sitemap">
• <link rel="help" href="faq.html" title="FAQ - Fragen und Antworten" />
• <link rel="search" href="suche.html" />
• <link rel="copyright" href="impressum.html" />
• <link rel="author" href="mailto:bla@blubb.net" title="Mail" />
• <link rel="bookmark" href="http://www.perun.net" title="Perun.net" />

Möglich sind auch eigene Kreationen, diese werden leider nur von Mozilla unterstützt. Opera 7.x tut es leider (AFAIK) nicht. Nehmen wir mal an, man möchte auf den Downloadbereich der Seite verweisen:

• <link rel="downloads" href="downloads.html" title="Downloadbereich" />

Die Möglichkeiten, die sich anbieten sind vielfältig: man kann eine alternative Inhalte und CSS-Dateien anbieten, Unterseiten in Kapitel zusammenfassen, alternative Navigation anbieten, Wordpress bietet so auch ein alternatives Archiv an etc.

Daher habe ich auch drei Links zu weiteren Berichten eingefügt:

• SelfHTML
• Stichpunkt.de
• DrWeb

Übrigens in Mozilla kann man die Anzeige der logischen Verweise unter "Ansicht" –> "Anzeigen/Verstecken" –> "Site-Naviagtionsleiste" an- und ausschalten.

Viele von uns kennen verschiedene Messenger z. B. ICQ, AIM, MSN, Yahoo-Messenger etc. Die Messenger bieten die Möglichkeit in Echtzeit kurze Nachrichten, sogenannte "Web-Telegramme", zu verschicken. Die meisten von denen bieten auch verschiedene weitere Möglichkeiten wie z. B. Dateiaustausch, SMS senden und empfangen etc.

Somit kann man relativ unkompliziert mit Menschen kommunizieren und viele nutzen diese Tools auch beruflich. Das Problem entsteht hierbei, wen man Leute kontaktieren will, die einen anderen Messenger nutzen, da die Protokolle untereinander nicht kompatibel sind. Wobei ich im Hinterkopf habe das AIM und ICQ untereinander kompatibel sind (Oscar).

(weiterlesen…)

Sehr oft stellen sich Leute die sich Webdesigner (bzw. Webworker bzw. Webentwickler) nennen diese Frage. Und diese ist nicht einfach zu beantworten. Die Idealste Lösung ist, daß der Inhalt in jeder Auflösung ohne horizontalen Scrollbalken erscheint und das der Text leserlich ist. Tja, hier fangen die Probleme an und schon können wir einen Schuldigen nennen: Internet Explorer. Aber dazu später.

Grundsätzlich gibt es drei grobe Richtungen beim Aufbau einer Website in Bezug auf Bildschirmuflösung: (weiterlesen…)