DÉVELOPPEMENT DE SITES WEB EN HTML ET CSS par CONNEXION GRAPHIQUE
par CONNEXION GRAPHIQUE
Lieu(x)
À distance
En centre (34)
Durée
Total : 35 heures
En centre : 35 heures
À distance : 35 heures
Financement
AGEFICE
FIF PL
AGEFIPH
OPCO
Association
Collectivité
Demandeur d’emploi
Individuel payant
Par l'entreprise
Salarié
Éligible CPF
Publics admis
Salarié, Salarié du privé, Salarié du public, Étudiant, Demandeur d’emploi, Tout public, Entreprise, Particulier, à partir de 16 ans, Artisan, Commerçant
Pré-requis
Aucun pré-requis
Diplômes délivrés
Attestation de fin de formation
Temps
En entrée et sortie permanente, En présentiel
Types
Formation continue
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
LES BASES DU HTML
• Les balises et leurs attributs
• Les navigateurs, les règles importantes à respecter
CREER 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
INSERER DES IMAGES DES MEDIAS DANS UNE PAGE
• Les formats d’images du web; GIF, JPEG, PNG
• Redimensionnement, taille, positionnement, texte alternatif
• Intégrer une image 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 audio
• HTML5 : Insérer des éléments vidéo
• HTML5 : Les nouveaux types pour la balise input
• HTML5 : Les attributs de validation et de saisie de 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
APPLICATION
Exercices pratiques autour de la création d’un site web
• Les balises et leurs attributs
• Les navigateurs, les règles importantes à respecter
CREER 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
INSERER DES IMAGES DES MEDIAS DANS UNE PAGE
• Les formats d’images du web; GIF, JPEG, PNG
• Redimensionnement, taille, positionnement, texte alternatif
• Intégrer une image 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 audio
• HTML5 : Insérer des éléments vidéo
• HTML5 : Les nouveaux types pour la balise input
• HTML5 : Les attributs de validation et de saisie de 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
APPLICATION
Exercices pratiques autour de la création d’un site web
Objectifs
- Maitriser la programmation en HTML 5 et CSS3o
- Utiliser les API en JavaScript
- Utiliser les API en JavaScript
Centre(s)
- Montpellier (34)
Formation proposée par : CONNEXION GRAPHIQUE
Organisme d’insertion et de formation professionnelle, Connexion Graphique accompagne depuis plus de 15 ans les personnes se destinant aux métiers de la Communication, du Digital, du Multimédia, de l’Audiovisuel et de la 3D.
Située sur Montpellier, Connexion Graphique facilite l’insertion professionnelle des étudiants, des professionnels en reconversion, des demandeurs d’emploi, ainsi que des salariés par l’intermédiaire d’ateliers et d’un accompagnement à l’élaboration du projet professionnel. Cette aide passe autant par un suivi personnalisé à la recherche d’un emploi, d’un stage ou d’une formation que par un accompagnement à la création d’activité.
L’association propose également un ensemble de formations professionnelles dans les domaines de la Bureautique, de la Communication, de la PAO, du Multimédia, du Digital, de la Vidéo et de l’Animation 3D.
Située sur Montpellier, Connexion Graphique facilite l’insertion professionnelle des étudiants, des professionnels en reconversion, des demandeurs d’emploi, ainsi que des salariés par l’intermédiaire d’ateliers et d’un accompagnement à l’élaboration du projet professionnel. Cette aide passe autant par un suivi personnalisé à la recherche d’un emploi, d’un stage ou d’une formation que par un accompagnement à la création d’activité.
L’association propose également un ensemble de formations professionnelles dans les domaines de la Bureautique, de la Communication, de la PAO, du Multimédia, du Digital, de la Vidéo et de l’Animation 3D.
À découvrir