HDTutorial
DE

Die Wiedergabe lädt den eingebetteten YouTube-Player (erweiterter Datenschutzmodus).

E-Commerce-Website mit HTML und CSS Schritt für Schritt erstellen | Online-Shop erstellen

3.819.646 Aufrufe 11. Juli 2020 1:24:43

Auf YouTube ansehen
KanalEasy Tutorials

Kurz gesagt

Baue eine vollständig responsiv gestaltete E-Commerce-Website mit nur HTML und CSS – ideal für Anfänger. Du erstellst eine Startseite mit Bannern, Produktlisten, Kundenbewertungen und einer mobilfreundlichen Navigation – ganz ohne JavaScript oder Backend. Perfekt für alle, die mit Webdesign beginnen oder ihr Portfolio erweitern möchten.

Wichtige Schritte

  1. Füge Google Fonts für eine einheitliche Typografie hinzu
  2. Erstelle einen Bereich für hervorgehobene Kategorien mit Bildern
  3. Baue ein Produktraster mit Preisen, Bildern und Bewertungen
  4. Füge einen Abschnitt für neueste Produkte und ein Angebotsbanner hinzu
  5. Integriere Kundenbewertungen und eine Top-Marken-Übersicht
  6. Erstelle einen Footer mit vier Spalten und mache die Website mobilfreundlich

Beschreibung des Urhebers

LERNE, WIE DU EINE VOLLSTÄNDIG RESPONSIVE E-COMMERCE-WEBSITE MIT HTML UND CSS SCHRITT FÜR SCHRITT ERSTELLST – TUTORIAL FÜR E-COMMERCE-WEBDESIGN MIT HTML UND CSS

In diesem Video zeige ich dir, wie du eine E-Commerce-Website Schritt für Schritt mit HTML und CSS baust. Wir erstellen die Startseite mit einem Bannerbereich, einigen hervorgehobenen Kategorien mit Bildern, dann einige hervorgehobene Produkte mit Preis, Bild und Bewertung.

Anschließend zeigen wir die neuesten Produkte und einen Angebotsbereich mit einem exklusiven Produkt. Danach fügen wir Kundenbewertungen und eine Top-Marken-Sektion hinzu. Am Ende der Website erstellen wir einen Footer mit vier Spalten.

Danach machen wir das Dropdown-Menü für mobile Geräte und sorgen dafür, dass das gesamte Design der Website für mobile Geräte optimiert ist.

Im nächsten Teil erstellen wir die Produktübersichtsseite, die Einzelproduktseite, die Warenkorbseite sowie die Login- und Registrierungsseiten für unsere E-Commerce-Website.

Empfohlene Videos:

HTML- und CSS-Grundkurs für Anfänger

Brackets-Editor-Tastenkürzel für schnelles Programmieren

Top 5 Komplette Website-Design-Tutorials mit HTML & CSS

❤️ Komplette Website mit HTML und CSS
✔️ 8 Komplette Websites Schritt für Schritt
✔️ Quellcode zum Download
✔️ 76 Lektionen, 12 Stunden Video
✔️ Kursabschlusszertifikat

Meine empfohlenen Tools und Tutorials

◼️ Der Link zum Quellcode wird im Community-Post für alle meine Programmiervideos exklusiv für Kanalmitglieder geteilt (nur Kanalmitglieder können ihn sehen)
Kanalmitgliedschaft beitreten:

Zeitstempel:

00:00 Website-Übersicht
06:40 HTML und C...

Über dieses Tutorial

Easy Tutorials hat dieses 1:24:43 lange Video-Tutorial am 11. Juli 2020 veröffentlicht. Es wurde 3.819.646-mal auf YouTube angesehen.

Kategorie
Bildung
Dauer
1:24:43
Veröffentlicht
11. Juli 2020
Aufrufe
3.819.646
Likes
74.309

Teilen

Dieses Tutorial in anderen Sprachen