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 : [email protected]
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>