Barhoumi Omar
Classement : 37 / 900
14 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 / apprendre a creer un site web avec html5 et css3 / comment creer un site web en html
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 : apprendre a creer un site web avec html5 et css3
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 : apprendre a creer un site web avec html5 et css3
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 un site web en html5 / creer page 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 son site web avec html5 et css3 / logiciel pour creer un site web en html / logiciel pour creer page 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 son site web avec html5 et css3 / creer un site web en html5 / comment creer une page web
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 son site web avec html5 et css3 / comment creer un site web
Apprenez à créer votre site web avec HTML5 et CSS3 : -19- Le responsive design Media Queries
Savez-vous quelle est la première préoccupation des webmasters qui mettent en place le design de leur site ? La résolution d'écran de leurs visiteurs. Eh oui : selon les écrans, il y a plus ou moins de place, plus ou moins de pixels de largeur.
Cette information est importante lorsque vous construisez un design : comment votre site doit-il s'afficher en fonction des différentes résolutions d'écran ? Si vous avez un écran large, vous risquez d'oublier que certaines personnes naviguent...
Thèmes liés : creer son site web avec html5 et css3
Apprenez à créer votre site web avec HTML5 et CSS3 : -5- Les images
Insérer une image dans une page web ? Vous allez voir, c'est d'une facilité déconcertante… Enfin presque. Il existe différents formats d'image que l'on peut utiliser sur des sites web, et on ne doit pas les choisir au hasard. En effet, les images sont parfois volumineuses à télécharger, ce qui ralentit le temps de chargement de la page (beaucoup plus que le texte !).
Pour faire en sorte que vos pages restent lisibles et rapides à télécharger, suivez donc activement mes conseils !
Thèmes liés : creer son site web avec html5 et css3
Apprenez à créer votre site web avec HTML5 et CSS3 : -14- Autre techniques de mise en page
Aujourd'hui, Flexbox est l'outil de mise en page que je recommande... mais vous devriez toujours connaître les autres techniques de mise en page que je vais vous présenter dans ce chapitre. Plus anciennes, elles ont l'avantage d'être reconnues par les vieilles versions des navigateurs. Enfin, si vous êtes amenés à gérer un "vieux" code, vous aurez besoin de connaître ces techniques de positionnement !
Ce chapitre vous sera donc plus probablement utile si vous avez besoin de gérer de...
Thèmes liés : creer son site web avec html5 et css3 / creer un site web en html5