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