HDTutorial
NL

Afspelen laadt de ingesloten YouTube-speler (privacyvriendelijke modus).

E-commerce website maken met HTML en CSS stap voor stap | Maak een online winkelwebsite

3.819.646 weergaven 11 juli 2020 1:24:43

Bekijken op YouTube
KanaalEasy Tutorials

In het kort

Bouw een volledig responsieve e-commerce website met alleen HTML en CSS, perfect voor beginners. Je maakt een startpagina met banners, productlijsten, klantrecensies en een mobielvriendelijke navigatie—geen JavaScript of backend nodig. Ideaal voor wie begint met webdesign of zijn portfolio wil uitbreiden.

Belangrijkste stappen

  1. Voeg Google Fonts toe voor typografische consistentie
  2. Maak een sectie met highlight-categorieën en afbeeldingen
  3. Bouw een productrooster met prijzen, afbeeldingen en beoordelingen
  4. Voeg een sectie met recente producten en een aanbiedingsbanner toe
  5. Voeg klantrecensies en een topmerken-overzicht toe
  6. Bouw een voetstuk met vier kolommen en maak de site mobielvriendelijk

Beschrijving van de maker

LEREN HOE JE EEN VOLLEDIG RESPONSIEVE E-COMMERCE WEBSITE MAAKT MET HTML EN CSS STAP VOOR STAP TUTORIAL, E-COMMERCE WEBDESIGN IN HTML EN CSS

In deze video leer je stap voor stap hoe je een e-commerce website bouwt met HTML en CSS. We maken de homepage van de e-commerce website met een bannersectie, enkele in het oog springende categorieën met afbeeldingen, gevolgd door enkele uitgelichte producten met prijs, afbeelding en beoordeling.

Daarna tonen we de nieuwste producten en een aanbiedingensectie met een exclusief product. Vervolgens voegen we klantrecensies en een topmerkensectie toe. Aan de onderkant van de website maken we een footer met vier kolommen.

Vervolgens maken we een dropdownmenu voor mobiele schermen en maken we het hele websiteontwerp responsief voor mobiele apparaten.

In het volgende deel maken we de pagina met alle producten, de pagina voor een enkel product, de winkelwagenpagina, en de inlog- en registratiepagina voor deze e-commerce website.

Aanbevolen video’s:

Volledige HTML- en CSS-cursus voor beginners

Brackets-editor sneltoetsen voor snel programmeren

Top 5 complete website design tutorials met HTML & CSS

❤️ Complete website met HTML en CSS
✔️ 8 complete websites stap voor stap
✔️ Broncode downloaden
✔️ 76 lessen, 12 uur video
✔️ Certificaat van voltooiing van de cursus

Mijn aanbevolen tools en tutorials

◼️ De link naar de broncode wordt gedeeld in de communitypost voor alle mijn codetutorials exclusief voor kanaalleden (alleen kanaalleden kunnen deze zien)
Sluit je aan bij het kanaal lidmaatschap:

Tijdstippen:

00:00 Website overzicht
06:40 HTML en C...

Over deze tutorial

Easy Tutorials publiceerde deze videotutorial van 1:24:43 op 11 juli 2020. Hij is 3.819.646 keer bekeken op YouTube.

Categorie
Onderwijs
Duur
1:24:43
Gepubliceerd
11 juli 2020
Weergaven
3.819.646
Likes
74.309

Delen

Deze tutorial in andere talen