Catégories

Apprendre HTML 5 – Les fondamentaux et perfectionnements

Apprendre HTML 5 – Les fondamentaux et perfectionnements

ISO | Français | 15 H 02 Min | 7.3 Go

Dans ce tutoriel, je vous propose de découvrir le langage HTML 5. Tutoriel complet pour apprendre le HTML5. Quelque soit votre niveau, ce cours est fait pour vous. Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML ou le HTML 4.01, découvrez toute la puissance du HTML5.

Partie 01 :
• 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 02 :
• 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 03 :
• 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 04 :
• 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 05 :
• 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 06 :
• 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 07 :
• 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 08 :
• 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 09 :
• 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

_blank
_blank
Articles récents