Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.
Le matériel et les logiciels
- Ressources nécessaires
- Quel éditeur choisir ?
- Notepad ++, Netbeans, Eclipse, Brackets ...
- Les navigateurs
- Pourquoi différents navigateurs ?
Structure de base d'un document HTML
- La balise HTML
- Définition de l'encodage
- La balise HEAD
- Les metas informations
- La balise BODY
Mettre en forme du texte
- Le formatage du texte
- Les balises d'entêtes
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définition
- Les abréviations
- Les espaces insécables, les sauts de ligne ...
- Les paragraphes
- L'alignement
Les tableaux
- Insertions de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner des lignes et colonnes
- Fractionner des lignes et colonnes
- Remplissage avec une couleur
- L'alignement horizontal et vertical
- Les principaux attributs des tableaux
Les images
- Les formats d'images du web
- Les contraintes liées aux images
- Insertion d'images
- Les principaux attributs d'une image
Les liens hypertexte
- Création de lien hypertexte sur du texte
- Création de lien hypertexte sur des images
- Création de lien vers messagerie (mailto:)
- Les principaux attributs sur un lien hypertexte
Les médias
- Insertion d'iframe
- Insertion de vidéo Youtube, Daily motion ...
- Insertion de Google maps
- Insertion de vidéos et sons (HTML5)
Les formulaires
- La balise form
- Les champs de texte
- Les zones de texte
- Les listes déroulante
- Les boutons radio
- Les cases à cocher
- Les boutons envoyer et rétablir
La balise head
- Les balises Meta
- Insertion de CSS et Javascript
- Les balises utiles pour le référencement
Norme actuelle et tendance du CSS
- CSS 2, CSS 3
- Compatibilité avec les navigateurs
Mise en forme à l'aide de CSS
- Principes des styles
- Créer des règles de style
- Comment structurer le CSS ?
- Qu'est ce q'un framework CSS ?
Ou placer votre code CSS ?
- Dans une feuille de style externe
- Dans un document
- Dans un style intégré
- Avantages et inconvénients des différentes méthodes
La syntaxe
- Les sélecteurs de style
- Les balises
- Les classes
- Les identificateurs
- Les sélecteurs d'éléments imbriqués (Héritage)
- Les pseudo-éléments : les liens CSS, les lettrines
Les propriétés CSS
- La gestion du texte, polices, couleur, taille, grassage ...
- Les arrière-plans
- Les blocs
- Les boites
- Les bordures
- Les listes
- Le positionnement
Appliquer un style CSS à un élément
- Sur quelle balise HTML ?
- Avec une classe
- Avec une id
- Avec la balise span
Cas pratiques
- Colonnes en CSS
- Elèments flottants
- Mise en forme de menu Jquery en CSS
- Développement d'un site en XHTML et CSS
Mettre en ligne mon site
- De quoi ai je besoin ?
- Les outils indispensables
Formation ajoutée le 24/06/2014, mise à jour le 03/12/2020.
Pré-requis
La maîtrise e l'environnement Windows ou Mac est indispensable, une connaissance du monde de l'internet (navigation, recherche) est requise pour cette formation.
Public
Toute personne désirant créer un site web statique en HTML / XHTML et CSS sans utiliser un éditeur WYSIWIG.
Objectifs :
Etre en mesure de créer des pages web statiques en HTML/ XHTML avec un éditeur basique et les mettre en forme avec du CSS.
Moyens pédagogiques :
Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.
Moyens pour suivre l’exécution de l’action :
- La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées
Moyens pour en apprécier les résultats :
- A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
- Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
- Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)
Profil formateur :
Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.
Accueil et accès des personnes en situation de handicap :
Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Délai d'accès :
En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant
ici
Evaluation : Aucune note pour cette formation entre 2022 et 2024.
Personne à contacter :
Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.