podcast.de
Anmeldung
Anmeldung Registrierung
Auto Hell Dunkel
Erweiterte Suche
  1. Startseite
  2. Podcasts
  3. IT-Berufe-Podcast Podcast
  4. Buchclub: Handbuch für Fachinformatiker (Teil 7: HTML und CSS) – Anwendungsentwickler-Podcast #68
Buchclub: Handbuch für Fachinformatiker (Teil 7: HTML und CSS) – Anwendungsentwickler-Podcast #68

Buchclub: Handbuch für Fachinformatiker (Teil 7: HTML und CSS) – Anwendungsentwickler-Podcast #68

IT-Berufe-Podcast vor 10 Jahren
Zu Sammlung hinzufügen

Du hast noch keine Sammlungen.
Herunterladen (rechte Maustaste) Teilen Fundstellen Kommentare
0:00
35:09
Das Kapitel 18 (Webseitenerstellung mit (X)HTML und CSS) des
IT-Handbuch für Fachinformatiker* ist Thema der achtundsechzigsten
Folge des Anwendungsentwickler-Podcasts. TL;DR Im siebten Teil
meines Buchclubs zum IT-Handbuch für Fachinformatiker:innen von
Sascha Kersten gehe ich mit dir die Grundlagen von HTML5 und CSS
durch, die du als IT-Azubi für Webprojekte und Prüfungen brauchst.
Dazu gehören korrektes HTML, barrierearme Webseiten und passende
Formularelemente sowie CSS-Selektoren, externe Stylesheets und das
Box-Modell. Für die Praxis empfehle ich dir UTF-8, relative
Maßangaben und CSS für das Seitenlayout. JavaScript und AJAX folgen
in einem weiteren Buchclub-Teil. Kapitelmarken [00:00:01] Einstieg
in den Buchclub [00:00:26] HTML, CSS und JavaScript für das
Webfrontend [00:01:43] XHTML und korrektes HTML [00:03:06] HTML mit
einem Validator prüfen [00:04:59] Grundstruktur eines
HTML-Dokuments [00:06:24] HTML5 und Doctype [00:07:13]
HTML-Entitäten und UTF-8 [00:10:53] Links, Anker und URL-Fragmente
[00:12:17] Bilder und barrierearme Webseiten [00:15:04] Tabellen
und Seitenlayout [00:18:16] Formulare und passende Eingabeelemente
[00:19:28] HTML5-Eingabetypen und Bedienbarkeit [00:21:02]
CSS-Grundlagen und Prüfungsbezug [00:22:22] CSS-Regeln und
Selektoren [00:23:44] Klassen und eindeutige IDs [00:24:27]
Erweiterte Selektoren und Hover [00:25:35] CSS einbinden und
externe Stylesheets [00:27:32] Relative Maßangaben für responsive
Webseiten [00:29:21] Farben in CSS [00:29:51] Das CSS-Box-Modell
[00:32:06] Weitere CSS-Eigenschaften für die Praxis [00:33:04]
Ausblick auf JavaScript und AJAX [00:33:41] Lernzielkontrolle und
Buchempfehlung [00:34:33] Ausblick auf die Fachgespräche Inhalt Das
Kapitel enthält viele wichtige Grundlagen zur Webentwicklung.
Insbesondere HTML5 und CSS3 sollte jeder Anwendungsentwickler für
die Prüfung kennen. Webseitenerstellung mit (X)HTML und CSS HTML
und XHTML Aufbau und Syntax von HTML-Dokumenten sollten jedem
Prüfling bekannt sein. Entities sind veraltet (bei Unicode als
Zeichensatz überflüssig). Die wichtigsten Tags - gerade auch die
Neuerungen in HTML5 - sollten geläufig sein. Eigentlich gilt das
für alle genannten. Cascading Style Sheets (CSS) CSS ist eine
weitere wichtige Technologie, die man z.B. auch im Bereich XML
nutzen kann. Grundlegende Begriffe wie Selektor, Regel und Attribut
sollte man kennen. Unterschied absolute/relative Angaben ist
wichtig. Die Neuerungen in CSS3 sollten auch bekannt sein.
Literaturempfehlungen *(direkt beim Rheinwerk-Verlag bestellen*) *
Links Permalink zu dieser Podcast-Episode RSS-Feed des Podcasts
HTML - Anwendungsentwickler-Podcast #33 Zusammenfassung HTML und
CSS im Buchclub Im siebten Teil meines Buchclubs zum IT-Handbuch
für Fachinformatiker:innen von Sascha Kersten arbeite ich mit dir
Kapitel 18 zur Webseitenerstellung mit HTML und CSS durch. Als
Fachinformatiker:in Anwendungsentwicklung brauchst du diese
Grundlagen, wenn du Oberflächen für Webanwendungen entwickelst. Das
ebenfalls angekündigte Kapitel 20 zu JavaScript und AJAX folgt in
einem weiteren Buchclub-Teil. JavaScript übernimmt die Logik im
Frontend; AJAX gehört auch zu den Themen, nach denen ich bei
Webprojekten in mündlichen Prüfungen frage. HTML-Syntax und
Dokumentstruktur Bei XHTML gelten die Regeln von XML: Tags werden
korrekt geschlossen und verschachtelt, während Attributwerte in
Anführungszeichen stehen. Browser versuchen bei HTML auch
fehlerhaften Quelltext darzustellen. Für meine IT-Azubis gehört
deshalb von Anfang an dazu, korrektes HTML zu schreiben und den
Quelltext mit einem Validator zu prüfen. Als Beispiel dient das
Firefox-Plugin HTML Validator, das Regelverstöße anzeigt. Unter dem
Wurzelelement html stehen head und body. Im head hinterlegst du
Metainformationen wie den Seitentitel und bindest Stylesheets ein.
Der body enthält die Inhalte der Seite. Die gebräuchlichen Tags und
ihre Bedeutung solltest du kennen. Ihre englischen Namen helfen dir
beim Lernen: p steht für "Paragraph" und zeichnet einen Absatz aus.
Mit ul, kurz für "Unordered List", erstellst du eine ungeordnete
Liste. Der Name a stammt von "Anchor". Das Element wird für
Hyperlinks und Anker verwendet. Bilder bindest du mit img ein. Ein
Fragment am Ende einer URL, hinter dem Zeichen #, ermöglicht den
Sprung zu einer Stelle innerhalb eines Dokuments, etwa einer
Überschrift. Für neue Webseiten empfehle ich dir HTML5. Der Doctype
lautet . Bei älteren Anwendungen können Vorgaben für alte Browser
eine Rolle spielen. Die wichtigen HTML5-Funktionen werden von den
meisten Browsern unterstützt, wobei einzelne Funktionen
unterschiedlich verfügbar sind. Entitäten und UTF-8 Damit Zeichen
mit einer besonderen Bedeutung als Inhalt erscheinen, werden sie
bei Bedarf als Entitäten geschrieben. Beispielsweise steht < für

