Contenu du DVD "créer un site Internet"

Créez votre site Internet ou votre boutique en ligne.
Plus de 20h de formation aux côtés de 2 experts.
Toutes les ressources vous sont fournies dans le DVD !
COMMANDER LE DVD

pour seulement 39€

Pour ce DVD Collector #5, cette formation unique en son genre, 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.

Si vous avez toujours voulu savoir comment créer un site Internet dynamique et mettre en place une véritable solution e-commerce personnalisée, ce DVD est fait pour vous ! Au programme, plus de 20h de formation exclusive en vidéo, 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.

Fonctionnalités du site que vous allez apprendre à créer :

Partie Front Office : la partie visible de votre site

  • Création d'un 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)

Partie Back Office (pour la mise à jour du site) :

  • 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
  • Champ de recherche intégré
  • Gestion du carrousel (image, position, titre, lien de renvoi à la fiche produit concernée)

 
1 - Webdesign : conception graphique (8h30)

Assurée par Tristan Roger, graphiste et webdesigner, la première partie de cette formation vous apprend à concevoir une maquette graphique 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. Vous verrez également toutes les techniques vous permettant d'accélérer votre flux de production lors de la conception graphique de vos futurs projets, comme la création et l'utilisation de gabarits dans le construction des différentes pages.
Le webdesign de ce site se veut avant tout fonctionnel et adapté aux spécificités et exigences d'un site professionnel ou d'une boutique e-commerce *. (ces dernières s'appliquent tout autant au Front Office qu'au Back Office pour lequel la simplicité d'utilisation pour le traitement des données est essentiel). Pour autant, certaines astuces et techniques de création ne sont pas délaissées. Cette première partie vous donnera également l'occasion d'aborder la réalisation d'icônes, d'ombres personnalisées ou encore de traits pointillés…

* (une information facilement accessible et clairement hiérarchisée, un confort d'utilisation, un style graphique épuré et homogène prenant en compte les règles ergonomiques actuelles, le principe d'affordance respecté au titre de laquelle chaque objet suggère sa propre utilisation, la capacité à amener le visiteur d'un site à passer à l'action, le partage vers les réseaux sociaux…)

  • Apprenez le webdesign
  • Utilisez les outils de Photoshop dédiés au webdesign
  • Créez des gabarits et accélérez votre flux de production
  • Construisez des pages web efficaces et ergonomiques
  • Créez des icônes, ombres, traits pointillés...

2 - Intégration du site (5h)

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.

  • 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

3 - Développement du site (8h)

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 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

COMMANDER LE DVD

pour seulement 39€