Nur ein Klick für Lektion 11:

Grundlagen der Website-Erstellung
Registrieren und Einrichten von einem Gratis Webspace
bei freehostingnoads.net
Hochladen der ersten Datei zum Webspace
Anlegen eines Foto-Ordners am Webspace
Hochladen des ersten Fotos zum Webspace

00:00 Intro
00:45 Gratis Webspace Anbieter
01:30 Voraussetzungen für den Account
02:40 freehostingnoads.net Registrierung
06:10 Aktivierungslink im Mail (vielleicht Spam-Verdacht-Ordner)
08:10 Erstes Login ins Control Panel
09:00 Kostenlose Subdomain bestellen
11:10 Löschen einer Subdomain
11:45 Erster Aufruf der Seite im Browser
12:30 Der eingebaute Filemanager im Control Panel
15:05 Umbenennen einer Datei im Filemanager
16:30 Erstellen von Ordnern mit dem Filemanager
18:50 Ausloggen nicht vergessen
19:20 Outro und Link zur nächsten Lektion

Dauer: ca. 20 min

Lektion 11

Nur ein Klick für Lektion 12:

Registrieren und Einrichten von einem Gratis Webspace
bei bplaced.net
Prinzip und Risiko von File-Uploads
per Browser von Fremdanbietern

00:00 Intro
01:00 Anbieter bplaced.net
02:00 bplaced.net Registrierung
02:55 Erstes Login bei bplaced.net
05:20 Drei Monate Klausel
06:20 AGB von bplaced.net
08:20 FTP Zugänge
09:30 Ausloggen nicht vergessen
09:50 Aufruf der Seite im Browser
11:40 Upload per Browser mit Fremdanbieter
13:30 Outro und Link zur nächsten Lektion

Dauer: ca. 14 min

Lektion 12

Nur ein Klick für Lektion 13:

Registrieren und Einrichten von einem Gratis Webspace
bei lima-city.de
Hochladen der ersten Datei zum Webspace
Anlegen eines Foto-Ordners am Webspace

Hochladen des ersten Fotos zum Webspace

00:00 Intro
01:00 lima-city.de Registrierung
01:55 Leistungsbeschreibung lima-city.de
02:20 Einschränkung beim Gratis-Paket
02:55 Anmeldung
04:00 Bestätigungslink per Email, Aktivierung
05:00 Kostenloses Webhostingpaket anlegen
07:00 Gartis Sub-Domain einrichten
09:00 FTP Zugangsdaten herausfinden
09:35 Filemanager von lima-city.de benutzen
11:10 Logoout nicht vergessen
11:20 FTP Passwort ändern
12:40 Datei mit dem Filemanager hochladen
14:50 Verzeichnis (Ordner) mit dem Filemanager anlegen
16:15 Logout nicht vergessen
16:40 Outro und Link zur nächsten Lektion

Dauer: ca. 17 min

Lektion 13

Nur ein Klick für Lektion 14:

Feststellen der FTP-Zugangsdaten für die Anbieter
- bplaced.net
- freehostingnoads.net
- lima-city.de

Download des FTP-Clients FileZilla
Installation des FTP-Clients FileZilla

00:00 Intro
03:00 FTP Client FileZilla
01:25 Vorüberlegung für FTP Zugangsdaten
02:40 Daten für bplaced.net
05:00 Daten für freehostingnoads.net
07:40 Daten für lima-city.de
09:25 FileZilla downloaden
11:00 Installation von FileZilla
13:05 FilaZilla starten
13:35 Outro und Link zur nächsten Lektion

Dauer: ca. 14 min

Lektion 14

Nur ein Klick für Lektion 15:

Feststellen der FTP-Zugangsdaten für die Anbieter
- bplaced.net
- freehostingnoads.net
- lima-city.de

Download des FTP-Clients FileZilla
Installation des FTP-Clients FileZilla

