CCP 3 du TP Concepteur Designer UI Niveau II équivalent 6

CCP 3  CONTRIBUER A LA GESTION ET AU SUIVI D UN PROJET DE COMMUNICATION NUMERIQUE

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.

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

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

 JAVASCRIPT

 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 liens en JAVASCRIPT

• Les images et le JAVASCRIPT
• Enchaînement d’images

PHP / BRACKETS

 Crée un site dynamique

Introduction aux bases de données

Notions de base

Normalisation d’une table

Méthodologie d’architecture

Installation et configuration du serveur local Mamp

Installation de Manp

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

Définition du site dans Brackets

Paramètres locaux, FTP et serveur d’évaluation

Connexion à la base de données

Structure du site

Création des pages dynamiques

Utilisation du framework Jquery

Jeux d’enregistrement et comportements de serveur

Ajouter, modifier, supprimer, rechercher des données

Les formulaires

Fonctions avancées

Mise en ligne du site

Transfert FTP : fichiers du site côté serveur

Import tables MySQL

REFERENCEMENT NIV 2

Stratégie de mots clés & Optimisation

Niveau 2

Optimisation de site pour le référencement naturel

Référencement basique vs référencement stratégique

Outils gratuits et payants pour l’audit technique

Audit technique et sa rédaction à destination du développeur ou du décideur

Sitemap : intérêt, création et utilisation

Elaborer une stratégie de mots-clés efficace

Référencement vs Positionnement

Audit lexical

Longue traine

Analyse de la concurrence

Netlinking et linkbaiting

White Hat/Black Hat

Qualité des liens et notoriété

Analyse de la concurrence

Stratégie à adopter

Reporting de positionnement et de trafic

Intérêt du rapport de positionnement et de trafic

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

Outils gratuits et payants pour le rapport de positionnement

Pendant cette formation également :

Conseils spécifiques liés au secteur d’activité et à la cible des entreprises dont les stagiaires sont issus

Exercices pratiques

Réponses aux questions posées