Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 Silia a envie d'apprendre à coder.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Silia a envie d'apprendre à coder.   Dim 11 Sep 2011 - 15:10

Pseudo ; Silia
Niveau estimé CSS ; Bas
Niveau estimé HTML ; Bas
Souhaitez-vous un professeur en particulier ; Non
Avez-vous quelque chose en particulier que vous désirez apprendre ; Un peu tout.
Un mot de motivation ? Merci d'avance~
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Jeu 15 Sep 2011 - 16:43

Bonjour Silia, si tu le veut bien je m'occuperais de ta formation.
Tu dis que ton niveau est bas, mais sais-tu faire la différence entre html et css et connais tu leurs fonctions? Si oui sais-tu comment se présente un code html? Un code css?
Connais tu des balises?
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Jeu 15 Sep 2011 - 16:58

Bonjour! =)

Le HTML c'est le "squelette" et le CSS "l'habillage", non?
Le CSS se présente comme ça:
Code:
.Nom{
Le CSS;
}
Et le HTML dans des "<>"


Des balises? Xx Non pas vraiment.
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Jeu 15 Sep 2011 - 17:18

D'accord, alors une balise en HTML c'est les
Code:
<nomdebalise>
.
Elles se présentes soit comme sa :
Code:
<modifdutexte>texte(ou autre chose) modifié </modifdutexte>
ou
Code:
<baliseunique />
.
Dans le premier cas, la balise
Code:
</modifdutexte>
indique la fin de modification du texte. Dans le deuxième cas, sa ne modifiera pas souvent le texte, mais créera quelque chose (image, zone d'écriture du texte...).

Voila quelques balises:
Code:
<br/> Retour à la ligne
<strong> Texte en gras </strong>
<em> Texte en italique </em>
<img src="Nom_de_l-image.png" alt="Texte alternatif" /> Insère une image. A côté du "alt=", mettez le texte alternatif (texte qui s'affichera si le navigateur de l'utilisateur ne charge pas l'image.
<a href="page.html"> Lien, on y reviendras plus tard.</a>
Voila pour les balises html, je te dirais plus tard comment se présente un code html plus en détail et comment inséré du html (n'oublie pas de me remettre les pendules à l'heure si j'oublie ;) ).
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Jeu 15 Sep 2011 - 18:49

Pour l'instant je suis =)
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Ven 16 Sep 2011 - 16:14

Bien, alors nous allons apprendre comment se présente un code html.
Voila un exemple:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >[/code]
  <head>
<title>Nom du site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="css/style global.css" />
  </head>
  <body>

  </body>
</html>
Comme tu le vois, c'est un peu tordu^^.
En début de ton code html, tu dois mettre la ligne:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Avec HTML5 (une nouvelle version d'htlm), on devrait mettre uniquement :
Code:
<!DOCTYPE html>
Mais, vu que tout les navigateurs ne le prennent pas encore, il vaut mieux mettre la ligne entière.Il y a ensuite:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
La, tu peut modifier la langue en changeant le "fr" par autre chose.
Je finirais plus tard, ma connexion bugue de plus en plus.
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Sam 17 Sep 2011 - 8:06

Ca change quoi si on change FR par quelque chose d'autre?
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Sam 24 Sep 2011 - 9:03

Juste à indiquer la langue de ton site. Si tu l'écrit en italien, met "it", en anglais met "en"...
Il y a ensuite la balise
Code:
<head>
. Dans cette balise, tu y mettra toutes les informations sur ton site.
Je n'écris pas plus étant donné que je suis à la médiathèque...


Dernière édition par vaati le Mer 5 Oct 2011 - 13:07, édité 1 fois
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Lun 3 Oct 2011 - 19:16

OK =)
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Mer 5 Oct 2011 - 13:11

Il y a ensuite les balise:
Code:
<title>Nom du site</title>
Cette balise sert àindiquer le nom de la page( ce que tu voit tout en haut de ton navigateur).
Code:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Ne touche pas à cette balise, elle n'est pas très intéressante.
Code:
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="css/style global.css" />
Cette balise sert à insérer un page css (il faut changer l'interieur du href="").
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Sam 8 Oct 2011 - 17:43

Tu dis qu'elle n'est pas très intéressante, mais elle sert à quoi?
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Dim 9 Oct 2011 - 14:10

Les balises méta peuvent être intéressante, mais celle là indique juste qu'il y a sur ton site des caractères spécifiques au français comme "é","ù","à"...
Les balises méta servent en général à définir les propriétés de ton site.
Comme :
Code:
<meta name="author" content="Mr X" />
Qui indique l'auteur de ton site.Tu peut mettre la description de ton site, des mots-clés...
Il y a aussi les balises où le "name=" est remplacé "http-equiv=".
La balise
Code:
<meta http-equiv="refresh" content="5; URL=http://www.adresse.net" />
sert par exemple à refraichir la page web toutes les 5 secondes.

Tu suis?
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Dim 9 Oct 2011 - 14:13

D'accord~!
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Lun 10 Oct 2011 - 17:10

Tu peut aussi rajouter des scripts (Javascript...) en utilisant:
Code:
<script type="javascript" src="adresseduscript.js"></script>
Tu n'es pas obligé de mettre le "src=", et directement inséré le script dans les balises.

En parlant de sa, je vais te montrer comment insérer du CSS dans une page HTML.Il y a trois façons :
La première est de mettre le code CSS dans un fichier .CSS et de l'intégrer à ta page en mettant entre les balises head :
Code:
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="css/style global.css" />
Comme expliqué plus haut. Tu peut en mettre plusieurs comme sa, mais si tu veut qu'elles se "mélangent" toutes entre elles, il faudra que tu leur mette le même titre, sinon l'utilisateur pourra choisir avec son navigateur lequel mettre (sa peut être utile si tu veut faire plusieurs designs).
Tu peut aussi mettre le code CSS dans ta page HTML entre les balises :
Code:
<style="text/css">titre
{
  background-color: red;
} </style>
Ou alors directement dans une balise:
Code:
<div style="color: red;">Mon div</div>

Si tu ne comprend pas, arrête moi ;). La prochaine fois, nous allons commencer à apprendre le CSS.
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Mer 12 Oct 2011 - 15:42

J'ai une question! 8D
Comment on fait une page .CSS?
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Mer 12 Oct 2011 - 16:23

Tu ouvre ton bloc note , tu écrit ton fichier puis tu enregistre en rajoutant .CSS à la fin ;).
Un code CSS est composé comme ceci:
Code:

balise
{
  propriété-css: valeur;
  propriété-css: valeur;
}
balise2
{
  propriété-css: valeur;
}
Tu remplace "balise par le nom de la balise, "propriété-css" par la propriété que tu veut modifier (couleur du texte, position, taille...) et "valeur" par sa valeur.
Si tu veut par exemple colorer tous tes textes en italique en rouge et les mettre en 15 pixels, tu va faire:
Code:
strong
{
  color: red;
  font-size: 15px
}
Ne met pas d'espace entre 15 et "px" ou sa ne marcheras pas!
Tu comprends comment sa fonctionne?
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Mer 12 Oct 2011 - 17:41

Oui =)
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Ven 14 Oct 2011 - 16:23

Je t'ai dit que tu peut éditer les balises, mais tu peut faire mieux grâce aux class et aux id!
Les id et les class sont des attributs: tu peut les mettre sur n'importe quelle balise.
Dans l'attribut class, tu met un nom, comme:
Code:
<p class="news">Bla bla bla...</p>
Sa va te servir à appliquer un style CSS sur toutes les balises qui ont la class "news".
Pour sa, dans ton code CSS, au lieu de mettre le nom de la balise, tu met un point ( "." ) suivi du nom de class.
Code:
.news
{
  color: blue;
  font-size: 18px;
}
Les id servent à la même chose, mais ils ne peuvent être utilisés qu'une seule fois et doit obligatoirement commencer par une lettre.
Code:
<p id="news1">Bla bla bla...</p>
Dans le code CSS, c'est également comme pour les class, sauf qu'on remplace le point par un dièse ( "#" ).

Code:
#news1
{
  color: blue;
  font-size: 20px;
}

Nous allons bientôt apprendre les balises imbriquées et les 2 types de balises.
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Ven 14 Oct 2011 - 20:44

Je comprends pas, l'id sert à quoi si on peut l'utiliser qu'une seule fois? ._.
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Sam 15 Oct 2011 - 20:55

A quasiment rien, mais il te seras utile si tu utilise du javascript, entre autres. Tu peut bien sur utiliser uniquement des class. Désolé de te dire que sa, mais je n'ai pas trop le temps =='.
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Dim 16 Oct 2011 - 9:30

D'accord ^^
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Lun 17 Oct 2011 - 19:08

Bien, je t'ai parlé plus haut des balises imbriquées :
Ça permet de sélectionner une balise dans une autre.Je m'explique, imaginons que tu veuille colorer les balises "strong" (mettre en gras) qui sont dans les balises "em" (italique), et bien tu utilisera des balises imbriquées :
Code:
 em strong
{
  color: blue;
}
C'est tout simple :).
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Ven 21 Oct 2011 - 20:16

OK =)
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Silia a envie d'apprendre à coder.   Dim 23 Oct 2011 - 13:05

Il y a d'autres sélecteurs pratiques en CSS. Si tu veux par exemple appliquer le même style aux textes en gras et aux textes en italique, tu feras:
Code:
strong, em
{
  color: blue;
}
Tu peut aussi sélectionner toutes les balises avec *.
Tu peut sélectionner une balise qui suit une autre (comme par exemple un texte en gras qui suit un texte en italique) , tu feras comme les balises imbriquées, mais avec un + entre.
Code:
em + strong
{

}
Tu peut sélectionner les balises avec un attribut (title, id...) sur le modèle "balise[attribut]".
Code:
p[title]
{
  color: blue;
}
Ce code met par exemple tout les paragraphes avec un attribut "title" en bleu.
Tu peut aussi rajouter une valeur.
Il y a deux modèles:
Code:
p[title="valeur_exacte"]
{
  color: blue;
}

p[title*="valeur"]
{
  color: red;
}
Ce code met en bleu tous les paragraphes ayant "valeur_exacte" comme valeur à l'attribut title et met en rouge tous les paragraphes ayant le mot "valeur" dans la valeur à l'attribut title (sa peut être ma_valeur, ou encore valeur_deux).

Est-ce que tu veut que je te montre quelques autres sélecteurs qui peuvent être utiles?
Revenir en haut Aller en bas
avatar
Silia

New comer #
Féminin Messages : 32
Age : 20
Localisation : Dans ton chat :3
Humeur : Neutre
Date d'inscription : 15/08/2011
Système d'exploitation : W7/Linux sur un autre ordi

MessageSujet: Re: Silia a envie d'apprendre à coder.   Jeu 10 Nov 2011 - 21:09

Désolée de répondre tard -j'ai pas beaucoup de temps en ce moment-.


Oui, je veux bien ^^
Revenir en haut Aller en bas
http://brokenflower.forumgratuit.org/
Contenu sponsorisé


MessageSujet: Re: Silia a envie d'apprendre à coder.   

Revenir en haut Aller en bas
 

Silia a envie d'apprendre à coder.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: Travaux encadrés-
Sauter vers: