Initiation HTML5 et CSS3
En parallèle de votre formation au CMS Joomla! il vous faut maîtriser les langages de base du web que sont HTML5 et CSS3. HTML est un langage qui permet de présenter des informations sur Internet. Bien qu'encore en cours de création, la version HTML5 est un langage parfaitement utilisable.
A la fin de cette formation, vous serez capable de :
- Créer des pages en HTML5 et utiliser les nouvelles balises HTML 5
- Utiliser les APIs JavaScript de HTML5
- Connaître le niveau de support des fonctionnalités HTML5 par les navigateurs actuels
- Emuler certaines fonctionnalités HTML5 sur des navigateurs moins récents
- Mettre en page et en forme avec CSS3
Webmaster
Maîtriser la création de sites web en HTML5/CSS3 et JavaScript/DHTML (3 jours)
Introduction
- Edition de sites internet
- Architecture d'un site
- Communication navigateur/serveur (protocole, url...)
- Technologies associées au web
- Outils de développement
Conception de pages web avec HTML5
- Présentation du HTML: Historique, versions
- Balises et attributs: principes et fonctionnements
- Structure d'une page web (en-tête et corps)
Atelier: première page internet
Principales balises HTML
- Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
- Création de liens hypertextes (page, fichier, messagerie) et cibles
- Insertion d'images et légende
- Listes à puces (non ordonnées / ordonnées)
- Tableaux: en-têtes, corps, propriétés
- Formulaires: principe, composants, propriétés, attributs
- Sons, vidéos
Atelier: un premier formulaire d'envoi de mail
Principes de base de CSS
- Syntaxe d'une règle CSS
- Types de sélecteurs (Balise, ID, Classe)
- Pseudo-classes: de liens, de texte...
- Architecture de feuilles de style
- Politique de style d’un site Internet
- Méthodes de création de sites web
- Les sélecteurs et pseudo-selecteurs CSS3
Atelier: styliser une page existante
Présentation des enjeux du référencement
- Concepts et insertion des balises d’en-tête
- Quelques règles à respecter
- Techniques avancées de création HTML
Présentation des techniques d’alignement
- Présentation des balises sémantiques: Article, Header, Section...
- Création du squelette HTML5
- Définition des feuilles de styles
- Positionnement des block
- Gestion de la compatibilité entre navigateurs (cross-browser compatibility)
Atelier: réaliser un site avec une structure HTML5
Accessibilité ( accès au web pour les personnes handicapées )
- Standards et ergonomie (WAI et ADAE)
- Définition de l’architecture HTML
- Feuilles de styles
- Création des pages de contenus et application des normes
- Les éditeurs WYSIWYG et l’accessibilité
- L’intégration d’outil CMS et l’accessibilité
Atelier: tester l'accessibilité d'un site
- Webmasters
- Chef de projet Web
- Rédacteurs de pages Web
Notions de création de sites Web
- Formation en inter-entreprises : 500 € HT par personne par jour
- Formation en intra-entreprise : nous consulter
Pauses café et déjeuner du midi compris si la formation se déroule dans nos locaux.
Le stage peut être prise en charge par votre organisme collecteur (numéro officiel d'organisme de formation: 11 95 04407 95). Prévoir des frais de déplacement en sus si la formation est réalisée dans les locaux du clients hors île de France.
Possibilité de formation à distance.
Formateur
agathe
Je coooooooooooooode
Chef de projet Joomla! / SEBLOD. Développeuse front end et formatrice CSS / JS, spécialiste templating Joomla! et référencement.