$ 65.00

Tuto Créer un site internet e-commerce avec Php, Photoshop

$ 65.00

  • Une formation vidéo de 21h53m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Une formation unique qui aborde en détail la réalisation d'un site e-commence de A à Z en s'appuyant, autant pour la conception graphique que son développement, sur les règles ergonomiques, techniques et de marketing web actuelles : Toutes les techniques et connaissances pour créer Une véritable solution e-commerce personnalisée.
Au programme, plus de 20h de formation exclusive, pour apprendre, pas à pas, à créer un site dynamique ultra complet : un front office (la partie visible de "l'iceberg", accessible à vos visiteurs) regroupant carrousel, galerie photo, player vidéo, système de panier Paypal, compte utilisateur (?) et un back office (l'administration du site) permettant, autre autre, la gestion des messages clients, des commandes et des inscriptions, le contrôle des ventes, la mise en ligne et la mise à jour des produits, images et informations...
En suivant l'exemple concret d'UNTITLED, site destiné à la vente d'illustrations et posters d'artistes, vous aborderez toutes les étapes nécessaires à la création d'un site Internet professionnel adapté aux dernières connaissances en matière d'ergonomie, de marketing web et de développement ; une première partie s'attachera à concevoir le webdesign du site avec Photoshop et les outils dédiés.
Vous poursuivrez la formation par l'intégration et la programmation en utilisant l'ensemble des techniques et langages appropriés.
A l'issue de cette formation inédite, vous serez capable de développer des sites Internet dynamiques de niveau professionnel pour vos différents projets. Les connaissances acquises pourront être appliquées autant à la création d'un site "vitrine", d'un portfolio, que dans le domaine du e-commerce avec la réalisation et la gestion d'une boutique en ligne.

Le Web Design

Dans cette première partie, Tristan Roger, graphiste et webdesigner, la première partie de cette formation vous apprend à concevoir un Web design fonctionnel et adapté aux spécificités d'une boutique e-commerce, en utilisant les outils de Photoshop dédiés au Webdesign et à la mise en page, parmi lesquels : alignement, texte et paragraphe, formes vectorielles, transformation masque d'écrêtage, grille et repères, calques d'effets, la réalisation d'icônes et d'ombres personnalisées?

L'intégration

Cette seconde partie de la formation se consacre à l'intégration et la mise en page du site dans les moindres détails avec l'éditeur de 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 HTML 5 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.

Le Développement

Dans cette dernière 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 permettra enfin 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.

Note : toutes les ressources vous sont fournies. Pour chaque, sont mis à votre disposition : les psd complets du Web Design, les illustrations des artistes présentés dans le site, les pages HTML, les feuilles de style CSS, les fichiers javascript ; l'architecture, les configurations du framework Cakephp ainsi que les fichiers nécessaires (PHP, XML, la base de données complète) au développement du site ont été rassemblés dans un dernier dossier.
Vous pouvez suivre, sans problème, cette formation "Créer un site e-commerce" avec les version CS3, CS4, CS5 de Photoshop et de Dreamweaver ; l'interface du logiciel y est globalement identique et les fonctionnalités utilisées, prises en comptes par chacune des versions. Seul Photoshop est véritablement nécessaire. En revanche, l'Intégration peut être réalisée avec n'importe quel éditeur de code ; Komodo Edit, par exemple, est gratuit et très complet. Concernant, la partie développement, le formateur vous guide dans l'installation des frameworks requis et libres (CakePHP, jQuery).
Cette formation considère que les connaissances de bases dans les principaux langages de programmation ont été acquises.

Table des matières de cette formation Php, Photoshop (durée : 21h53m)

  • Graphisme
    • Présentation du site 00:03:39
    • Création du header de la page d’accueil 00:23:38
    • Créer le carrousel et son ombre portée 00:22:17
    • Mise en place de éléments de la page d’accueil 00:29:47
    • Réaliser un trait en pointillés 00:04:44
    • Création du footer de la page d’accueil 00:31:17
    • Création de la galerie des oeuvres 00:43:21
    • Création de la page A propos 00:33:10
    • Création de la page Actualité 00:19:52
    • Création de la fiche produit 00:31:42
    • Création du formulaire de contact 00:15:23
    • Mise en place des rollover du site 00:17:11
    • Création de l’étape 1 du panier 00:35:12
    • Création de l’étape 2 du panier 00:14:50
    • Création de l’étape 3 du panier 00:14:49
    • Création du récapitulatif de commande 00:14:27
    • Créer la page compte client 00:32:15
    • Présentation du back office 00:10:13
    • Réalisation des icônes de l’administration 00:22:10
    • Création de la page ventes 00:47:22
    • Création de la page produit 00:23:01
    • Conclusion 00:03:23
  • Intégration
    • 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 œuvres 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
    • Création du formulaire de contact 00:12:32
    • Intégration des pages panier 00:29:47
    • Intégration du gabarit du back office 00:43:28
  • Développement
    • 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:02:00
    • 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:02:00
    • Branchement du module Paypal au panier 00:10:16
    • Dernières corrections 00:34:38
    • Conclusion 00:06:57



Formateur : Formationvideo

Formationvideo a publié 70 tutoriels et obtenu une note moyenne de 4,1/5 sur 21 527 tutoriels vendus. Voir les autres formations de Formationvideo

3,1
note moyenne

13
avis laissés
5 étoiles
5
4 étoiles
1
3 étoiles
1
2 étoiles
2
1 étoile
4
  • 4
    avis de moktarba laissé le 28/05/2015
    Très bon tuto............................................

  • 5
    avis de digit8086 laissé le 20/07/2014
    Très didactique

  • 5
    avis de lideto laissé le 23/06/2013
    Impeccable ! Un peu rapide mais très clair. Très bon travail fait par un bon professionnel et ça se sent

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1557 tuto gratuits


non, je ne veux pas me former gratuitement