Objectifs
Ce que vous saurez faire à l'issue de la formation :
- Concevoir et optimiser la structure des sites et des pages Web avec le langage HTML
- Mettre en forme et optimiser les pages avec le langage CSS
Programme
Concepts du développement Web
- Les langages et les standards : HTML, XHMTL, CSS, Javascript...
- Les contraintes liées aux navigateurs
- Normalisation du Web : Le W3C
- Principes des styles CSS
Conception d’une page Web basique
- Notions de base HTML : La structure d’une page et les balises incontournables (html, head et body)
- Référencement d’un site : La balise head et la balise meta
- Propriété d’une page : Arrière-plan, marges et titre de la page
- Propriété du texte : Police, taille et couleur
- Encodage des caractères
Problématiques liées au langage HTML
- Incompatibilité du code : Balises non gérées, dépréciées et propriétaires
- Lourdeur et instabilité du code source
- Contraintes liées à Internet Explorer
- Limites en matière de mise en page et de mise en forme du texte
- Mises en page composites avec la balise table
La hiérarchie html
- Syntaxe xhtml : Balises, attributs et valeurs
- Hiérarchie : Balises de type bloc ou balises en ligne
- Balises en ligne : a, em, img, q, span et strong:
- Balise de type bloc : blockquote, div, dl, form, h1-h6, ol, ul, p et table
- Structuration des données : Séparer le fond de la forme
- Respect de la sémantique : Utiliser les balises pour leur spécificité
Les styles CSS et les sélecteurs
- Syntaxe des styles CSS : Nom et attributs
- Styles internes et feuilles de styles externes
- Les balises
- Les classes
- Pseudo-classes et pseudo-éléments
- Les identificateurs (ID)
- Principe de la sélection hiérarchique
Positionnement en CSS
- Le modèle de boîte
- Élément parents et enfants
- Positionnement dans le flux
- Positionnement flottant, relatif et absolu
Formatage du texte et des images
- Options HTML et options CSS
- Propriétés CSS : Type, arrière-plan, bloc, bordures et listes.
- Propriétés CSS : Arrière-plan, bloc, et bordures
Bordures et attributs d’arrière-plan
- Rappel sur le modèle de boîte
- Styles, épaisseur et couleur des bordures
- Définition d’une couleur ou d’une image d’arrière-plan
Gestion Des liens
- Aspect des liens : Pseudo-classes et styles spécifiques
- Composition : Destination, étiquette et cible
- Lien interne ou externe
- Liens de messagerie et de téléchargement
- Les formulaires
- Présentation de la balise FORM
- Insertion d’une zone de texte
- Insertion d’une case à cocher, d’un bouton radio et d’un menu déroulant
- Validation du formulaire
Prérequis
- Aucun prérequis pour cette formation
Publics visés
- Web designers ayant en charge la création d’un site Internet répondant aux normes standards
Modalités et délais d’accès à la formation :
- Pour s’inscrire ou se renseigner sur une formation, veuillez nous contacter
- Une fois inscrit à une session de formation, vous recevrez une confirmation d’inscription à la formation par email
- Votre accès à la formation aura alors lieu au maximum 2 mois après confirmation de votre inscription
- Au plus tard une semaine avant le début de la formation, vous recevrez une convocation à la session de formation
Méthodes mobilisées :
- Méthode transmissive
- Méthode démonstrative
- Méthode interrogative
- Méthode active
- Méthode expérientielle
Modalités d’évaluation :
- En début de formation : Évaluation des besoins et objectifs individuels
- Durant la formation : Quiz et exercices individuels ou de groupes
- Fin de formation : Quiz d’auto-évaluation ou passage de certification
Accessibilité aux personnes en situation de handicap :
- Nous favorisons l’accès aux personnes en situation de handicap. En savoir +
Autres Formations
Photoshop Perfectionnement
Formation conçue pour les utilisateurs ayant déjà des bases solides en Photoshop et souhaitant approfondir leurs compétences et maîtriser des techniques avancées
Photoshop pour le Web
Formation spécialement conçue pour les professionnels du web design et les créateurs de contenu digital. Elle vise à exploiter pleinement les capacités de Photoshop pour créer des éléments graphiques optimisés pour une utilisation en ligne