5
JoursLa construction d'un site Web - Initiation
Objectifs de la formation
- Créer ses pages en utilisant HTML5, CSS3 avec un éditeur WYSIWYG
- Structurer les dossiers et fichiers des sites Web créés
- Utiliser des règles de base du design pour créer un site Web
- Créer, traiter et optimiser des images destinées au Web
- Créer des pages dynamiques avec PHP / MySQL [MariaDB]
- Mettre en ligne son projet
Programme de la formation
A l'issue de la formation, les participants seront préparés à :
Jour 1 - Matin
1. Identifier les limitations liées au client serveur
- Contraintes et fonctionnement d'un serveur
- Évolutions des techniques et moyens disponibles
- Construction d'une architecture de page et d’une arborescence
- Les habitudes sur le web
2. Découvrir le HTML5
- Structurer ses pages
- Choisir une mise en forme logique ou physique
- Faire des liens internes et externes
Jour 1 - Après-midi
3. Expérimenter les fonctions avancées de HTML5
- Connaître les principales balises disponibles
- Utiliser les différents types de balises block, inline, inline-block ...
- Utiliser les balises sémantiques
- Choisir entre les tableaux et les div
4. Renforcer l'expérience utilisateur
- Incorporer des images
- Incorporer des fichiers audios et vidéos
- Insérer des formulaires
Jour 2 - Matin
5. Réaliser sa première mise en forme avec les CSS
- Comprendre les notions de css
- Tirer parti du système en cascade
- Lier les feuilles de style CSS de manière optimale
6. Ecrire des feuilles CSS performantes
- Connaître les sélecteurs et les propriétés
- Manipuler les class et les id
- Gérer les polices de caractère
Jour 2 - Après-midi
7. Examiner les fonctionnalités avancées de CSS
- Gérer plus finement les styles avec les pseudo-sélecteurs
- Utiliser les transformations et les transitions
- Créer des styles responsive design
8. Intégrer quelques bases de JavaScript
- Accéder en lecture et écriture aux éléments du DOM
- Changer à la volée le style des éléments
- Gérer les Interactions avec l'utilisateur
Jour 3 - Matin
9. Identifier les bases de JavaScript pour le web
- Connaître les principaux objets du DOM
- Utiliser le gestionnaire d'événements pour réagir aux actions utilisateurs
- Valider les éléments de formulaires
10. Déterminer les paradigmes de programmations en JavaScript
- Utiliser la portée des variables
- Structurer son code avec des fonctions
- Devenir performant en créant ses objets
Jour 3 - Après-midi
11. Identifier les nouveautés ES6
- Comprendre la notation fléchée
- Découvrir les nouvelles variables et les littéraux
- Utiliser le nouvel itérateur et le générateur
12. Distinguer quelques API JavaScript pour HTML5
- Dessiner sur la page avec le canevas
- Afficher et animer le svg
- Utiliser le storage pour sauvegarder localement
Jour 4 - Matin
13. Gérer les bases du traitement de l'image
- La redimensionner pour le web
- La retoucher colorimétriquement
- Lui ajouter des effets
14. Produire des images utilisables sur le Web
- Détourer des images et faire des montages simples
- Supprimer des éléments sur une image
- Réaliser des gifs animés
Jour 4 - Après-midi
15. Gérer les bases du dessin vectoriel avec Inkscape
- Connaître les formes et les outils de tracé
- Dessiner avec les courbes de bézier
- Utiliser les dégradés et les opérations booléennes
16. Réaliser des éléments pour le Web
- Créer un logo
- Dessiner un ensemble de boutons de style glossy
- Dessiner un ensemble de boutons de style flat
Jour 5 - Matin
17. Créer du dynamisme avec PHP
- Présentation de PHP, ses configurations, ses bases et sa structure
- Gérer les formulaires (récupération, gestion et contrôles avec les filtres)
- Échanger des fichiers avec le client, les gérer sur le serveur
18. Construire une architecture de données MySQL [MariaDB]
- Utiliser une interface graphique
- Créer une structure efficace et cohérente
- Utiliser les types de donnée les plus adéquats
- Mettre en place clés, index et vues pour gagner en performance
Jour 5 - Après-midi
19. Gérer l'interaction entre PHP et MariaDB/MySQL/sqlite
- Utiliser les extensions mysqli et pdo
- Faire des requêtes simples en langage SQL
- Afficher les éléments dans la page
20. Créer des fonctionnalités utiles pour le Web
- Gérer des zones privées avec une base de données et les sessions PHP
- Afficher et mettre à jour une liste de produits
- Garder en mémoire des préférences utilisateurs
21. Gérer la mise en ligne d'un projet
Pré-requis
Des connaissances rudimentaires dans les sujets abordés permettront d'approfondir les thèmes connexes
Public cible
Toute personne voulant créer son site avec des logiciels libres ou toute personne voulant acquérir les connaissances afin d’utiliser pleinement les CMS
Méthodes pédagogiques
Exposés interactifs détaillant les principes essentielsExercices progressifs accompagnés (et/ou en autonomie) pouvant être tirés de la pratique professionnelle du stagiaire. Il pourra ainsi tester et voir en situation réelle les savoirs vus.
Modalités d’évaluation
L'évaluation est faite au moyen d’un exercice final réalisé en autonomie et reprenant l’ensemble des points abordés ou d’une évaluation tout au long de la formation abordant chacun des points de l'avancement d’un projet.Une attestation de formation reprenant l’ensemble des objectifs pédagogiques sera délivrée à chaque participant à l’issue de la formation.
Dernière date de mise à jour 2019-06-25T00:00:00