Tuto créer un site HTML/CSS(Le tout)
Bonjour je suis la pour donner des cours. Mais je ne savais pas ou mettre ce tutoriel donc je le met dans ce forum la.
Donc je vais vous copier tout ce que j'ai mit sur mon site qui n'est pas encore en ligne x).
HTML/CSS
Bienvenue dans ce tutoriel
Je voit que vous êtes intéréssés par ce tutoriel donc je vais vous montrer comment créer son site web en HTML et en CSS.
Au départ
Ooh! Non ce n'est pas aussi simple que vous ne le pensiez.
Tout d'abord il faut les logiciels le permettant. Mozilla firefox et notepad++ Mais mozilla Firefox, je vous préviens, il n'est pas obligatoire. La preuve(désolé si j'ai mal écris mais c'est vachement dur X)) :
Ensuite, tout simplement, essayez de deviner avant de regarder la ligne d'après.Que manque t-il?
Il manque votre page X)! Mais pour faire votre page vous devez dire à l'ordinateur que c'est du HTML(c'est comme sa que je l'ai appris). Alors vous devrez marquer !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" entre des balises(< et >) et vous devrez a la suite écrire html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" entre des balises(< et >)sa devrais donner ceci :
Nous avons passer un des moment le plus dur du HTML x)
Et oui c'était facile mais le HTML est le plus facile language de proggramation. Donc bien sur comme dans l'image précédente, nous allons écrire entre balises(< et >) "head".
Suivant ceci il vous faudrat peut-être un titre sur l'onglet de votre page.
La suite est pour le CSS mais on le verra plus tard... Alors je vous conseil de laisser 2 lignes et de refermer les balises en faisant(<)/head(>) et passez à la suite.
Certaine personnes veulent quelque chose d'écris en en-tête et pied de page. Alors je vais vous l'expliquer. On peux l'appeler bonus car il est mit en plus sur la page et qu'il est indépendant
Alors pour mettre en en-tête et pied de page vous devez écrire un code en HTML extrêmement simple :
div id="en_tete" entre les balises(< et >) ou div id="pied_de_page" entre les balises(< et >)
Si vous voulez une idée de l'en-tête c'est la bannière en haut du site et le pied de page c'est la ou il y a écris Copyright "Tout pourri Corporation" 2011, tous droits réservés.
Mais bon ne nous éloignons pas de notre but. Pour remplir une page web en HTML et CSS, il faut mettre "p" entre les balises(< et >) (p comme paragraphe) et des tas d'autres balises qui permettent d'écrire autrement.
Pour rajouter plus de choses sur votre page web vous pouvez aussi créer de nouvelle page et faire un lien entre celles si comme sur cette page web rien qu'en marquant ce code (<)a href="votre fichier sauvegardé.html"(>)Le nom que vous voulez que l'on voit.(<)/a(>)
Après vous rajouter tout ce que vous voulez et votre site sera presque parfait ou même tout simplement parfait.
Passons au CSS
Dans le CSS il y a une partie de HTML. Cette partie est la suivante.
(<)meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /(>) (<)link rel="stylesheet" media="screen" type="text/css" title="Test" href="Test.css" /(>)
Ensuite dans Notepad++ créez en un nouveau et cliquez sur language. Puis allez dans CSS.
Pour n'importe quel balise vous pouvez leur donner une couleur avec ce code en CSS :
Et bien dans ceci vous aurez les paragraphes "p" en bleu.
Mais comment on change l'écriture des paragraphes ou de la page?
Puis vous pouvez ne pas changer rien que l'écriture ou les couleurs. Regardez :
Voila tout vous avez créé votre site. Et oui le CSS c'est très simple mais avant de l'utiliser il faut le connaître et c'est sa qui différencie la difficulté entre le CSS et le HTML.
---------- Message ajouté à 23h26 ---------- Le message précédent était à 23h25 ----------
Je vais rajouter plus d'images ne vous inquietez pas.
Bonjour je suis la pour donner des cours. Mais je ne savais pas ou mettre ce tutoriel donc je le met dans ce forum la.
Donc je vais vous copier tout ce que j'ai mit sur mon site qui n'est pas encore en ligne x).
HTML/CSS
Bienvenue dans ce tutoriel
Je voit que vous êtes intéréssés par ce tutoriel donc je vais vous montrer comment créer son site web en HTML et en CSS.
Au départ
Ooh! Non ce n'est pas aussi simple que vous ne le pensiez.
Tout d'abord il faut les logiciels le permettant. Mozilla firefox et notepad++ Mais mozilla Firefox, je vous préviens, il n'est pas obligatoire. La preuve(désolé si j'ai mal écris mais c'est vachement dur X)) :
Ensuite, tout simplement, essayez de deviner avant de regarder la ligne d'après.Que manque t-il?
Il manque votre page X)! Mais pour faire votre page vous devez dire à l'ordinateur que c'est du HTML(c'est comme sa que je l'ai appris). Alors vous devrez marquer !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" entre des balises(< et >) et vous devrez a la suite écrire html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" entre des balises(< et >)sa devrais donner ceci :
Nous avons passer un des moment le plus dur du HTML x)
Et oui c'était facile mais le HTML est le plus facile language de proggramation. Donc bien sur comme dans l'image précédente, nous allons écrire entre balises(< et >) "head".
Suivant ceci il vous faudrat peut-être un titre sur l'onglet de votre page.
La suite est pour le CSS mais on le verra plus tard... Alors je vous conseil de laisser 2 lignes et de refermer les balises en faisant(<)/head(>) et passez à la suite.
Certaine personnes veulent quelque chose d'écris en en-tête et pied de page. Alors je vais vous l'expliquer. On peux l'appeler bonus car il est mit en plus sur la page et qu'il est indépendant
Alors pour mettre en en-tête et pied de page vous devez écrire un code en HTML extrêmement simple :
div id="en_tete" entre les balises(< et >) ou div id="pied_de_page" entre les balises(< et >)
Si vous voulez une idée de l'en-tête c'est la bannière en haut du site et le pied de page c'est la ou il y a écris Copyright "Tout pourri Corporation" 2011, tous droits réservés.
Mais bon ne nous éloignons pas de notre but. Pour remplir une page web en HTML et CSS, il faut mettre "p" entre les balises(< et >) (p comme paragraphe) et des tas d'autres balises qui permettent d'écrire autrement.
Pour rajouter plus de choses sur votre page web vous pouvez aussi créer de nouvelle page et faire un lien entre celles si comme sur cette page web rien qu'en marquant ce code (<)a href="votre fichier sauvegardé.html"(>)Le nom que vous voulez que l'on voit.(<)/a(>)
Après vous rajouter tout ce que vous voulez et votre site sera presque parfait ou même tout simplement parfait.
Passons au CSS
Dans le CSS il y a une partie de HTML. Cette partie est la suivante.
(<)meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /(>) (<)link rel="stylesheet" media="screen" type="text/css" title="Test" href="Test.css" /(>)
Ensuite dans Notepad++ créez en un nouveau et cliquez sur language. Puis allez dans CSS.
Pour n'importe quel balise vous pouvez leur donner une couleur avec ce code en CSS :
Et bien dans ceci vous aurez les paragraphes "p" en bleu.
Mais comment on change l'écriture des paragraphes ou de la page?
Puis vous pouvez ne pas changer rien que l'écriture ou les couleurs. Regardez :
Voila tout vous avez créé votre site. Et oui le CSS c'est très simple mais avant de l'utiliser il faut le connaître et c'est sa qui différencie la difficulté entre le CSS et le HTML.
---------- Message ajouté à 23h26 ---------- Le message précédent était à 23h25 ----------
Je vais rajouter plus d'images ne vous inquietez pas.
Last edited:
![[M]assiwissa](/data/avatars/s/154/154900.jpg?1547560583){kind=avatar}
