55 Crédits +d'infos

Intégrer et Développer un site Web ecommerce Extrait gratuit 48m21s

Tuto Intégrer et Développer un site Web ecommerce avec Dreamweaver, CSS, CakePHP

“ Intégrer et Développer un site Web ecommerce ” est un tuto Dreamweaver, CSS, CakePHP, en vidéo, de 14h10m. Ce tutoriel est proposé par Formationvideo, editeur.

ajouter ce cours aux favoris retirer ce cours des favoris


55 Crédits +d'infos

Voici une formation complète dédiée à l'intégration et le développement d'un site web de type ecommerce. Au programme, plus de 14h de formation, en vidéo, qui vous expliqueront comment créer votre propre boutique en ligne. Cette formation est découpée en 2 grands chapitres :

  • La partie intégration (HTML - CSS - Javascript)
  • La partie développemement (PHP - CAKE PHP - Base de données MYSQL)

Fonctionnalités du site qui seront passées en revue dans cette formation :

  • carrousel interactif
  • Affichage automatique des derniers articles ajoutés
  • Création d'un moteur de recherche
  • Mise ne place d'un flux d'actualité RSS
  • Création d'un formulaire de contact
  • Création d'une galerie de produits avec fonctions de tri et de filtre
  • Réalisation d'un zoom d'images
  • Affichage des photos d'un même artiste
  • Intégration d'un player vidéo en Flash et en HTML 5
  • Réalisation d'un panier avec système Paypal et récapitulatif de commande
  • Création de compte et d'un espace personnel utilisateur (information personnelle, historique de commandes et module de messagerie)
  • Contrôle des ventes (chiffre d'affaire, nombre de ventes et panier moyen)
  • Contrôle et suivi des commandes
  • Gestion et suivi des messages clients
  • Gestion des inscriptions et des comptes utilisateurs
  • Liste d'envois des newsletters avec export en CSV
  • Création et modification des fiches produits (informations générales, images, taille et prix, outils de référencement)
  • Gestion des artistes
  • Gestion du carrousel (image, position, titre, lien de renvoi à la fiche produit concernée)

Partie 1 : Intégrez un site Web :

Cette première partie de formation se consacre à l'intégration et la mise en page du site web dans les moindres détails avec un éditeur (dans notre exemple Dreamweaver. Le HTML vous permettra de créer la structure générale du site, de hiérarchiser le contenu des pages web en accord avec les règles du référencement naturel et d'insérer les ressources multimédia (les images, le player vidéo en HTML5 et en Flash...).

Avec la puissance du CSS, vous styliserez et mettrez en forme les différents pages du site en contrôlant avec précision la position, les couleurs, les typographies, les contours, les transparences (?) de chaque élément : header, footer, menu de navigation, boutons de pagination, titres, paragraphes, textes en colonne? Vous verrez également comment mettre en place un carrousel et un zoom d'image en javascript avec le framework jQuery.

  • Structurez et hiérarchisez vos pages en HTML
  • Insérez les liens et les images.
  • Intégrez un player video en HTML5 et Flash
  • contrôlez avec précision la mise en forme de site en CSS
  • Créer un carrousel et un zoom en Javascript avec jQuery

Partie 2 : Développer votre site Web :

Dans cette seconde partie, vous utiliserez l'ensemble des technologies et langages de programmation nécessaires au développement d'un site dynamique et de e-commerce : la POO (Programmation Orientée Objet) via le modèle MVC (modèle vue controler) et l'utilisation de framework PHP et de MySQL. Ainsi, la formation a également pour objectif d'être le reflet des réalités professionnelles en vous fournissant des connaissances actualisées dans les domaines de la programmation. Particulièrement rigoureux et pédagogue, Steven Titren, développeur depuis 10 ans et spécialiste de solutions e-commerce, vous permet d'acquérir des méthodes de travail efficaces pour venir à bout de ce type de projet web et comprendre l'interaction entre les différentes technologies.

Après l'installation du framework, la création de la bases de données et la configuration des différentes templates consistant à définir la structure de développement du site, vous aborderez la POO avec le modèle MVC de Cake PHP et l'adapterez aux différentes pages. Une dernière étape traitera des fonctions et applications spécifiques à ce site : envoi d'email, moteur de recherche, mise en place d'une galerie dynamique, export des abonnés à la newsletter, création et gestion de compte client, confirmation de commande, gestion du panier...

  • Apprenez des méthodes professionnelles
  • Utilisez les dernières technologies : POO, MVC, Cake PHP et MySQL
  • Créer les différents templates et la base de données du site
  • Appliquez les fonctions spécifiques à un site dynamique
  • Gérer votre site et ses données avec le back office

Tous les fichiers sources vous seront livrés dans cette formation afin que vous puissiez la suivre le plus efficacement possible.

Table des matières de cette formation

    • Introduction 00:06:03
    • Structure de base 01:25:00
    • Intégration de la page d'accueil 00:48:20
    • Intégration de la galerie des oeuvres 00:35:18
    • Intégration de la page de la page produit 00:28:16
    • Développement d'un zoom en jQuery simple 00:48:43
    • Intégration de la page A propos 00:29:48
    • Intégration de la page actualités 00:19:30
    • Intégration de la page contact 00:12:32
    • Intégration des pages panier 00:29:47
    • Intégration du gabarit du back office 00:43:28
    • Installation de CakePHP 00:16:54
    • Configuration des templates 00:24:03
    • Initiation au MVC et à CakePHP 00:32:20
    • Génération automatique des MVC 00:20:46
    • Adapter les vues générées 01:09:59
    • Exporté les abonnées à la newsletter 00:05:13
    • Comment uploader des images ? 00:24:03
    • Implémenter un système de recherche en back office 00:08:50
    • Mise en place de la galerie dynamique 00:41:44
    • Détails d'une oeuvre 00:17:35
    • La page A propos 00:02:51
    • Récupération des derniers posts du blog 00:09:13
    • Envoi d'un email 00:08:27
    • Ajouter un produit au panier 00:18:34
    • Mise en place du panier 00:28:30
    • Création d'un compte utilisateur 00:12:09
    • Confirmation de la commande 00:23:59
    • Générer une facture en pdf 00:21:12
    • Développement de la page ventes 00:25:11
    • Branchement du système Paypal au panier 00:10:16
    • Dernières corrections 00:34:38
    • Conclusion 00:06:57



Formateur : Formationvideo

Formationvideo a publié 65 tutoriels et obtenu une note moyenne de 4,1/5 sur 16 345 tutoriels vendus.

Voir les autres formations de Formationvideo

  • Merci pour votre formation et je saurrais dans l'avenir si je serrais aussi apte de faire mieux que ça
    Mbuyamba, 31/10/2012
  • Bonjour, lequel des dossiers je doit utilisé : developpement ? integration ? webdesign ? Dans votre demo vous utilisé un autre dossier dev? Cordialement
    EPILATION, 09/04/2012