Barhoumi Omar
Classement : 15 / 917
17 vidéos sélectionnées
Apprenez à créer votre site web avec HTML5 et CSS3 : -4- Créer des liens
Au chapitre précédent, vous avez appris à créer une page HTML toute simple. D'accord, elle n'était pas franchement magnifique, mais c'était une vraie page HTML quand même.
Comme vous le savez, un site web est composé de plusieurs pages. Comment faire pour aller d'une page vers une autre ? À l'aide de liens pardi ! Dans ce chapitre, nous allons justement apprendre à créer des liens entre nos pages.
Je suppose que chacun d'entre vous sait ce qu'est un lien : il s'agit d'un texte sur...
Thèmes liés : creer un lien vers une page web en html / creer site web html5 css3 / creer les sites et pages web / comment faire un site web html / page site web
Apprenez à créer votre site web avec HTML5 et CSS3 : -2- Votre première page web en HTML
Ça y est, vous avez installé tous les logiciels ? Vous devriez maintenant avoir un éditeur de texte pour créer votre site (comme Sublime Text) et plusieurs navigateurs pour le tester (Mozilla Firefox, Google Chrome…).
Dans ce chapitre, nous allons commencer à pratiquer ! Nous allons découvrir les bases du langage HTML et enregistrer notre toute première page web !
Alors oui, bien sûr, ne vous attendez pas encore à réaliser une page web exceptionnelle dès ce second chapitre, mais...
Thèmes liés : creer site web html5 css3 / logiciel pour creer page web html / creer les sites et pages web / page site web / editeur de page web
Apprenez à créer votre site web avec HTML5 et CSS3 -13- La mise en page avec Flexbox
Allez, il est temps d'apprendre à mettre en page notre site. Vous savez ? Placer un en-tête, des menus sur le côté, choisir où apparaît une information, etc. C'est la pièce manquante du puzzle pour que nous puissions enfin créer notre site ! :)
Il y a plusieurs façons de mettre en page un site. Au fil du temps, plusieurs techniques ont existé :
Au début, les webmasters utilisaient des tableaux HTML pour faire la mise en page (berk)
Puis, CSS est apparu et on a commencé à faire...
Thèmes liés : mise en page site web css / creer site web html5 css3 / creer les sites et pages web / creer site web html css
Apprenez à créer votre site web avec HTML5 et CSS3 : -11- Structurer sa page
Nous approchons de plus en plus du but. Si nos pages web ne ressemblent pas encore tout à fait aux sites web que nous connaissons, c'est qu'il nous manque les connaissances nécessaires pour faire la mise en page.
En général, une page web est constituée d'un en-tête (tout en haut), de menus de navigation (en haut ou sur les côtés), de différentes sections au centre… et d'un pied de page (tout en bas).
Dans ce chapitre, nous allons nous intéresser aux nouvelles balises HTML...
Thèmes liés : mise en page site web html / creer site web html5 css3 / creer les sites et pages web / creer page web html / creer site web html
Apprenez a creer votre site web avec HTML5 et CSS3 : -1- Comment fait-on pour créer des sites web ?
Bonjour et bienvenue à toutes et à tous !
Voici donc le premier chapitre de ce cours pour débutants, qui va vous apprendre à créer votre site web !
Nous allons passer un certain temps ensemble, tout dépendra de la vitesse à laquelle vous apprendrez. Si vous lisez ce cours régulièrement et à une bonne vitesse, vous l'aurez terminé en une à deux semaines. Mais si vous avez besoin d'un peu plus de temps, ne vous inquiétez pas : le principal est que vous y alliez à votre rythme, de...
Thèmes liés : creer site web html5 css3 / comment creer un site web / creer sites web / simple site web
Apprenez à créer votre site web avec HTML5 et CSS3 : -3- Organiser son texte
Bon, la page blanche c'est bien joli, mais votre site web risque d'avoir un succès mitigé si vous le laissez comme cela.
Nous allons découvrir de nombreuses balises HTML dans ce chapitre. Certaines existent depuis la toute première version de HTML, d'autres ont été introduites plus récemment dans HTML5.
Nous allons voir successivement dans ce chapitre :
comment rédiger des paragraphes ;
comment structurer sa page avec les titres ;
comment donner de l'importance à certains mots de...
Thèmes liés : creer site web html5 css3 / creer les sites et pages web / comment creer une page web html / comment creer un site web en html
Apprenez à créer votre site web avec HTML5 et CSS3 :-15-TP: création d'un site pas à pas
Enfin, nous y voilà. C'est un chapitre un peu particulier, assez différent de ce que vous avez lu jusqu'à maintenant. En fait, c'est ce que j'appelle un « TP » (Travaux Pratiques). Maintenant, vous ne pouvez plus vous contenter de lire mes chapitres à moitié endormis, vous allez devoir mettre la main à la pâte en même temps que moi.
Vous avez lu beaucoup de théorie jusqu'ici mais vous vous demandez sûrement comment font les webmasters pour créer d'aussi beaux sites. Vous vous...
Thèmes liés : creer site web html5 css3 / creation site web html5 css3 / comment creer site web / creer sites web
Apprenez à créer votre site web avec HTML5 et CSS3 : -6- Mettre en place le CSS
Après avoir passé toute une première partie du cours à ne travailler que sur le HTML, nous allons maintenant découvrir le CSS que j'avais volontairement mis à l'écart. Le CSS n'est pas plus compliqué que le HTML. Il vient le compléter pour vous aider à mettre en forme votre page web.
Dans ce premier chapitre sur le CSS, nous allons voir la théorie sur le CSS : qu'est-ce que c'est ? À quoi cela ressemble-t-il ? Où est-ce qu'on écrit du code CSS ? Ces aspects théoriques ne sont...
Thèmes liés : creer site web html5 css3 / creer site web html css / mise en page site web css
Apprenez à créer votre site web avec HTML5 et CSS3 : -10- Création d'apparences dynamiques
C'est une de ses forces : le CSS nous permet aussi de modifier l'apparence des éléments de façon dynamique, c'est-à-dire que des éléments peuvent changer de forme une fois que la page a été chargée. Nous allons faire appel à une fonctionnalité puissante du CSS : les pseudo-formats.
Nous verrons dans ce chapitre comment changer l'apparence :
au survol ;
lors du clic ;
lors du focus (élément sélectionné) ;
lorsqu'un lien a été consulté.
Vous allez voir que le langage CSS n'a...
Thèmes liés : creer site web html5 css3 / creation site web html5 css3 / creation sites web dynamiques / comment creer un site web dynamique
Apprenez à créer votre site web avec HTML5 et CSS3 : -18- La vidéo et l'audio
Depuis l'arrivée de Youtube et Dailymotion, il est devenu courant aujourd'hui de regarder des vidéos sur des sites web. Il faut dire que l'arrivée du haut débit a aidé à démocratiser les vidéos sur le Web.
Cependant, aucune balise HTML ne permettait jusqu'ici de gérer la vidéo. Il fallait à la place utiliser un plugin, comme Flash. Celui-ci reste encore en partie utilisé pour regarder des vidéos sur Youtube, Dailymotion, Vimeo et ailleurs. Mais utiliser un plugin a de nombreux...
Thèmes liés : creer site web html5 css3 / creer un site web en html