Tuto publié par 
Dans cette formation Créer un template d'un blog en HTML et CSS d'une durée d'environ de 3 heures et découpée en 14 vidéo, vous allez apprendre à créer un template d'un blog ou site en HTML et CSS.
Je vous expliquerai, pas à pas, les bases nécessaires pour créer des pages HTML et comment travailler leurs styles pour leurs donner une présentation personnalisée. Avec la création de ce template de blog, nous aurons l'occasion de voir la majorité des balises HTML5 et CSS3 nécessaires pour créer un site web. Nous partirons d'une page blanche et nous réaliserons étape par étape les différentes pages qui composent notre blog.
- Créer des pages HTML structurées.
- Créer des feuilles de styles.
- Décomposer une page HTML (Header, Navigation, Contenu,... et Footer).
- Créer une barre de navigation.
- Installer SASS ou Compass pour compiler le CSS.
- Travailler avec SASS pour générer le CSS.
- Intégrer un slider de plusieurs images.
- Créer une présentation pour une page.
- Créer une page d'articles (la liste des articles du blog).
- Créer une Sidebar.
- Créer une pagination.
- Créer une page single d'un article.
- Créer des formulaires.
- Insérer une carte GoogleMaps.
- Créer une page de contact.
- Créer les pages de connexion et d'inscription.
- Les balises HTML5 et CSS3.
A la fin de cette formation, vous serez en mesure de créer un Blog ou un site complet en HTML5 et CSS3. Tout le blog est inclus dans les sources fournies avec cette formation.
Jetez un oeil à ces autres tuto HTML 5, CSS 3
Créer un jeu de type Portal…
Ce tuto HTML5/JS vous permettra de découvrir comment réaliser…
Apprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…
Créer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…
Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…
Formation Html5 et CSS3
Voici une formation à la découverte de l'HTML5 et du CSS3.…
Créer un portfolio full responsive…
Voici une formation pour apprendre à créer un portfolio full…
Cette formation contient 14 leçons en vidéo pour une durée totale de 3h03.
Voici le programme complet abordé au cours de cette formation :
- Introduction00:01:17
- Décomposer la page d'accueil00:03:44
- Structure HTML de la page d'accueil00:10:49
- Contenu de la page d'Accueil00:15:55
- Installation de SASS et COMPASS00:12:23
- Barre de navigation00:12:19
- HEADER00:11:49
- Style de la page d'accueil00:23:16
- Slider00:12:03
- Page blog la liste des articles00:29:29
- Page article single00:26:44
- Page de contact00:14:47
- Page de connexion et d'inscription00:07:58
- Conclusion00:01:15
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto HTML 5, CSS 3 de 3 heures 3 minutes est proposée dans une résolution plus grande que l’extrait suivant :
athakim
, Formateur
Je m'appel Hakim , je suis Chef de projet informatique dans un grand groupe de distribution.
J'ai travaillé dans le développement informatique et les Systèmes d'informations . Actuellement je prépare mon diplôme d'ingénieur avec le CNAM de paris .
Toutes les formations de Athakim
D'autres tuto de athakim
Introduction à l’API Google Maps JavaScript v3
Dans ce tutoriel vidéo Introduction à l'API GoogleMaps Javascript V3, d'environ 48…
Paypal Express Checkout de A à Z
Dans ce tutoriel Paypal Express Checkout et PHP en vidéo, je vous montrerai de A à…
MongoDB : tuto d'introduction
Voici un tuto gratuit sur MongoDB. MongoDB est un Système de gestion de base de données…
Laravel : formation sur ce framework PHP
Dans cette formation Laravel en vidéo, nous couvrirons l'Essentiel de Laravel sur une…
Notes attribuées par les utilisateurs (8 votes)
Les avis / Questions des utilisateurs (9)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto HTML 5, CSS 3 d’une durée de 3 heures 3 minutes a été acheté 98 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 14 janvier 2013 par athakim, contributeur, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto HTML Intégration.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi tuto classés dans nos 236 logiciels ou langages informatiques.
(a acheté ce tuto - 07 avril 2013)
" Excellent tutoriel ! Les explications du formateur sont très clair très précise. Le code généré est simple et professionnel.
Formateur a suivre ! "
(a acheté ce tuto - 19 mars 2013)
" Je recommande cete formation. C'est une formation complète pour les débutants. "
(a acheté ce tuto - 21 février 2013)
" Bonne prise en main , clair et détaillé une bonne aide pour commencer en html "
(a acheté ce tuto - 19 février 2013)
" Moi j'aime bien les tutos de hakim.
Bon parfois il y a des petites hésitations ou confusion mais le code proposé est toujours de bonne qualité.
Par contre il faut absolument améliorer la qualité de la vidéo car à beaucoup d'endroits c'est parfois ilisible, et c'est très agaçant. "
(a acheté ce tuto - 15 février 2013)
" Un très bon tuto, qui m'a permis d'approfondir mes connaissances et le formateur est très sympa à suivre :)
Je recommande et j'ai hâte d'attaquer la partie php et le back office maintenant ! "
(a acheté ce tuto - 23 janvier 2013)
" Excellent tuto que j'ai eu un grand plaisir à suivre de bout en bout.
J'ai d'ailleurs suivi le tuto sur le site e-commerce avec Paypal, et ne peux cacher mon impatience pour la suite de ce tuto et la partie PHP/dynamisme du blog.
Alors on se dépêche Athakim ;)
Un grand merci ! "
(a acheté ce tuto - 17 janvier 2013)
" bon début pour expliquer comment créer la maquette du blog "
(a acheté ce tuto - 16 janvier 2013)
" On ne comte pas, par exemple ...
compte, du verbe compter probablement, donc : on ne compte pas ! "
(a acheté ce tuto - 15 janvier 2013)
" Beaucoup d'hésitations et des commentaires qui ne sont pas clairs par moment, sans oublier les mauvaises tournures de phrase.
On ne comte pas, par exemple, les "Qui sont"
Dommage "