Webmaster e-business (modularisable)

Transcription

1 Webmaster e-business (modularisable) THEMATIQUE : DIVERS Cette formation vous permettra de développer les connaissances et d'acquérir les notions essentielles de scénarisation, de conception et de réalisation nécessaires à la mise en place d'un site Web professionnel dans un environnement Internet ou Intranet. Formaouest Atlanparc Zone de Kerluherne Bât M PLESC 273 heures en centre de formation 119 heures en stage entreprise DATE Vannes : 2 février au 21 avril Composante métier Gestion d'un site Internet d'activité en ligne - Préparation de développement d un site Web CDC - Gestion de l hébergement d un site marchand - Gestion d une solution de blog professionnel : WordPress - Prestashop 2 Composante métier Développement informatique et intégration logicielle - Ecriture HTML et CSS - Initiation à PHP 5 - Personnalisation de templates et modules e-commerce - Mise en place d applications mobiles 3 Préparation de l optimisation du référencement du site e-commerce - Référencement et moteurs de recherche 4 Composante métier Webdesign et production de visuels et de vidéos - Photoshop pour le Webdesign - Prise de vue photo 5 Données statistiques : Organisation et présentation - Google Analytics et Google Analytics avancé 6 Pratique Stage en entreprise INTERLOCUTEUR Nadine MORANDI morandi@formaouest.fr - tel :

2 Ecriture HTML et CSS Développer des pages web, à l aide des fonctions avancées des CSS, en respectant les normes du W3C. 28 heures (4 jours) DATE Vannes : 16 et 17 mars 2015 Rennes : 23 et 24 mars 2015 Intégration des CSS avec le HTLM Utiliser les tableaux HTML pour construire la newsletter Sauvegarder la newsletter, structure et images. Diffuser la newsletter : principes à respecter. les différentes propriétés des css - Gestion des couleurs - Gestion du texte - Les arrières plans - Les bordures - Les boites

3 Gestion de l hébergement d un site marchand Comprendre les concepts de noms de domaine (serveurs DNS), adresse IP et les critères de choix pour un hébergeur. Effectuer l installation d une plateforme de développement sur un serveur local afin d éprouver les différentes technologies sans engager de frais, de mieux planifier la mise en ligne de son site et de travailler sereinement. 7 heures (1 jour) DATE Vannes : 3 février 2015 Choisir un nom de domaine et un hébergeur Choix et gestion du nom de domaine Hébergement Installer un environnement local Local Vs distant Installer les outils de développement Installer un serveur Web Installer Configurer WordPress Echanger des données avec mon hébergeur

4 Gestion d une solution de blog professionnel : WordPress WordPress est un CMS (gestionnaire de contenu) et fait partie des «logiciels libres». Il est donc accessible au plus grand nombre sans aucune obligation d achat. Mais WordPress offre de nombreux autres avantages : il est fiable, facile d accès et de nombreuses fonctionnalités peuvent lui être très facilement rattachées. WordPress peut donc couvrir une très large palette de besoins pour le créateur du site et un maximum d interactivité avec l internaute. WordPress peut répondre aux exigences du référencement et vous permet d exister sur la toile Internet avec la visibilité de votre marque ou activité offerte au plus grand nombre. 21 heures (3 jours) DATE Vannes : 23, 24 février et 2 mars 2015 Concevoir son site - Méthodologie - Les web design patterns - De l'organisation aux fonctionnalités Créer son site - L'organisation dans WordPress - WP : gestion de contenus et des outils - Interfaces pour le contenu - Interfaces pour le design - Interfaces pour l'administration et le paramétrage - Choisir des plugins ou des widgets - Mise en pratique Gérer son site - Passage de la version locale vers l'hébergeur - Mises à jour - Sauvegarder votre site - Transfert de fichiers

