Rechercher une formation et ses disponibilités

Formation HTML et CSS

Cette formation HTML et CSS sur 2 jours va vous rendre opérationnel dans la réalisation de pages Web. À terme vous serrez capable d'utiliser parfaitement le langage de balisage HTML et les feuilles de style CSS afin d'intégrer des contenus complexes (formulaires, images, multimédias...) dans vos sites Internet.

HTML et CSS, qu'est-ce que c'est?
Langages informatiques, l'Hypertext Markup Language permet la réalisation et la mise en forme de contenu et les Cascading Style Sheets ou feuilles de style en cascade, de personnaliser et d'étayer la présentation de ces contenus. Nécessaire pour l'utilisation de certains outils Web comme WordPress ou systèmes comme .NET, PHP, JAVA, cette formation vous donnera une certaine autonomie et étendra vos domaines de compétence.

Objectifs de cette formation HTML et CSS

Maîtriser le langage HTML pour produire des documents
Connaître et exploiter l'ensemble des possibilités offertes par l'Hypertext Markup Language
Perfectionner la présentation et la maintenance de pages Web grâce à CSS

Public de cette formation HTML et CSS

Utilisateurs et contributeurs de l'informatique
Informaticiens
Chefs de projet
Concepteurs Web
Développeurs débutants
Webmasters élaborant des documents à destination du Web

Pré-requis de cette formation HTML et CSS

Posséder des connaissances de base sur Internet

Programme de cette formation HTML et CSS

Introduction à l'Hypertext Markup Language (HTML)

Présentation du langage du Web de référence
Présentation de l'historique et du contexte

Découvrir l'environnement et la structure du HTML

Comprendre l'utilité et le fonctionnement des balises
Savoir bien utiliser les balises
Visualiser les atouts et les pièges du HTML
Réaliser un document HTML minimal

Savoir mettre en forme un document HTML

L'en-tête d'un document HTML (!doctype html)
Réalisation d'un texte simple
Connaître les différents objets d'un document

Savoir mettre en forme un texte

Savoir bien utiliser les titres (h1, h2...)
Se servir des paragraphes texte (la balise p)
Savoir passer correctement à la ligne (balise br...)
Formater un texte en HTML
Gérer l'alignement du texte
Manipuler couleur, police et taille du texte
Gérer la mise en place de caractères spéciaux
Rédiger des commentaires sans entraver la lecture
Visualiser les balises de texte dans leur globalité

Utiliser les différents types de listes

Établir des listes à puces ou listes non ordonnées
Établir des listes numérotées ou listes ordonnées
Élaborer des listes imbriquées
Définr des listes de définition

Mettre en place et manipuler des tableaux

Réaliser les cellules d'un tableau (table, tr, td...)
Comprendre le mécanisme de fusion de cellules
Gérer la taille d'un tableau
Définir la légende et l'en-tête (caption, thead, th)
Modifier le type de bordures (border, separate, collapse...)
Établir des groupes de lignes
Établir des groupes de colonnes

Intégrer des liens hypertextes au document

Connaître la balise pour les liens
Intégrer un lien de redirection vers une autre page
Intégrer un lien interne à la page
Intégrer un lien renvoyant à un autre site Web
Intégrer un liens renvoyant à une adresse électronique
Mise en place de liens de téléchargement
Comprendre les Target
Assimiler l'attribut titre
Modifier la couleur des liens (visités, non visités)
Mettre en place un lien vers une feuille de style

Savoir insérer des images au texte HTML

Exploiter des images présentes sur le Web
Savoir insérer une image dans le HTML
Gérer l'espacement autour de son image
Gérer l'alignement de son image vis à vis du texte
Changer la couleur de l'arrière plan (background-color)
Savoir insérer des images en arrière-plan
Savoir insérer un lien sur une image
Mettre en place des images réactives

Intégrer des éléments multimédia : Pdf, applets Java, Flash, Quicktime, Real

L'élaboration de frames pour structurer la mise en page

Présentation de la page cadres élémentaire (frameset)
Établissement de frames avec colonnes
Comprendre la mise en place de cadres avec lignes
Connaître mes différents attributs des cadres
Introduire des liens entre les différents frames
Mise en place de frames en ligne (iframe)
Distinguer le tableau du cadre

Réalisation de formulaires HTML

Savoir déclarer un formulaire (form)
Connaître les deux types de zone texte (monoligne, multiligne)
Établir un menu déroulant
Établir un bouton radio
Mettre en place un bouton d'envoi (submit)
Établir un bouton checkbox
Mettre en place un bouton d'annulation
Établir un bouton de commande
Savoir générer des formulaires cachés
Savoir concevoir des formulaires de transfert
Créer des formulaires mot de passe
Savoir organiser les différents éléments d'un formulaire

Comprendre le concept des meta-informations

Présentation et explication du DTD ou Doctype

Établir des feuilles de style pour étayer le HTML

Définir les propriétés (color, font-size, font-family...)
Définir et gérer des classes
Utiliser CSS pour dynamiser un site Web
Manipuler les positionnements des éléments