HTML/XHTML/CSS

Cette formation langage web HTML/XHTML/CSS permet de créer des pages web statiques et de les mettre en forme. Activ'recrutement et formation met à votre disposition ses compétences et son expérience pour le déroulement des formations sur Le mans, Angers, Paris, Laval, Aix en provence, Marseille, Montpellier, Lille.

Cette formation vous intéresse ?

N'hesitez pas à nous contacter au 02.43.20.35.48 ou
par mail ici

Objectifs

A l'issue de cette formation vous serez capable de :

  • de créer des pages web statiques en HTML/ XHTML avec un éditeur basique et les mettre en forme avec du CSS.
Public

Cette formation s'adresse à tous publics.

 

 

Durée et lieu

Durée : 3 jours (21h)

Villes:

  • Le Mans
  • Angers
  • Laval
  • Paris
  • Aix en provence
  • Marseille
  • Montpellier
  • Lille

 

 

Programme

Le matériel et les logiciels

  •  Ressources nécessaires
  •  Quel éditeur choisir ?
  •  Notepad ++, Netbeans, Eclipse
  •  Les navigateurs


Structure de base d'un document HTML

  •  La balise HTML
  •  Définition de l'encodage
  •  La balise HEAD
  •  Les métas informations
  •  Les balises utiles pour le référencement
  •  La balise BODY


Mettre en forme du texte

  •  Le formatage du texte
  •  Les balises d'entêtes
  •  Les listes non ordonnées
  •  Les listes ordonnées
  •  Les listes de définition
  •  Les abréviations
  •  Les espaces insécables, les sauts de ligne ...
  •  Les caractères accentués
  •  Les paragraphes
  •  L'alignement des éléments


Les tableaux

  •  Insertions de tableaux
  •  Insertion de lignes et colonnes
  •  Fusionner des lignes et colonnes
  •  Fractionner des lignes et colonnes
  •  Remplissage avec une couleur
  •  Mise en forme avancée avec des tableaux
  •  Les principaux attributs des tableaux

 
Les images

  •  Les formats d'images du web
  •  Les contraintes liées aux images
  •  Insertion d'images
  •  Les liens hypertexte sur une image
  •  Les principaux attributs d'une image


Les liens hypertexte

  •  Création de lien hypertexte sur du texte
  •  Vers une page web, vers un serveur ftp
  •  Création de lien vers messagerie (mailto)
  •  Création de lien hypertexte sur des images
  •  Les principaux attributs sur un lien hypertexte


Les médias

  •  Insertion de flash
  •  Insertion de vidéo Flash
  •  Insertion de vidéo YouTube


Les formulaires

  •  La balise form
  •  Les champs de texte
  •  Les zones de texte
  •  Les listes déroulantes
  •  Les boutons radio
  •  Les cases à cocher
  •  Les boutons envoyer et rétablir


HTML avancé

  •  Insertion de code JavaScript.
  •  Gestion des couleurs web
  •  Caractères spéciaux


Norme actuelle et tendance du CSS

  •  CSS 2
  •  CSS 3
  •  Compatibilité dans les navigateurs


Mise en forme à l'aide de CSS

  •  Principes des styles
  •  Créer des règles de style
  •  Comment structurer le 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, graissage ...
  •  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