PROGRAMME DE FORMATION HTML5, CSS3, PHP5

Transcription

1 Organisme de formation professionnelle Formation Informatique Paca & Rhône-Alpes FORMANOSQUE 130 ch. du clos supérieur Manosque Tél Google formanosque PROGRAMME DE FORMATION HTML5, CSS3, PHP5 Objectifs C'est une formation basée sur la pratique nous construisons ensemble un site Web dynamique en PHP de A à Z. La formation est basée sur ce fil conducteur de création de site (Gemo, site de vente de chaussure) Ceci permet de vous amener petit à petit à découvrir toutes les notions que vous avez dans le programme cidessous. Pré-requis Avoir déjà vu un peu le langage HTML est un plus. Méthode pédagogique Une salle de formation, un ordinateur par stagiaire (vous pouvez travailler avec le vôtre selon votre préférence), feuilles d émargement, support de cours. Exercices et cas pratiques en continu tout au long de la formation. Attestation de fin de stage. 1 / 6

2 PROGRAMME DE FORMATION Voici en quelques mots ce que nous allons voir : la structure du site (le squelette) en HTML et CSS, insertion du code PHP dans le HTML, les variables PHP, les boucles, les liens avec une base de données SQL (afficher les articles chaussure sur le site), trier les article sur votre page web dynamique par prix, par taille, masquer les articles qui ne sont plus en stock, n'afficher que les chaussure Homme / Femme / Enfant selon le lien cliqué dans le bandeau de menu, savoir gérer les cookies en créant un formulaire d'authentification etc Nouvelle structuration HTML5 Les éléments traditionnels structurant un document HTML 5 (doctype, html, head, body, meta...) Les éléments <nav>, <section>, <article>, <aside>, <header> et <footer> et la mise en place de sections d'introduction et de conclusion d'un bloc Les nouvelles catégories de contenus : Metadata content La validation des pages avec le valideur officiel du W3C Les nouvelles balises : <mark>, <meter>, <time>, <figure>, <picture>... Les formulaires. Les nouveaux types de la balise <input> ( , date, week...) Gestion vidéo et audio avec les nouvelles balises <audio> et <video> Travaux pratiques Création de templates HTML 5. Positionnement d'éléments en absolu. Nombreux TP sur la mise en oeuvre des balises HTML 5 (formulaires, conception...). Réalisation d'un lecteur multimédia. La mise en forme CSS3 Sélecteurs de cible target, nth-child, frère antérieur... 2 / 6

3 Les Media Queries pour rendre un site responsive pour tablette et smartphone Les transformations : translations, rotations, homothéties Les animations : les animations, les transitions Travaux pratiques Création de templates responsive et test en upload live pour tablette et smartphone Introduction au Javascript - Quelques morceaux de codes expliqués - Savoir récupérer un code sur Internet et le mettre en place dans votre site Introduction au PHP L'architecture du Web : HTTP, CGI, interactivité : Script client ou Script serveur Qu'est-ce que PHP? Historique Les concurrents de PHP Présentation de l'exemple utilisé durant la formation : le site de vente en ligne. Automatisation d'une page Web Les principes du client-serveur PHP Premiers éléments du langage : Environment de code, HTML, CSS, sites web utiles, PHP Intégration de PHP dans une page HTML, lien avec le SQL Variables : float, booléen, global, static, superglobales Les conditions : if else, switch Les boucles 3 / 6

4 Travaux pratiques Création d un site web dynamique complet de vente en ligne Utilisation d'une base de données MySQL Concepts fondamentaux : bases, tables, champs, enregistrements Bases MySQL Tables, Champs, Enregistrements MySQL Introduction au langage SQL (sélection, modification, suppression) Traitement des résultats des requêtes Les formulaires Passage et transmission de variables, méthodes GET, POST Redirection 4 / 6

5 Les variables complexes : tableaux Les tableaux numérotés Les tableaux associatifs Parcourir un tableau Vérifier si une valeur existe dans l'array Récupérer la clé d'une valeur dans l'array Les formulaires complexes Formulaire avec envois de mail Moteur de recherche : formulaire en relation avec une base de données Gestion des sessions utilisateurs Variables persistantes : Cookies et Session Les sessions et les cookies L'utilité des sessions en pratique Le graphisme en PHP Présentation de la librairie GD Création d'image, réutilisation, Ecrire du texte en... image! Réalisation de formes avec des fonctions mathématiques Image à marquer par le logo (ici un watermark, image Gémo indépendante en 5 / 6

6 surimpression avec opacité sur mesure) 6 / 6