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 Cette formation vous permettra de maîtriser d'une manière opérationnelle le langage HTML5 pour se mettre aux normes de développement Web + CSS3 pour la mise en forme et responsive design sur tablette multiplateforme et Smartphone. Le PHP permet de rendre dynamique votre site en lui associant du code en fonction du contenu accédant à une base de données. 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 / 5

2 PROGRAMME DE FORMATION 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... 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 2 / 5

3 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 Créer sa fonction, les fonctions les + ultiles! 3 / 5

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 / 5

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 surimpression avec opacité sur mesure) 5 / 5