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...

Voir la suite

Par : Barhoumi Omar

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 : -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...

Voir la suite

Par : Barhoumi Omar

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

★Créer son site en 1 heure avec HTML5 et CSS3 | Structurer sa page Partie 1★

Visitez notre site www.3dlearn.fr pour plus d'info et de tuto ;)

/!\ DESCRIPTION IMPORTANTE /!\

► Abonne toi | Laisse un like | Poses tes questions ◄

Dans cette vidéo nous allons

♥ Muah à bientôt ♥

Tags Additionnels:

HTML

CSS

Cascading Styles Sheets

Créer son site

Design site

Apprendre facilement le web

langage web

langage de programmation

Apprendre HTML en francais

apprendre CSS en francais

introduction site web

créer un site de zéro

site from scratch

le web pour les...

Voir la suite

Par : Cyborg Graphics

Thèmes liés : creer site web html5 css3 / page web ou site internet / creer les sites et pages web / site web ou site internet / site web facile

Apprenez à créer votre site web avec HTML5 et CSS3 : -8- La couleur et le fond

Continuons notre tour d'horizon des propriétés CSS existantes. Nous allons nous intéresser ici aux propriétés liées de près ou de loin à la couleur. Nous verrons entre autres :

comment changer la couleur du texte ;

comment mettre une couleur ou une image d'arrière-plan ;

comment ajouter des ombres ;

comment jouer avec les niveaux de transparence.

Le CSS n'a pas fini de nous étonner !

Pour plus d'information :

Mail : omarbarhoumi1111@gmail.com

Voir la suite

Par : Barhoumi Omar

Thèmes liés : creer site web html5 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...

Voir la suite

Par : Barhoumi Omar

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 à créer votre site web avec HTML5 et CSS3 : -16- Les tableaux

Indispensables pour organiser les informations, les tableaux sont un petit peu délicats à construire en HTML : cela explique que je vous les présente seulement maintenant. Il va en effet falloir imbriquer de nouvelles balises HTML dans un ordre précis.

Nous allons commencer par construire des tableaux basiques, puis nous les complexifierons au fur et à mesure : fusion de cellules, division en multiples sections… Nous découvrirons aussi les propriétés CSS liées aux tableaux, qui nous...

Voir la suite

Par : Barhoumi Omar

Thèmes liés : creer site web html5 css3

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...

Voir la suite

Par : Barhoumi Omar

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 : -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...

Voir la suite

Par : Barhoumi Omar

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...

Voir la suite

Par : Barhoumi Omar

Thèmes liés : creer site web html5 css3 / creer un site web en html

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...

Voir la suite

Par : Barhoumi Omar

Thèmes liés : creer site web html5 css3 / mise en page site web