Fernkurs HTML und CSS Grundlagen lernen - online mit Zertifikat, inkl. Projektmanagement
- Beschreibung
- Lehrplan
- FAQ
- Lernziele
- Bewertungen
Infos Fernkurs HTML und CSS Grundlagen
Startseite » Onlinekurse » IT & Informatik » Fernkurs HTML und CSS für Einsteiger
Bei diesem Videokurs handelt es sich um eine Weiterbildung unserer Partnerakademie, welche die Lehrinhalte über einen separaten Online-Campus bereitstellt.
Im HTML & CSS Fernkurs lernst Du Schritt für Schritt, wie Du Webseiten von Grund auf selbst erstellst, sie mit modernem CSS gestaltest und Deine eigene Seite am Ende online bringst.
Du startest bei den Grundlagen – vom Aufbau eines HTML-Dokuments über Elemente, Tags und Attribute bis hin zur Strukturierung von Texten, Listen und Tabellen. Danach geht es tiefer in die Praxis: Du lernst, wie Du Bilder, Hyperlinks, Formulare und Multimedia-Inhalte einbindest und Deine Seiten mit Selektoren, Farben, Abständen und Layouts professionell gestaltest.
Das lernst Du im Videotraining:
In diesem HTML & CSS Fernstudium baust Du Dir Schritt für Schritt solide Kenntnisse im Erstellen von Webseiten auf – von der ersten HTML-Datei bis hin zu einer fertigen, mehrspaltigen Webseite, die online geht.
Du lernst, was es mit HTML und den Stylesheets auf sich hat, welche Software Du zum Erstellen und Testen von Webseiten benötigst und wie Du Dein erstes HTML-Dokument anhörst und im Browser ausgibst. Außerdem erfährst Du, wie HTML-Dokumente grundsätzlich aufgebaut sind, wie Elemente, Tags und Attribute zusammenhängen und wie Du Deinen Code auf syntaktische Korrektheit überprüfst.
Ein weiterer Schwerpunkt des Fernkurses liegt auf der Strukturierung von Inhalten. Du lernst, wie Du Texte mit Überschriften und Absätzen gliederst, Zitate kennzeichnest und einzelne Passagen fett oder kursiv darstellst. Du erfährst, wie HTML-eigene Zeichen maskiert werden und wie Du Programmlistings ausgibst. Darüber hinaus lernst Du alle Listenvarianten kennen – Aufzählungslisten, nummerierte Listen, Definitionslisten und Menülisten – und erfährst, wie Du Tabellen aufbaust, Zellen verbindest, beschriftest und gestaltest.
Im Bereich Bilder und Verweise lernst Du, welche Bildformate sich für den Online-Einsatz eignen und wie Du Bildpfade korrekt referenzierst. Du erfährst, wie Du Bilder über Attribute näher beschreibst und mit Bildunterschriften nach HTML5-Syntax versiehst. Außerdem lernst Du, wie Du Hyperlinks definierst, E-Mail-Verweise anlegst und Dateien zum Download anbietest. Hinzu kommen Multimedia-Inhalte: Du erfährst, wie Du Videos, Audio-Dateien und Flash-Filme einbindest und wie Du mit iFrames beliebige Ressourcen in Deine Webseiten integrierst.
Ein weiterer Bestandteil des Kurses sind Formulare. Du lernst das notwendige Rüstzeug zum Definieren von Formularen kennen und legst einzeilige Eingabefelder und Passwortfelder an, die Du vorbelegen oder auf nicht-beschreibbar setzen kannst. Du arbeitest mit Auswahlfeldern, Radio-Buttons und Checkboxen und erfährst, welche neuen Feldtypen HTML5 bietet – etwa Schieberegler und Datumsfelder, ganz ohne JavaScript. Abgerundet wird dieser Bereich durch die erweiterten HTML5-Formularfunktionen und die Umsetzung einer Autovervollständigungsfunktion.
Ebenfalls behandelt wird die Semantik. Du lernst die Strukturierungselemente von HTML5 kennen und erfährst, warum eine logische Struktur unabdingbar ist, wenn Du Deine Webseiten zukunftssicher gestalten willst. Du arbeitest insbesondere mit den Elementen article und section, verstehst die Unterschiede zwischen div, article und section und lernst Elemente für Kopf- und Fußbereiche, Navigation, Marginalien und Zusammenfassungen kennen.
Im CSS-Teil lernst Du, wofür Cascading Stylesheets gebraucht werden und warum erst die Kombination aus HTML und CSS ansprechende Webseiten ermöglicht. Du machst Dich mit dem Zugriff über Selektoren vertraut und lernst, wie Du Texte typografisch verbesserst, Farben und Hintergründe einsetzt und Außenabstände und Außenränder kontrollierst. Hinzu kommen der Textfluss, Rahmen, Listen und Counter sowie das Boxmodell. Du lernst, Elemente zu positionieren und mit float im Fluss der Seite anzuordnen.
Abgerundet wird der HTML & CSS Kurs durch ein durchgehendes Praxisprojekt. Du lernst die verschiedenen Layoutvarianten kennen, baust zwei- und dreispaltige Layouts auf, entwickelst ein Layout Schritt für Schritt und passt es kontinuierlich an. Du erstellst das Grundgerüst, gestaltest den Inhaltsbereich, wählst passende Schriften und setzt ein Kontaktformular um, bevor Deine Webseite schließlich online geht. Ergänzend erhältst Du Hinweise zur richtigen Entwicklungsumgebung, zur HTML5-Boilerplate als Vorlage und zu den besten Tools für HTML5- und CSS3-Webseiten.
Nach dem HTML & CSS Kurs kannst Du:
- HTML-Dokumente aufbauen und im Browser ausgeben
- Elemente, Tags und Attribute praktisch einsetzen und Deinen Code auf Korrektheit prüfen
- Texte strukturieren und mit HTML formatieren
- Listen und Tabellen erstellen, verbinden und gestalten
- Grafiken einbinden, Bildformate beurteilen und Bildpfade referenzieren
- Hyperlinks, E-Mail-Verweise und Download-Links definieren
- Formulare mit Eingabefeldern, Auswahlfeldern, Radio-Buttons und Checkboxen erstellen
- die neuen HTML5-Formularfunktionen ohne JavaScript nutzen
- Dokumente mit den Semantik-Elementen von HTML5 strukturieren
- Multimedia-Inhalte und iFrames in Webseiten einbinden
- mit CSS-Selektoren gezielt auf Elemente zugreifen
- Texte, Farben, Hintergründe, Rahmen und Abstände mit CSS gestalten
- das Boxmodell anwenden und Elemente positionieren
- mehrspaltige Layouts entwickeln und umsetzen
- eine komplette Webseite mit Kontaktformular erstellen und online stellen
Ideal für Dich, wenn Du:
- Webseiten von Grund auf selbst erstellen möchtest
- lernen willst, wie HTML und CSS zusammenspielen
- Deine eigene Website, Deinen Blog oder Dein Portfolio selbst aufbauen willst
- verstehen möchtest, wie moderne Webseiten strukturiert sind
- Formulare, Bilder, Hyperlinks und Multimedia-Inhalte richtig einbinden möchtest
- Webseiten mit CSS ansprechend gestalten willst, statt nur Inhalte einzufügen
- das Boxmodell, Positionierung und Layouts wirklich verstehen willst
- eine fertige Webseite Schritt für Schritt in einem Praxisprojekt umsetzen möchtest
- Dich beruflich in Richtung Webentwicklung oder Webdesign orientieren willst
- keine Lust mehr auf Baukasten-Lösungen hast und den Code dahinter verstehen willst
Typische Berufsfelder nach dem Kurs:
- Webentwickler
- Frontend-Entwickler
- Webdesigner
- HTML-/CSS-Anwender
- Content-Manager und Web-Redakteur
- Online Marketing Manager mit Web-Fokus
- Webmaster und technischer Redakteur
- Freelancer im Bereich Webseitenerstellung und Webdesign
- Online-Unternehmer mit eigenem Webauftritt
Kursleitung:
Das Videotraining wird über einen Partner von uns durchgeführt, wobei Du zum einen unseren Campus als auch den Campus unseres Partners verwendest.
Kurs “Projektmanagement” kostenlos inklusive:
Du erhältst von uns den Fernkurs Projektmanagement mit Teilnahmezertifikat inklusive.
Die Lerninhalte umfassen:
- Grundlagen
- Projektorganisation
- Projektphasen
- Vorgehensmodelle
- Die Planung von Projekten
- Dokumentation von Projekten
- Projektmanagement-Software
- Teamarbeit, Moderation und Leadership
- Konfliktmanagement
- Projekt-Controlling
| Abschluss: |
|
| Social Proof: |  Optional: Bestätigung Deiner neuen Skills durch den Dozenten per LinkedIn-Empfehlung |
| Studienform: | 100% flexibel – lerne eigenständig im Selbststudium und komplett in Deinem Tempo – ohne Präsenzzeiten oder festgeschriebene Unterrichtszeiten |
| Dauer: |
Infos dazuDie angegebenen Zeiten sind ungefähre Richtwerte. Du lernst in Deinem eigenem Tempo. Wenn Du mehr Zeit benötigst, kein Problem, Du hast 12 Monate Zugriff auf den Kurs. Du kannst die Weiterbildung auch kürzer absolvieren, solltest Du entsprechend mehr private Zeit haben. |
| Kursunterlagen: |
|
| Kursnummer: | MOOC-HC-TUT-10 |
| Prüfung: | Online-Test |
| Studienstart: | jederzeit möglich |
| Testphase: | ✓ 2 Wochen unverbindlich testen |
| Techn. Voraussetzungen: | Internetverbindung, moderner Webbrowser, PDF-Reader |
-
1
Einführungsbroschüre "Wie Dein Fernstudium funktioniert" -
2
Lehrinhalte
- Grundlagen
- 1. Ein erster Blick auf HTML, CSS & Co.
- 2. Die erste HTML-Seite
- 3. Elemente, Tags und Attribute
- 4. Texte strukturieren
- 5. Texte aufhübschen
- 6. Listen
- 7. Tabellen (01)
- 8. Tabellen (02)
- 9. Grafiken fürs Web (01)
- 10. Grafiken fürs Web (02)
- 11. Hyperlinks definieren (1)
- 12. Hyperlinks definieren (2)
- 13. Formulare (1)
- 14. Formulare (2)
- 15. Formulare (3)
- 16. Formulare (4)
- 17. Formulare (5)
- 18. Semantik fürs Web (1)
- 19. Semantik fürs Web (2)
- 20. Semantik fürs Web (3)
- 21. Semantik fürs Web (4)
- 22. Multimedia für die Webseite (1)
- 23. Multimedia für die Webseite (2)
- 24. iFrames
- CSS
- 25. Das ist CSS
- 26. So klappt der Zugriff mit den Selektoren (1)
- 27. So klappt der Zugriff mit den Selektoren (2)
- 28. So klappt der Zugriff mit den Selektoren (3)
- 29. Schöner Text durch CSS (1)
- 30. Schöner Text durch CSS (2)
- 31. Farben und Hintergründe
- 32. Außenabstände und Außenränder
- 33. Den Textfluss kontrollieren
- 34. Rahmen
- 35. Listen und Counter
- 36. Das Boxmodell
- 37. Elemente positionieren
- 38. Alles im Fluss mit float
- Praxis
- 39. Die verschiedenen Layoutvarianten
- 40. Zwei- und dreispaltige Layouts
- 41. Das Layout entwickeln
- 42. Das Layout weiter anpassen
- 43. Das Grundgerüst erstellen
- 44. Den Inhaltsbereich gestalten
- 45. Schicke Schriften für die Seite
- 46. Das Kontaktformular (1)
- 47. Das Kontaktformular (2)
- 48. Die Webseite geht online
- Bonus
- 49. Die richtige Entwicklungsumgebung zum Erstellen von Webseiten
- 50. HTML5-Boilerplate – die beste Vorlage für HTML- und CSS3-Webseiten
- 51. Die besten Tools zum Erstellen von HTML5- und CSS3-Webseiten
- Grundlagen
-
3
Vorteilsportal der Prof. Online Akademie für Sales und Marketing
HTML ist eine der grundlegenden Technologien des Internets und bildet zusammen mit CSS und JavaScript die Basis fast jeder Website. Ohne dieses Verständnis ist es schwierig, digitale Prozesse, Websites oder Marketingmaßnahmen wirklich technisch zu verstehen oder mitzugestalten.
Das Gehalt hängt daher stark davon ab, in welcher Rolle du das Wissen einsetzt:
- Einstiegsrollen im Online Marketing / Content / CMS: ca. 30.000 – 45.000 € brutto/Jahr
- Digital Marketing mit technischen Grundkenntnissen (z. B. E-Mail-Marketing, Website-Content, SEO): ca. 40.000 – 60.000 € brutto/Jahr
- Mit weiterführenden Skills (z. B. CSS, JavaScript, Web- oder UX-Know-how): ca. 50.000 – 70.000 €+ brutto/Jahr möglich
Der HTML und CSS Fernkurs vermittelt zunächst, wie Webseiten grundsätzlich aufgebaut sind und welche Rolle HTML und CSS dabei spielen. Es wird gezeigt, wie ein erstes HTML-Dokument angelegt und im Browser ausgegeben wird, welcher Grundstruktur HTML-Dokumente folgen und wie Elemente, Tags und Attribute zusammenhängen. Außerdem wird erklärt, wie der eigene HTML-Code auf syntaktische Korrektheit überprüft werden kann und welche Software benötigt wird, um Webseiten zu erstellen und zu testen.
Darauf aufbauend wird die Strukturierung von Inhalten behandelt. Es wird vermittelt, wie Texte mit den passenden Elementen gegliedert und lesbar formatiert werden, wie Zitate, fette und kursive Passagen ausgezeichnet werden und wie HTML-eigene Zeichen maskiert werden. Hinzu kommt der Umgang mit Listen in ihren verschiedenen Varianten, von Aufzählungs- und nummerierten Listen über Definitionslisten bis zu Menülisten. Ebenfalls behandelt werden Tabellen, von der grundlegenden Darstellung von Daten über das Verbinden von Zellen bis zur Beschriftung und Gestaltung.
Ein weiterer Schwerpunkt liegt auf Bildern und Verweisen. Es wird gezeigt, welche Bildformate sich für den Online-Einsatz eignen und wie Bildpfade korrekt referenziert werden. Außerdem wird vermittelt, wie Bilder über Attribute näher beschrieben und mit Bildunterschriften nach HTML5-Syntax versehen werden. Im Bereich der Hyperlinks wird erklärt, wie Inhalte miteinander verbunden werden, wie E-Mail-Verweise definiert und Dateien zum Download angeboten werden. Ergänzend wird beschrieben, wie multimediale Inhalte wie Videos, Audio-Dateien und Flash-Filme eingebunden werden und wie iFrames genutzt werden, um beliebige Ressourcen in Webseiten zu integrieren.
Ein umfangreicher Themenblock widmet sich den Formularen. Vermittelt wird, wie Formulare grundlegend definiert und einzeilige Eingabefelder sowie Passwortfelder angelegt werden. Hinzu kommen Auswahlfelder, Radio-Buttons und Checkboxen. Darüber hinaus wird gezeigt, welche neuen Feldtypen HTML5 bietet, sodass sich Schieberegler und Datumsfelder auch ohne JavaScript umsetzen lassen. Behandelt werden außerdem die erweiterten HTML5-Formularfunktionen sowie die Realisierung einer Autovervollständigungsfunktion für Formularfelder.
Ein weiterer Bestandteil der HTML mit CSS Weiterbildung ist die semantische Strukturierung von Dokumenten. Es wird erläutert, warum eine logische Struktur entscheidend ist, um Webseiten zukunftssicher zu gestalten. Vermittelt werden die Strukturierungselemente von HTML5 und ihr praktischer Einsatz, insbesondere article und section sowie die Unterschiede zu div. Hinzu kommen Elemente für Kopf- und Fußbereiche, für Navigation, Marginalien und Zusammenfassungen.
Im CSS-Teil wird zunächst geklärt, wofür Cascading Stylesheets gebraucht werden und wie sie mit HTML zusammenwirken. Es wird gezeigt, wie mit Selektoren auf Elemente zugegriffen wird und wie sich Texte typografisch verbessern lassen, etwa über Farben und Hintergründe. Vermittelt werden außerdem Außenabstände und Außenränder, die Kontrolle des Textflusses, Rahmen, Listen und Counter sowie das Boxmodell. Hinzu kommen das Positionieren von Elementen und der Umgang mit float, um Elemente im Fluss der Seite anzuordnen.
Den Abschluss bildet ein durchgehendes Praxisprojekt. Ausgehend von den verschiedenen Layoutvarianten wird gezeigt, wie zwei- und dreispaltige Layouts aufgebaut werden, wie ein Layout schrittweise entwickelt und weiter angepasst wird und wie das Grundgerüst sowie der Inhaltsbereich gestaltet werden. Ergänzend wird vermittelt, wie passende Schriften ausgewählt und ein Kontaktformular umgesetzt wird, bevor die fertige Webseite online geht. Abgerundet wird der Kurs durch Hinweise zur passenden Entwicklungsumgebung, zur HTML5-Boilerplate als Vorlage sowie zu Werkzeugen für die Arbeit mit HTML5- und CSS3-Webseiten.
Professionelle Fernakademie für berufliche Weiterbildungen aus Business, Marketing, Sales und IT mit mehr als 10 Jahren Erfahrung im privaten und geförderten (Hochschul-)Bildungsbereich. Spezialisiert auf praxisnahe Fernkurse, Firmenschulungen und Online-Weiterbildungen für den beruflichen Ein- und Aufstieg. Über uns
93% von 800+ Teilnehmenden empfehlen unsere Akademie gemäß unserem QS-System weiter*
* Erhoben durch verpflichtende, interne Absolventen-Befragungen im Online-Campus seit 2024 bis heute. Details zum Verfahren siehe Qualitätssicherung.
Google