👉 Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp
✌️ Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.
In diesem HTML und CSS Praxisprojekt werden wir gemeinsam eine responsive Portfolio-Webseite erstellen und hochladen.
Dabei lernst du wichtige und professionelle Konzepte wie CSS Variablen (Custom Properties), CSS Flexbox und CSS Grid Layouts praxisnah kennen. Außerdem legen wir wert auf sauberen Code und die Implementierung eines responsiven Designs, sodass die Webseite auch auf Smartphones gut aussieht. Am Ende dieses Tutorials werden wir die Webseite mit Hostinger veröffentlichen. Wir zeigen dir Schritt für Schritt wie das Webhosting mit Hostinger funktioniert.
👉 Source Code auf unserer Webseite: coding-kurzundknapp.com
Ressourcen
👉 Bild im Header (Mann mit rotem Hemd): pixabay.com/de/photos/m%C3%A4...
👉 AI Tool zum Ausschneiden des Hintergrunds: removal.ai
👉 Fertig hochgeladene Webseite: coding-kurzundknapp.com/Portf...
🚀 Hochladen mit Hostinger: www.hostinger.de/kurzundknapp
👌 Coupon code: KURZUNDKNAPP
⏱️ Timestamps:
00:00 Praxisprojekt Vorstellung
03:10 Vorbereitungen & Ressourcen
04:30 Header
10:45 Mein Skillset Section
15:04 Top 3 Projekte Section
19:19 Footer mit Grid erstellen
24:40 Responsive Webdesign mit Media Query
27:30 Webseite mit Hostinger deployen
👉 Lerne HTML5 und SEO in unserem englischen Udemy Kurs:
- Link: www.udemy.com/course/coding2g...
👉 Verwandte Tutorials:
- Portfolio Website: • Responsive Portfolio W...
- Card Design: • CSS Card Design mit ho...
- Flexbox Tutorial: • CSS Flexbox in 5 Minut...
- Grid Layouts Tutorial: • CSS Grid Layouts in 7 ...
- CSS Kurs: • Lerne CSS in 40 Minute...
#webdevelopment #portfolio #praxisprojekt
Themen und Konzepte dieses Videos:
HTML, CSS, Reponsive Webdesign, Praxisprojekt, Portfolio Webseite, Webhosting, Hostinger, Webseite veröffentlichen, Darkmode Design, Flexbox, Grid, Tutorial Deutsch, HTML5, CSS3, Projekt
👍 Abonnieren und Liken, wenn es euch gefallen hat 😉