Nur ein Klick für Lektion 21:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung

www2ftp.de - Upload via Browser (ohne FTP Protokoll)
Benutzen des Dienstes auf www2ftp.de um
ohne FTP-Programm Dateien mit dem Browser
auf den Webspace hochzuladen.

00:00 Intro
01:00 Bedenken
01:20 Zugangsdaten eintragen, Login
02:40 Verzeichnisse (Ordner) wechseln
03:40 Dateien hochladen
04:25 Datei(en) löschen
04:50 Verzeichnis (Ordner) anlegen
05:15 Verzeichnis (Ordner) löschen
05:45 Logout nie vergessen
05:55 Warnhinweis für Firmen-Netzwerk!
06:40 Outro

Dauer: ca. 7 min

Nur ein Klick für Lektion 22:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Formatieren mit Cascading Style Sheets (CSS)
Drei Arten, wie man Styles für HTML einsetzen kann.
Aufbau der CSS Syntax: Selektor{Eigenschaft:Wert}
Element-Selektoren (Klassen- und ID-Selektoren)
Mehere Eigenschaften in einer CSS-Anweisung
Mehrere Selektroren für eine CSS-Anweisung

00:00 Intro
00:40 Drei Arten der Verwendung von Styles
02:15 Download der Übungsdatei
02:45 Entpacken und bearbeiten der Übungsdatei
04:00 Vorher- Nachher- Vorschau der Übung
05:30 Unterscheidung der Selektoren
07:00 Eigenschaft background (Hintergrund)
07:20 Eigenschaft color (Textfarbe)
07:55 Mehrere Anweisungen durch ; trennen
10:55 Eigenschaft width (Breite), Einheit rem
11:50 Eigenschaft font-size (Schriftgröße)
12:15 Eigenschaft padding (Innenabstand)
12:40 Eigenschaft padding-left (Innenabstand)
13:05 Eigenschaften untereinander anordnen
14:00 Schriftarten verwenden (serif oder sans-serif)
19:00 Angaben, die für mehrere Selektoren gelten
20:10 Eigenschaft margin (Außenabstand)
22:20 Fragen oder Anregungen? Kommentar oder nonverbal@gmx-topmail.de
23:00 Outro

Dauer: ca. 23 min

Download-Link für die Übung (lektion22.zip).

Nur ein Klick für Lektion 23:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Formatieren mit Cascading Style Sheets (CSS)
Einbinden von EXTERNEN Style Sheets


00:00 Intro

Dauer: ca. 8 min

Nur ein Klick für Lektion 24:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Auflösung der Aufgabe von Lektion 23


00:00 Intro

Dauer: ca. 11 min

Nur ein Klick für Lektion 25:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
CSS Element-, Klassen- und ID-Selektoren


00:00 Intro

Dauer: ca. 30 min

Download-Link für die Übung (css_klassen.zip).

Nur ein Klick für Lektion 26:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Ordnerstruktur
Ein kleiner DOX-Box Ausflugy
Pfadangaben in HTML
Relative und absolute Pfade


00:00 Intro

Dauer: ca. 15 min

Nur ein Klick für Lektion 27:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Aufgabenliste für CSS-Formatierungen
20 Aufgaben-Punkte, die zu erledigen sind.
Vorher Datei herunterladen und in webkurs-Ordner entpacken!

Dauer: ca. 23 min

Download-Link für die Übung (jahreszeitenStatus_0_zu_1.zip).

Nur ein Klick für Lektion 28:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung

00:00 Intro
00:30 Download der Übungsdatei
01:35 Öffnen der Dateien im Editor
02:00 Ordner als Arbeitsbereiche öffnen
02:15 Vorschau (vorher/nachher) der Übung
04:10 Schatten für wrapper
05:00 Abrundung von nur 2 Ecken
08:25 Bilder mit Schatten und Rahmen
09:50 Fehler, wird in Lektion 29 korrigiert
10:45 Float:right für Bilder
12:50 Blocksatz-Ausrichtung für Absätze
13:30 Zahnlücken im Text bei Blocksatz
14:00 Silbentrennung mit hyphens:auto
14:50 Rahmen: Breite Farben Formen
19:50 Klasse für dieses Element erstellen
21:40 Bearbeitungs-Status in ZIP-Datei sichern
22:55 Abspann

Dauer: ca. 23 min

Download-Link für die Übung (jahreszeitenStatus_1_fertig.zip).

Nur ein paar Worte für weitere Lektionen:

Wenn DU willst, ist die nächste Lektion bald in Arbeit!

Wenn du möchtest, dass ich noch weitere Lektionen erstelle, dann lass mich das bitte wissen! Eine kurze formlose Email an nonverbal@gmx-topmail.de genügt, oder du schreibst deinen Wunsch als Kommentar unter ein Video.

Die Videos habe ich unter dem Synonym NONVERBAL hochgeladen,
weil ICH SELBST darin KEIN WORT spreche, sondern die Windows 10 Text-to-Speech Engine! ;-)