Portfolio Webseite Erstellen und Hochladen | HTML CSS Projekt (responsive)

preview_player
Показать описание
✌️ 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.

*Ressourcen*

👌 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:

👉 Verwandte Tutorials:

#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 😉
Рекомендации по теме
Комментарии
Автор

Viel Spaß beim Coden!
Nicht vergessen mit dem Code: KURZUNDKNAPP spart ihr 10% auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

coding-kurzundknapp
Автор

Wow okay, danke für das schöne Tutorial! Scharfes Video, guter Ton, man kann mit ein wenig Vorerfahrung sehr gut folgen und sehr viel lernen! Schade, dass es "nur so wenig" Aufmerksamkeit bekommt. Kann mich echt nur bedanken, dass ihr sowas kostenlos hochladet!

gunnarherbert
Автор

Ich finde eure Videos top, eure Erklärung ist verständlich und man es kenn es besser verstehen. Weiter so :D

belalnoori
Автор

Sehr gutes Tutorial. I know das Hostiger der Sponsor ist, nur dieses Angebot existierst gefühlt seit 5 Jahren :D

jumpy
Автор

Irgendwie will sich mein Project Section h2 "Meine Top 3 Projekte" nicht zentrieren, sowie lässt sich mein Project Link "Visit Website" nicht stylen, kannst du mir helfen? danke für dein tut!

byyRoLex
Автор

Kann man mit Hostinger dann unendliche viele Webseiten hochladen?

nehut