HTML-CSS

Objectifs

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

Programme de la formation

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 …

Validation et sanction

Bilans de compétences et Attestations de stage

Type de formation

Non certifiante

Sortie

Sans niveau spécifique