Web-Toolbox

    Seit 1999 - Bausteine für Ihre HTML-Projekte

Web-Toolbox Inhalte

Die Web-Toolbox bietet seit 1999 neben Grundlagenwissen und Erklärungen hauptsächlich praxisorientierte, kostenlose Vorlagen und Anwendungsbeispiele. Die meisten JavaScript-Beispiele werden als Module angeboten, die Sie als Bausteine in Ihre Seiten einkopieren können.
Der schematische Aufbau von HTML-Seiten und Grundkenntnisse über Arbeit im Quelltext solcher Seiten sollte dazu bekannt sein. Als Beginner finden Sie kurze Einführungen zu den Themen HTML, CSS und JavaScript auf den ersten Seiten der 3 Rubriken.
Schön dass Sie hier sind. Ich wünsche Ihnen einen kurzweiligen Aufenthalt auf den Seiten der In der bisherigen Version der Web-Toolbox wurden ca. 850 Beispielseiten angeboten. Inclusive der zahlreichen untergeordneten HTML-Seiten für Demos und Beispiele waren es ca. 2800. Meine Auswahl an Codeschnipseln und Modulen wurde immer wieder überarbeitet und ergänzt. Im Augenblich steht ein größerer Wechsel zu einem neuen Design an und die Seiten werden Schritt für Schritt angepasst.

Wenn Sie eine gute deutschsprachige HTML-Referenz suchen, werden Sie im selfhtml.wiki fündig. Wählen Sie den Interessenbereich HTML, CSS oder JavaScript. Nach der Auswahl des Schnell-Index steht Ihnen eine alphabetische Übersicht zur Verfügung.

Adventskalender 2021-01 - eigene Kalendergrafik

Der Adventskalender mit 24 Klickbereichen für eine responsive Darstellung. Bei MouseOver wird die Fensterchennummer hervorgehoben, anklicken öffnet die jeweilige Tagesdatei. JavaScript überwacht, an welchem Tag ein Fensterchen geöffnet werden darf. Zwei Varianten öffnen eine Dagesdatei im HTML-Format.

Die dritte Variante zeigt täglich eine von 24 PDF-Dateien. Gut geeignet für den Druck und ideal für Ausmalbilder, Rezepte, Gedichte, den Büro-Pinwandspruch oder auch für Rabattcoupons oder Gutscheine.

Online-Adventskalender Vorlage

Adventskalender 2021-02 - eigene Kalendergrafiken

Der Adventskalender mit 24 Klickbereichen für eine responsive Darstellung. Bei MouseOver wird die Fensterchennummer für den Tag sichtbar, anklicken öffnet die jeweilige Tagesdatei. Die 24 Kalendergrafiken können Sie durch Ihre eigene Grafiken ersetzen. JavaScript überwacht, an welchem Tag ein Fensterchen geöffnet werden darf. Zwei Varianten öffnen eine Dagesdatei im HTML-Format. Die dritte Variante zeigt täglich eine von 24 PDF-Dateien. Gut geeignet für den Druck und ideal für Ausmalbilder, Rezepte, Gedichte, den Büro-Pinwandspruch oder auch für Rabattcoupons oder Gutscheine.

Online-Adventskalender Vorlage

Neuer Adventskalender 2021-03 - in Arbeit

Der Adventskalender mit 24 Klickbereichen für eine responsive Darstellung, für unterschiedliche Anzeigebreiten. Bei MouseOver wird das Kalenderblatt animiert, anklicken öffnet die jeweilige Tagesdatei. Die Klickbereiche mit den 24 Grafiken sind innerhalb einer Box in einer Tabelle angeordnet. Die 24 Kalendergrafiken können Sie durch Ihre eigenen Grafiken oder kleine Fotos ersetzen. JavaScript überwacht, an welchem Tag ein Fensterchen geöffnet werden darf. Als Ergänzung könnte ein Schneefall-Script langsam einschwebende Schneeflocken einblenden.

Online-Adventskalender 2021-02 Vorlage

Die Web-Toolbox wird überarbeitet  Test Anzeige max 000px | min 993px   Test Anzeige max 992px | min 601px   Test Anzeige max 768px | min 000px   Test Anzeige max 600px | min 000px

Die Webseite soll für die Anzeige auf Mobilgeräten angepasst werden, da sich mittlerweile mehr als 50% der Seitenbesucher über ihr Handy einbuchen. Bei der Gelegenheit werden die Seiten etwas lesefreundlicher gestaltet. Während der Überarbeitung der Webseite sind einige Themenseiten vorübergehend nicht erreichbar.

Natürlich ist das nicht die erste Anpassung

Webmaster 21. Okt. 2021

Zu Beginn im Jahr 1999 war ein Frame-Layout üblich und zeitgemäß. Das trifft heute längst nicht mehr zu. Neben mehreren rein optischen Änderungen im Laufe der Jahre, war wegen der zahlreichen untergeordneten HTML-Seiten (ca. 2800) auch eine funktionelle Überarbeitung und eine Aufteilung in Rubriken notwendig. Die Umstellung auf ein neues CSS-Layout ist bei der Vielzahl der Unterseiten des Projekts zeitaufwändig. Den Entwurf für das nun bereits 5. neue Layout sehen Sie gerade, später werden Sie weitere Änderungen feststellen. Zunächst werden die Unterrubriken und deren Menüführung überarbeitet, danach die Unterseiten vorbereitet. Demnächst können Sie dann wie gewohnt durch meine Seiten blättern. Der Umbau wird sich noch hinziehen.

