TP du Designer Web Niveau III CCP 3

Les Réseaux Sociaux

Histoire des réseaux sociaux
C’est quoi un réseau social ?
Le blog, facebook, twitter, linkedin, youtube : des outils puissants pour bâtir une présence web dynamique
Faire la promotion de ses nouvelles, événements, services, produits et concours sur les réseaux sociaux
Le succès du blogging et du micro-blogging
Écouter, mesurer, participer, partager
Bâtir sa communauté un adepte à la fois
Optimiser votre contenu sur les réseaux sociaux
Les réseaux sociaux, ça fait quoi pour moi ?

Le fil RSS et le logiciel libre

La beauté du Fil RSS et son rôle dans les réseaux sociaux
La beauté de la clé API dans les logiciels libres

L’identité numérique

Définir ses mots-clefs, ses messages, sa mission et son identité
Définir son « brand » et sa « niche » sur le Web

FACEBOOK

Inviter des amis à vos événements et promotions
Acheter de la publicité pour votre Page Facebook
Faire de la publicité pour votre Page Facebook
EXERCICE – Facebook pour votre entreprise ?

LINKED-IN

Créer un compte LinkedIn pour votre Entreprise
Utilisez les Groupes pour regrouper vos adeptes
Les avantages de LinkedIn pour votre Entreprise

LES OUTILS DE VEILLE

Les statistiques Viadeo
Les statistiques Twitter
Les statistiques Facebook
Les outils de recherche pour vos compétiteurs

Présentation de l’E-mailing

Qu’est-ce que l’E-mailing ?
Les contraintes de l’E-mailing
Les objectifs et les taux de réussite d’une bonne campagne

Les outils nécessaires

Logiciels de création de pages Web et d’optimisation des images
Logiciels d’envoi d’E-mailing
Téléchargement des logiciels gratuits pour créer la Newsletter

Construire son message

Définir le type de message (Newsletter, message d’information, invitation, jeu concours…) et son format
Hiérarchisation du message : déterminer les zones importantes
Les limites de lecture à l’écran et d’impression du message

Graphisme et images

Respecter sa charte graphique, faire des choix visuels (couleur, police…)
Illustration du message
Choisir le format et optimiser les images
Définir l’emplacement des images (locales, sites)

Création du message

Création de la page HTML (sa mise en page, insertion des images …)
Le principe des balises HTML, des styles CSS et des liens hypertexte
Mise en ligne de la page de redirection
Création de la ligne de désabonnement

Les adresses email

Les adresses : trouver les fichiers, collecter des adresses légalement
Respect de la législation et détails des mentions légales et utiles
Déclaration du fichier à la CNIL

Envoi de l’E-mailing

Préparer son fichier d’adresses (Access, Excel, Contacts Outlook…)
Les paramétrages de l’outil d’envoi
Les envois groupés et personnalisés
Nettoyage et optimisation de la base , gestion des spam et des filtres
Choisir le créneau d’envoi (jour, heure)

Le suivi

Les outils statistiques – Le tracking

Nombre de mails ouverts, de clics sur les liens
Gérer l’après campagne

Les principes de jQuery

Rappels sur les bases et les bonnes pratiques Javascript
Installation de jQuery et utilisation d’autres librairies
Les performances et l’optimisation avec jQuery
Qu’est-ce qu’un objet jQuery : ses propriétés et ses méthodes
Utiliser $ comme raccourci
Maîtriser le chainage des méthodes

Les méthodes utilitaires

La manipulation des objets et des tableaux
Les méthodes boléennes
Manipulation de tableaux
Manipulation de chaines de caractères
Les méthodes de traitement de chaîne de jQuery ($.trim(), …)

Les sélecteurs

A quoi servent les sélecteurs
Les sélecteurs CSS
Pseudo-classes
Pseudo-classes liées aux formulaires
Combinateurs
Chaînage

Gérer les événements

Gestionnaire d’évènements
La souris et le clavier
Méthode bind (eventName, callback)
Paramètre event
Transmettre d’autres paramètres à un événement
Evénements utilisables dans bind ()
Méthode unbind () : supprimer un gestionnaire d’événement

Manipuler le DOM

Rappel sur les DOM
Document Object Model : rappels JavaScript
Différentes formes de la fonction jQuery ()
Méthodes d’accès au DOM
Parcours des éléments de la collection
Les différentes méthodes : gérer les attributs, les classes, la position, le contenu, les dimensions, le style, …

Ajax

La théorie et le fonctionnement
Le principe du dialogue client / serveur
Les fonctions $.ajax, $.ajax, $.get, $.post, $.getJSON, $.getScript
Méthode load (url, data, success) et traitement des formulaires
Evénements Ajax
Le format JSON et Ajax

Les animations et effets

Les effets visuels proposés par jQuery : apparition et disparition, mouvement et transition
Les enchaînements avec animate ()
Créer ses propres effets visuels avec jQuery

Les plugins jQuery

A quoi sert un plugin
Créer un plugin avec de nouvelles méthodes aux objets et aux objets de classe jQuery
Définir de nouvelles pseudo-classes

Les exemples de développements sous jQuery

Boutons dans la page et méthode button
Créer des onglets et gérer des évènements
Faire des menus en accordéon
Barres de progression et méthode progressbar
Sliders et méthode slider
Calendriers et méthode datepicker
Autocomplétion et méthode autocomplete
Drag&drop et la méthode droppable

Introduction

Javascript
Javascript et HTML
Type et mode de traitement du script

Les bases du langage

Structure (instructions, fonctions, variables, objets)
Variables et types de données
Expressions et opérateurs
Logique, comparaison, attribution, arithmétique …
Conditionnelles et boucles (if…else, for…)
Commentaires

Objets et évènements

Propriétés d’un objet
Fonctions et méthodes (déclaration, appel et renvoi d’une valeur)
Définition des objets et des méthodes
Type d’événement
Objets intégrés et personnalisés
Les mots clés (new, this, with)
Personnalisation

La fenêtre et ses objets (Windows, Link, Form …)

Formulaires interactifs

Les cookies

Les Frames et les lien en JAVASCRIPT

Les images et le JAVASCRIPT

Enchaînement d’images
Horloge