In diesem Video werden wir eine Portfolio-Webseite nur in HTML und CSS entwickeln. Bei diesem Praxisprojekt wirst du viele spannende und moderne CSS Konzepte lernen.
Unter anderem:
- Flexbox
- Grid-Layouts
- CSS Variablen
- Media Queries
- Responsive Webdesign.
und viele mehr.
Nach diesem Video wirst du also in der Lage sein eigene Webseiten zu erstellen, die sogar auf dem Handy gut aussehen.
************************************************************************
Wichtige Links und Ressourcen:
Links zu den Bildern (und Icons)
https://www.pexels.com/de-de/foto/mann-der-blaues-t-shirt-mit-rundhalsausschnitt-tragt-2379005/
https://www.pexels.com/de-de/foto/portratfoto-des-lachelnden-mannes-mit-gekreuzten-armen-die-vor-der-weissen-wand-stehen-2379004/
https://www.svgrepo.com/svg/271094/instagram
https://www.svgrepo.com/svg/271091/telegram
https://www.svgrepo.com/svg/126780/twitter
https://www.svgrepo.com/svg/134513/youtube
Visual Studio Code: https://code.visualstudio.com
Google Fonts: fonts.google.com/icons
Schriftart Poppins: https://fonts.google.com/specimen/Poppins?query=poppins
************************************************************************
Timestamps:
01:01 Endprodukt
03:04 Vorbereitungen
07:34 Header
28:26 Über mich
34:06 Dienstleistungen
41:49 Footer (mit Grid)
55:23 Code zum Vergleichen
************************************************************************
Unter anderem:
- Flexbox
- Grid-Layouts
- CSS Variablen
- Media Queries
- Responsive Webdesign.
und viele mehr.
Nach diesem Video wirst du also in der Lage sein eigene Webseiten zu erstellen, die sogar auf dem Handy gut aussehen.
************************************************************************
Wichtige Links und Ressourcen:
Links zu den Bildern (und Icons)
https://www.pexels.com/de-de/foto/mann-der-blaues-t-shirt-mit-rundhalsausschnitt-tragt-2379005/
https://www.pexels.com/de-de/foto/portratfoto-des-lachelnden-mannes-mit-gekreuzten-armen-die-vor-der-weissen-wand-stehen-2379004/
https://www.svgrepo.com/svg/271094/instagram
https://www.svgrepo.com/svg/271091/telegram
https://www.svgrepo.com/svg/126780/twitter
https://www.svgrepo.com/svg/134513/youtube
Visual Studio Code: https://code.visualstudio.com
Google Fonts: fonts.google.com/icons
Schriftart Poppins: https://fonts.google.com/specimen/Poppins?query=poppins
************************************************************************
Timestamps:
01:01 Endprodukt
03:04 Vorbereitungen
07:34 Header
28:26 Über mich
34:06 Dienstleistungen
41:49 Footer (mit Grid)
55:23 Code zum Vergleichen
************************************************************************
- Category
- Web design
Be the first to comment