Wer seine Website
weiter individualisieren will, kann die Gestaltungsvorgaben (Stil-Vorgaben) im CSS anpassen oder ergänzen. Oder neue Seitenelemente einfügen, welche in Weblica (noch) nicht vorgesehen sind. Dazu wird CSS-Code, HTML-Code oder Javascript-Code - also ein
Codeschnipsel - in Weblica eingefügt.
Kurzer Exkurs in CSS:
Für die individuelle Gestaltung einer Website stehen in Weblica zahlreiche Layout-Vorlagen (z. B. Argon, Silver, usw.) in 5 bis 7 Farbvarianten (blue, grey, usw.) zur Verfügung (siehe
Weblica-Designs).
Für die Festlegung der Gestaltung des Seitenlayouts - die Formatierung und die Positionierung der Seitenelemente - werden CSS Cascading Style Sheets benutzt. CSS sind Formatierungsvorgaben in CSS-Code, die in separaten Dateien (z. B. center.css, lcenter.css) gespeichert werden. Die CSS-Dateien werden von Weblica in den Quell-Code jeder Webseite eingebunden und auf den Server hochgeladen. Im Weblica-Forum fand sich eine lesenswerte Einführung in HTML und CSS von Josiane.
Mit Codeschnipseln lassen sich die Layoutvorlagen an persönliche Gestaltungsvorlieben anpassen - die Zahl der Möglichkeiten ist unbegrenzt.
Beispiele für Anpassungen und Erweiterungen mittels Codeschnipseln sind:
- die Schriftgrösse ändern
- die Zeilenabstände vergrössern
- das Seitenhintergrundbild ausschalten
- ein kleines Bild als Aufzählungszeichen verwenden
- das Kopfbild im Seitenkopf einrahmen
- einen Drucken-Button einfügen
- eine Diashow einfügen
- einen Video-Player einfügen, der eine Video-Datei abspielt.
a. bis c. überschreiben bestehende Stil-Vorgaben,
d. bis e. erweitern eine Stil-Vorgabe, und
f. bis h. kreieren neue Seitenelemente.
Was "Überschreiben" heisst, wird weiter unten im
Exkurs: was heisst "Stil-Vorgaben überschreiben"? erklärt.
Die Anpassungen und Erweiterungen der Seite "Emailadresse verschlüsseln" sind in der Seite
Beispiel für die Individualisierung einer Webseite / Website auszugsweise dokumentiert.
zurück | nach oben
Die Anpassungen und Erweiterungen können in Form von
- CSS- oder HTML-Code für statische Elemente, z. B. die Änderung des Stils (des Formats) einer Absatzüberschrift oder das Einfügen eines neuen Seitenelements, z. B. eines Gadgets
- Javascript-Code für dynamische, ereignisgesteuerte Elemente, z. B. der "Nach oben"-Button links unten, der erst nach dem Scrollen erscheint
- PHP-Code (PHP ist eine Scriptsprache für dynamische Webseiten)
vorgenommen werden.
PHP wird hier nicht weiter betrachtet.
HMTL- und CSS-Code wird in Weblica immer in einen speziellen Fenster für die Eingabe von HTML- / CSS-Code erfasst. Screenshots dieser Eingabefenster finden Sie in den
Einbau-Beispielen für Codeschnipsel.
Javascript-Code kann in zwei Formen eingebunden werden:
- in Textform: der Javascript-Code wird in den speziellen Fenstern für HTML- / CSS-Code erfasst
- als Datei (mit der Endung .js), die in die Weblica-Dateiablage importiert wird.
Um dem Weblica-Generator und dem Browser mitzuteilen, welche Art von Code eingebaut wird, wird
- CSS-Code für Stil-Änderungen und -Erweiterungen mit den Tags <style type="text/css"> als erste Zeile und </style> als letzte Zeile eingeschlossen
- HTML-Code für neue Seitenelemente ohne die Style-Tags erfasst
- Javascript-Code von den Tags <script type="text/javascript"> und </script> eingeschlossen.
Wo und wie der Code in Weblica eingebaut wird, wird in
Vorgehen beim Einbau von CSS-Code, HTML-Code und Javascript beschrieben.
zurück | nach oben
Grob kann man vier Typen von CSS- und HTML-Codeschnipseln unterscheiden:
zurück | nach oben
Anfänger der Weblica-Individualisierung wenden am besten zuerst einfache Anpassungen wie die Formatierung von Schriften oder die Gestaltung von Seitenelementen an.
In der Seite
Vorgehen beim Einbau von Codeschnipseln und in den benachbarten Seiten finden sie Anleitungen zum Einbau von Codeschnipseln.
Funktioniert der eingebaute Code nicht und erscheint der eingebaute Code oben links auf dem Bildschirm, so wurden die
<style...> bzw.
<script ...> Tags vergessen, oder der Code wurde am falschen Ort eingebaut.
Links zu Einführungen in HTML und CSS finden sich in der Rubrik
Codeschnipsel Informationsquellen. Besonders empfehlenswert: das HTML-Online-Seminar in
Online-Kurse.
Bei Wikipedia gibt es eine
Einführung in Cascading Style Sheets mit weiterführenden Links.
zurück | nach oben
Dieser Absatz ist zur Zeit nur ein Platzhalter für weitere Erläuterungen.
Das "Überschreiben" von Stil-Vorgaben funktioniert technisch anders, als man sich das vorstellt.
Wie es funktioniert, wird in Bälde hier dokumentiert.
zurück | nach oben