Bertrand Gac, formateur indépendant

Dreamweaver

Présentation des langages HTML, CSS, Javascript

Les différents navigateurs actuellement sur le marché, les statistiques d'utilisation

Les éditeurs

Les étapes de la vie d'un site

La conception : planifier un cahier des charges

La création

La diffusion

Approche du langage HTML via Dreamweaver

Présentation de l'interface - Organisation de l'espace de travail

Les principales balises HTML et leur mode de fonctionnement :

En-têtes, liens, listes à puces, images, tableaux, formulaires

Découverte de Javascript

Intégrer javascript aux documents HTML

Les comportements

jQuery dans Dreamweaver

Productivité

Automatiser les tâches, créer du code réutilisable, faciliter la maintenance des pages et les mises à jour

Création de bibliothèques

Réutiliser plusieurs fois les mêmes objets

Mises à jour rapides de toutes les pages du site

Création de fragments de code

Se constituer une trousse à outils de codes personnels

Créer du code réutilisable

Les différents types de fragments de code

Création de modèles

Les modèles standards et les modèles imbriqués

Définir des régions modifiables, répétées ou facultatives

Mettre à jour rapidement tout le site

Introduction aux CSS (Cascading Style Sheet)

Les notions fondamentales régissant l'utilisation des feuilles de style en cascade

Contrôler la présentation de l'ensemble du site, respect de la charte graphique

Mises à jour rapides du site

Méthodologie de conception et création en CSS

Création d'une maquette

L'intégration HTML

Mise en oeuvre des différents sélecteurs CSS

Les sélecteurs d'éléments

Les sélecteurs d'id

Les sélecteurs de classes

Les sélecteurs de pseudo-classes

Les sélecteurs de pseudo-classes dynamiques, structurelles

HTML 5 - CSS 3

Sélecteurs avancés CSS 3

HTML 5 dans Dreamweaver

FTP, Transfert de fichiers, hébergement, référencement

Paramétrer les infos distantes

Les opérations d'archivage et d'extraction

Utiliser les fonctionnalités du voilage

Synchroniser les sites (serveur/local)

Héberger son site

Introduction au référencement

Gestion globale du site

Vérifier les liens du site

Travailler avec la fenêtre de site

Utiliser le panneau des Actifs et regroupement des favoris

Initiation Javascript

Découverte de Javascript. Bonnes connaissances requises de l'outil Internet et du langage HTML

Introduction au langage

Langage dynamique côté client

Avantages et inconvénients du langage Javascript

Intégration dans une page HTML

Création de scripts

Exécution de scripts

Programmer en Javascript

Les variables (Numbers, String, Boolean)

Les opérateurs (arithmétiques, conditionnels et logiques)

Les conditions (if, else if, else)

Les boucles (for)

Fonctions natives Javascript

Fonctions personnalisées

Les gestionnaires d'événements

Le DOM : Document Object Model

Manipuler des fichiers HTML grâce au DOM et Javascript

Simulation d'application Ajax

Applications

L'ensemble des concepts abordés lors de la formation sera illustré par des exercices pratiques :

Validation de contrôles de formulaires, manipulation de contenus HTML, etc.

Css

Cette formation est destinée aux personnes souhaitant approfondir les feuilles de style CSS après avoir suivi la formation Dreamweaver. Connaissances de Dreamweaver et du code HTML nécessaires.

Introduction

Rappel des principes généraux régissant l'utilisation des CSS et leur mode de fonctionnement

Tour d'horizon des navigateurs

Limitation des navigateurs actuels

Les sélecteurs CSS

Les sélecteurs d'éléments

Les sélecteurs d'id, de classe

Les sélecteurs d'attributs

Les sélecteurs de pseudo-classes dynamiques, structurelles

Mise en pratique

Créer des mises en page flexibles sur une ou plusieurs colonnes

Créer une galerie d'images

Travailler des tableaux en CSS

Créer des menus verticaux ou horizontaux

CSS3 : appliquer des effets de décoration, transition, animation.

Initiation Php-Mysql

Initiation à la création de sites dynamiques : écriture de scripts PHP en liaison avec une base de données MySQL.

Pour public débutant en PHP & MySQL. Bonne connaissance de l'outil informatique (environnement Windows ou Macintosh) et bonne pratique d'Internet requises.

PHP

Introduction aux langages dynamiques côté serveur

Installation et utilisation de Wampserver (Apache, php, phpmyadmin, mysql)

Utilisation de variables, tableaux

Conditions, boucles

Les fonctions natives de PHP

Créer des fonctions personnalisées

Transmissions de données par GET/POST

Stockage de données : les sessions et les cookies

Utilisation de formulaires

MySQL

Introduction aux bases de données relationnelles

Introduction au langage MySQL

Création d'une base et de tables

Étude et création de requêtes MySQL

Principes de conception d'une base de données

Les clés primaires, étrangères

Les relations entre tables

Création de bases multitables avec relations

Création d'index autoincrémentables

Les jointures entre tables

Création de requêtes de sélections multitables

PHPMyAdmin

Utilisation de PhpMyAdmin pour créer et gérer des bases de données MySQL

Connexion PHP-MySQL

Dialogues entre PHP et MySQL

Création d'une application complète dynamique pilotée par PHP et MySQL

Création du back office (côté administration)

Création du front office (côté client)

Html 5 - Css 3

Connaissance préalable du langage HTML et des feuilles de styles CSS.

Introduction

Bref historique des langages HTML/CSS.

HTML 5, CSS 3 : des langages dépoussiérés pour les sites web et adaptés aux nouveaux médias (périphériques mobiles)