Grafik
Seiten werden neu geordnet in Arbeit
Navigation und Untermenüs in Arbeit
Anpassung zur Darstellung Mobilgeräte in Arbeit
Lesbarkeit + Schriftgröße erledigt
neuer Downloadbereich für PDF-Dateien in Arbeit
responsive Darstellung erledigt

Inhalte Schlagworte Keywords

CSS, JavaScript, Online-Adventskalender, Vorlagen und Module, kostenlose Beispiele, WebDesign, DownCounter, WM-Counter, Homepage-Vorlagen, Formularvorlagen, Tabellenformatierung, Box-Modell, Frameset, PoUp-Window-Script, Bildpräsentationen, Fotodarstellungen, DHTML, externe CSS-Dateien, Stylesheet-Dateien, Druckversionen, Bildvorschau, Upcounter, Email-Spamschutz, Navigationen, Menüvorlagen, Sitemap-Vorlagen, Verweise mit CSS, dynamische Webseiten, MouseOver, Statuszeile, Vorschaugrafiken, Imagemaps, Navigationen, Datumsscripte, uhrzeitabhängige Darstellungen und Weiterleitung, Farbauswahl, Sonderzeichen, Browserweichen, Background-Grafiken, Umleitungen und Wweiterleitungen, Minuten, Stunden, Wochentag, Monat, Tabellenrand, Zelle, Tabellenhintergrund, Bildvorschau, Bildtausch, vorladen, preload, Diashow, Slideshow, Mini-Kalender, Tagestipp, Pulldownmenüs, highlight, Email-Link, Menübars, Blättern-Script, hexadezimaler Farbwähler, Adventskalender, Silvester-Countdown, Statistikgraph, Terminliste, Adventskalender-Vorlagen, EM-Counter

Arbeit mit spitzen Klammern

Die drei Säulen zur Erstellung von Webseiten sind HTML, CSS und JavaScript. Als Beginner finden Sie kurze Einführungen zu den Themen HTML, CSS und JavaScript auf den entsprechenden Seiten der drei Rubriken. Alle Praxisbeispiele und angebotenen Module basieren auf das Zusammenspiel dieser drei Werkzeuge.

Web-Toolbox HTML

HTML

Hier finden Sie grundlegendes Basiswissen zum Thema HTML. Ich erkläre den Aufbau einer HTML-Seite und biete Ihnen simple Seiten-Vorlagen für ihre ersten Experimente.

Web-Toolbox CSS

CSS

CSS-Anweisungen können in 3 unterschiedlichen Verfahrensweisen in ein HTML-Dokument eingebunden werden. Alle 3 Techniken können auch innerhalb einer Seite kombiniert werden.

Web-Toolbox JavaScript

Java-Script

Die JavaScript-Sprache bietet mächtige Funktionen z.B. für mathematische Operationen, Untersuchungen der Arbeitsumgebung, verwendeter Browser oder Datums- und Zeitberechnungen.

Web-Toolbox - gegliedert in Rubriken

Auf meiner Seite biete ich hauptsächlich praxisorientierte Beispiele, Lösungsvorschläge und Module an, die Sie als Bausteine in Ihre Seiten einkopieren können. Sie dürfen die hier angebotenen Beispiele kostenlos und ohne Nachfrage nutzen.

Die Web-Toolbox war bisher in die Rubriken Adventskalender, Grafiken, CSS, Datum, DHTML, Diverses, Email, Farben, Formulare, Frames, HTML, JavaScript, Mathematik, Mauszeiger, Menüs, Pulldown, Spielkram, Statuszeile, Tabellen, Tipps, Umleitung, Verweise, Vorlagen, PopUp-Windows und Zeitfunktionen unterteilt. Einige werden in Zukunft entfallen.

Responsive


<Divs> und Boxen unterstützen ein responsives Layout.

Datum + Zeit


Module für Datums- und Zeitfunktionen mit Javascript.

Mathematik


Mathematische Funktionen - Module mit JavaScript

Farben Design


Farbwahl und lesefreundliches Design für ein modernes Layout.

Menüs


Menübars und Navigation innerhalb des Web-Projekts.

Grafiken


Einbinden und Positionieren von Grafiken

Texte


Texte einheitlich und zeitsparend formatieren mit CSS.

Verweise


Verweise und Navigation für des Web-Projekt entwickeln.

Tabellen


Wo es sein muss, finden Tabellen immer noch eine Anwendung.

Die Seite wird gerade überarbeitet

Impressum

Wilhelm Jansen
Am Park 18
52511 Geilenkirchen
+49 2462-905506

Projekte

  www.clickstart.de
  Rennmäuse
  Geilenkirchen

Unten angekommen!

Sie sind unten angekommen aber wahrscheinlich nicht dorthin, wo Ihr eigentliches Ziel war. Wenn Sie möchten, schauen Sie später noch mal vorbei.

  Kaffeepause
  Impressum
  Datenschutz
  Webmaster

Lesenswert

Das könnte Sie auch interessieren. Verweise auf Seiten zu ähnlichen Themen in dieser Unterrubrik.

  nach oben
  vorherige Seite
  nächste Seite
  Home

Keywords

Grundlagen Adventskalender Grafiken CSS Datum Diverses Farben Formulare HTML JavaScript Windows Mathematik Menüs Tabellen Verweise Zeitfunktionen