The workshop of LadyErria
Voir le sujet précédent Aller à la page : Précédent  1, 2, 3  Aller en bas 

Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Lun 18 Juil - 10:25 - Post : 53466
Rappel du premier message :

Coucou! Ici se trouve ta partie cours de codage, on va commencer par un programme bien précis, je m'appuie dessus pour mieux t'expliquer, mais avant ça tu vas devoir passer par l'étape pénible de m'expliquer ce que tu connais! Pour voir ce que je peux encore t'apporter, c'est pour ça que je prends des novices vraiment xD


Dernière édition par Matae le Ven 16 Sep - 19:25, édité 1 fois
LadyErria
avatar
Dessinateur
Féminin
Age : 33
Date d'inscription : 20/05/2016
Nombre de messages : 213
Message • Mar 9 Aoû - 8:50 - Post : 54946
C'est super simple mais hyper laid sans cadre
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Mar 9 Aoû - 10:11 - Post : 54947
Et oui ! Bon on va styliser un peu ça avec le css du coup !
Dans Notepad, tu ouvres un nouveau fichier, colles le code de ton tableau en html dedans.
Enregistre sous (sur ton ordi, un endroit comme le bureau ou le dossier codage)
et après cherche le sur ton bureau par exemple, clique 2x sur le logo google et ouvre le dans le navigateur.

Ensuite css.
Ouvre un new fichier dans Notepad ++, tu vas en haut dans LANGUAGE > C > CSS
tu cliques sur css (tu touches pas encodage si c'est déjà sur utf-8 sans bom )

Ensuite dans ce dossier on va lier l'html au css avec ce code essentiel partout:

Code:
<link rel="stylesheet" href="style.css" />
tu mets donc ce code pour l'html:
Code:
<DOCTYPE!html>
<html>
<head>
<meta-charset="UTF-8">
</head>
<body><link rel="stylesheet" href="style.css" />
<Table>
<tr>
<th> Nom </th>
<th> Age </th>
<th> Taille </th>
</tr>
<tr>
<td> Tom </td>
<td> 15 ans </td>
<td> 1m70 </td>
</tr>
<tr>
<td> Marie </td>
<td> 12 ans </td>
<td> 1m50 </td>
</tr>
</table>
</body>
</html>

Puis à la suite tu fais entrée et met ce code, j'ai mis des commentaires pour t'expliquer comment c'est, tu peux les enlever si ça te gêne je t'ai donné le code sans eux dessous:
Code:
td /* Toutes les cellules des tableaux... */
{
    border: 1px solid black; /* auront une bordure de 1px */
}
Code:
td
{
    border: 1px solid black;
}

Tu enregistres ton css, tu l'appelles style.css et normalement le format est déjà mis en css, vérifie quand même (comme là où tu enregistres un créa' photoshop tu peux choisir jpeg png gif etc, c'est là!)

Donc du coup tu pourras pas visualiser la bordure ici, que sur un forum ou navigateur !
Ce qui donne:
LadyErria
avatar
Dessinateur
Féminin
Age : 33
Date d'inscription : 20/05/2016
Nombre de messages : 213
Message • Mar 9 Aoû - 12:26 - Post : 54958
Je ne comprend pas ou mettre le code :
Code:
   td
    {
        border: 1px solid black;
    }

J'ai essayer différent endroit mais sa marche pas sa reste écrit et sa fait pas de cadre
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Mar 9 Aoû - 13:17 - Post : 54959
Le html est dans un fichier, le css dans l'autre. ^^'
LadyErria
avatar
Dessinateur
Féminin
Age : 33
Date d'inscription : 20/05/2016
Nombre de messages : 213
Message • Mer 10 Aoû - 16:01 - Post : 55008
J'ai enregistré mes 2 comme sur ton image comment je fais pour vérifier stp
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Mer 10 Aoû - 17:05 - Post : 55009
Tu vas où tu as enregistré l'html et tu l'ouvres (logo de ton navigateur) :p
LadyErria
avatar
Dessinateur
Féminin
Age : 33
Date d'inscription : 20/05/2016
Nombre de messages : 213
Message • Mar 16 Aoû - 9:48 - Post : 55342
Chez moi sa fonctionne pas j'ai pas les bordures
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Dim 11 Sep - 17:36 - Post : 56464
bon on va passer à un autre exo xD
LadyErria
avatar
Dessinateur
Féminin
Age : 33
Date d'inscription : 20/05/2016
Nombre de messages : 213
Message • Mar 13 Sep - 7:16 - Post : 56538
Coucou matae tu vas pouvoir fermer ma session je n'ai plus de temps pour continuer je suis très fatiguée à cause de ma grossesse.
Merci beaucoup pour tout se que tu m'as appris.
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Mer 14 Sep - 14:48 - Post : 56620
Félicitations ! Je ferme, j'espère avoir pû t'apprendre des choses.
Matae
avatar
Dessinateur
Age : 15
Date d'inscription : 09/09/2015
Nombre de messages : 1440
Message • Ven 16 Sep - 19:25 - Post : 56773
@Ataraxie tu pourrais archiver mama ata stp?
Contenu sponsorisé
Message •  - Post : 0
• Page 3 sur 3Voir le sujet précédent Aller à la page : Précédent  1, 2, 3  Aller en bas 

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers: