Tu viens d'arriver? Tu souhaites faire partie de notre communauté? Rien de plus simple!
Lis la Charte, présentes toi, mets un lien de forum valide dans ton profil!
Et nous serons ravies de t'ouvrir les portes du forum des fous du graphisme! Ou fous tout court...
A toi de voir...
Nous sommes actuellement 1796 membres sur TP! Merci à vous!
Toujours plus de fous sur le forum! Pour s'amuser tout en graphant!    Une communauté où règne la folie, l'entraide, les délires et l'amitié!
Souhaitons tous la bienvenue à notre nouveau membre : Lord14
Si tu te sens l'âme de t'investir sur le forum, saches que nous recrutons activement :
Des modérateurs / Des graphistes
N'hésites pas à postuler. Nous étudions toutes les candidatures.

Partagez | 
 

 HTML - La base (1)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Night Neko
Graph LS
Graph LS
avatar

Féminin
Nombre de messages : 563
Age : 28
Ville / Pays : France
Logiciel utilisé : Photoshop CS4 maintenant 'w'
Date d'inscription : 15/01/2009

MessageSujet: HTML - La base (1)   Mer 13 Juil - 15:43

Bonjour à tous ^^

Je prends mon courage à deux mains pour vous parler de la base du HTML, je vous parlerai ici des balises les plus courante et comment on les utilise. Le prochaine sujet sera sur le CSS je pense ^^

Pour ceux qui ne le savent pas, on peut mettre du HTML où on veut sur le forum. Dans les messages, dans les signatures, dans les templates (Je vous en parlerai aussi dans un autre sujet en vous listant les variables les plus utilisées). Et vous pouvez faire ce que vous voulez, ou presque avec. Ce petit tuto a été inspiré du Site du Zéro, vous trouverez plus d'information là bas. Ce que je vais écrire ici est surtout pour vous aider.

Site du zéro a écrit:
XHTML : c'est l'abréviation de eXtensible HyperText Markup Language. Entre nous, si vous ne retenez pas ce que ça veut dire, ça ne vous empêchera pas de dormir ;)
Ce langage XHTML, c'est celui avec lequel vous taperez le contenu de votre site web. Il contient des informations logiques : vous direz par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc etc...".

CSS : c'est l'abréviation de Cascading Style Sheets ("Feuille de style"). Ce langage nous sert uniquement à présenter la page web. C'est en CSS que l'on dira : "Mes titres sont en rouge et sont soulignés, mon texte est dans la police arial, mon nom est centré, mon menu a un fond blanc..." etc etc.
Grâce à ce langage, nous allons pouvoir créer rapidement et simplement la mise en page de votre site. Nous pourrons ainsi lui donner une belle présentation, sans pour autant être des experts en graphisme

Voilà, je me suis permise de vous faire un petit copier coller pour que vous puissiez voir la différence. Si vous n'avez pas compris cette partie là, n'hésitez pas à me demander plus d'explication, c'est la base de tout pour comprendre la suite. Le XHTML (ou HTML) est là pour écrire le contenu de la page web alors que le CSS est fait pour présenter ce contenu.

Il faut aussi savoir avec quoi coder. Personnellement, j'utilise notepad ++ ou alors directement dans mon navigateur, dans les templates ou le sujet du message. Le bloc note est aussi très très bien. Pour les utilisateurs mac, il y a Smultron que j'utilise aussi sur mon mac, il est vraiment très très bien. Je ne connais pas pour Linux mais comme ce système là est pour la programmation et tout ce qui va avec, je pense qu'ils ont d'excellents programmes.

Je vous conseille aussi d'avoir plusieurs navigateurs sur votre ordinateur, pour tester vos codages, il faut savoir qu'un site n'est pas afficher pareil d'un navigateur à l'autre, Internet Explorer et Safari (Navigateur de base sur Mac) ont beaucoup de mal avec les arrondis (Quoi que IE, ça va un peu mieux). Personnellement, j'utilise Mozilla et Google Chrome pour tester. Je vous ferez une liste des navigateurs qui existent si vous me le demander, je pourrais aussi vous dire la compatibilité avec le XHTML et CSS3 (je crois qu'on en est au 3, je me renseignerai pour ne pas vous dire de bêtises.

Voilà, ça sera tout pour le moment, comme je vous l'ai dis, c'est une synthèse du tuto du site du zéro, vous trouverez plus d'info là bas. Je vous donnerai le lien si ce que j'ai écrit ne vous convient pas.

Et dites le moi si vous voulez des tutos spécifiques.

Bonne journée ^^

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


And when you're dead I will be still alive. [Portal Love <3 - Still alive]
Revenir en haut Aller en bas
Nyu
Graph Junior
Graph Junior
avatar

Féminin
Nombre de messages : 291
Age : 19
Ville / Pays : France
Emploi : Collegienne
Loisirs : Graphisme
Logiciel utilisé : Photoshop CS5
Date d'inscription : 06/07/2010

MessageSujet: Re: HTML - La base (1)   Ven 5 Aoû - 0:23

Perso , j'ai rien compris. Je suis vraiment nulle en codage je comprend pas !

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




Spoiler:
 
Revenir en haut Aller en bas
Saphir
Membre
Membre
avatar

Féminin
Nombre de messages : 186
Age : 18
Ville / Pays : France
Emploi : Collégienne (3è)
Loisirs : Equitation & Graphisme
Logiciel utilisé : Photofiltre Studio X
Date d'inscription : 23/07/2011

MessageSujet: Re: HTML - La base (1)   Ven 5 Aoû - 2:25

Moi j'ai appri ça à l'âge de 8 ans ^^ Ça parait dur mais c'est très simple, juste une question de logique et de patience ;) Si ça interesse quelqu'un je peux faire quelques tutos :)
Revenir en haut Aller en bas
xBrowniies
Membre
Membre
avatar

Féminin
Nombre de messages : 62
Age : 18
Ville / Pays : Annecy
Logiciel utilisé : Phtofiltre simple
Gimp
Date d'inscription : 07/08/2011

MessageSujet: Re: HTML - La base (1)   Lun 8 Aoû - 15:20

Je trouve ça dur dur à retenir les codes qui aurait des codes à nous montrer?
Revenir en haut Aller en bas
Nyu
Graph Junior
Graph Junior
avatar

Féminin
Nombre de messages : 291
Age : 19
Ville / Pays : France
Emploi : Collegienne
Loisirs : Graphisme
Logiciel utilisé : Photoshop CS5
Date d'inscription : 06/07/2010

MessageSujet: Re: HTML - La base (1)   Mar 9 Aoû - 13:58

Je ne dirais pas non Saphir ! :)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




Spoiler:
 
Revenir en haut Aller en bas
Saphir
Membre
Membre
avatar

Féminin
Nombre de messages : 186
Age : 18
Ville / Pays : France
Emploi : Collégienne (3è)
Loisirs : Equitation & Graphisme
Logiciel utilisé : Photofiltre Studio X
Date d'inscription : 23/07/2011

MessageSujet: Re: HTML - La base (1)   Mar 9 Aoû - 14:28

Quelques exemples :

Pour mettre une image :
Code:
<img src="URL DE L'IMAGE"

Pour mettre un fond :
Code:
<div style="background-image:url('URL IMAGE')">

Il y en a des centaines d'autres que je n'ai plus en tête ^^
Si vous voulez, par exemple, faire un site avec des interfaces, plusieurs fonds... ect... Je pourrais vous aider =)
Revenir en haut Aller en bas
Coco
Membre
Membre
avatar

Féminin
Nombre de messages : 19
Age : 18
Ville / Pays : France
Logiciel utilisé : Photofiltre, PSE
Date d'inscription : 18/08/2011

MessageSujet: Re: HTML - La base (1)   Mer 31 Aoû - 17:28

Je me permets de mettre quelques exemples aussi ^^

Pour mettre le pseudo de la personne qui lit ton message (comme dans la signa' de Saphir) :
Code:
{USERNAME}

Pour faire un code (retire les étoiles) :
[*code]Ton texte[*/code]

Et pour faire une liste (retire les étoiles) :
[*list]Ton texte[*/list]

Puis, pour finir, pour faire un spoiler (retire les étoiles aussi) :
[*spoiler]Ton texte[*/spoiler]

Voilà ^^
Revenir en haut Aller en bas
Saphir
Membre
Membre
avatar

Féminin
Nombre de messages : 186
Age : 18
Ville / Pays : France
Emploi : Collégienne (3è)
Loisirs : Equitation & Graphisme
Logiciel utilisé : Photofiltre Studio X
Date d'inscription : 23/07/2011

MessageSujet: Re: HTML - La base (1)   Mer 31 Aoû - 19:23

C'est du BBcode, pas du html, c'est juste un petit détail mais c'est totalement différent ^^
Revenir en haut Aller en bas
xBrowniies
Membre
Membre
avatar

Féminin
Nombre de messages : 62
Age : 18
Ville / Pays : Annecy
Logiciel utilisé : Phtofiltre simple
Gimp
Date d'inscription : 07/08/2011

MessageSujet: Re: HTML - La base (1)   Mer 7 Sep - 17:53

Pour une liste:
Code:
<ul><li>***********</ul>

Ce qui donnera:
  • *************
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: HTML - La base (1)   Mar 29 Mai - 16:41

Merci pour tout ces codes . C'est sur que sa peut aider plus d'un pour les forum!
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: HTML - La base (1)   

Revenir en haut Aller en bas
 
HTML - La base (1)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Peux-t-on modifier le code souce html de base du forum ainsi que sa feuille CSS ? ?
» Base HTML pour message accueil
» [Annulée] Demande une page HTML
» [résolu] Lien dans image survolée vers page html
» Icone HTML

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Thèmes Passion :: ~ Notre aide pour vos forums ~ :: Codage :: Les Tutoriaux-
Sauter vers: