FORUMAMONTRES
AccueilAccueil  PortailPortail  CalendrierCalendrier  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  
| |
Partagez
 

 Comprendre le HTML et poster une image. Petit Cours rapide

Aller en bas 
AuteurMessage
InsomniaK
Membre super actif
InsomniaK

Nombre de messages : 378
Date d'inscription : 06/05/2005

Comprendre le HTML et poster une image. Petit Cours rapide Empty
MessageSujet: Comprendre le HTML et poster une image. Petit Cours rapide   Comprendre le HTML et poster une image. Petit Cours rapide EmptySam 7 Mai 2005 - 0:04

Bilan

Quand on veut poster une image sur internet il faut garder 2 choses a l'esprit :

-1- déja il faut comprendre comment une image s'affiche sur une page web, c'est à dire comprendre le language HTML
C'est ce que je vais essayer d'expliquer plus bas

-2- Ensuite il faut la mettre quelque part "online" (grace a un site perso notamment)
et poster le lien qui mene à l'image sur le forum correctement (C'est a dire en respectant les regles du language HTML)

--- ¿¿¿ Comment une image s'affiche t elle sur le web ??? ---
------------------------------------------------------------------

j'ai un site perso dont l'addrese est : http://www.SitePerso.fr
a priori si je cré un dossier nommé "image" dans la racine de mon site, et que dans ce dossier image je mets une image qui s'appelle "montre.jpeg"
mon image ce trouve bien à l'addresse suivante :
http://www.SitePerso.fr/montre.jpeg


l'arborescance des fichiers sur le serveur qui heberge mon site perso fonctionne comme sur votre ordinateur ....

Maintenant, quand j'écris une page web ou quand je post un message sur un forum, tout ce que je marque est bien interprété comme du TEXTE
et c'est pour cette raison que vos liens vers les images n'affichent pas d'images .. mais bien du texte ... (un lien raté quoi ...)

En fait on utilise tous un browser web pour pouvoir naviguer (FireFox, Internet Explorer, Netscape ...)
Un browser web à pour role d'interpréter le code HTML présent sur la page que vous demandez. et de le transformer en page web réelle c'est à dire en page bien mise en forme.. avec tableaux, liens ou images !

ainsi pour afficher la page: http://www.SitePerso.fr/homepage.html
je tape dans la barre d'addresse du browser ce lien en gras (ou alors j'y suis arrivé par un lien qui m'y a conduit)

Du coup mon browser lit le code et affiche l'interprétation ...

Tout est clair pour l'instant ?
alors c'est la que ca ce corse ..

Bien entendu, une page web ne contient pas que du texte ...
De meme quand vous écrivez un message sur un forum, il est normal que ce soit interprété comme du texte.
Par conséquent, votre message s'affiche tel quel avec par exemple un message comme celui ci :

"Voila mon image :
http://www.SitePerso.fr/montre.jpeg"

A mince ca marche pas !

Bah oui ca ne marche pas parce que pour faire comprendre au browser que ce lien doit afficher" l'image" au lieu du "lien textuel qui y mene", il faut lui dire comment faire.
Et c'est a ca que servent les BALISES HTML

pour une image, la balise image existe bien entendu et fonctionne comme ceci :
<img src="monlien" width="50" height="50">

en gros, puisque l'image que l'on a mise sur son site perso est a cette addrese : http://www.SitePerso.fr/montre.jpeg
on affiche l'image en écrivant le code HTML suivant :
<img src="http://www.SitePerso.fr/montre.jpeg " width="50" height="50">


la balise est bien la balise"image" :
<img> la balise image
src="" on met l'addresse de l'image source
width et height sont les paramettre pour dimensionner la case dans laquelle va s'inserer l'image. En gros ca ne sert a rien pour poster ..
donc on les vire..

du coup on poste ca :
<img src="http://www.SitePerso.fr/montre.jpeg">

Et la normalement ca marche nickel.

--- ¿¿¿ Les Exceptions ??? ---
---------------------------------

La première exception c'est par exemple le forum de Zen qui comme beaucoup est surement en Php (parceque le PHP est gratuit et libre de droit)
En gros le Php est un language dynamique (le HTML est statique)
C'est a dire que en demandant une page Php, du genre http://www.MonSite.fr/index.PHP
noté bien que ma home page est bien index.PHP et non index.html

On demande au serveur la page index.php
suite a cette requete, le serveur va créer une page html en live (la création dépend du code php que l'on a écrit)
C'est a dire que la page HTML n'existe PAS sur le serveur !!! elle est créée des que vous la demandez par votre requete.
Le serveur Php interprete votre requete et génere immédiatement la page HTML qui correspond.

en tres tres gros, le php permet de générer des pages en live en tenant compte de plein de parametres (genre votre login par exemple, ou alors de's cases cochées ou des champs remplis dans un formulaire ... c'est le cas du paiement online par exemple)

Par ailleur étant donné que le php peut générer du code HTML, on a inventé des outils tels que les balises spécifiques a certains forums, le BBcode en est un bon exemple.

Il permet aux utilisateurs de se passer de la connaissance du language html

en entrant :
Comprendre le HTML et poster une image. Petit Cours rapide Montre (ce sont des balises imagesBBcode)
le serveur va le transformer en :
<img src="http://www.SitePerso.fr/montre.jpeg">
Parceque le code Php du site comprend que [img] doit etre transformé en balise HTML image ..;

Du coup bah ca va afficher l'image grace au code html ainsi généré ..
Vous écrivez : Comprendre le HTML et poster une image. Petit Cours rapide Montre dans votre message
le serveur le transforme en <img src="http://www.SitePerso.fr/montre.jpeg">
et ensuite votre naviguateur le transforme en affichage de l'image.


Effectivement ca permet notamment de ne pas activer le code HTML.
Par sécurité on desactive le code HTML pour éviter que des petits malin post des scripts vicieux Smile)
mais c'est une autre histoire ..

Par ailleurs c'est aussi a cause du php que certains liens ne fonctionnent pas.
En faisant un copier / collé du lien ou vous voyez votre image vous copiez en fait le lien d'une page web qui n'existe pas !!!
Cette page n'existe QUE chez vous au moment ou vous faites la requete !! elle n'existe pas en temps que telle mais est bien générée pour vous ! au moment ou vous la demandez !!

Voila un bref résumé..Si vous avez des questions j'y répondrai.

J'espere avoir un peu éclairé le débat. En attendant je conseille a ceux qui sont vraiment novices (ou pas ) et qui aiment comprendre d'aller faire un tour ici :
http://www.siteduzero.com/

C'est tres enrichissant et pour tous les niveaux en HTML comme en PHP !!

Sinon merci a toi Zen pour ton forum Smile)
Revenir en haut Aller en bas
InsomniaK
Membre super actif
InsomniaK

Nombre de messages : 378
Date d'inscription : 06/05/2005

Comprendre le HTML et poster une image. Petit Cours rapide Empty
MessageSujet: Re: Comprendre le HTML et poster une image. Petit Cours rapide   Comprendre le HTML et poster une image. Petit Cours rapide EmptySam 7 Mai 2005 - 0:07

manifestement la desactivation du BBCode n'a pas marché ..
la phrase ou l'on voit un carré rouge se lit ainsi :

Vous écrivez : \[\img]http://www.SitePerso.fr/montre.jpeg\[\/img] dans votre message -> (enlever les antislash "\")
Revenir en haut Aller en bas
ZEN
Rang: Administrateur
ZEN

Nombre de messages : 54452
Date d'inscription : 05/05/2005

Comprendre le HTML et poster une image. Petit Cours rapide Empty
MessageSujet: Super ! Merci de tes explications limpides et construites...   Comprendre le HTML et poster une image. Petit Cours rapide EmptySam 7 Mai 2005 - 9:00

Salut Insomniak

Merci infiniment, ton explication est la plus claire que j'ai pu lire sur le suje et même moi qui ne suit pas du tout un superman de l'informatique , j'ai compris... scratch

Bravo pour tes connaissance et ta facilité à la transmettre dans un domaine pas facile du tout. thumleft

Amitiés

_________________
Contraria contrariis curantur. (Les contraires se guérissent par les contraires).
Revenir en haut Aller en bas
https://sites.google.com/site/hourconquest/
InsomniaK
Membre super actif
InsomniaK

Nombre de messages : 378
Date d'inscription : 06/05/2005

Comprendre le HTML et poster une image. Petit Cours rapide Empty
MessageSujet: Re: Comprendre le HTML et poster une image. Petit Cours rapide   Comprendre le HTML et poster une image. Petit Cours rapide EmptyDim 8 Mai 2005 - 0:49

Cool je pensais que personne le lirais.

J'espere que ca peut aider a clarifier les choses Mr. Green

Parceque l'informatique comme le web est souvent peu accessible ou mal compris parce qu'effectivement .. il n'est jamais expliqué.
Revenir en haut Aller en bas
 
Comprendre le HTML et poster une image. Petit Cours rapide
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Un petit coup de piston
» Peinture a rayures pour une chambre de petit mec?
» 2 cactus: 1 gros & 1 petit
» Quantité petit déjeuner
» Poivron Petit Marseillais

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FORUMAMONTRES :: Forum général de discussions horlogères-
Sauter vers: