-Cours de Jeux Theme-

Ancestor designer Nombre de messages : 621 Age : 32

Hello!

Je te souhaite la bienvenue dans ma classe.

Je te conseille tout d'abord d'aller lire les articles qui sont sur ce site:
http://www.allhtml.com/articles/categorie/HTML (ils sont pas mal Wink

)
Tu pourras me poser toutes les questions que tu veux.

Pourrais-tu télécharger Notepad++ et Nvu, s'il te plaît?

Bon bien, bonne journée Smile

j'ai deja motepas je vais telecharger Nvu Very Happy

Edit : J'ai telecharger .. je suis en train de lire les balises HTML Very Happy

Encore merci

Ancestor designer Nombre de messages : 621 Age : 32

Oki, on commence le cours dimanche ou lundi Smile

Et merci à toi d'avoir choisi ma classe Wink

c tres interresant le site Very Happy

..

mai de rien ..

.. on commence quand ?

Ancestor designer Nombre de messages : 621 Age : 32

Euh on va débuter..je vais écrire le cours ^^ *je ne suis pas très réveillé donc je ne vais pas aller très vite!*

ok .. reveille toi a ton rythme .. tkt pas j'attendrai Very Happy

Ancestor designer Nombre de messages : 621 Age : 32

Voici le début du cours! ^^

Tout d'abord, voici le point de départ de toutes nos pages.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>

DOCTYPE sert à dire au navigateur que nous sommes entrain de faire une page en HTML.
La balise <html> va englober toute la page.
La balise <title> va donner le titre de la page pour le navigateur.

On va écrire le contenu de notre page entre les balises <body> contenu </body> et on va terminer la page par </html>.

Le texte va s'organiser en paragraphe.

<p> début du paragraphe
</p> fin du paragraphe

Code:: <body>
<p>Chalut les gueux =) Comment allez vous? Bon bien moua très très bien..lol</p>
</body>

Rappel des balises
https://learning-design.actifforum.com/Creation-sur-le-web-c8/L-ecole-f114/L-ecole-de-site-web-f136/Classe-de-Dotox-HTML-CSS-et-un-peu-PHP-et-JS-f137/Rappel-des-balises-HTML-t4549.htm

Pour organiser le texte, vous pouvez utiliser les balises qui sont sur la page (lien ci dessus Wink

).

Concernant les liens et les images

https://learning-design.actifforum.com/Creation-sur-le-web-c8/L-ecole-f114/L-ecole-de-site-web-f136/Classe-de-Dotox-HTML-CSS-et-un-peu-PHP-et-JS-f137/Tutorial-les-liens-t4612.htm

As tu des questions?

sur quel logiciel tu fais ça ?

Ancestor designer Nombre de messages : 621 Age : 32

Avec Notepad++ on peut mettre ces codes Wink

ok ok

Ancestor designer Nombre de messages : 621 Age : 32

Je continue le cours dans l'après midi ou demain!

ok je dois y aller car je suis en vacances et qu'il y a un decalage je rentre demain Very Happy

Ancestor designer Nombre de messages : 621 Age : 32

Maintenant le CSS, faut donner du style à la page.

On peut faire de deux façons différentes.

Number 1
On crée une page spéciale pour le css et une autre pour le HTML.

/!\Attention de bien enregistrer la page au format .css

Pour la page XHTML:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="nomdufichier.css" />
</head>
<body>
[b/]Contenu de la page[/b]
</body>
</html>

Pour la page css:

Code:: body
{
width: 750px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #000000;
color: #daa520;
}
#en_tete
{
width: 800px;
height: 250px;
text-align: center;
background-image: url();
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
width: 750px;
text-align: center;
}

.element_menu
{

margin-bottom: 00px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
#corps
{
margin-left: 000px;
margin-bottom: 000px;
padding: 0px;
text-align: left;

}
#pied_de_page
{
padding: 20px;
border: 0px dashed purple;
text-align: center;
}
p
{
width: 750px;
border: 0px solid black;
text-align: justify;
padding: 00px;
margin-bottom: 00px;
}
a,img
{
border:none;
}
a
{
color:goldenrod
}

Number 2

On le met directement dans la page avec le HTML (je conseille la première..mais pour débuter on le fait directement sur la page). Ensuite tu pourras modifier ton site plus facile avec une feuille style.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
[b]Style de votre page[/b]
</style>
</head>
<body>
[b]Contenu de la page[/b]
</body>
</html>

http://www.siteduzero.com/tuto-3-32-1-mettre-en-place-le-css.html

Je pense que çà sera plus simple pour toi de lire directement les articles et de me poser des questions.

XHTML ?

Ancestor designer Nombre de messages : 621 Age : 32

XHTML = HTML ^^

Des questions? Wink

"Utiliser les class et id" j'ai pas trop comprit ce qu'il voulait dire dans ce paragraphe ..

Ancestor designer Nombre de messages : 621 Age : 32

En fait, ces deux balises servent à mettre en forme certains paragraphes soient différents des autres.

La balise class peut-être utilisée plusieurs fois et la id ne peut-être utilisée qu'une seule fois.

Explication un peu plus simple je pense si besoin Smile

http://css.alsacreations.com/Bases-et-indispensables/Quelle-est-la-difference-entre-une-classe-et-un-id

Compris ou il faut que je réexplique d'une manière différente?

» une petite commande pour un theme