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 | 
 

 Cours de Gwellaouen [HTML / CSS]

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

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Cours de Gwellaouen [HTML / CSS]   Dim 24 Juil 2011 - 20:07

Pseudo ; Gwellaouen
Niveau estimé CSS ; - 10 000
Niveau estimé HTML ; - 10 000
Souhaitez-vous un professeur en particulier ; Non. Juste un qui est très patient.
Avez-vous quelque chose en particulier que vous désirez apprendre ; Je veux faire une fiche de liens pour mes personnages qui est géniale.
Un mot de motivation ? Hm ... Impatience de savoir bien lire les codes dans les présentations des forums rpg.


Voilà,

Merci à toute personne très patiente.

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 9:08

Coucou Gwen ^^
J'espère que cela ne te dérange pas mais pour l'instant je serai celle qui te donnera des cours O/
Tu as précisé que tu souhaitais faire une fiche de liens pour tes personnages. Comme je m'y connais pas en rp pourrais-je avoir un tit exemple ? =D

De toute façon avant ceci, nous devrons voir les bases X3

Valou vali !

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 12:56

JE réponds ici car j'en ai envie et que voir Peach 1200 fois ne me suffit pas... y'en faut plus /ZBAF/

Donc je disais: Une fiche de lien Nico' est un endroit de RP où les relations de nos personnages, amicales ou conjuguales, sont écrites, où nos connaissances des autres est élaborée et où on représente un peu notre personnage par des signes un peu moins etoffés qu'à la présentation. On y regroupe également les liens de nos RPs ^^

Voilà ! Donc c'est ça... En totu cas à mes yeux, peut-être pas aux siens.

Vala ;) Maintenant je cède la parole à Gwen.

Bouuyah ! /Mode Incrustation /OFF/

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 12:59

Si l'une de vous a un exemple visuel, je veux bien le voir afin d'être plus sûre de ce que c'est x)

Merci Yun pour les petites explications x)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 13:01

L'exemple avec ma fiche de lien sur un forum Naruto. Elle n'est pas dans les classiques, mais bon.

http://kigen-no-setsuwa.forumgratuit.org/t1337-haruka-eichi-dossier-shinobi

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 13:23

(je ne peux pas la voir xDD)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 25 Juil 2011 - 13:33

Erf... j'dois quitté. Je laisse Gwell s'en charger alors >_<
Sinon je screenerai la mienne ^^

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mar 26 Juil 2011 - 1:33

C'est quoi tout ce flood dans mon cours ... Modérateur Barbie obsédée de son kit : quoique moi aussi. Ok, finalement c'est pas du flood eh. soorrrs loin.

Donc, Yunie a bien expliqué ce qu'était une fiche de lien. Le hic de son lien est probablement que le forum a fermé aux invités cette section du forum.

J'en montre une donc soit la plus belle possible.


-> Ici

Lui, il a mit ses liens sur différents messages. Certes, c'est évidemment possible de tout mettre sur un seul.

Merci pour avoir pris mon cours aussi vite.

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mar 26 Juil 2011 - 9:08

Oh d'accord, je vois mieux comment c'est fait ^^ Je n'étais pas très sûre que ce fût ça c'est pour ça que je préfère demander !

Bon avant de faire ce genre de présentation (je vois à peu près comment on peut faire ^^) on va s'intéresser aux bases comme ça tu seras capable de faire plein de trucs O/

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mer 27 Juil 2011 - 3:44

Ok.

J'attends toute heureuse les premiers trucs ... Que je ne comprendrais pas de suite ... Chinois pour moi.



_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mer 27 Juil 2011 - 6:57

Mais si mais si x) Tu connais déjà le BBCode nan ? ^^
Le principe est quasi le même avec le html sauf que certains trucs se font un peu différemment ^^

Hum déjà, sais-tu reconnaître des balises HTML ? =)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Jeu 28 Juil 2011 - 1:34

J'essaie de me débrouiller du mieux que je peux pour faire des fiches de présentations sur des forums rpg. Parfois, ils mettent des millions de codes et c'est un fouillis à comprendre pour moi.

Je crois que le html se prend entre <...> tandis que le BBC c'est [...]

Mais à dire que je reconnais des balises pour les avoir mémorisé : c'est vite dit. Je me débrouille je crois tout simplement.

Oups ... Suis à la base eh. Bon bien, il ne me reste plus qu'à tout apprendre.



_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Jeu 28 Juil 2011 - 14:43

J'avoue c'est parfois compliqué de s'y retrouver xDD

Effectivement les balises html sont entre <*>. On va apprendre les bases, tu verras c'est pas du tout compliqué ^^
Ce qu'il faut savoir c'est que le html s'occupe de tout ce qui est squelette et contenu : la séparation du texte en paragraphe, les tableaux, les listes et la hiérarchie d'une page. =)

Voyons maintenant les balises de base ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Jeu 28 Juil 2011 - 22:08

Ok ^^ Comme lorsqu'on met notre document en format html. Disons que je ne savais pas que les paragraphes faits venaient du html. Je croyais que cela venait de nous qui séparions le texte.

Ok, prête à apprendre. ^^

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Ven 29 Juil 2011 - 22:26

En connaîtrais-tu tout de même quelques unes ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Sam 30 Juil 2011 - 2:31

Bien, les balises pour le gras, l'italique et le soulignement. Sûr que j'en connais d'autres. Seulement, elles ont été uniquement vu au niveau de fiches de présentation. Ainsi, je les ais oubliés bien vite. Désolée ...



Pikachu ^^ Trop cuuuuuuuute !!!

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Sam 30 Juil 2011 - 11:26

Ouki eh bien voyons les autres balises simples O/

Code:
<p></p>
Entre ces balises tu mets un paragraphe de texte. C'est utile de séparer ses textes en paragraphes de façon à ensuite pouvoir leur donner un style ^^

Code:
<br />
Voici la fameuse balise permettant de revenir à la ligne. Car dans une page html, le retour à la ligne doit être indiqué, il ne se fait pas naturellement avec le fait d'appuyer sur la touche entrée x) Comme tu le vois, cette balise est seule comparé aux autres.

Code:
<b></b> ou <strong></strong>
Ce sont les balises qui permettent de mettre en valeur un bout de texte ^^

Code:
<i></i> ou <em></em>
Et là tu as les balises permettant de mettre en quelque sorte en italique un bout de texte ^^

Code:
<img src="lien direct de ton image se terminant par l'extension" border="0" alt="titre alternatif" />
De la même manière que la balise permettant d'aller à la ligne, la balise permettant d'insérer une image est unique. Comme tu le vois, pour faire apparaître l'image il faut mettre entre les guillemets situés après src le lien direct de ton image. De même que la norme impose de toujours mettre un titre alternatif.

Code:
<a href="lien"></a>
Maintenant, ce sont les balises qui permettent d'ajouter un lien à un texte (et donc de faire plus jouli x) ). Tu peux mettre tous les liens que tu désires O/ Là encore écrire seulement le lien point barre ne le rendra pas cliquable. Pour simplement rendre un lien cliquable il suffit de le mettre entre ces balises-ci :
Code:
<a>lien</a>

Code:
<a href="lien où tu veux que ton image renvoie"><img src="lien direct de l'image" border="0" alt="titre alternatif"></a>
Là c'est le code HTML suprême ♥ Il te permet de rendre une image cliquable. Il s'agit donc de la combinaison des deux jeux de balises que je t'ai expliqués juste avant ;)

Est-ce que jusque ici tu t'y retrouves ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mer 10 Aoû 2011 - 20:44

Ok.

Juste deux questions. C'est quoi border = 0 ?

Ensuite, pour le lien cliquable, il faut rajouter cette balise à la première pour que cela fasse beau et que cela soit cliquable ?

Merci

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mer 10 Aoû 2011 - 21:07

Alors, border="0" (ne pas oublier les guillemets pour respecter la norme ^^) c'est pour que le navigateur ne te crée pas de bordure moche. Bon je crois que maintenant ça ne se fait plus mais si jamais certains possèdent un ancien navigateur x)

Alors, je dois être dans le brouillard xD mais je suis pas sûre de voir de quoi tu veux parler en disant :

Citation :
Ensuite, pour le lien cliquable, il faut rajouter cette balise à la première pour que cela fasse beau et que cela soit cliquable ?

=D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Dim 14 Aoû 2011 - 3:41

Ok, merci.

Je veux parler de ces deux codes html :



Code:
<a href="lien"></a>


Code:
<a>lien</a>

Faut-il rajouter le deuxième au premier pour que le lien soit cliquable ET beau ?

Merci et désolée de mal expliquer.

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Sam 20 Aoû 2011 - 2:07

Petit up !

Et j'aimerais apprendre à faire des menus déroulants où on mets des mots dedans.



_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Dim 21 Aoû 2011 - 16:13

Coucou Gwen o/
Oh les menus déroulants ^^ En fait il s'agit d'un script dont je peux te donner le code et t'expliquer le fonctionnement =D

Les balises de lien ne se superposent pas xD

Code:
<a href="lien">texte</a>
La par exemple tu mets entre les balises ce que tu veux, n'importe quel texte. Je fais un exemple :

Code:
<a href="http://img571.imageshack.us/img571/638/20110819432399.jpg">Vive les chibis !</a>

Vive les chibis !

L'autre c'est juste que tu dois le connaître car sur une page html, les liens ne se font pas automatiquement comme sur un forum où tu aurais juste à coller ton lien direct et hop. Là il faut mettre entre ces balises.

Donc la première solution permet plus de choses ;)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 29 Aoû 2011 - 0:56

Ahh !

Merci Nico' J'aime bien le lien sérieux. Ok, le deuxième c'est sans forum. Je ne devrais pas l'utiliser alors.

Désolée, je n'avais pas vu, mais vraiment pas là sérieux.

Maintenant à quoi ?

Mais pour les menus déroulants : je peux voir quelque part comment ils se font ? Parce qu'il y en a sur un forum pour la fiche de présentation et j'aimerais en mettre aussi.

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Lun 29 Aoû 2011 - 20:47

Coucou Gwen x)
T'as vu il pète mon lien ? x)

Concernant le code du menu déroulant :


Code:
<form><font size="2"><select style="width: 150px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Naviguer sur le forum</option><option value="lien 1">Lien 1</option><option value="lien 2">Lien 2</option><option value="lien 3">Lien 3</option><option value="lien 4">Lien 4</option></select></font></form>

Alors, comme tu peux le constater y a des endroits que tu peux toi-même modifier (la taille du sélecteur) dans le style mais également des liens à ajouter. Les liens url à mettre se placent dans les balises option value. Et entre ces balises tu mets le texte que tu désires O/
Le texte placé entre les balises option selected est le texte qui apparaîtra par défaut. Les option value sont donc les options que tu peux proposer à ton menu déroulant. Si tu veux ajouter une option tu mets une autre paire de ces deux balises ^^
Il ne faut pas oublier que le menu déroulant se situe forcément entre les balises
Code:
<form></form>

Ensuite on pourrait voir par exemple les tableaux ça aide notamment pour les fiches de présentation ;D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Gwellaouen

Elève }
Féminin Messages : 322
Age : 31
Localisation : Canada! ^^
Humeur : Généralement de bonne humeur! ^^
Date d'inscription : 16/05/2010
Système d'exploitation : Window 7
Galerie : Le Musée d'art

MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   Mer 31 Aoû 2011 - 1:59

Ah ok. J'ai tout compris. Ouais, je sais qu'il faut les mettre entre form et que l'on peut aggrandir les pixels. Je vais tenter différentes tailles pour voir justement. Merci ^^

Oui, les tableaux seraient intéressants aussi, tu as raison.

_______________
La joie, le plaisir du graphisme

Spoiler:
 
Revenir en haut Aller en bas
Contenu sponsorisé


MessageSujet: Re: Cours de Gwellaouen [HTML / CSS]   

Revenir en haut Aller en bas
 

Cours de Gwellaouen [HTML / CSS]

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: