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 | 
 

 && Je veux apprendre le HTML & les CSS !

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Hikari Aikawa

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 14:58

Oui, j'ose poster dans cette partie ! J'a bien dit "J'OSE". Je connais déjà quelques bases de l'HTLM & du CSS. En fait.. J'ai appris le bases du CSS/HTML mais j'ai oublié où est-ce qui faut placé telle chose... En gros, une révision me ferais pas de mal
. ^^""

Pseudo ; Hikari Aikawa
Niveau estimé CSS ; 0,5 (on va dire..xDD)
Niveau estimé HTML ; 0,5
Souhaitez-vous un professeur en particulier ; Bah nan. Y'a que Nico'. J'espère qu'elle est pas trop débordée. ^^"
Avez-vous quelque chose en particulier que vous désirez apprendre ; Les pages d'accueil, faire de belle présentations codés && codés mes forums. °w°
Un mot de motivation ? ; Hyuuuh. ~ ♫ Quand on peut apprendre des choses, on apprend ! o/

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 19:36

Coucou Hikari ^^
Nico' est là et prendra ton cours en charge O/

Le HTML / CSS c'est moins prenant que le graphisme donc ne t'en fais pas héhé =D

Donc tu connais déjà les bases ! Alors, je vais te poser des questions pour voir ce que l'on peut apprendre ensemble ^^
Sais-tu reconnaître visuellement le HTML et le CSS ? Quelles sont leurs différences au niveau des balises ?
Connais-tu l'utilisation de chacun d'eux ? =)

Valou vali O/

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 19:52

