Eigene Website erstellen mit HTML und CSS // mitmario.dev
Programmieren mit Mario Programmieren mit Mario
9.59K subscribers
13,912 views
373

 Published On Aug 19, 2022

Eigene Website erstellen mit HTML und CSS. HTML und CSS Tutorial für Anfänger. Ich zeige dir wie ich meine eigene Website erstelle. Anhand von einem praktischem Beispiel kannst du deine HTML und CSS Kenntnisse festigen und lernen wie du Projekte umsetzen kannst. Der Aufbau mehrerer Seiten, einbinden von externen Schriften und das erstellen von unterschiedlichen Color Theme und vieles mehr sind mit dabei. Happy Coding!

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
00:37 Projektplan
04:00 Anforderungen
04:56 Browser und VS Code
06:54 Konzept
11:38 VS Code Extensions
14:38 Projekt anlegen
17:39 Startseite
24:25 Schriftarten einbinden
34:03 Browser Dev Tools
35:44 Basis Layout mit CSS
40:20 CSS Variablen
45:15 Responsive Font-Size
47:41 Content zentrieren
49:45 Box-Sizing Problem
51:10 Überschrift Layout
53:50 CSS Anchor Comments
56:32 Header Layout
1:05:40 Colors für Invert Mode
1:09:08 Page Invert mit JavaScript
1:17:22 Page Footer
1:22:59 HTML Gerüst für andere Seiten
1:25:03 Website mit Content befüllen

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Eigene Website programmieren - Komplette Playlist:
↪︎    • mitmario.dev  

Neu in der Webentwicklung? Starte hier:
↪︎    • Webentwicklung für Anfänger  

JavaScript Tutorials für Anfänger:
↪︎    • JavaScript für Anfänger  

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!
   / @programmierenmario  

#website #html #ProgrammierenM

show more

Share/Embed