Module 1: Du graphisme au Webdesign
Concepts Web
Présentation des outils (Photoshop, Dreamweaver, Noptepad++, CMS, Flash, Plugins des navigateurs, Apache, EasyPhp, Wamp...)
Présentation des langages du Web (Html, Xhtml, XML, CSS, RSS, Php, Asp, Javascript, Ajax, Flash...)
Les différents médias (écran, papier, texte, audio, vidéo, téléphones portables et formats de fichiers compatibles)
Compatibilité du code et versions de navigateurs (IE6-IE8, Firefox, Chrome, Opera...)
Principes du référencement
Notions d'architecture client, serveur et 3-tiers
Durée:
2 jours
Fireworks / Photoshop orienté Web
Optimisation des graphismes Web
Découpe des images
Durée:
3 jours
XHTML
Optimisation des graphismes Web
Découpe des images
Syntaxe XHTML, structure d'un document et DOCTYPE
Balises, attributs, composants d'une page, codage des caractères et accessibilité
Mise en forme du texte, titres, paragraphes, images et formats graphiques
Listes ordonnées et listes à puces
Liens hypertexte et ancres
Tableaux HTML
Les formulaires et leurs composants
Les cadres (frames), jeux de cadres (frameset) et cadres internes (iframe)
Images cliquables (image-maps) & insertion multimédia (audio, vidéo, flash)
Durée:
5 jours
Feuilles de style CSS 2.0
Utilisation et syntaxe des CSS
Feuilles de styles internes, locales, externes, selon média
Sélecteurs de base, classes, identifiants et pseudo-classes
Sélecteurs avancés (norme W3C)
Propriétés principales des CSS : texte, couleurs, bordure, positionnement absolu et multicouche
Le positionnement en CSS : Float, clear
Navigateurs et compatibilité CSS, hacks CSS
Outils de dépannage CSS: Webdevelopper, W3CValidator, MultipleIE...
Durée:
3 jours
Adobe Dreamweaver
Fonctionnalités de base
Mode texte, mixte et création : avantages et inconvénients des WYSIWYG
Gestion des CSS
Création de formulaires et interactivité avec les scripts fournis
Insertion d'éléments multimédia
Gestion des modèles, des blocs de code et des mises à jour
Durée:
5 jours
Travaux pratiques: Réalisation d'une maquette de site statique
Réalisation des graphismes et bannières,
choix des couleurs et codage des mises en forme en CSS,
réalisation de menus et insertion dans un squelette de site (positionnement à l'aide de CSS)
Durée:
2 jours
Les gestionnaires de contenus (CMS) Wordpress
Présentation des CMS : avantages et inconvénients
Principes de fonctionnement et architecture d'un CMS
Installation et sécurisation d'un CMS (Installation de base MySQL)
Utiliser le moteur de blog de Wordpress
Modification ou création des skins (manuelle ou assistée)
Notion de plugins et de composants
Durée:
3 jours
Gestion d'un site web à l'aide d'un CMS
Administration du site
Gestion des éditos, historiques, flux RSS, articles, pages, modules FAQ, livre d'or et plan du site, forum et compteurs
Sauvegarde et archivage
Eviter ou détecter les spams, les trolls et tout contenu indésirable
Skinning en mode avancé
Durée:
2 jours
Référencement Internet
Principes du référencement et outils de recherche
Optimisation du site (conception, contenu, attributs et balises)
Méthodes d'optimisation et erreurs à éviter
Fichier .htaccess, redirection et URL Rewriting
Suivi des tendances et analyse : Xiti, Google analytics
Les solutions payantes (Adwords...)
Durée:
1 jour
Travaux pratiques: Réalisation d'un site vitrine avec ou sans CMS
Adaptations personnelles du CSS si CMS choisi
Optimisation du référencement
Durée:
4 jours
Module 2: Le Web dynamique
Bases de l'algorithmie
Introduction et pseudo-code
Les variables
Lecture et écriture
Les tests logiques
Les différents types de boucles
Les tableaux à 1 et 2 dimensions
Les tableaux de tableaux
Procédures et fonctions
Durée:
5 jours
Interactivité avec Javascript & Ajax
Javascript (4 jours)
Introduction au javascript et insertion du code dans une page
La notion d'objet et de propriétés
Les opérateurs
Manipulation de variables
Manipulation de chaînes de caractères
Les évènements Javascript
Les structures conditionnelles
Les boucles
Les fonctions et méthodes
Les objets du navigateur
Sélection et manipulation des objets history, date, math et IDs
Dynamique : apparition, disparition et mouvements du contenu d'une page
Ajax (1 jour)
Principes de Ajax
Mise en œuvre de Ajax selon les navigateurs
Mise à jour dynamique de contenu, exemples et modifications de scripts
Durée:
5 jours
Bases de données : conception, gestion & requêtes sous Mysql
Introduction aux bases de données, les différents langages, avantages et limites de Mysql
Architecture 3-tiers et utilisation des BdD en Web
Notions de base : caractéristiques des BdD, données, tables, enregistrements
Clés primaires et clés étrangères
Installation de MySQL et interfaces (ligne de commande, PhpMyAdmin)
Conception & Modèle Physique de Données (MPD)
Langage de Manipulation des Données (MLD) et verbes SQL associés
Requêtes simples avec SELECT
Opérateurs de base (count, min, max, avg...)
Requêtes imbriquées et jointures
Insertions de données (INSERT)
Modification des données (UPDATE)
Effacement de données (DELETE)
Langage de Manipulation des Données (LMD) et verbes associés
Création de table (CREATE) et types de données
Modification de table (ALTER), de colonne
Création, vidage et destruction d'une table / base
Création et utilisation des vues
Gestion des utilisateurs et des droits d'accès
Gestion des IDs et de l'auto-incrément
Durée:
5 jours
Php et les contenus dynamiques
Introduction au Php (rappels HTML, structure type d'une page Php)
Inclusions de fichiers Php (Include, require)
Installation et configuration de Php (EasyPhp, Wamp, php.ini et modules Php)
Syntaxe du langage Php
Variables: déclaration, utilisation et types de données
Constantes : déclaration et utilisation
Tableaux de variables : déclaration, tableaux simples et associatifs
Opérateurs : arithmétiques, logiques, affectation et concaténation
Structures de contrôle : structures conditionnelles, boucles
Méthodes et utilisation des aides à la recherche
Gestion des dates et chaines de caractères
Les fonctions : déclaration, portée, utilisation, imbrication
Cookies et sessions Php
Formulaires HTML et Php
Récupération des données
Vérification de présence et de validité des saisies
Email de confirmation
Gestion des bases de données Mysql en Php
Sélection et affichage, insertion, modification et suppression des enregistrements
Création d'interface d'administration
Manipulation de fichiers
Vérification d'existence de fichiers, ouverture et affichage de fichiers
Ecriture et modification de fichiers
Génération de PDF en Php
Génération de graphiques (images dynamiques, vignettes) avec GD 2
Durée:
10 jours
Travaux pratiques: Finalisation du projet de site
Développement d'une interface d'administration Php/MySQL
Le site devra utiliser XHTML, CSS, Jscript, Ajax, Php et MySQL
Durée:
5 jours
