Les points forts
Une formation :
- en petits groupes ou en individuel
- axée sur la pratique
- visant une opérationnalité rapide
- dispensée par des intervenants issus du monde professionnel
![](https://www.connexion-graphique.fr/wp-content/uploads/2023/08/Infos-generales-FINAL-1500-×-150-px-1024x102.png)
Durée : 35 heures
Lieu : sur Montpellier ou à distance
Objectif.s :
> Maitriser la programmation en HTML 5 et CSS3
> Utiliser les API en JavaScript
Public :
Etudiant(e), Salarié(e), Demandeur d’emploi, Entrepreneur(se), Grand Public
Modalités d’accès :
Entretien préalable + test (le cas échéant)
Pré requis :
Maitrise de l’outil internet
Evaluation :
> Formation basée sur l’apprentissage pratique (Exercices pratiques – Mise en situation)
> Evaluation tout au long de la formation
Validation :
Attestation de formation
![](https://www.connexion-graphique.fr/wp-content/uploads/2023/08/Contenu-formation-1500-x-150px-1024x102.png)
Les bases du HTML
- Les balises et leurs attributs.
- Les navigateurs, les règles importantes à respecter.
Créer une page HTML
- Identifier une page, définir un en-tête, un titre.
- Insérer des commentaires, spécifier la langue.
- Définir la police, la taille, les caractères gras, italique.
- Choisir les couleurs de police et d’arrière-plan.
- Définir un paragraphe, l’aligner, créer un retrait.
- Listes à puces et numérotées, blocs de citation.
Insérer des images et des médias dans une page
- Les formats d’images du web : GIF, JPEG, PNG.
- Redimensionnement, taille, positionnement, texte alternatif.
- Intégrer une image d’arrière-plan.
- Insérer un son, une vidéo, une animation flash.
Définir la navigation avec les liens hypertextes
- Lien hypertexte vers une ancre, vers une page du site, vers une adresse externe, vers une messagerie, sur une image, une partie d’image.
Créer l’interactivité avec les formulaires
- Créer un formulaire.
- Définir les types de champ
- Envoyer et récupérer les informations par mail.
Fragmenter les fenêtres avec les cadres
- Principe de création d’une page de cadres.
- Cadres verticaux, horizontaux, combinaisons.
- Ajouter des liens dans les cadres.
- Masquer les bordures, ajouter un ascenseur.
Bien utiliser les feuilles de style (CSS)
- Redéfinir les balises HTML.
- Créer des styles personnalisés (classes).
- Créer une feuille de style externe pour un site.
Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
- HTML5 : Insérer des éléments audios
- HTML5 : Insérer des éléments vidéo
- HTML5 : Les nouveaux types pour la balise input
- HTML5 : Les attributs de validation et de saisie d’input
- Réaliser un formulaire HTML5-CSS3
- CSS3 : Les Backgrounds
- Les colonnes
- La propriété Text Overflow
- Les transformations
- Les transitions
- Les Animations
- Les Queries
![](https://www.connexion-graphique.fr/wp-content/uploads/2023/08/Deroule-formation-1500-×-150-px-1024x102.png)
FORMATION EN PRESENTIEL
Nombre de stagiaires : 3 à 8 personnes ou en individuel
Modalités pédagogiques :
Formation intensive basée sur des travaux pratiques et / ou des études de cas permettant l’acquisition d’un logiciel et / ou d’une méthodologie de travail afin de rendre le.la stagiaire rapidement opérationnel.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.
FORMATION A DISTANCE
Nombre de stagiaires : formation en individuel
Modalités pédagogiques :
Formation intensive proposée en distanciel synchrone, sous forme de classes virtuelles avec alternance de sessions en direct et d’exercices pratiques / études de cas avec suivi techniques / pédagogique par tchat et mail en continu + la prise en main, le cas échéant, par le formateur de l’ordinateur du stagiaire à distance.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.
Modalités techniques :
Chaque stagiaire devra disposer d’un ordinateur personnel compatible avec la formation (configuration optimale + logiciel(s) installé(s)).
![](https://www.connexion-graphique.fr/wp-content/uploads/2023/08/Planning-et-tarifs-1500-×-150-px-1024x102.png)
PLANNING
Formation en groupe :
- Du 11 au 15.03.2024
- Du 03 au 07.06.2024
- Du 05 au 09.08.2024
- Du 14 au 18.10.2024
Horaires : 9h30 – 13h / 14h – 17h30
Formation en individuel et / ou à distance :
Planning personnalisé
TARIFS
Formation en groupe :
- Prise en charge (Pôle emploi, Entreprise, OPCO, AGEFIPH, …) : 700 €
- Autofinancement : adhésion* + 350 €
Formation en individuel et / ou à distance :
- Prise en charge (Pôle emploi, Entreprise, OPCO, AGEFIPH, …) : 1050 €
- Autofinancement : adhésion* + 875 €
* Adhésion annuelle, acquittable une seule fois quelque soit le nombre de formations suivies
![](https://www.connexion-graphique.fr/wp-content/uploads/2023/08/Inscription-2-1500-×-250-px-1024x102.png)
Afin d’évaluer au mieux vos besoins en formation et étudier avec vous les possibilités de financement, un entretien diagnostic gratuit sera préalable à toute rédaction d’un devis et à toute inscription.
Dernière mise à jour de la fiche : 13.12.2023