00:00 Intro
00:45 Die Oberfläche von FileZilla
02:00 Der Server-Manager
02:25 Verbinden mit Server von bplaced.net
04:15 Hinweis auf Verbindungsdaten
05:00 Serververzeichnisse: Root, öffentliches Verz.
06:38 Erste Datei hochladen
06:48 Ganze Ordner hochladen
07:15 Synchronisierter Verzeichniswechsel
08:50 Startseite index.html im öff. Verzeichnis
10:15 Errorseite 404, site not found
11:00 Andere Anbieter
11:15 Outro und Link zur nächsten Lektion

Dauer: ca. 14 min

Lektion 15

Nur ein Klick für Lektion 16:

Zusammenfassung der FileZilla Zugangsdaten
für FTP Zugänge der drei Gratis-Anbieter
Document Type Definition (DTD)
HTML5 DTD
Language Eigenschaft beim HTML TAG
equiv META-Tag für content-type und charset im Head
Als vorlage.html speichern im notepad++
Quelltext in den Browsern anzeigen lassen
Verschieben von Zeilen im notepad++

00:00 Intro
00:25 Übersicht der Zugangsdaten der 3 Anbieter
01:20 Umlaute richtig darstellen
02:00 DTD, lang-Eigenschaft, meta-Tag content-type und charset
05:50 Hochladen der Änderungen
06:40 Quelltext im Browser anzeigen lassen (Firefox, Edge, IE, Opera)
07:50 Vorlage in notepad++ erstellen
09:30 Verschieben von Textzeilen in notepad++
10:10 Outro und Link zur nächsten Lektion

Dauer: ca. 11 min

Lektion 16

Nur ein Klick für Lektion 17:

Download-Link für die 3 Fotos der Übung (woerthersee.zip).

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

00:00 Intro
00:40 Größe der Bildanzeige bestimmen
03:45 Breite des Bildes: width
06:40 Höhe des Bildes: height
08:10 Bild verzerren, width und height setzen
09:10 Aufgabenstellung bis zur nächsten Lektion
10:15 Fehlerkorrektur von Lektion 16: meta Tag falsch geschrieben!

Dauer: ca. 11 min

Lektion 17

Nur ein Klick für Lektion 18:

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Atribute von Bildern, Lösung der Aufgabenstellung

00:00 Intro

Dauer: ca. 5 min

Lektion 18

Nur ein Klick für Lektion 19:

Download-Link für die 3 Dateien der Übung (rotGelbGruen.zip).

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Atribute von Bildern, Lösung der Aufgabenstellung

00:00 Intro
00:25 Der Hyperlink (Anker - Tag)
01:20 Download der 3 Übungsdateien
03:30 Ersten Hyperlink erstellen
07:05 Aufgabe zur Selbstkontrolle
07:30 Lösung der Aufgabe
08.10 Outro

Dauer: ca. 8 min

Lektion 19

Nur ein Klick für Lektion 20:

Download-Link für 5 Grafiken der Übung und vorlage.html (linkbilder.zip).

W[e|o]rtlose Lernvideos
Grundlagen der Website-Erstellung
Hyperlinks mit Bildern erstellen

00:00 Intro
00:50 Download der Übungsdateien
02:20 Entpacken der Dateien aus dem ZIP-Archiv
05:00 Quellcode erstellen
06:55 Zeilen duplizieren, Tipp: siehe Lektion 3
07:35 Image-Tag eingeben, src bestimmen
09:30 Hinweis auf exakte Groß- und Kleinschreibung
12:20 Breite der Bildanzeige mit style im head bestimmen
13:15 Link auf das Image legen
13:45 Absolute Pfadangabe mit Protokoll
16:45 Linkziel auf neuen Tab im Browser setzen (target)
19:30 Aufgabenstellung
19:50 Lösung der Aufgabe
21:30 Bilder mit style-Anweisung einrücken (margin-left)
22:25 Hinweis auf vergessenes Video für web2ftp.de
23:20 Outro

Dauer: ca. 23 min

Lektion 20