TP du Designer Web Niveau III CCP 2

Mon compte formationTelecharger le PDF


Tarifs

Intra à partir de €

Inter à partir de 4100 €

Public ciblé

Tout public.

Niveau requis

Bonne culture générale.
Connaissance de l’environnement Windows.
Connaissance du pack Office

Objectifs formation

Le développement rapide de la communication visuelle s'est accompagné d'une très grande exigence de résultat, ce qui nécessite plus de rigueur et de savoir-faire

Moyens pédagogiques

• Grilles d‘évaluation de niveau.
• Formateurs recrutés pour leurs expériences professionnelles et leurs compétences pédagogiques
• 8 personnes maximum / stage
• 1 ordinateur par personne
• Chaque notion est expliquée au tableau et suivie immédiatement d’un exercice pratique.
• Les exercices évoluent en difficulté au fur et à mesure du stage.
• Un support de cours sera remis à chaque participant en fin de formation.
• Salles équipées Fibre optique.
• Assistance téléphonique gratuite.

Durée de la formation

343 heures

Contact

Formasoft - Centre de formation Mandelieu

154 Avenue de Cannes 06210 Mandelieu

04.93.49.10.10

service.commercial@formasoft.fr

Délai d’acceptation

Mise en place de vos cours dès acceptation de votre financement.

Accessibilité Handicapé

Conditions d’accueil et d’accès au public en situation d’ handicap.

Introduction

Les technologies Web : HTML/CSS/PHP/etc…
Les enjeux de l’Ergonomie Web

Comprendre l’ergonomie des sites web

Définitions générales : ergonomie, ligne de flottaison, format, supports mobiles, etc…
Principes de base
Règles et standards
Utilisabilité, personas
L’accessibilité
L’UX

Comprendre les systèmes de navigation

Barre de navigation
Menu classique / vertical / horizontal / dynamique
Les liens hypertextes
Typographie
Formulaire
Moteur de recherche
Autres systèmes de navigation
Outils d’aide à la navigation
Zone privée – Zone membre
Fil d’Ariane
Plan du site
Erreurs fréquentes
Les textes et les images
Le choix des couleurs
Lisibilité du contenu
Conseils de Nielsen

Découvrir les interfaces riches et l’interactivité

Les technologies : javascript, Ajax, XML, RSS
Intérêts des interfaces riches
Présentation de multiples outils : slider, zoom, effets divers
Présentation de l’interactivité : chat, rappel immédiat, forum, flash, jeux…

Découvrir les outils pour créer son ergonomie

Supports standards : éditeur/logiciel de présentation
Outils spécifiques pour la création d’ergonomie

Gérer les difficultés de sites volumineux

Accès direct : l’importance de la page d’accueil
Accès pages intérieures : erreurs à éviter
Gestion de la navigation : arborescence, menu secondaire
Gestion de la pagination
Gestion du multimédia
Importance du moteur de recherche et recherche avancée
Gestion des risques liés à la perte d’internaute
Gestion des risques liés au référencement

Comprendre les spécifiques des sites catalogues et e-commerces

Quelques exemples types de sites catalogues
Page de présentation de produit
Tunnel de conversion
Alertes et e-mailing
Outils d’interactivité

Synthèse

Navigation
Formulaire
Moteur de recherche
Publicité

Notions sur les contraintes
Ouverture d’un compte

Sublime Text : logiciel de mise en page

Principe de base du HTML
Création de pages
Les liens Hyper-text
Insertion d’images
Les tableaux
Création d’un formulaire
Les i-frames

Mise en place du site

Mise en place du site par FTP
Réalisation d’un compteur
Référencement sur les moteurs de recherche

Prise en main

Notions sur les contraintes
Principes de conception
Plan du site
Gestion des dossiers

Mise en page d’un site

Initiation au langage HTML
Le texte et ses attributs
Insertion d’images
Insertion de vidéo
Présentation des tableaux
Création d’un formulaire

Liens Hypertexte

Liens internes
Liens de messagerie
Liens distants
Liens de téléchargement
Liens dans une même page (ancres)

Conception avancée

Feuilles de styles CSS

Transfert FTP

Création de compte FTP
Mise en ligne
Modifications

Introduction aux bases de données

Notions de base
Normalisation d’une table
Méthodologie d’architecture

Installation et configuration du module Wamp

Installation de Wamp
Configuration et notions sur Apache, PHP,
MySQL et PHPMyAdmin

Introduction au langage SQL

Les fonctions de base
Les requêtes

Utilisation de PHPMyAdmin

Création d’une base de données MySQL

Gestion des utilisateurs

Créer une table

Création des pages dynamiques

Requêtes My SQL
Ajouter, modifier, supprimer, rechercher des données
Les formulaires
Fonctions avancées

Mise en ligne du site

Transfert TFP fichiers
Import tables MySQL

Rappels et introduction aux CSS

Rappel à propos des balises HTML.

Sémantique et syntaxe des balises.

Mise en forme par défaut des balises html.

Les marges, les soulignements, etc…

Principe de séparation de la forme et du contenu.

Les propriétés CSS.

Thèmes et syntaxe.

Les CSS :

Les différents modes d’insertion de feuille de style (CSS).

Déclaration au plus près des balises. Seulement dans le document courant.
Importation d’une feuille de style externe.

Utilisation de Dreamweaver et de son panneau Style CSS.

Description des propriétés CSS, de la boite de dialogue « définition de règles CSS », par catégories.
Type, Arrière-plan, Bloc, Boite, Bordure, Positionnement.

Les sélecteurs CSS.

Les balises, les classes, les identifiants et les sélecteurs composés.

Les sélecteurs de comportement de survol.

Le sélecteur : hover et son utilisation dans la mise en forme de menus et l’élaboration de menus déroulants ou d’image survolée.

Propriétés et techniques avancées :

La propriété Display.

La propriété Position.

Les règles de priorité des sélecteurs.

Introduction aux propriétés CSS3.

Des nouveautés bien utiles.

Bords arrondis, ombre portée, opacité…

L’animation en css3.
Utilisation de la propriété css3, transition, qui permet de créer des animations.

Adapter les CSS au média

Les media queries.

Un style pour l’impression et un autre pour l’affichage sur écran

Créer une mise en forme adaptable.

L’affichage d’un site sur un mobile et l’affichage sur une tablette.

Présentation de WordPress

Avantages et inconvénients de WordPress
Pourquoi choisir WordPress parmi les CMS
Le site officiel de WordPress

Présentation et installation des plugins de WordPress

Installer l’environnement de travail WordPress en local
Paramétrages de base (utilisateurs, permaliens, modération…)
Procédure de mise à jour de WordPress

Création d’un thème de WordPress

Création d’une page à partir d’un thème spécifique
Ecriture et paramétrage d’un article

Structure de WordPress

Les fichiers personnalisables
Mises à jour
Détails de quelques fonctions importantes de WordPress

Gestion des pages et création d’un article

Structure et composition d’un thème WordPress
Réaliser la maquette graphique du thème
Ajout du thème dans WordPress
Utilisation des fonctions de WordPress pour la Mise en page du thème

Installation et paramétrages de WordPress

Quelques plugins incontournables (podcast, vidéo/audio, référencement Google…)
Chercher un plugin et l’installer dans WordPress
Composition et validité d’un plugin

Présentation Prestashop E-commerce

A propos de Prestashop Commerce
Les Différentes fonctionnalités
Comparaison avec les autres solutions e-commerce

Installation de la Boutique

Installation en local
Installation sur serveur distant.
Installer les Traductions (Français)

Le front Office

Inscription client
L’espace client
La commande
Le moteur et les options de recherche

Le back office

Produits phares sur la page d’accueil
Le tableau de bord
Les catégories / Les produits
Les attributs et les groupes d’attributs
Les déclinaisons de produits

La gestion des ventes

Traitement des commandes
Annulation de commandes

La gestion des clients

Promotions et opérations marketing

Promotions
Créer des listes de prix, gérer les frais de port
Réécriture d’URLS pour les produits
Optimisation du référencement (SEO)

Gestions des employés

Les pages statiques (Le CMS)

Configurations et optimisations

Installation automatique de modules
Installation manuelle de modules
Personnalisation apparence / Installation de thèmes

BONS ET MAUVAIS USAGES DU REFERENCEMENT NATUREL

Les règles à respecter
Les actions à éviter
Google et les autres

PANORAMA* DES ACTIONS DE REFERENCEMENTS

Les actions directes vs indirectes
Les actions sur le site : code vs contenu
Les actions sur la toile : soumission, netlinking, réseaux sociaux…
Impact du référencement payant sur le référencement naturel ?

ELABORER UNE STRATEGIE DE MOTS-CLES EFFICACE

Référencement vs Positionnement
Audit lexical
Longue traine
Analyse de la concurrence

SOUMISSION MANUELLE AUX MOTEURS ET AUX ANNUAIRES

Création et utilisation d’un Sitemap

OPTIMISATION DE SITE POUR LE REFERENCEMENT NATUREL

Normes W3C et WAI
Les règles à respecter
Optimisation du code
Duplicate content et redirection

REPORTING DE POSITIONNEMENT

A quelle fréquence réaliser un audit de positionnement

Présentation

Historique du HTML / CSS
Qu’est-ce que le W3C et le WHATWG
HTML5 apporte de nouvelles “philosophies” d’intégration
CSS3 comme une évolution logique de CSS2

Introduction à HTML5

Le nouveau Doctype
Les nouveaux éléments sémantiques
Les nouveaux attributs globaux
La gestion des différents navigateurs

Les nouveautés avec HTML5

La gestion des sections
Les nouvelles balises …
La fin de “inline” et “block” et les balises obsolètes : center, font, frame, acronym, …
La gestion sémantique du contenu : les microdata et l’optimisation pour les moteurs d’indexation, les attributs itemid, itemref, itemscope, ..
Vocabulaires et Rich Snippets

Les changements dans la gestion des formulaires

Les nouveaux champs de formulaire : placeholder, autofocus, min, max, step, …
Les nouveaux éléments : outil, progress, meter, …
Les styles CSS en validation : valid, :invalid, :checked, Etc.

Les éléments multimédia

La balise video et audio
Les supports et les formats : conteneur (MP4, OGG,
WEBM) et codec (.h264, Vorbis, Theora, VP8, etc.)
Les balises object, embed et svg
Les API