In diesem Workshop wird beschrieben wie Sie Bilder in Photoshop ineinander überfließen lassen können. Folgende 3 Bilder sollen ineinander überfließen:
Photoshop: Slicing eines Webtemplates
Dieser Workshop beschreibt die Slice Funktion für den Export eines Designs ins HTML-Format. Der Workshop wurde in Photoshop und Dreamweaver
HTML-Elemente responsiv ausblenden
Um Webseiten responsiv zu gestalten, ist es manchmal notwendig Elemente nach der Bildschirmauflösung ein bzw. auszublenden.
CSS-Datei einbinden
Bindet ein externes Stylesheet in eine HTML-Datei ein. Fügen Sie einfach folgenden Code in den Head-Bereich der HTML Datei ein:
Bilder und Videos Responsive
Ein Problem bei responsiven Webseiten sind Elemente wie Bilder und Videos. Diese haben eine feste Größe. Idealerweise werden diese in
Transparenter Iframe
Iframes sind eine tolle Möglichkeit externe Inhalte in HTML-Seiten einzubinden. Vorteil und Nachteil zugleich: beide HTML-Seiten sind voneinander strikt getrennt.
Responsiver IFrame
Iframes eignen sich bestens um Inhalte in andere HTML-Dateien einzubinden. Z.B. lässt sich so ein HTML-Formular erstellen und in eine
Grafik als Senden-Button in Formularen
Statt der üblichen Buttons lassen sich auch Bilder als Buttons in Formularen verwenden. Der normale Code für den Senden-Button sieht
Formular mit Google Fonts verschönern
Legt man im CSS oder im HTML-Code eine Schriftart fest, muss diese auf dem Rechner des Anwenders installiert sein. Deswegen
Bilder mit Base64-Kodierung direkt in HTML einbetten
Neben der normalen Verlinkung von Bildern in HTML als externe Datei, lassen sich Bilder auch komplett in die HTML-Datei einbinden.