Les principaux apports de ces nouvelles constructions, mais aussi leurs inconvénients (problème d'Internet Explorer, formats vidéos)

État des lieux avec les principaux navigateurs (compatibilité, reconnaissance des nouvelles syntaxes)

HTML 5

Des syntaxes simplifiées

Rédéfinition du comportement de certaines anciennes balises

Les nouvelles balises

Les nouveaux types d'attributs disponibles

CSS 3

Des spécifications encore en travaux : l'utilisation des préfixes propriétaires.

L'extension des sélecteurs d'attributs

Les nouvelles propriétés de mise en forme : choix de polices, arrondis, ombres portées, dégradés de couleurs, ...

Les transitions et animations : éviter le recours au Javascript pour des effets simples.

Élargissement de la gamme des sélecteurs de pseudo-classes et pseudo-éléments.

Ces sélecteurs permettent de cibler la moindre partie d'un document, sans le surchager de balises HTML :

- only-child, nth-child, only-of-type, nth-of-type, first-of-type, ...

Gestion des éléments de formulaire via CSS : enabled, disabled, valid, required, optionnal

Évolution des CSS pour les appareils mobiles : les media queries

Responsive Web Design

Développer des sites web accessibles aux plus grand nombre de terminaux tels que smartphones, tablettes ( iPhone, iPad, Android). Connaissances HTML et CSS nécessaires.

Tirer parti du HTML 5

Principes du Responsive Web Design

Préparer ou adapter un site pour les différents écrans de mobiles/tablettes

Créer des mises en page flexibles

Adapter les images en fonction du terminal

Tirer parti des CSS 3

Les CSS structurelles : épurer le code HTML et cibler précisément des portions du document

Les nouvelles méthodes de mise en page : flexbox

Les CSS de décorations : dégradés de couleurs, arrondis, transparence, polices personnalisées, ombres portées

Les CSS d'animations : transitions, transformations, animations

Les media queries : requêtes de médias, pour adapter la mise en page en fonction du périphérique utilisé

Tirer parti des API Javascript

Les nouvelles API Javascript :

- Stockage permanent/temporaire de données : Web Storage

- Consultation d'un site hors connexion : Application Cache

- La géolocalisation

Wordpress

Création de site propulsé par Wordpress.

Ce module de formation est une solution clé en main pour toute personne désireuse de créer simplement un site Internet, l'héberger puis le faire vivre en toute autonomie.

Installation, prise en main, personnalisation et maintenance d'un site Wordpress.

Introduction

Présentation de l'évolution des sites et des langages

Présentation du CMS Wordpress

Les trois méthodes d'exploitation de Wordpress. Atouts et défauts

Qu'est ce qu'un FTP, un nom de domaine, un hébergeur, un serveur Apache, une base de données

Préparation de l'installation de Wordpress

Téléchargement de Wordpress

Les solutions Apache en local sur Mac ou Pc

Installation et fonctionnement de Wamp

Création d'une base de données dans phpMyAdmin

Utilisation du FTP

Installation et approche de Wordpress

Création du fichier de configuration

Paramétrage de Wordpress et du compte d'administration

La page d'identification

Présentation du Tableau de bord

Cahier des charges du site

Les catégories

Le menu Catégories

Création de la structure du site

Gestion des catégories et des sous catégories

Les articles

Les modes de publication dans Wordpress

Le menu Article

Création et gestion d'articles

Les pages

Le menu Pages

Création et gestion de pages

Les médias

Le menu Bibliothèque

Les différents formats d'images, de sons et de vidéos

Comment formater les médias pour permettre leur diffusion

Gestion des médias

Insertion de média dans un article ou une page

Présentation et utilisation de médias embedded

Les liens

Le menu Liens

Création et gestion des liens

Les commentaires

Le menu Commentaires

Gérer les commentaires

Apparence du site : les thèmes Wordpress

Qu'est-ce qu'un thème Wordpress

Présentation et modification du thème de base

Création d'un menu personnalisé

Définition du fond des pages

Utilisation des Widgets

Présentation du menu de gestion des thèmes

Ajouter et gérer les thèmes

Plugins

Le menu de gestion des plugins

Les plugins les plus utiles

Installation et gestion des plugins

Les utilisateurs

Le panneau de gestion des utilisateurs

Création et gestion des comptes utilisateurs

Rendre privées certaines parties du site

Les outils

Importer les articles en provenance d'un autre site Wordpress ou d'un autre système de blog

Exporter les articles du site

Les réglages

Présentation des panneaux de réglage

Mises à jour du site

Pourquoi est-il important de maintenir le moteur Wordpress à jour

Préparation d'une mise à jour

Sauvegarde des données

Effectuer une mise à jour de Wordpress et des extensions

Modifications avancées

Introduction au HTML, CSS et PHP

Interventions ponctuelles dans le code

Création de newsletters

Mise en forme et mise en page de documents destinés à l'emailing.

Profil débutant en développement de contenu HTML et CSS.

Connaissance de l'outil Internet et bonne maîtrise du système d'exploitation (environnement Windows ou Mac).

Introduction

Principes généraux sur la conception de newsletter

Planifier un cahier des charges

Mise en page

Les contraintes et les bonnes pratiques

Notions de base sur le HTML

Insertion de tableaux

Balise div

Contraintes concernant les images, leurs chemins et l'optimisation

Contraintes de dimension

Créer des styles CSS

Notions de base sur les CSS

Spécificités propres aux newsletters

Créer des styles internes ou inline

Mises à jour rapides

Productivité (avec Dreamweaver)

Création de fragments de code

Créer des codes réutilisables

Création de modèle standard

Mettre à jour rapidement les pages

Haut de page