Formation HTML

Public visé : Tout public.

Pré-requis : Savoir utiliser un ordinateur.

Objectif : Maîtriser les bases du langage HTML.

Moyens pédagogiques, techniques et d'encadrement : Présentation sur vidéo projecteur, PC et connexion internet fournis, support de cours fourni.

Modalités de suivi de l'exécution de l'action : Feuille d'émargement et attestation de formation.

Modalité d'évaluation des acquis : Tests de contrôle des connaissances, Evaluation à chaud.

Points abordés : 

NOTIONS DE BASE

• Généralités (définition, fonctionnement, écriture)
• Structure d'un document
• Balises et attributs

MISE EN PAGE

• Balise Meta
• Balise DIV
• Balise BR
• Fond d'ecran
• Couleur du texte
• Styles

TABLEAUX

• Balise TABLE
• Balise TR
• Balise TD

LIENS

• Balise A
• Ancres
• FTP
• Mailto

IMAGES

• Balise IMG
• Alignement des images
• Images en ligne
• Images utilisées comme ancre
• Image MAP

FEUILLES DE STYLE

• Balise STYLE
• Groupement
• Sélection contextuelle
• Héritages de styles
• Définitions dans des fichiers externes
• Définitions de style

FORMULAIRES

• Balise FORM
• Texte court
• Menu déroulant
• Cases à cocher
• Bouton radio
• Zone de texte

MISE EN APPLICATION

Public visé :Développeurs et utilisateurs désireux d'approfondir leurs connaissances en HTML. Personnes en charge de l'administration d'un site web.

Pré-requis : Avoir les connaissances de base du langage HTML ou avoir suivi la formation initiation.

Objectif : Maîtriser les fonctions avancées du lange HTML.

Moyens pédagogiques, techniques et d'encadrement : Présentation sur vidéo projecteur, PC et connexion internet fournis, support de cours fourni.

Modalités de suivi de l'exécution de l'action : Feuille d'émargement et attestation de formation.

Modalité d'évaluation des acquis : Tests de contrôle des connaissances, Evaluation à chaud.

Points abordés :  

STRUCTURE D'UNE PAGE

• Eléments obligatoires

SITES STATIQUES & SITES DYNAMIQUES

• Les sites statiques
• Les sites dynamiques

HOMOGENEISATION DE LA PRESENTATION

• Initiation à l'ergonomie Web
• Choix d'une strucutre
• Choix des couleurs et de la typographie

RESPECT DES STANDARDS ET CODE VALIDE

• Présentation du W3C
• Créer un code valide
• Valider un site Internet

FEUILLES DE STYLE CSS

• Les selecteurs
• Les pseudo-classes
• Manipulation des propriétés CSS

ACCESSIBILITE NUMERIQUE (W3C-WAI-WCAG 1.0)

MISE EN APPLICATION

Public visé : Développeurs web souhaitant découvrir les fonctionnalités HTML5 et CSS3.

Pré-requis : Avoir de bonnes connaissances en HTML, CSS et maîtriser les bases de la programmation Javascript.

Objectif : Savoir utiliser et mettre en place des pages internet conforme au HTML5 et au CSS3.

Moyens pédagogiques, techniques et d'encadrement : Présentation sur vidéo projecteur, PC et connexion internet fournis, support de cours fourni.

Modalités de suivi de l'exécution de l'action : Feuille d'émargement et attestation de formation.

Modalité d'évaluation des acquis : Tests de contrôle des connaissances, Evaluation à chaud.

Points abordés :  

INTRODUCTION

• L'histoire de l'HTML5
• L'HTML5 d'aujourd'hui
• L'HTML5 de demain
• Pourquoi faire le choix de l'HTML5
• Connaitre la compatibilité des navigateurs

LE LANGAGE HTML5

• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Les balises et attributs obsolètes
• Les principales balises
• La structure d'une page
• Balises Vidéo et audio
• Balises de formulaire

LES APIS DE L'HTML5

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements
• La géo-localisation

LE CSS3

• Les bordures arrondies)
• La transparence)
• Les ombres portées)
• Mise en page)
• Les animations (transitions et transformations)

MISE EN APPLICATION