La formationsans fausse note

Progression Pédagogique :

Le web et ses standards• Quels protocoles et quels standards ?• Html 5 et la structure d’une page web• CSS 3 : la séparation de la structure

de la page• JavaScript pour scripter les pages

• Structure d’une page html• But d’une bonne organisation de page• Le "web sémantique"• La transition vers le Web sémantique • Les balises indispensables et leur rôle• Validation de page• Balises avec contenu et sans contenu

• Balises de base• Éléments Html• Les balises sémantiques essentielles

Html 5 pour organiser la page• En têtes, paragraphes et saut de lignes• Images• Liens texte et image• Organisation générale d’un site Web :

où placer les ressources

• Listes et puces• Listes ordonnées et non ordonnées• Mise en œuvre détaillée

• Tableaux• Données tabulaires et balise "table"• Structure détaillée d’un tableau Html• Utilisation d’un « caption »

• Formulaires• Rôle des formulaires• La balise « form » et ses attributs• Zones de saisie• Nouvelles balises de formulaires • Contrôles et validation

sans JavaScript

• Media et images• Insérer des contenus Multimédia• Les formats supportés• Balises "audio" et "vidéo"

• Aspects plus avancés• IFrames• Balises div et span,

balises de type "block" et "inline" • Problèmes d’internationalisation,

encodage des caractères, entités

• Notions de base sur les styles• Rôle de CSS• Exemples minimum

• Notions de base sur le script• Rôle de JavaScript• Gestion évènementielle minimale

• CSS3 : standardiser des propriétés • Introduction à CSS3 :

propriétés, sélecteurs, préfixes, médias, transitions, transformations, Internet Explorer

• Syntaxe,préfixes et usages CSS3• Quoi de neuf sous le capot ?

Préfixes : liste et utilité, syntaxe particulière à CSS3

• Vue d'ensemble : se passer d'images, éviter les astuces

• Coins arrondis, ombres portés, transparence

• Mise en page et positionnement

• CSS3 : mise en page et positionnement • Clarifier le code et éviter

la multiplication de balises imbriquées • Niveau de présentation • Mise en page par patron

et multi-colonnes • Mise en page par boîtes horizontales

ou verticales • Positionnement par grille

• CSS3 : animation Transitions• Une idée du responsive Design • La mise en page de grille fluide

(Création avec Dreamweaver et analyse du code CSS)

Objectif de la formation

Créer des pages en Html 5 – Maitriser les fonctionnalités du Xhtml et du Html 5. Utiliser les balises Html 5 et les APIs JavaScript de Html 5 - Connaître le niveau de support des fonctionnalités Html 5 par les navi-gateurs actuels - Émuler certaines fonctionnalités Html5 sur des navi-gateurs moins récents – Maitriser la liaison entre le Html et les CSS. Tirer partie des mises en page en DIV, SPAN et CSS Inline. Mettre en page et en forme avec CSS3..

Niveau requis

Avoir pratiqué Html et CSS.

Public concerné

Toute personne souhaitant acqué-rir les bases de la mise en page de sites web modernes. Vous pourrez modifier tous types de pages Web, conçues avec un éditeur standard, type Dreamweaver ou, dans une démarche de construction de sites avec un CMS de type Wordpress ou Joomla, personnaliser vos tem-plates à vos couleurs et selon vos contraintes de charte graphique.

Outils et moyens pédagogiques

Formation présentielle et méthode participative : présentation des fonctionnalités du logiciel, suivie de la prise en main basée sur des cas concrets par les utilisateurs.

Modalités d'évaluation

Cas pratiques à réaliser.

Modalités de suivi

Feuille d'émargement, bilans de for-mation stagiaire et formateur, attes-tation de formation.

Durée

2 à 3 jours selon niveaux.La journée de formation est de 7 h.

Centre de formation déclaré sous le numéro 11 75 210 1675

RÉSOLUTION SERVICES INFORMATIQUES

75017 PARIS1 boulevard Pershing

Contacts

01 44 09 06 89Fax : 01 44 09 02 78

Sites web& Achats en ligne

www.irsi.fre-mail : rsi@irsi.fr

La formation sans fausse noteVENTE ASSISTANCE FORMATIONS MAINTENANCE

RSI SAS au capital de 83 054,26 eurosRCS Paris 391 838 315 - SIRET 391 838 315 000 37 - APE 6202A- Organisme de formation déclaré sous le numéro 11.75.210 1675

DEPUIS1993

HTML 5 et Css 3>