Tuto publié par Ce tuto vidéo "Apprenez les bases du HTML 2ème partie (avec un peu de CSS) avec HTML" fait partie d'une formation complète qui vous permettra de découvrir plus en profondeur HTML. Découvrez sans plus attendre la formation "Pack formation HTML et CSS débutant : Créer votre premier site web" dans laquelle vous retrouverez cette vidéo et tous les fichiers source utilisés par le formateur.
Les fichiers source ne sont pas fournis dans les vidéos vendues à l'unité.
Dans ce tuto HTML, nous continuerons l'apprentissage de ce langage et nous verrons qu'il est étroitement lié au CSS pour styliser nos balises et construire une structure avec des zones définies.
Au programme de cette 2ème partie :
- Créer et lier un fichier javascript à notre page HTML
- Tester le fonctionnement de ce script
- Qu'est ce qu'un favicon ?
- Lier ce favicon à la page HTML
- Créer et lier une feuille de style CSS
- Explications sur les différences entre une balise inline & block
- Apparition des balises DIV & SPAN
- Création de notre première structure HTML (en-tête, contenu, sidebar, pied de page)
- Différence entre ID et CLASS pour styliser nos div
- Création d'un commentaire en HTML
- Styliser nos différentes div dans la feuille de style
- Tester le résultat dans le navigateur
- Ajouter une fonctionnalité de lien "remonter en haut de page" dans le footer
A la fin de ce tuto, vous avez normalement acquis de bonnes bases sur le langage HTML, et nous pourrons commencer une stylisation plus poussée dans un prochain tuto sur les bases du CSS ou nous ferons ensemble un tour d'horizon des principales règles & astuces pour intégrer correctement vos designs. D'autres tutoriels vidéos sur l'intégration HTML/CSS à partir de maquettes PSD suivront !
Tous les fichiers sont fournis, vous pourrez donc reproduire à l'identique le résultat obtenu à la fin de ce tuto. Bon tuto !
Retrouvez la première partie de ce tuto : les bases du HTML - Partie 1
Jetez un oeil à ces autres tuto HTML
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Apprendre XHTML & CSS
Voici une formation XHTLM et CSS, de plus de 9h, en vidéo et…
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Formation HTML : l'essentiel…
Voici une formation HTML en vidéo grâce à laquelle vous allez…
Apprendre XHTML & CSS
Voici une formation XHTLM et CSS, de plus de 9h, en vidéo et…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto HTML de 32 minutes est proposée dans une résolution plus grande que l’extrait suivant :
spykrew07
, formateur certifié
Salut à tous !
Je m'apelle Adrien j’ai 28 ans et je suis Webdesigner spécialiste WordPress depuis plus de 6 ans. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant plus de 3 ans et depuis 1 an et demi je me suis lancé en freelance. Formateur certifié sur tuto.com, je partage mes connaissances et mes découvertes dans différents domaines : web design, logo, html, wordpress, php, css jquery ...
Ma devise : Webdesign is not a job, it’s a passion !
Toutes les formations de Spykrew07
Témoignage des clients de spykrew07
Excellent. Pédagogie, professionnalisme, efficacité, sens du détail, tout y est.
Excellent tuto, explications sont très claires et toujours justifiées, on sait ce qu'on fait et pourquoi. 1 grand Merci!!! Juste 1 pb : dans mon site onepage, ma bande de menu active saute sur la rubrique dans le menu juste au dessus, après le clic.
Rien à dire, tuto expliqué de manière claire. Formateur Pro, allez-y.
extrêmement complet ! très pédagogique ! Top !
Je trouve très intéressante votre vidéo sur la création d'un site OnePage. Je l'ai vu plusieurs fois et vais me lancer bientôt dans la création d'un site en m'inspirant de vos idées. Pour le reste "Jquery, css, ...) cela ne me fait plus peur . Merci.
Lire les autres témoignages
D'autres tuto de spykrew07
Créer une navigation à l'aide de la méthode load()
Dans ce tuto JQuery en vidéo, nous allons voir ensemble comment utiliser la méthode…
Changer le contenu d'une div avec un select
Dans cette formation Jquery en vidéo, nous verrons comment changer le contenu d'une…
Proposez du contenu privé aux membres de votre site web
Dans cette formation Wordpress en vidéo, nous allons voir ensemble comment privatiser…
Apprenez les Bases du HTML
Dans cette formation en vidéo, nous apprendrons les bases du HTML qui sont souvent négligés…
Notes attribuées par les utilisateurs (20 votes)
Les avis / Questions des utilisateurs (22)
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 d’une durée de 32 minutes a été acheté 308 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 14 novembre 2011 par spykrew07, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto HTML Base.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video 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 32361 tuto classés dans nos 237 logiciels ou langages informatiques.
(a acheté ce tuto - 02 décembre 2012)
" vraiment bien expliqué! parfait! bonne vulgariastion des éléments pour les débutants "
(a acheté ce tuto - 29 novembre 2012)
" Très bien pour l'aperçu des base de la mise en place d'une structure de page.
Merci "
(a acheté ce tuto - 15 octobre 2012)
" bon complément à la première partie avec l'intro aux css "
(a acheté ce tuto - 27 septembre 2012)
" le tuto très clair pour un débutant, merci beaucoup. "
(a acheté ce tuto - 23 septembre 2012)
" Excellent!!! A l'image du premier ;o) J'attaque les CSS dès demain "
(a acheté ce tuto - 12 septembre 2012)
" Tuto clair et concis mais l'essentiel y est, hâte de visionner la partie sur le CSS ! "
(a acheté ce tuto - 29 juillet 2012)
" Bonjour, j'ai trouvé ce tutoriel très intéressant. J'aurai une question sur le favicon. Je n'arrive pas à l'afficher en format tel que le jpeg... Est-ce un problème d'extension? Car pour le js, j'ai dû mettre dans notepad l'extension .txt. Je vous remercie par avance. "
(a acheté ce tuto - 01 mai 2012)
" Une super formateur qui prend le temps d'expliquer le pourquoi et le comment.
A recommander vivement
C'est parti pour le CSS ;-) "
(a acheté ce tuto - 12 avril 2012)
" Pareil que pour la première partie, très bien expliqué pour un débutant ! "
(auteur de ce tuto - 30 mars 2012)
" @jubei Eh bien que d'éloges !! Merci à toi et je suis content que ça te plaise et que tu t'améliores grâce à mes tutos :D Bonne continuation !! "
(a acheté ce tuto - 29 mars 2012)
" C'est du lourd, c pro, bref on en prends plein la gueule !
A ce niveau, on ne parle plus de talent mais d'un don !
Merci ! "
(a acheté ce tuto - 18 mars 2012)
" Excllente suite.
Merci pour la clareté de ces bases, j'ai hâte de poursuivre en CSS... "
(a acheté ce tuto - 13 février 2012)
" Très bien, je passe tout de suite à la formation CSS.
Une question quand même, est-ce que c'etait du html 5 que je viens d'apprendre ? Sinon, as tu prévu une suite en html 5 ? "
(auteur de ce tuto - 25 janvier 2012)
" @Sotoph Merci à toi ! Tu as la partie CSS aussi pour compléter ton apprentissage ;) Bonne continuation !! "
(a acheté ce tuto - 24 janvier 2012)
" Tout aussi excellent que l premier.
Merci "
(a acheté ce tuto - 24 janvier 2012)
" clair, précis !! "
(a acheté ce tuto - 16 janvier 2012)
" Bonjour spykrew07,
Merci beaucoup pour vos deux tuto sur le HTML que j'ai acheté et j'en suis très content, ces cours sont excellents.
J'espère qu'il y aura une suite et également pour le CSS
cordialement: Michel
www.michelzappy.com
michel.zappy@videotron.ca "
(a acheté ce tuto - 07 janvier 2012)
" Bonjour spykrew07,
j'ai beaucoup apprécié votre tuto et la clarté de l'enseignement.
Je recherche un programmeur webmaster passionné et qualifié pour participer à des projets de webdesign, et serai très heureux de travailler avec vous si disponibilité.
Architecte d'intérieur pendant de longues années, je développe maintenant mon activité dans l'infographie (website & pub).
Je vous propose donc la possibilité de partager mes projets en cours pour travailler en équipe via skype.
Merci de me tenir informé rapidement de votre intérêt.
Chaleureusement,
Bruno Martinez - Designer Graphiste -
Port : + 33(0)6 84 90 11 04
Email : designbm@me.com
Skype : crystal-design.fr "
(a acheté ce tuto - 01 décembre 2011)
" excellent "
(a acheté ce tuto - 24 novembre 2011)
" très clair "
(a acheté ce tuto - 15 novembre 2011)
" super intéressant "
(a acheté ce tuto - 14 novembre 2011)
" Tutoriel de grande qualité et extrêmement clair, vivement la suite... "