in Weblica kann man Websites ganz einfach mit HTML und Javascript erweitern und individualisieren

Die Style- und Script-Tags wurden zwecks Verbesserung der Lesbarkeit und Konzentration auf den Code häufig weggelassen. Bitte unbedingt einfügen, wo erforderlich.

Hauptkapitel Codeschnipsel

Codeschnipsel Hauptseite

Codeschnipsel Einführung

1 Zeichen und Symbole
2 Schrift-Formatierungen
3 Seitenelemente gestalten
4 Links / Navigation
5 Linien und Farben
6 Bilder
7 Player einbinden
8 Meta-Tags und .htaccess
9 Gadgets
10 Vermischtes
11 Weblica - Interna
12 Fehlerseite
13 Infoboxen
14 Emailadresse verschlüsseln

Einbauhinweise

Inhaltsverzeichnis

zurück

Notationskonvention

Für die Kennzeichnung von Weblica-Feldern und Ressourcenfeldern wird hier £ statt $ verwandt. Andernfalls würde Weblica die Feldreferenzen auflösen. Beim Verwenden von Code immer die Ressourcenfelder ersetzen.

Die Style- und Script-Tags lauten:
<style type="text/css">
... HTML-Code ...
</style>
bzw.
<script type="text/javascript">
... Javascript ...
</script>.

Code ist in Courier schwarz notiert.

W3C-Konformität

Unser Code ist standardkonform:

Codeschnipsel

Dokumentation nützlicher Codeschnipsel in HTML und Javascript für die individuelle Gestaltung einer Website bzw. von Seiten und deren Elementen in Weblica.

Die Namen der Id- und Klassen-Selektoren sind diejenigen des Weblica-Designs Silver und können in anderen Weblica-Designs (z. B. Argon) verschieden sein.

Die Style-Tags <style type="..."> und </style> wurden zwecks Verbesserung der Lesbarkeit und der Konzentration auf den Code häufig weggelassen. Bitte die Einbauhinweise für HTML-Code und Javascript beachten.

Inhaltsübersicht

Codeschnipsel Einführung Einführung in die Individualisierung einer Weblica-Website mit HTML- bzw. CSS-Code oder Javascript-Code. Typen von Code-Schnipseln. mehr...	Codeschnipsel 01: Zeichen und Symbole HTML-Code für Zeichen, Symbole und Textaufbereitung. Grafiken als Listenaufzählungszeichen. mehr...
Codeschnipsel 02: Schriftformatierungen HTML-Code für verschiedene Formatierungen der Schrift: Grösse, Farbe und Ausrichtung. mehr...	Codeschnipsel 03: Seitenelemente gestalten HTML-Code für die individuelle Gestaltung der Elemente einer Seite: Navigationselemente, Absätze, Rahmen, Bilder, Abstände usw. mehr...
Codeschnipsel 04: Links / Navigation Javascript und HTML-Code, fallweise ergänzt durch Grafiken, für die Gestaltung von Links und anderen Navigationselementen. mehr...	Codeschnipsel 05: Linien und Farben Javascript und HTML-Code für Linien oder Rahmen und Farben von Seitenelementen mehr...
Codeschnipsel 06: Bilder HTML-Code für die Formatierung von Bildern und Bildergalerien und die Gestaltung von Seiten mit Bildern bzw. Grafiken. mehr...	Codeschnipsel 07: Player einbinden HTML-Code für das Einbinden von Playern in Weblica für die Wiedergabe von Video- und Audio-Dateien. mehr...
Codeschnipsel 08: Meta-Tags und .htaccess Code für Meta-Tags und htaccess. Meta-Tags enthalten Metadaten zu einer Webseite. .htaccess ist eine Konfigurationsdatei für den Webserver. mehr...	Codeschnipsel 09: Gadgets Javascript und HTML-Code für Gadgets aller Art: IP-Adresse, Referrer, Sprach-Übersetzer, Animationen usw. mehr...
Codeschnipsel 10: Vermischtes Javascript und HTML-Code für Vermischtes, das sich nicht in die anderen Rubriken einordnen lässt. mehr...	Codeschnipsel 11: Weblica-Interna: Code editieren, Backup u.a. Hinweise zu besonderen Weblica-Funktionen und Interna: Datei-Ablage, Datei-Referenzen, Felder, Sicherungsdateien und mehr. mehr...
Codeschnipsel 12: Fehlerseite Vollständiger HTML-Code und Text für eine eigene Fehlerseite für das Abfangen des HTTP-Statuscodes 404. mehr...	Codeschnipsel 13: Infoboxen HTML-Code und CSS für Infoboxen. Varianten: mit abgerundeten Ecken und Schatten und aufklappbar. mehr...
Codeschnipsel 14: Emailadresse verschlüsseln Anleitung für das Verschlüsseln und Entschlüsseln von Mailadressen und das Einbetten einer verschlüsselten Email-Adresse. mehr...	Codeschnipsel Einbauhinweise Hinweise zum Einbau von HTML- und CSS-Code sowie Javascripts in Weblica, mit Erläuterung der Einbauschnittstellen. mehr...
Codeschnipsel Inhaltsverzeichnis Hier erhalten Sie eine vollständige Übersicht über alle Codeschnipsel für die individuelle Gestaltung von Weblica-Websites und Webseiten. mehr...	Beispiel für die Individualisierung einer Webseite / Website Demonstration der Individualisierung einer mit Weblica erstelllten Webseite mittels HTML-Codes, CSS-Codes und Javascript. mehr...

Weitere Informationsquellen für Seitenindividualisierungen

SELFTHTML - die Referenz:
SELFHTML alt
SELFHTML neu (im Aufbau)

Umfassende Einführung in CSS (in Deutsch, mit Workshop):
die deutsche Seite für Cascading Stylesheets CSS

Einführungen und Tutorials für HTML und CSS:
HTML- und CSS-Tutorials

noch mehr Codeschnipsel: HTML, CSS, Javascript, jQuery, MySQL ...
Stack overflow: a programming Q & A site that’s free - ein riesiger Schatz von Codeschnipseln, mit sehr guter Suchfunktion.
Designerzone: Webdesign-Tutorial, Tipps und Tricks.
Webmaster-Zentrale.de: weniger Codeschnipsel, ganz nützliche Tipps und Designempfehlungen.

Information

Sie sind von dieser Adresse hierher gelangt: