Tipps und Tricks mit HTML, CSS und Skripten

Videos zu den einzelnen Kapiteln finden Sie auch auf unserem YouTube-Kanal.
Unter den folgenden Kapiteln finden Sie das dazu gehörige Video mit Code in HTML, CSS, und Skripten - welches Sie gerne kopieren und benutzen dürfen.



Von Zeit zu Zeit stellen wir neue Videos auf YouTube ein - haben diese aber nicht hier aufgelistet.

Joomla-3 auf XAMPP Installations-Probleme beheben

Videos von Website-bauen.de

Für Leute die mit Joomla auf localhost arbeiten, bzw. arbeiten möchten gibt es machmal Probleme bein erstellen der Tabellen in der Datenbank. In diesem Video wird erklärt wie Sie das Schritt für Schritt beheben können.
Einige code steht dazu beim video auf youTube bereit.

Elemente zentrieren, Div’s zentrieren, Bilder zentrieren »

Farben Verlauf mit CSS festlegen

Eines der meist gefragten Themen im Webdesign ist "wie zentriere ich dieses oder jenes Element oder Elemente". Egal ob ein oder mehrere Elemente oder Bilder oder einen iframe oder ähnliches, wir zeigen Ihnen in diesem Video die einfachste Methode mit dem saubersten CSS. Folgen Sie Schritt für Schritt dem Video mit Anleitung und dem Code dazu, welches Sie dann für Ihr Website anwenden können.

Gradient Styling, Farben für Hintergrund oder Objekte »

Farben Verlauf mit CSS festlegen

Die Zeiten um große Bilder oder Graphiken als Hintergrund zu benutzen sind vorbei, denn solch ein Bild braucht Zeit um vom Server zu Ihrem Browser geladen zu werden. Jetzt geht es viel einfacher mit 'gradient styling' im CSS, wobei es dann auch wieder einige Unterklassen gibt, welche z.B. die Form des erstellten Bildes festlegt.
Hier behandeln wir erst mal Grundsätzliches zum gestalten einiger Formen. Folgen Sie Schritt für Schritt dem Video mit Anleitung und dem Code dazu, welches Sie dann für Ihr Website anwenden können.

Zoom-Effekt mit Maus-drüber »

Thumbnail vergrößern mit CSS

Oft ist es nicht angebracht große Bilder und/oder viele Bilder auf einer Webseite zu haben. Üblicherweise benutzt man dann eine "Lightbox" wo durch das Anklicken des kleinen Bildes dann ein großes erscheint. Dazu braucht man einiges an CSS, Scripten und hat ein langes HTML.
Mit CSS-3 ist es möglich ohne jegliche andere scripte aus einem kleinem Bild (thumbnail) beim überfahren der Maus das Bild in voller größe erscheinen zu lassen. Dazu verlangsamen wir dann noch den Vorgang vom ein/ausblenden und bekommen einen animierten Effekt. Nur wenige Zeilen CSS und HTML sind dafür nötig.

Link im Statusbar verschleiern oder verstecken »

link im Statusbar verstecken

Geht man mit der Maus über einen link, kann man im Statusbar des Browsers (unten) die Adresse sehen wo dieser hinführt. Vielleicht haben Sie einen link den man dort nicht anzeigen soll, z.B. den link zu einer Download-Datei, oder einen langen Affiliate-link wo Sie nicht möchten das man den sehen kann, denn es könnte den Besucher Abschrecken darauf zu klicken.
Die einsehbare Adresse können wir täuschen mit ein wenig code an der richtigen Stelle im HTML.
Dies hat nichts mit verkürzen des links zu tun.

Download-Datei mit Danke-Seite Verlinken »

Farben Verlauf mit CSS festlegen


Geben Sie Ihre Download-Datei einfach frei und der Besucher ist weg ohne das Sie etwas davon haben?
Wenn Sie eine Download-Datei nicht einfach nur mit einem Link freigeben möchten, sondern eine Weiterleitung bezwecken (z.B. auf eine Danke-Seite) wo dort der Download-link dann automatisch öffnet ist dies hier die Lösung des Problems.

Webseiten Text erstellen lassen
Volle Punkte im Page-speed erreichen
Webhosting kostenlos testen, Hompage online

Tipps für Ihre eigene Webseite

Tipps für jeden Webmaster

Viele Tipps die jeder Webmaster beachten sollte um seinen Internetauftritt zu verbessern. Folgen Sie diesen vorteilhaften Tipps beim Erstellen Ihrer eigenen Website. Mehr lesen »

Responsive Webseiten

Webseiten die sich jeder Browser-Breite anpassen, ist für eine Webseite heute Voraussetzung. Die Zahl der Benutzer von Smartphones steigt täglich.  Mehr lesen »

Brauchen Sie “Nachhilfe”?

Wir bieten Schulung für HTML, CSS und Administration Ihrer Website an. 1zu1 Kurse über Fernhilfe, wobei wir genauestens auf Ihr Anliegen eingehen.  Mehr lesen »

Weitere Artikel für den Internetauftritt »