Prérequis et objectifs
Résultats attendus
Bilans de compétences et Attestations de stage
Prérequis de la formation
• Connaitre l'environnement Windows TM ou iOs
• Au sens informatique du terme, savoir faire la différence entre un fichier et un dossier
• Avoir une culture Web et graphique
Objectifs de la formation
Le but de cette formation est de vous enseigner : • Expérimenter les différentes techniques de structuration des contenus d'une page Web. Décrire, évaluer et
différencier leurs avantages et inconvénients
• Chercher les définitions normalisées sur les sites de références
• Réaliser un site internet simple dans le respect des normes techniques et sémantiques du W3C
• Présenter sa réalisation finale et décrire ses choix techniques
Objectifs de sortie
Cette formation vous permettra de découvrir et apprendre la structuration normalisée d’une page web, la syntaxe spécifique au HTML-5 et à CSS-3, ainsi que les règles d’interaction entre ces deux langages de programmation, d’acquérir les connaissances théoriques et pratiques permettant la mise en forme structurelle, sémantique et graphique d’une page Web, dans le respect des normes du W3C, de savoir analyser des erreurs de programmation.
Vous serez également capable de définir, analyser et expliquer ses choix quant aux méthodes utilisées pour parvenir à un objectif de réalisation défini, de savoir où et comment rechercher des fonctionnalités particulières.
Il connaît le vocabulaire spécifique à ces technologies de façon à être capable d’échanger avec d’autres intégrateurs et/ou développeurs.
Domaines
Contenu
1/ Anatomie d'une page Web & premières expérimentations
• Historique et définitions
• Anatomie d'une page HTML
• Ma première page
• Insérer du texte
• Insérer des images
• Créer des liens
• Exercices et correction
• L'organisation du texte avec les balises sémantiques
• L'enrichissement du texte avec la feuille de style
• Exercices et correction
• Mise en place d'un premier site de travail
• Structure de dossiers et fichiers
• Travail sur les URL relatives et absolue
2/ Structure, sémantique & normalisation
• Normalisation de la structure d'une page Web
• Ergonomie et sémantique des balises structurantes
• Les styles en cascade
• Les polices de caractère
• Exercices et correction
• Les outils de contrôle et validation
• Les particularités des différents navigateurs
• Exercices et correction
3/ L'importance essentielle de la syntaxe
• CSS 3 en détails : les classes, sélecteurs, pseudo-classe, combinateurs
• Les positionnements flottants, la Flexbox
• Exercices et correction
• Les tableaux, les formulaires, la vidéo et l'audio
• Exercices et correction
• Les iframe
• Exercices et correction
4/ Responsive design & fonctions avancées
• Le responsive design avec les Media Queries
• Exercices et correction
• Animations et transitions d'objets avec CSS 3
• Exercices et correction
• Modifier les templates dans Wordpress
• Exercices et correction
• Débogage de site
5/ De A à Z, réalisation & mise en service d'un site Web
• Création d'un site Web de 3 pages
• Mise en service sur un serveur distant par FTP
• Présentation des choix techniques, des difficultés rencontrées
6/ Veille technologique, auto-formation & quelques technologies connexes
• Savoir trouver ce que l'on ne connait pas...
• ... et comprendre ce que l'on ne comprend pas
• Overview : Javascript, PHP-MySQL ; quels services peuvent-ils rendre …