Programmfenster für Web-Seiten (Teil 3) Die Ausführungen der vorherigen Seite überProgrammfenster für Web-Seiten (Teil 2) werden hier weitergeführt. Diese funktionieren bei Debian 12 Gnome und Debian 11 und 10 und 9 Gnome, nicht aber bei Debian 8 (da hier der Rückgabewert des Farbauswahlfensters anders ist). Wenn man sich auf einfache html-Kenntnisse beschränkt, kann man nicht so viele Darstellungs-Vorgaben bei Webseiten machen. Ausrichtungen sind möglich mit align left center right Schriftgrößen sind in 7 Abstufungen möglich mit size (Standard 3) Schrift font size=7
Schrift font size=6 xx-large
Schrift font size=5 x-large
Schrift font size=4 large
Schrift font size=3 medium
Schrift font size=2 small
Schrift font size=1 x-small
Schriftarten kann man zwar benennen, aber jeder Browser kann seine eigene Schriftart dafür auf dem Bildschirm ausgeben. Also ist eine Standardschrift, die nicht genauer bezeichnet zu werden braucht, zunächst ausreichend. Will man umfangreiche Darstellungs-Vorgaben machen so sollte man css verwenden. In HTML5 werden sogar die einfachen html-Bezeichnungen align und size als überholt abgetan. Mobiltelefone mit Bildschirm und dazugehörige Apps drängen sich in den Vordergrund. Aber ein Browser wird auch weiterhin die einfachen html-Bezeichnungen verarbeiten und die Webseite richtig anzeigen. Hier wurden die style-Bezeichnungen benutzt die ganz ähnlich lauten wie align und size. Jetzt wird das kleine Web-Projekt noch um eine Schriftgrößen-Auswahl erweitert und in einer verbesserten Form aufgeschrieben. Öffnet man nämlich page001.htm mit gedit so sieht man daß alles in einer Zeile geschrieben wurde. Das macht die Übersicht schwierig. Und die Anführungszeichen sind auf der Strecke geblieben: eigentlich sollte "text-align:center" dastehen und nicht text-align:center Am besten beginnt man wieder ganz neu indem man dem bestehenden Ordner Web einen anderen Namen gibt, vielleicht Web-Datum. Dann erstellt man die Ordnerstruktur von Ordner Web neu mit mkdir -p ~/Bla/Web/{seiten,bilder} Die index.htm wird jetzt in anderer Form erstellt. Zunächst |
cat > ~/Bla/Web/index.htm
<<_EOF_ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Startseite für das Projekt</title> </head> <body> <p style="text-align:center">Mein Name<br>Meine Straße<br>Mein Wohnort<br><br></p> </body> </html> _EOF_ |
Dann kann man eine Umlaut-Änderung durchführen |
niD=$(cat ~/Bla/Web/index.htm | sed 's|ü|\ü|g' | sed 's|ä|\ä|g' | sed 's|ö|\ö|g' | sed 's|Ü|\Ü|g' | sed 's|Ä|\Ä|g' | sed 's|Ö|\Ö|g' | sed 's|ß|\ß|g') |
Dann wird index.htm überschrieben |
cat > ~/Bla/Web/index.htm
<<_EOF_ $niD _EOF_ |
Öffnet man jetzt die index.htm mit gedit oder einem anderen Editor so zeigt sich eine übersichtliche Darstellung mit Anführungszeichen: |
Den Browser kümmert
diese Formatierung nicht - er richtet sich nach den Tags. Nun soll das bash-script in einer verbesserten Form aufgeschrieben werden. Dabei werden auch Zeilenumbrüche des Textprogramms in Zeilenumbrüche für den Browser übersetzt - auch wenn diese Zeilenumbrüche im Texteingabefenster mit eigenartigen Zeichen angezeigt werden. |
Allerdings werden nicht alle Zeichen richtig auf der erzeugten htm-Seite dargestellt, insbesondere Anführungszeichen. Aber die Zeichen & und | sind bei der Eingabe kein Problem mehr. |
nano ~/Bla/scWEB.sh |
Den alten Text löschen. Der in den Editor einzugebende Text wurde in
einer txt-Datei hinterlegt. Denn es werden im Terminal viele Zeichen
eingegeben, die in der html-Sprache sofort übersetzt werden. Dies
macht die Darstellung des einzugebenden Textes schwierig. Eingabe in den Editor: |
Falls man die alte Datei ~/Bla/scWEB.sh komplett gelöscht hat und wieder neu erstellt hat, muß man diese Datei wieder ausführbar machen (hat man nur den alten Text durch den neuen ersetzt, braucht man das natürlich nicht). Aufrufen kann man das Programm durch |
~/Bla/scWEB.sh |
Oder über den Programmstarter der auf der vorhergehenden Seite gemacht wurde |