Main Menu News Logs Bookmarks WebTech Gaestebuch WebCam Unix HOWTO Mail xnodecor Scanner KNOPPIX CD brennen HTTP Codes SED Hardware SCSI *SAN / Switch *Backup * under construction

Inhalt: 1. Einleitung 2. CSS 3. Scriptsprachen   3.1 Perl   3.2 PHP   3.3 Ruby 4. SVG 5. favIcon 6. m4 1. Einleitung WEB Technologien gib es wie Sand am Meer. Hier stelle ich kurz jene vor, mit denen ich mich ein wenig beschäftige. Die Aufzählung ist nicht vollständig. 2. CSS Bei dem Versuch, Inhalt vom Aussehen zu trennen, leistet CSS (Cascade Style Sheet) wertvolle Hilfe. Statt im HTML-Code Farben, Zeichensätze, Strichdicken o.ä. anzugeben, wandern diese Informationen in eine Style-Datei. 3. Scriptsprachen Scriptsprachen sind nicht nur beim WEB Design nuetzlich, sondern können viele andere Dinge automatisieren. Perl und PHP haben sich aber gerade beim WEB Design als sehr nuetzlich erwiesen. Ruby, noch weitgehenst unbekannt, ist eine interessante Alternative. 3.1 Perl 3.2 PHP 3.3 Ruby Ruby ist cool :-). Meine News Seite habe ich z.B. mit einem Ruby Script gemacht. Dieses erzeugt eine m4 Datei aus News, welche man im Internet findet. Der m4 macht daraus dann eine HTML Seite. Eigentlich sollte das ein cgi-bin werden, aber bei meinem Provider gibt es das nicht, schon gar nicht mit ruby. Somit wird die HTML Seite mit: news.rb | m4 -P erzeugt, und danach mit make ftp zum Provider transferiert. Hier ist noch das news.rb Script, und hier findet man die m4 Datei, aus welcher die News Seite generiert wird. 4. SVG Skalierbare Vektor Grafik (SVG) ist die W3C Konforme Alternative zu Macromedias Flash. Noch ist Flash dem SVG ueberlegen und auch verbreiteter, jedoch ist SVG ein offener Standard. Investitionen in SVG sind sicherer und zukunftsorientiert, während das proprietäre Flash (SWF) Format von der Existenz einer einzelnen Firma abhängt. SVG ist XML und es existieren heute schon viele Tools dazu. Leider funktioniert das einzige SVG Plugin (von Adobe) momentan nicht mit Mozilla V1.0 oder grösser. 5. favIcon Die kleinen Icons, welche man bei gewissen Browsern (IE, Mozilla, Netscape) im URL Eingabefeld sieht, nennt man favIcons. Um diese zu erzeugen, braucht man einen Windows Icon Editor. Es geht aber auch unter Unix: Zuerst muss ein Bild z.B. im GIMP mit genau 16x16 Pixeln erzeugt werden. Wenn man das Bild mit 1600% vergrössert, dann kann man Pixel fuer Pixel setzen. Das Bild kann auch transparent sein, wenn man es als GIF mit 256 Farben (am besten die WEB Palette verwenden) speichert. Beispielbild: Das Bild muss nun in das Windows Icon (ICO) Format konvertiert werden: giftopnm x.gif | ppmtowinicon -output favicon.ico In der Web-Seite wird in der HEAD Section folgende Zeile eingefuegt: <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> Das Ergebniss kann dann im Mozilla so aussehen: 6. m4 m4 ist weder WEB Technologie noch Scriptsprache, sondern ein Makro Preprozessor. Trotzdem setze ich ihn gerne bei der Entwicklung von HTML Seiten ein. Zum Beispiel die Nummerierung der Titel und das Erzeugen des Inhaltsverzeichnisses auf dieser Seite geschieht mit dem m4. Mittels einem einfachen make wird meine gesamte Homepage aktualisiert. Ein make ftp kopiert die Seiten dann zu meinem Provider. So sieht das Makefile aus: Makefile Sat Jun 28 19:58:58 CEST 2003 # Makefile for m4/html generator # (c) by Matthias Scherrer - Sep/2002 # .SUFFIXES: .m4 .html .m4.html: m4 -P $*.m4 >$*.html chmod 644 $*.html HTML_FILES=scanner.html bookmarks.html scsi.html mail.html \ m4desc.html logs.html xnodecor.html knoppix.html \ cdrecord.html webcam.html comingsoon.html sed.html \ errorcodes.html default: index.html all: default clean: rm -rf *~ $(HTML_FILES) # copy files to webserver ftp: bin/put.sh # delete files from webserver ftpclean: bin/clean.sh # get news news: bin/news.rb > index.m4 ftpnews: bin/news.rb > index.m4 m4 -P index.m4 > index.html bin/putnews.sh # Check URLs checkurl: tr_blck -a *.html | tr_httpcheck -E # Check only local links check: tr_blck *.html index.html: $(HTML_FILES) *.html: style/default.css lib/homepage.m4 lib/stdlib.m4 lib/menu.m4 Uebrigens: Um den Output dieser Makedatei zu veröffentlichen, genuegt der Aufruf eines einzigen Makros. Wenn ich mal Zeit habe, dann werde ich vielleicht ein kleines HOWTO schreiben.

This page last updated on Sat Jun 28 19:58:58 CEST 2003 Copyright © 2002 Matthias Scherrer. All rights reserved.

Seitenanfang