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 Dark-Light [HTML / CSS]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Cours de Dark-Light [HTML / CSS]   Mar 17 Mai 2011 - 22:31

Pseudo ; Un vieux de 99 ans ? (Dark-Light ?)
Niveau estimé CSS ; 0
Niveau estimé HTML ; 0 ... Ou pas ! je sais qu'il faut un minimum d'anglais et utiliser du <> (je connais que le bbcode désolé xD)
Souhaitez-vous un professeur en particulier ; Je suis désolé de m'imposer a la seul prof ici u_u"
Avez-vous quelque chose en particulier que vous désirez apprendre ; Oui ... TOUT !!!
Un mot de motivation ? Bah Salut à tous (faudrait pas en oublier les bonnes manieres) Je suis un débutant qui a depuis plusieurs mois entrepris de debuter l'art du codage et comme il est possible d'avoir un prof ici , je suis le plus ravi (Oh une rime !)

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Ven 20 Mai 2011 - 13:54

Coucou Light ^^
Je te remercie de profiter de notre petit service tout nouveau permettant de débuter dans le codage :D
Normalement KiiKi devrait passer pour t'indiquer la marche à suite ;)

Bonne journée
Nico'

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Ven 20 Mai 2011 - 19:48

Mais c'est un plaisir ma grande ^^ (surtout que j'y gagne aussi héhé)
Kiiki doit surement être occupé mais je ne m'en fait quand elle sera libre elle passera surement :P Et Merci.

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


Revenir en haut Aller en bas
avatar
3KiiKi x

Féminin Messages : 401
Age : 22
Localisation : Québec <3
Humeur : Mouarf.
Date d'inscription : 05/02/2011
Système d'exploitation : Windows7

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Sam 21 Mai 2011 - 17:55

Ouiii Elle était extrêmement occupée à se limer les ongles et à manger des chocolats XD
Je suis terrible j'avais un peu zappé en fait T^T

Donc je vais te prendre en charge, pour le moment je crois que tu seras mon dernier, à moins que quelqu'un soit vraiment très motivé je sais pas dire non, mais sinon je vais crouler XD
J'ai commencé à écrire mon premier post pour les cours des trois autres bébés codeurs, je vais m'occuper de toi tout juste après, nous commencerons sérieusement.
Tu sais comment ça marche un peu, le codage? Tu sais par exemple qu'il faut toujours mettre en CSS : .Titre { Variante;
variante;
Variante;}
et en HTML c'est plutôt :

Tu peux me dire si tu sais autre chose ? Ça m'évitera de me répéter ;)

_______________
Spoiler:
 
Revenir en haut Aller en bas
http://captive.forumactif.org/
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Sam 21 Mai 2011 - 19:01

En faite non je ne savais pas , je ne sais presque rien , ou même rien complètement T.T
Aussi .. n'abuses pas trop du chocolat :P

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


Revenir en haut Aller en bas
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 Dark-Light [HTML / CSS]   Dim 24 Juil 2011 - 3:20

Uppynouchet pour notre Darky qui est pas pris en charge :(

_______________

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 Dark-Light [HTML / CSS]   Dim 24 Juil 2011 - 9:52

Je prends bien sûr Darky en charge mais j'attends son retour pour savoir ce que nous allons voir ensemble x)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Mar 26 Juil 2011 - 13:25

Et bien je suis là ! Commencer .. Pourquoi ne pas debuter avec les bases vu que j'ai constaté que je ne connais encore rien de ce vaste monde !
Merci à vous deux !

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Mer 27 Juil 2011 - 7:01

Coucou Darky ^^

Donc commençons par les bases du HTML car d'une part c'est plus facile et qu'ensuite le HTML est nécessaire pour le CSS x)
Je vois que KiiKi t'a donné les moyens de différencier les deux x)

Avant, sais-tu pour quoi on utilise le HTML et pour quoi le CSS ? (j'entends qu'est-ce qui les différencie dans leur utilisation en réalité ^^) =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Mer 27 Juil 2011 - 9:51

En fait pas vraiment , je sais juste que ça sert pour la mise en page de forum sites etc ... après c'est le mystère absolu.

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Mer 27 Juil 2011 - 10:04

Ouki ^^
Alors, en fait, ce qu'il faut savoir c'est que le HTML et le CSS sont complémentaires. Le HTML (HyperText Markup Language) s'intéresse à ce qui est davantage contenu et mise en page squelette. En gros, délimiter les paragraphes, faire des tableaux, des listes / formulaires... L'aspect plus visuel et esthétique sera géré dans une feuille de style appelée CSS (Cascading Style Sheets) à part. Dans cette feuille tu mettras diverses indications : le type d'alignement (centrer, justifier...), les couleurs, la police, les marges, le fond...

La page html peut se créer directement sur un bloc notes. Elle apparaîtra en local mais pour qu'elle puisse être vue par les autres connexions et être référencée, elle doit être hébergée sur un site et disposer de ce qu'on appelle un nom de domaine (l'adresse qui se termine en .com et tout). La feuille CSS qui est associée à la page HTML doit aussi être hébergée (comme une image en fait) pour que l'on puisse y faire référence dans la page HTML x)

Aurais-tu des questions jusque là ? Des choses que tu aimerais que j'approfondisse ? =D

Sinon, tu ne connais pas quelques balises de base ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Mer 27 Juil 2011 - 14:04

J'ai tout compris merci !
Je voudrais savoir comment se passe l'apprentissage est-ce à base d'entrainement comme le graphisme ? Ou en decouvrant de nouvelles balises etc.. ?
Pour les balises de base j'ai vu ceux dans la partie 'codes tout pret' bien qu'a la fin ça commence à devenir du charabia ^^'.

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Mer 27 Juil 2011 - 15:43

Cool ! O/
Eh bien ce sera différent des cours de graphisme cependant ^^ Du moins pour le moment mais ensuite on passera à des exercices. =D
Si tu veux la différence c'est que là il faut apprendre les balises par cœur et savoir quand et comment les utiliser. Mais ne t'en fais pas ça s'apprend vite x)

Par rapport au sujet des codes tout prêts, qu'as-tu du mal à comprendre ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Jeu 28 Juil 2011 - 10:33

Quant à la compréhension ça va , juste que les codes de fins deviennent assez dur à mémoriser.
Ah Lala on sort des etudes pour arrêter d'apprendre et voila que ça nous tombe encore sur le dos x)

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Jeu 28 Juil 2011 - 19:29

Eh oui xDD Mais je te rassure c'est pas compliqué à apprendre ^^
Je peux te conseiller d'écrire une fois à la main le code pour la réalisation de tableaux =D

C'est un enchevêtrement de codes mais c'est assez logique x)

Il faut juste savoir que chaque balise doit être fermée sauf les balises uniques comme :

Code:
<br />
<img src="lien de l'image" border="0" alt="titre alternatif" />

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Jeu 28 Juil 2011 - 19:46

Donc un peu comme le bbcode que j'ai appris il y'a bien longtemps ?

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Jeu 28 Juil 2011 - 19:53

Exactement ! Le BBCode est un code HTML particulier en fait ^^

Par exemple la balise qui sert à faire un lien sur un texte, tu vois qu'elle s'ouvre
Code:
<a href="lien">
et ensuite elle se referme
Code:
 </a>

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Jeu 28 Juil 2011 - 20:51

Cliquez ici

Voila donc maintenant il faut apprendre les codes et tous les attraper ?

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Ven 29 Juil 2011 - 22:40

Exactement O/
Tu peux donner des variantes à tes codes ^^ Par exemple faire que ton lien s'ouvre dans un autre onglet en rajoutant : target="_blank"

Ça donne dans ton code :

Code:
<a href="lien" target="_blank">ton texte</a>

Voyons plus en détails les balises pour les images, les liens cliquables et les tableaux O/

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Dark-Light

Chef Modo
Masculin Messages : 1913
Age : 106
Localisation : Cherches bien dans les alentours.
Date d'inscription : 22/09/2009
Système d'exploitation : euh...
Galerie : Momo"s Galerie.... Attention Lamasticot

MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   Sam 30 Juil 2011 - 11:10

Hé bien les possibilités sont très nombreuses je vois ^^
Je te laisse mener le cours alors :p

_______________

Ma galerie ? un petit clic sur cette signature ;) (Vite !!! Sinon il vont être brûlés ! )


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 Dark-Light [HTML / CSS]   Sam 30 Juil 2011 - 11:23

Oui y a pas mal de possibilités O/ C'est ça qui est énorme ! Un code tout con peut devenir plus complexe ! Par rapport au BBCode qui est bien moins personnalisable x)


La balise pour insérer une image est l'une des rares à ne pas être en paire. Elle est unique et pour le montrer, il faut la fermer avec le slash à la fin. Pour intégrer une image, la balise la plus simple est elle :

Code:
<img src="lien direct de l'image se terminant par l'extension" />

Maintenant, ça ce n'est pas conforme à la norme. Il faut au moins mettre un titre alternatif :

Code:
<img src="lien direct de l'image se terminant par l'extension" alt="titre alternatif" />

Maintenant faisons plus compliqué ! Il est rare maintenant qu'un cadre apparaisse autour de l'image mais sait-on jamais. Aussi, ajoutons le fait que l'on ne veut pas de bordure moche :

Code:
<img src="lien direct de l'image se terminant par l'extension" border="0" alt="titre alternatif" />

Un peu plus compliqué (oupa) maintenant. J'ai envie que mon image fasse une certaine taille pour pas que ça déforme tout. Je vais rajouter deux propriétés "width" (pour la largeur) et "height" (pour la hauteur). Les valeurs qui sont à mettre sont en pixels encadrées de guillemets. Pour l'exemple :

Code:
<img src="lien direct de l'image se terminant par l'extension" border="0" width="XXpx" height="XXpx" alt="titre alternatif" />

Enfin, on peut ajouter un titre à cette image qui fait que lorsque l'on passe la souris dessus, une infobulle apparaît. La propriété s'appelle "title". Et le titre se met aussi entre guillemets :

Code:
<img src="lien direct de l'image se terminant par l'extension" border="0" width="XXpx" height="XXpx" alt="titre alternatif" title="mon titre de l'image" />


Est-ce que jusque là tu suis ? =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
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 Dark-Light [HTML / CSS]   Ven 28 Oct 2011 - 14:40

Hello, hello ^^
Quelles sont les nouvelles ici ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
Contenu sponsorisé


MessageSujet: Re: Cours de Dark-Light [HTML / CSS]   

Revenir en haut Aller en bas
 

Cours de Dark-Light [HTML / CSS]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

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