Hey ! o/
Alors je vais répondre à tes questions... Prête ? 8D
Bien sûr que je reconnais le HTLM & le CSS visuellement. o/*

Leur différence entre les balises HTLM/CSS, c'est que le HTLM s'écrit comme ça, par exemple :
Head est entre deux "<>".Dans ce cas là on doit le refermer après :
Code:
</head>
Il y a des balises seules comme euh.. Je sais plus c'était quoi. ^^" Je crois que c'était :
Code:
<br/>
. Je sais plus. >w<
Le CSS qui n'est pas insérer dans le HTLM (j'me comprends , hein ? xD) s'écrit comme ça :

Code:
a.mainmenu (C'est un exemple. Je sais pas vraiment à quoi ça correspond. xDDD )
{
background-color : red;
}


Le HTLM permet de dire "Ca c'est mon titre" par exemple.
LE CSS permet de dire "Mon titre est en gras & il est rouge."

Voilà,voilà. J'crois que j'ai répondu à tout. >w<

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !


Dernière édition par Hikari Aikawa le Jeu 28 Juil 2011 - 19:59, édité 1 fois
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: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 19:58

Pense quand tu utilises une balise de la mettre en code sinon elle n'apparaît pas xDD

Tu as raison, le html c'est le contenu et disons le squelette tandis que le CSS c'est l'apparence, la disposition et tout ^^

a.mainmenu c'est l'identifiant pour les liens de la barre de navigation d'un forum x)

L'autre balise toute seule c'est celle pour insérer une image :

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

Maintenant sans consulter quoique ce soit, pourrais-tu me donner les balises html (seulement) que tu connais ? ^^

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 20:10

Hellow ! ~
Ah excuse moi, j'ai pas l'habitude ! xDDD
Ah ok pour a.mainmenu ! xDDDD
Ah, je connaissait cette balise ! x)
Oui, je vais essayer de toutes te les données.. xDD

Code:
<blockquote>
<p>
<q>
<br />
<h1> à <h6>
<title>
<head>
<em>
<strong>
<sup>
<sub>
<tr>
<td> (Bien que je saches pas faire de tableau..xDD)
<ul>
<li>
<ol>
<dl>
<dt>
<div> (Oui, faut faie tout un bidule avec le CSS pour marquer "<div class="nom de la classe"></div>)
<span> (idem)

Et c'est tout je crois. x)

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Jeu 28 Juil 2011 - 20:16

Ce n'est pas grave ne t'en fais pas ^^ On se fait tous avoir xDD

Bon tu en connais déjà pas mal, je vois ^^
Par contre tu ne connais pas celles pour les liens et les images cliquables je vois ^^

Pour qu'un texte mène quelque part, il faut ces balises-là :

Code:
<a href="lien où tu veux que le clic mène">texte</a>

L'image cliquable c'est ça :

Code:
<a href="lien où tu veux que l'on aille"><img src="lien de l'image qui se termine par l'extension" border="0" alt="titre alternatif" /></a>

Y a aussi les balises
Code:
<marquee></marquee>
qui permettent de faire défiler un texte ^^
Le défilement peut être paramétré comme on le souhaite !

Pour les div et span oui on peut leur assigner des class ou des id (c'est pareil à un détail près : ça ne sert que pour un truc précis). Mais avec ces deux balises on peut mettre des propriétés de CSS directement ^^

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Ven 29 Juil 2011 - 7:47

Hellow ! ~
J'vais retenir tous ça alors ! ^^
Je savais pas qu'on pouvait mettre directement des propriétés de CSS dans ces deux balises. x)

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Ven 29 Juil 2011 - 9:11

Disons que c'est pas recommandé mais quand on n'a pas envie d'héberger une feuille de style, par exemple comme sur un forum... c'est assez pratoche ^^

Tu jetteras un coup d'oeil à la fiche de partenariat du forum ;)

Maintenant, si on voyait comment faire un tableau ? =D

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Ven 29 Juil 2011 - 10:20

Hellow ! ~
Je suis partante pour apprendre à faire un tableau ! °w°

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Sam 30 Juil 2011 - 12:23

Coucou me revoilou pour les tableaux ! O/


Pour commencer, il faut savoir que les balises
Code:
<tr></tr>
représentent les lignes. Tandis que les
Code:
<td></td>
représentent les colonnes.

Le tableau doit commencer par les balises
Code:
<table><tbody>
et s'achève par les balises
Code:
</tbody></table>

Le tableau se construit horizontalement, c'est-à-dire que ce sont les balises de lignes qui encadrent les balises de colonnes. Dans une ligne, tu peux créer plusieurs colonnes.

Ainsi un tableau de deux lignes et trois colonnes se construira comme ci-dessous. On retrouvera trois paires de balises de colonnes dans chaque paire de balises de lignes :

Code:
<table><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>

123
456

Un tableau comme celui-ci n'aura aucune bordure. Pour créer une bordure, il faut rajouter ceci : border="1"

Code:
<table border="1"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Perso, je trouve ça moche xDD

Tu peux ensuite régler la taille du tableau soit en pourcentage soit en pixels en rajoutant la propriété width="valeur en px ou en %" :

Code:
<table width="75%"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456


Tu peux aussi régler la taille des colonnes en ajoutant la même propriété mais dans la balise td ^^

Code:
<table><tbody><tr><td width="150px">1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Est-ce que tu as des questions, jusque ici ? ^^

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Sam 30 Juil 2011 - 15:53

Hey ! o/
Non, je n'ai aucune question, tout est claire ! ^^

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Sam 30 Juil 2011 - 16:33

Maintenant on va voir quelque chose d'un peu plus compliqué concernant les tableaux : les cellules fusionnées x) soit en colonne, soit en ligne ^^
Et aussi une autre paire de balise qui permet de mettre un en-tête ^^

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Sam 30 Juil 2011 - 16:47

Hey ! o/
Oki, ça marche ! ^^

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
Revenir en haut Aller en bas
avatar
Hikari Aikawa

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Sam 20 Aoû 2011 - 15:23

Petit up ! *va se cacher*

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Dim 21 Aoû 2011 - 20:56

Ah et m*rde ^^" Désolée, j'avais zappé...

En fait c'est un peu plus compliqué donc je voulais prendre du temps mais au final j'ai oublié. Le plus simple est de montrer un exemple ^^

voici la cellule fusionnée avec sa voisine3
456

C'est pas beau mais c'est pour que tu vois ce que cela donne =D

Là une autre façon de fusionner mais cette fois en colonne :

voici la cellule fusionnée avec celle du dessous34
56

Après, je te montrerai les codes =)

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Dim 28 Aoû 2011 - 8:31

D'accord, j'ai compris comment ça fonctionne. Je suis prête pour la suite.

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Sam 3 Sep 2011 - 15:45

Coucou Hikari O/
Donc voici maintenant comment faire ces fusions de cellules, en premier. Ensuite on verra pour les colonnes ^^

Par contre y a un peu de technique mais ensuite ça va x)

Alors, pour ce qui est des cellules fusionnées, c'est donc d'un point de vue horizontal qu'on se place et c'est l'attribut "colspan"

De la même manière que la taille, on place l'attribut colspan dans une balise préexistente du tableau. Ce sont seulement les td à qui l'on attribue ce colspan.
Par contre, il faut faire attention à ce que l'on ait le même nombre de colonnes partout. Car certes là où on mettra la fusion des deux cellules, on aura un td de moins. Mais pour les autres lignes, il faut faire comme si y avait ce td.
En gros, si un tableau a trois paires de td chaque ligne et que sur la première on a fusionné deux cellules, alors sur la première il y aura seulement deux paires de td mais pour les autres lignes on en aura trois.

Le plus simple c'est un exemple (trois colonnes, deux lignes) :

cellules fusionnéesblablabla
blablablablablablablablabla
(j'ai mis des couleurs pour que l'on voie la fusion ^^

Code:
<table><tbody><tr><td colspan="2">cellules fusionnées</td><td>blablabla</td></tr><tr><td>blablabla</td><td>blablabla</td><td>blablabla</td></tr></tbody></table>

Est-ce que jusque là ça va ? ^^

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Ven 9 Sep 2011 - 10:52

Salut ! ^^
Oui, jusque là, ça va, je crois que j'ai compris ! ^^

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Ven 9 Sep 2011 - 20:41

Coucou Hikari ^^
Cool ! Après on fera des exercices pour voir si c'est bien compris ^w^

Maintenant passons à l'autre fusion : les colonnes fusionnées. =)

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Sam 10 Sep 2011 - 10:34

Coucou !
Oki doki ! ^^

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
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: && Je veux apprendre le HTML & les CSS !   Ven 28 Oct 2011 - 14:44

Hi ^^
Désolée pour mon retard, mais tu es toujours partante ? =D

_______________



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

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Lun 31 Oct 2011 - 13:55

Wii, bien sûre ! :3

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
Revenir en haut Aller en bas
avatar
Hikari Aikawa

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Mer 16 Nov 2011 - 15:02

Up ! o/

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
Revenir en haut Aller en bas
avatar
Hikari Aikawa

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Jeu 24 Nov 2011 - 20:17

Up ! ;D

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
Revenir en haut Aller en bas
avatar
Hikari Aikawa

Tit Graph' #
Féminin Messages : 67
Age : 18
Date d'inscription : 05/01/2011
Système d'exploitation : Windows 7

MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   Dim 8 Jan 2012 - 12:52

Petit up ! O:

_______________

Kit sur gimp !
(c) Hikari Aikawa
Celui ou celle qui me prend mon kit sans ma permission ! Il aura à faire à moi !
Revenir en haut Aller en bas
Contenu sponsorisé


MessageSujet: Re: && Je veux apprendre le HTML & les CSS !   

Revenir en haut Aller en bas
 

&& Je veux apprendre le HTML & les 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: