Formation HTML / XHTML / CSS

HTML / XHTML / CSS
L'Hypertext Markup Language, généralement appelé HTML, est le format de données pour concevoir des pages web statiques.
CSS : Cascading Style Sheets qui signifie en Français feuilles de style en cascade est le langage permettant la mise en forme des pages web.

Financer ma formation Obtenir un devis


Le programme de formation détaillé


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.