5 Mesure d audience suivi statistiques avec Google Analytics Identifier les étapes du fonctionnement du web analytique Définir ses indicateurs clés de performance Prendre en main et utiliser l'interface Google Analytics Définir ses objectifs d'analyse Analyser son site Formaouest Atlanparc Zone de Kerluherne Bât M PLESC 21 heures (3 jours) DATE Vannes : 27 mars et 1, 2 avril 2015 Comprendre le Web analytique - Pourquoi analyser son site? - Quels sont mes les objectifs? - Comment fonctionnent les outils? Adopter une démarche Web analytique - Les principes de la démarche - Adopter une démarche interne Choisir les indicateurs clés de performance - En fonction de la structure du site - En fonction des objectifs La plateforme Google Analytics - Analyser son trafic - Analyser ses courses de trafic - Analyser le contenu de son site - Analyser ses objectifs & ROI - Editer et personnaliser les rapports - Définir des segments d analyse Analyser son site - Analyser son site - Analyser ses campagnes - Analyser son chiffre d affaire - Définir des segments d analyse 25 / heure

6 Initiation à PHP 5 Permettre de développer les connaissances et acquérir les notions essentielles à l utilisation de PHP5 et MySQL, dans le cadre d un site dynamique. Présentation des fondamentaux et illustrations à l aide d exercices. Formation assurée par un professionnel du développement Web. 21 heures (3 jours) DATE Vannes : 5, 6 et 12 mars 2015 Introduction à PHP Notion de client/serveur, architecture N tiers Présentation et installation de l environnement WAMP, Apache, Php, Mysql Présentation du logiciel libre Eclipse pour PHP Premier pas avec PHP : le Hello World - Variables - Constantes - Tableaux Mémoire (array) Mise en application par des exercices Structure conditionnelles IF / ELSE Structures conditionnelles SWITCH / CASE Structures iteratives WHILE / DO WHILE / FOR Les fonctions Mise en application par des exercices Les formulaires HTML, méthode GET, méthode POST Les SESSIONS, les COOKIES Les en-têtes http et redirections. Les s Mise en application par des exercices Découverte de MySQL Rudiments de langage SQL Communication entre Php et MySQL Mise en application par des exercices

7 Mise en place d applications mobiles Créer/Modifier un site Internet pour le rendre consultable sur les tablettes et smartphones Optimiser l affichage par les CSS Utiliser un framework responsive 7 heures (1 jour) DATE Vannes : 19 février 2015 HTML5 ET CSS3 - Qu est-ce que le Responsive WebDesign? - Point sur les fonctionnalités avancées du HTML 5 - Les média-queries CSS3 - Les unités de mesure (pourcent, la notion de EM) Création d une page adaptable - La conception par bloc - Adaptation des blocs en fonction de la résolution - Gestion des proportions et des tailles de textes et d images - Quels sont les points clefs d un bon responsive Webdesign? Optimisation - Optimisation des images - Optimisation du CSS et du HTML - Techniques avancées Les Frameworks - Découverte des différents frameworks du marché - Découverte de Knacss (AlsaCréation) - Utilisation de Knacss et exercices - Les améliorations possibles

8 Personnalisation de templates et modules e-commerce L objectif de cette formation est de maitriser et personnaliser les templates graphiques sous WordPress afin d exploiter au mieux l immense choix en thèmes proposé par la communauté WordPress. 21 heures (3 jours) DATE Vannes : 11, 18 et 19 mars 2015 Anatomie d un thème - Templates WP - De l URL à l affichage - EXEMPLES Hiérarchie de templates - Type de templates - La hiérarchie de templates en détail - Les inclusions de templates - Front-page versus homepage Auscultation du thème Twentyfourteen - Le template index.php d un point de vue HTML / CSS - Le template index.php d un point de vue PHP La boucle - Structure - Commencer la boucle - Générer l article - Finir la boucle - Auscultation de la boucle dans le thème Twentyfourteen - Auscultation du contenu d un article dans le thème Twentyfourteen Personnalisation du thème - Thème enfant - Marqueurs conditionnels - Exemples d usage des marqueurs conditionnels - Marqueurs de modèle Examen approfondi - Traitement des articles - Traitement des pages - Traitement des catégories

9 - Navigation / Pagination - Menus - Barres latérales & Widget Ready - Classes CSS - Sécurisation du contenu Idées du Query - Définitions - Le comportement par défaut de WordPress - Comment effectuer une (nouvelle) recherche - Les paramètres d une recherche (query_vars) - Récupérer les valeurs de paramètres d une requête - Modifier la requête avec les hooks - Mettre en œuvre des requêtes personnalisées Les Hooks - Action vs filtre - Utiliser un «hook» - Un exemple pour chacun! - Méthodes définies dans une classe - Étapes pour utiliser un «hook» Interface Admin de personnalisation de thème (thème customizer) - Développer pour le theme customizer - 1ère Partie : Définir les réglages, contrôles, etc. - 2ème partie : génération direct de CSS - 3ème partie : configurer la prévisualisation directe (optionnel) - Exemple de classe pour la personnalisation de thème Checklist pour les fichiers de template - Entête (header.php) - Les menus de navigation (header.php) - Widgets (sidebar.php) - Pied de page (footer.php) - Index (index.php) - Archive (archive.php) - Pages (page.php) - Simple article (single.php) - Commentaires (comments.php) - Résultats de recherche (search.php) - Javascript - Les caratéristiques (features)

10 Photoshop pour le Webdesign Acquérir les bases pratiques et théoriques pour travailler sur des images en vue de leur insertion dans une mise en page ou une publication sur le Web. Maîtriser les fonctions avancées pour les retouches photos. Intégrer les outils complémentaires pour un travail en infographie. Automatiser et "industrialiser" sa pratique de Photoshop. 28 heures (4 jours) DATE Vannes : 5, 6, 12 et 13 février 2015 Apprentissage fonctions Photoshop Créer rapidement un diaporama PDF ou une galerie web photo flash ou html Maîtriser la taille de vos images Pratiquer la retouche d'image avec Photoshop Détourer vos images Améliorer la couleur et la luminosité Créer un photomontage avec Photoshop Mémoriser et exporter votre fichier Connaître le format de sauvegarde des travaux et les formats d'exportation pour le Web et le Print Créer des montages complexes Réparer des images Automatiser les tâches

11 Préparation de développement d un site Web Cahier Des Charges Cette formation est dispensée par des professionnels de la création de site. Elle va vous permettre d apprendre à élaborer un cahier des charges et à acquérir la méthodologie de conception et de scénarisation nécessaires à la mise en place d'un site Web professionnel. 7 heures (1 jour) DATE Vannes : 2 février 2015 Conception du cahier des charges de type Web Contexte général Objectifs du projet Caractéristiques spécifiques du projet Nature de la prestation demandée à l agence Critère de choix du prestataire Nature du dossier demandé aux candidats Calendrier indicatif Délai de réponse Savoir répondre à un cahier des charges Analyse du public cible Identification des technologies nécessaires Ecrire le synopsis et le scénario d un site Web Rédiger l arborescence d un site Web Organiser le suivi comparatif entre des sites Web concurrents Développer un visuel adapté au Web Identifier les phénomènes de mode d un site Web Adapter sa chartre graphique en fonction du public et/ou produit Analyser et structurer le système de navigation d un site Web Analyse des différentes typologies de navigation

12 Prestashop : Gestion d une solution E-Commerce Comprendre la philosophie des logiciels libres et déployer et mettre en œuvre un premier site Prestashop. 21 heures (3 jours) DATE Vannes : 26, 27 février et 3 mars 2015 PRESENTATION DE PRESTASHOP L environnement des logiciels «libres» Prestashop. Les offres commerciales de prestashop. Les modules en ligne sur prestastore. Installation et paramétrage de la solution Télécharger et installer un serveur local pour développer, réaliser le site Télécharger PRESTASHOP Installer et paramétrer PRESTASHOP en local Hébergement Choix de l hébergeur. Téléchargement du site sur le serveur Présentation PRESTASHOP (back et front) Sélection d un template Présentation de la console administrateur et de l interface de gestion Télécharger ses photos dans le logiciel Afficher les produits Gérer les comptes clients, le panier Comprendre le fonctionnement des transactions Statistiques Créer la page d accueil du site et une page type produits Créer les menus du site Créer les catégories de produits Saisir ou insérer textes et images et les mettre en forme METTRE EN PLACE SON SITE ET SES PAGES PRODUITS Personnalisation Architecture et organisation des dossiers.

13 Créer un nouveau thème à partir du modèle de base. Déplacer les blocs dans la page. Adapter le nouveau thème à sa charte graphique grâce aux CSS. Mise en ligne Télécharger et paramétrer un logiciel FTP: WinSCP Identification de la procédure de téléchargement d un site Mise en oeuvre de la procédure Application des mises à jour et des nouvelles versions Mode de paiement sécurisé Présentation et comparaison des solutions de paiement (avantages / inconvénients) Installation d une brique de paiement (bancaire et paypal) Sauvegarde et sécurité de votre site Règles de sécurité Sauvegarde du site et des bases de données

14 Prise de vue photo Comprendre les fondamentaux de la prise de vue photo 7 heures (1 jour) DATE Vannes : 9 avril 2015 La mise au point et l'exposition : automatique ou manuel? - Identifier les différents modes de calcul de l exposition - Choisir le mode d exposition le plus approprié en fonction des besoins et du matériel utilisé - Adapter le calcul de l exposition en fonction des paramètres de lumières disponibles Mesurer le contraste - Utiliser la mesure «SPOT» comme spot-mètre pour une mesure précise de la lumière Savoir gérer la lumière ambiante, naturelle et artificielle - Ajouter simplement des éclairages - Utiliser des réflecteurs et des coupes flux pour modifier la lumière Cadrer et composer - Connaitre les règles de cadrage classiques - Séparer le cadre de l image avec les points forts et lignes de force - Utiliser les volumes pour équilibrer visuellement une image Enregistrement du flux de photos et synchronisation avec l'ordinateur - Choisir les formats de fichiers adaptés aux différents supports - Exporter vers tous les médias et les réseaux sociaux Pratique - Cours et échanges, exemples illustrations. Analyse d images Compétences visées - Réaliser des photographies en maîtrisant notamment la composition et la lumière dans les différents modes de saisie. - Identifier les logiciels de retouche photographique. - Connaître les principes élémentaires du droit à l image

15 Référencement et moteurs de recherche Comprendre le fonctionnement des moteurs de recherche. Maîtriser les aspects techniques nécessaires à un bon référencement naturel. Comprendre le fonctionnement des matrices de mots clés. Optimiser et suivre le référencement naturel de son site. 35 heures (5 jours) DATE Vannes : 13, 25, 26 mars et 10, 15 avril 2015 Concepts, enjeux, moyens - Définitions et évolutions Les sources de trafic sur le web Recherches et résultats - Quels leviers pour influer sur son trafic? - Référencement, positionnement, visibilité, trafic Référencement naturel / référencement payant Point sur les clefs fondamentales du référencement Les facteurs favorisants Les facteurs bloquants Préparation personnalisée - Feuille de route du référenceur Recherches, fixation d objectifs, suivi, optimisations - Préparation du référencement Recherche des points forts et carences (site du participant ou un autre) Inventaire des actions concrètes à entreprendre sur le site - Actions à planifier Recherche et sélection d annuaires Recherches et sélection de sites pour échanges Démarche réseaux sociaux Passage à la pratique - Eléments techniques et procédures de base : Le title Les meta-tags

16 La rédaction sur le web et l intérêt d un contenu cohérent Le maillage de liens Robots.txt Sitemap Réécriture d url Maillage Interne Externe > Echanges de liens Marquage pour statistiques Les indicateurs de performance - Contenu et sémantique Recherche de mots-clés Outils Focus sur les suggestions de Google Adwords Création d un tableau La longue traîne Comment l exploiter? Affinage des priorités sur mots-clés 25 / heure