Tuto publié par 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
Apprendre XHTML & CSS
Voici une formation XHTLM et CSS, de plus de 9h, en vidéo et…
Formation HTML : l'essentiel…
Voici une formation HTML en vidéo grâce à laquelle vous allez…
Créer des zones cliquables…
Dans ce tuto HTML vous découvrirez comment créer des zones…
Coder plus rapidement avec…
Dans ce tuto nous allons apprendre à utiliser le plug-in Zen-coding.…
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
Salut, moi c’est Adrien, j’ai 27 ans et je suis Graphiste / Webdesigner depuis 5 ans maintenant. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant 3 ans et depuis peu je me suis lancé en freelance. Je souhaite partager mes connaissances avec vous membres de tuto.com et j’essaierai d’être le plus didactique possible dans mes tutoriaux. Ma devise : Webdesign is not a job, it’s a passion !
En savoir plus sur spykrew07
Témoignage des clients de spykrew07
Je viens d'acheter plusieurs de ses tutos et je trouve que Spykrew07 est un excellent formateur. je recommande ses formations!
Des tuto sympa mais parfois un peu chers.
Très bon formateur, j'ai acheté beaucoup de ses tuto, le timbre de voix passe bien en continu, et bon ritme d'apprentissage. Je recommande.
Les tutos wordpress de ce formateur sont tout simplement INDISPENSABLES
je n'ai pas encore terminé les tutos, mais pour une bille comme moi, je comprends tout. Un grand merci
Lire les autres témoignages
D'autres tuto de spykrew07
Customisez votre Fan Page avec une page HTML dans une iFrame
Dans ce tuto Facebook en vidéo, nous verrons comment grâce à une application Facebook…
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…
Notes attribuées par les utilisateurs (13 votes)
Les avis / Questions des utilisateurs (15)
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é 167 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 14 novembre 2011 par spykrew07, contributeur, ayant reçu une note moyenne de 4,7/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 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(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... "