Weitere Episoden

Moderne Umschulungen in den IT-Berufen mit Nico Hartmann – IT-Berufe-Podcast #198

Moderne Umschulungen in den IT-Berufen mit Nico Hartmann – IT-Berufe-Podcast #198

1 Stunde 11 Minuten
vor 2 Monaten
Zeit sparen beim Erstellen der IHK-Projektdokumentation – IT-Berufe-Podcast-Shorts #17

Zeit sparen beim Erstellen der IHK-Projektdokumentation – IT-Berufe-Podcast-Shorts #17

25 Minuten
vor 2 Monaten
Korrekturlesen der Projektdokumentation – IT-Berufe-Podcast-Shorts #16

Korrekturlesen der Projektdokumentation – IT-Berufe-Podcast-Shorts #16

11 Minuten
vor 3 Monaten
Realistische Dauer der Projektdokumentation – IT-Berufe-Podcast-Shorts #15

Realistische Dauer der Projektdokumentation – IT-Berufe-Podcast-Shorts #15

12 Minuten
vor 3 Monaten
Einhaltung der Projektbearbeitungszeit (40 bzw. 80 Stunden) – IT-Berufe-Podcast-Shorts #14

Einhaltung der Projektbearbeitungszeit (40 bzw. 80 Stunden) – IT-Berufe-Podcast-Shorts #14

14 Minuten
vor 3 Monaten
Alle Episoden anzeigen
In Podcasts werben
Schalte jetzt Werbung in Podcasts.
Episode melden

„Buchclub: Handbuch für Fachinformatiker (Teil 7: HTML und CSS) – Anwendungsentwickler-Podcast #68“

Worum geht es? Danach fragen wir noch nach dem Grund.

Teilen

Mein Archiv

Deine Privatkopie der Folgen, die du nicht verlieren willst.

Podcast-Folgen verschwinden. Feeds werden auf die letzten Episoden gekürzt, Hoster räumen alte Dateien ab, Formate wechseln den Anbieter und lassen ihr Archiv zurück. Mit „Mein Archiv“ sichert podcast.de die Folgen deiner Podcasts für dich — angefangen bei den ältesten, denn die sind zuerst weg.

  • Deine gesicherten Folgen bleiben hörbar, auch wenn das Original offline geht.
  • Auch Folgen, die im heutigen Feed gar nicht mehr stehen — podcast.de kennt sie noch.
  • Herunterladen bleibt möglich, solange die Folge beim Podcaster liegt. Der zählt seine Abrufe wie bisher.
Startet bald

Sei beim Start von Mein Archiv dabei

Mein Archiv ist fast fertig. Trag dich ein, dann bekommst du eine E-Mail, sobald es losgeht – und bist von Anfang an dabei. Wir schreiben dir nur zum Start, keine Werbung, keine Weitergabe deiner Daten.

Du bekommst zuerst eine Bestätigungsmail. Abmelden geht jederzeit. Datenschutz