Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	1	2	3	4	5

HTML und CSS Einstieg fuer Anspruchsvolle (Repost)

Posted By: elodar

Date: 8 Oct 2012 21:15:37

HTML und CSS Einstieg fuer Anspruchsvolle (Repost)

Einstieg für Anspruchsvolle - aktuell zu HTML5 und CSS3 Sie wollen HTML5 und CSS3 von Grund auf lernen Treten Sie ein in die Welt der Website-Entwicklung und lassen Sie sich alle Funktionen erläutern, die HTML in der Version 5 und CSS in der Version 3 mit sich bringen. Dieses Video-Training startet mit den ersten Schritten, die Sie machen müssen, um eine Website von Anfang an zu entwickeln. Dazu gehört eine geschickte Dateistruktur genauso wie die ersten Zeilen HTML-Code zu schreiben oder geeignete Tools einzusetzen. Mit praxisnahen Beispielen erleben Sie, wie Sie Formulare erstellen, Bilder, Videos und Sounds einbetten und sogar eigene Schriftarten mit Hilfe der Webfonts einbinden.

Mit HTML5 und CSS3 besteht dank der modernen Webbrowser die Möglichkeit, zeitgemäße und interaktive Websites zu programmieren. Wichtig ist zu bedenken, wie Sie die neuen Funktionen einsetzen können, ohne dabei die alten Browser zu übergehen und die Seite immer noch nutzbar und ansehnlich zu machen.
Damit allein ist es jedoch noch nicht getan. Jeden Tag kommen neue Endgeräte auf den Markt und schon jetzt ist die Masse an Bildschirmauflösungen und Bedienkonzepten relativ schwer zu überschauen. CSS3-Media-Queries ermöglichen mit Hilfe von CSS3 die Adaption für verschiedene Ausgabemedien. So passt man lediglich das Aussehen der Webseite an den Ausgabebildschirm an, ohne dabei den eigentlichen strukturellen Aufbau der Webseite neu erstellen zu müssen. Lassen Sie sich in diesem Video-Training den kompletten Weg zur modernen Website Schritt für Schritt erläutern!

Contents

Einführung in die Welt der Webentwicklung
Historie der Website-Entwicklung 02:12
Hintergründe zu HTML, CSS, JavaScript 00:43
Browser als Dreh- und Angelpunkt 04:22
Zusammenfassung

Grundlagen
Logik und Semantik von HTML 01:44
Zusammenhang von HTML, CSS, JavaScript 02:03
Dateistrukturierung für Webseiten 01:58
Zusammenfassung

Software und Tools
TextEdit/Texteditoren 02:56
Adobe Dreamweaver 04:21
Zusammenfassung

HTML
Aufbau einer Auszeichnungssprache 01:17
Tags, Attribute, Werte, Kommentare 02:02
Codeformatierung 04:10
Sonderzeichen & Zeichensatz 03:45
Dokumenteigenschaften festlegen 05:08
Blockelemente 05:39
Inline-Elemente 04:22
Bildelemente 04:44
Textelemente 02:20
Videoeinbettung und Codecs 03:26
Videoelement 08:33
Audioelement 05:25
Canvas-Element 01:23
YouTube/Vimeo einbinden 05:37
Tabellenelemente 01:07
Bildelemente, Voraussetzungen und Einbindung 02:30
Zusammenfassung

Inline-Elemente
Überschriften 04:33
Absätze, Textauszeichnungen, Textausrichtung 06:42
Listen 03:12
Zitate 03:37
Links 03:21
Zusammenfassung

Tabelleninhalte
Tabellen erstellen 00:56
Kopfzeile definieren 02:15
Fußzeile definieren 01:50
Tabelleninhalte 04:53
Zusammenfassung

Referenzierungen
Absolute und relative Pfade 07:54
Links 04:55
Ankertags/Waschtags 03:24
Zusammenfassung

iFrames
iFrames nutzen 04:42
Zusammenfassung

Formulare
Formulare und Abschnitte definieren 04:09
Eingabefelder für Formulare 10:51
Textboxen für Formulare 03:33
Auswahllisten für Formulare 07:12
Checkboxen für Formulare 04:35
Radiobuttons 02:12
Buttons 02:49 Zusammenfassung

CSS
Aufbau der deklarativen Sprache "CSS" 01:36
Codenotation 03:37
CSS referenzieren im HTML 05:29
CSS-Grundselektoren 03:40
Selektoren kombinieren 01:24
Pseudoklassen 04:47
CSS3 media-queries 10:58
Kombinatoren 04:46
CSS3-Pseudoklassen und Selektoren 15:00
Zusammenfassung

Boxen mit CSS formatieren
Boxmodell 04:48
Größen festlegen 07:11
Zusammenfassung

Farben
Farbräume in CSS & CSS3 00:57
Farben definieren 16:12
Zusammenfassung

Elementformatierungen
Außenabstand festlegen 03:26
Innenabstand festlegen 02:39
Größen festlegen 05:42
Ohne spezielle Positionierung positionieren 07:23
Absolute Positionierung 04:31
Relative Positionierung 03:04
Fixe Positionierung 02:50
Reihenfolge und Ebenen beeinflussen 03:32
Floats und Ausrichtungen 07:01
Rahmen festlegen 06:20
Übergroße Inhalte 05:11
Zusammenfassung

Schriftformatierung
Schriftfamilien definieren 03:56
Webfonts einsetzen 04:52
Schriftschnitte definieren 02:01
Schriftausrichtung definieren 05:00
Absätze, Umbrüche, Glyphenformatierung 03:08
Listen und Aufzählungen 04:17
Farben festlegen 00:58
Schlagschatten auf Texte legen mit CSS3 02:24
Zusammenfassung

Tabellenformatierung
Tabellen formatieren 02:36
Rahmenmodus umstellen 02:55
Zeilen formatieren 02:06
Zellen formatieren 05:06
Zusammenfassung

Formulare formatieren
Formularfelder stylen 04:20
Zusammenfassung

Praxis-Workshop
Head-Bereich 09:53
Body-Bereich 00:39
Layoutabschnitte definieren 02:29
Kopfbereich und Fußbereich mit Inhalten versehen 05:14
Inhalte strukturieren 10:55
CSS Normalization 04:59
CSS-Grundformatierung 14:26
Zusammenfassung

Screenshots: