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.
Jetez un oeil à ces autres tuto Dreamweaver, CSS 3, CakePHP
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Formation Dreamweaver CS6…
Voici une formation Dreamweaver CS6 qui aborde en vidéo toutes…
Dreamweaver CS6 : Les fondamentaux…
Voici une formation Dreamweaver CS6, complète, en vidéo, expliquée…
Dreamweaver CS6 : Les nouveautés…
Voici une formation Dreamweaver CS6, en vidéo, consacrée aux…
Découper et intégrer une…
Dans cette seconde et dernière partie du tutoriel "Créer une…
Dreamweaver CS5, Formation…
Formation Dreamweaver CS5 de 18h20, pour apprendre à créer…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Cette formation contient 33 leçons en vidéo pour une durée totale de 14h10.
Voici le programme complet abordé au cours de cette formation :
- Introduction00:06:03
- Structure de base01:25:00
- Intégration de la page d'accueil00:48:20
- Intégration de la galerie des oeuvres00:35:18
- Intégration de la page de la page produit00:28:16
- Développement d'un zoom en jQuery simple00:48:43
- Intégration de la page A propos00:29:48
- Intégration de la page actualités00:19:30
- Intégration de la page contact00:12:32
- Intégration des pages panier00:29:47
- Intégration du gabarit du back office00:43:28
- Installation de CakePHP00:16:54
- Configuration des templates00:24:03
- Initiation au MVC et à CakePHP00:32:20
- Génération automatique des MVC00:20:46
- Adapter les vues générées01:09:59
- Exporté les abonnées à la newsletter00:05:13
- Comment uploader des images ?00:24:03
- Implémenter un système de recherche en back office00:08:50
- Mise en place de la galerie dynamique00:41:44
- Détails d'une oeuvre00:17:35
- La page A propos00:02:51
- Récupération des derniers posts du blog00:09:13
- Envoi d'un email00:08:27
- Ajouter un produit au panier00:18:34
- Mise en place du panier00:28:30
- Création d'un compte utilisateur00:12:09
- Confirmation de la commande00:23:59
- Générer une facture en pdf00:21:12
- Développement de la page ventes00:25:11
- Branchement du système Paypal au panier00:10:16
- Dernières corrections00:34:38
- Conclusion00:06:57
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Dreamweaver, CSS 3, CakePHP de 14 heures 10 minutes est proposée dans une résolution plus grande que l’extrait suivant :
formationvideo
, Editeur pro
Formationvideo.fr est un éditeur professionnel de vidéos de formation. Les vidéos sont réalisées par des experts ce qui vous assurent une qualité pédagogique optimale pour découvrir ou vous perfectionner sur un logiciel informatique!
En savoir plus sur formationvideo
Témoignage des clients de formationvideo
![]()
Très pédagogue et didactique, j'ai bien aimé continuer dans ce sens 11/10 +1 point pour votre sympathie ;-)
![]()
Les formateurs de Formationvideo étant souvent des professionnels, ils sont très bons et très pédagogues. Formationvideo est donc une marque de qualité. Le seul point noir est le prix des tutos qui est parfois excessif, heureusement que la qualité est !
![]()
Super formateur avec une multitude de tutos !
![]()
Excellents tutoriels, beaucoup de points importants abordés, parfait!! A recommander!
![]()
Toujours très heureux de suivre les cours de "Formationvidéo" sur Max 10 . Un régal !
Lire les autres témoignages
D'autres tuto de formationvideo
Design de Site Web
Voici une formation Webdesign destinée à vous enseigner la création graphique d'un…
CSS3 : la formation pour bien débuter
Cette formation CSS, en vidéo, vous présente l'étendue de possibilités et des fonctionnalités…
Créer un catalogue Indesign de A à Z
Voici une formation Indesign CS5.5, assurée par Mylène Boyrie, infographiste spécialisée…
Formation HTML : l'essentiel
Voici une formation HTML en vidéo grâce à laquelle vous allez acquérir rapidement…
Notes attribuées par les utilisateurs (7 votes)
Les avis / Questions des utilisateurs (11)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Dreamweaver, CSS 3, CakePHP d’une durée de 14 heures 10 minutes a été acheté 104 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 23 janvier 2012 par formationvideo, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Dreamweaver Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.





















(a acheté ce tuto - 28 mai 2012)
" Bonjour, d'abord merci pour ce tuto très instructif malheureusement je me retrouve bloqué à l'étape "Détails d'une oeuvre" car le lien "+ de détails" m'amène à un controller au nom de l'image (donc chaque image à un controller différent, par ex: "Create the class 48-shape-2.htmlController below in file: appController8-shape-2.htmlController.php") et non à productsController qui doit me mener à l'action View.
J'ai comparé avec les fichiers finals que vous nous fournissez et je ne vois aucune erreur. J'ai même essayé avec tout vos dossiers et le problème le même.
J'ai également un problème d'affichage d'image et de redimensionnement au niveau galerie et welcome (page d'accueil) alors que le slider fonctionne très bien.
Pouvez-vous m'aider
merci "
(a acheté ce tuto - 28 avril 2012)
" 5 "
(a acheté ce tuto - 09 avril 2012)
" Bonjour, lequel des dossiers je doit utilisé : developpement ? integration ? webdesign ?
Dans votre demo vous utilisé un autre dossier dev?
Cordialement "
(a acheté ce tuto - 25 mars 2012)
" Les bases de Cake php ne sont tres bien explique mais avec un peu de recheche sur internet on comprend assez rapidement ce quíl veut faire "
(a acheté ce tuto - 19 mars 2012)
" Pas mal et assez facil a suivre mais il faut quand meme avoir des notions dans HTML et CSS "
(n'a pas acheté ce tuto - 11 mars 2012)
" Bonjour, je suis fortement interresé par votre formation, cela dit j'aurais une question ?
Es ce que le cakePHP est indispensable, ou alors je peux réalisé la totalité de cette formation avec dreamweaver, car je connais assez fortement la programmation PHP, MYSQL, et de grosse base en JQUERY, mais par contre cakePHP je connais pas du tous, j'ai regarder une video d'initiation a cakePHP et j'ai vraiment pas envie de me lancé encore dans une nouvelle méthode de Programmation.
donc en gros puis-je réalisé cette formation sans ce cakePHP qui lui m'intéresse pas du tous ??? "
(a acheté ce tuto - 21 février 2012)
" très bon tuto pour le CSS et la partie webdesign. Le formateur va parfois un peu trop vite, mais comme je suis débutante, j'ai besoin d'un peu plus de temps et d'explications que d'autres... "
(a acheté ce tuto - 10 février 2012)
" je n'ai fait que la première heure du tuto, et déjà je constate :
-des coupes franches dans le temps. Le formateur a du vouloir réduire la longueur du tuto et a rogner certains endroits. Du coup, des lignes de codes aparraissent sans explications. Par moment cela ne gène pas, mais à d'autre, on ne comprends pas pourquoi cela fonctionne sur le tuto et pas chez nous. C'est dur a suivre, surtout quand des modifications on été faites sur des lignes précédentes. bref, j'aurais préféré avoir un tuto sans ces coupures même si il était plus long.
-les explications sont un peu légères aussi. Heureusement que je connais un peu le code, sinon, ce serais l'horreur.
-les images fournies ne sont pas toujours tout à fait les même que celles affichées. heureusement qu'il y a les découpes, et le code final pour pouvoir mieux comprendre.
j'espére toutefois que les 14heures ne sont pas toutes pareilles. "
(a acheté ce tuto - 07 février 2012)
" le formateur se contente de lire les lignes de code qu'il écrit sans expliquer ni les fonctions cake en jeu, ni les liens avec le framework. "
(n'a pas acheté ce tuto - 03 février 2012)
" @jujube : bonjour. Sûr pour le décalage audio ? Car dans l'extrait de présentation à partir de 3m44 le dérapage est vraiment inquiétant en guise de promo... et pourquoi pas 5 étoiles ? "
(a acheté ce tuto - 30 janvier 2012)
" aucun soucis de décalage audio dans les vidéos achetées ;) "