Sommaire formation apprendre le HTML 5 Partie 1 : - A quoi sert le HTML 5 - Comment créer un fichier HTML - Pourquoi le langage HTML 5 n'est pas considéré comment un langage de programmation - Qu'es-ce que la sémantique - Créer notre premier Hello World en HTML 5 - Créer la structure d'une page HTML 5 - A quoi sert le charset - Donner un titre a notre page - Premier pas avec les balises HTML 5 - Comment reconnaître si une balise est de type paire ou impaire - Comment reconnaître si une balise est de type inligne ou block Partie 2 : - Bien comprendre la notion d'imbrication des balises - Les commentaires en HTML - Le Zend Coding avec le plugin emmet dans notepad++ - Comment faire pour connaître et retenir toutes les balises - Mettre en place son serveur web local et le découvrir Partie 3 : - Explication du pourquoi du nom de fichier index.html - Les liens absolut et relatif - Créer une page web simple - Créer une page web avec une image - Créer une page avec avec une playlist youtube - Créer un menu sur toutes nos pages web - Naviguer entre nos différentes pages Partie 4 : - Les balises de structure du corp de notre page - Qu'es-ce que le Lorem ipsum - Ajouter de nouveaux plugins à Notepad++ (snippet et snippetPlus) - Créer un tableau et comprendre la fusion des cellules Partie 5 : - Intégrer une vidéo sur une de nos page web - Intégrer une musique sur notre page web - Créer un menu horizontal ou vertical en HTML 5 uniquement - Présentation du bootstrap de twitter Partie 6 : - Le boostrap de Twitter - Générer du Lorem ipsum en Zend-Coding - Créer une page HTML 5 avec un template du Boostrap - Adapter le Boostrap à notre propre structure HTML 5 - Installation de LiveReload (rechargement automatique de la page web après modification du code) - Configurer notre serveur Apache pour avoir des hôtes virtuel (plusieurs sites web avec une adresse personnalisé) - Télécharger Aptana studio 3 Partie 7 : - Comment déplacer le Serveur easyphp - Installation et configuration de Aptana Studio 3 - Ajouter un thème a Aptana Studio 3 - Traduire l'interface Aptana Studio 3, et ajout du dictionnaire français - Ajout de quelques extension à Aptana Studio 3 dont (emmet) - Création de snippet(emmet) dans Aptana Studio 3 - Création de template personnalisé dans Aptana Studio 3 - Création d'un projet - Création d'un lien symbolique Partie 8 : - Création d'un site web avec 6 pages - Création du site avec le style du Bootstrap - Page d'accueil, Facebook, Youtube, Twitter, Google+ et d'une page de contact - Intégration des modules sociaux dans les pages des réseaux sociaux - Utilisation de Apatan studio 3 (Projet et template), du zend-coding (Emmet) et du bootstrap de Twitter - Utilisation de la partie développeur sur Facebook et Twitter Partie 9 : - Création de notre page Google+ - Création d'un formulaire en HTML 5 avec le Boostrap - Création d'un hébergement sur hostinger.fr - Mettre son site en ligne via un hébergeur gratuit - Création d'une connexion FTP avec Aptana et Filezilla - Mise en place des icones des pages - Mise en place des méta Open Graph - Editer son site en ligne directement depuis Aptana