Forum

/ Accueil forum / Astuces et tutoriaux / Afficher le code source d'une page

Afficher le code source d'une page

Page : 1

Auteur Message

farfane
avatar
Admin

# Posté le 07/09/2008 à 20h57

Parfois, vous devrez afficher le code source d'une énigme pour y obtenir des indices. Cela n'arrive pas souvent, mais il est important de préciser comment faire surtout pour ceux qui n'y connaissent absolument rien.

Comment afficher le code source d'une page ?

La manière d'afficher la source d'une page web diffère des navigateurs :

- Sous Internet Explorer 7 : Faites un clique droit puis "Afficher la source". Pareil sous IE6, j'espère juste que vous n'uilisez pas ce navigateur totalement dépassé.

- Sous Mozilla Firefox : Faites un clique droit puis "Code source de la page". Vous obtiendrez la même chose que ci-dessus, sauf que le code sera coloré, ce qui est est un gros avantage ! En effet, vous pourrez vous y repérer très vite. D'ailleurs, les commentaires d'un code source sont en vert.

- Sous Opéra : Faites un clique droit puis "Source" ou ctrl+u.

- Sous Safari : Faites un clique droit puis "Code source".
Note de Zemile : "Pour Mac, on peut aussi (Sur safari) se rendre dans 'View' (Chui en Anglais) puis 'View Source' ou encore appuyer sur Alt + Cmd + U."

- Sous Google chrome : Faites un clique droit puis "Afficher le code source de la page".

Comment chercher dans le code source  ?

Pour ne pas être totalement perdu lorsque vous cherchez dans le code source, voici une petite aide pour mieux comprendre : (J'ai utilisé Internet Explorer 7 pour les screen, mais le principe reste exactement le même pour les autres navigateurs)

Voilà ce que vous obtiendrez en affichant la source d'une énigme :

Ce code source correspond à la page de l'énigme 1 ! Toutes les autres énigmes ont le même code source.

Pour vous aider à chercher ce qui vous intéresse dans le code source, j'ai décortiqué (en gros) la source pour aider ce qui ne s'y connaissent rien. J'ai encadré différentes parties en couleur pour mieux comprenrdre :

  • En rouge : Ne vous en préoccupez pas, ce code ne changera jamais (à part pour le titre de la page), et vous n'aurez jamais besoin de regarder dedans.
  • En bleu : Pareil que le rouge, vous n'aurez pas besoin de regarder dedans, c'est ce qui permet d'afficher le haut et le bas de la page de l'énigme.
  • En vert : C'est ce qui permet d'afficher l'énigme :
    - "swf/enigme1.swf" correspond à l'emplacement du fichier flash.
    - 600 est la largeur en pixel du fichier flash.
    - 450 est la hauteur en pixel du fichier flash.
    Vous en aurez besoin que dans une seule énigme
  • En jaune : C'est l'indice de l'énigme, pas besoin de s'en préoccuper.

Il peut arriver qu'une énigme possède un champs de recherche google, dans ce cas là ,le code source deviendrait :


Ce qui est encadré en rouge correspond au code du champs de recherche google, vous n'aurez pas besoin de vous en préoccuper.

Maintenant, pour savoir si un indice est écrit dans le code source, il sera écrit en commentaire, c'est à dire qu'il sera entre les balises <!-- et -->. Voici un exemple :

<!--
Voici l'exemple d'un indice
-->

Si vous avez des questions ou des remarques concernant ce tutorial, merci de répondre à la suite de ce sujet !

samimoka
avatar
Membre
Enigme 14

# Posté le 01/02/2009 à 08h01

Je suis nouvelle  . je ne sais pas ou

 

 

charlie1363
avatar
Membre
Enigme 36

# Posté le 01/02/2009 à 08h19

@ saminoka    Il faut faire un clique droit dans l'espace blanc (entre la ligne rose du cadre et le carré ou est l'image de l'énigme) puis choisir afficher la source (ou code source).  Bonne chance

Undomiel88
avatar
Membre
Enigme 25

# Posté le 06/02/2009 à 00h09

Bonjour !

Je pense devoir chercher le code source pour une énigme...
Seulement, j'ai beau faire des clics droits partout, je n'ai jamais "code source" dans le menu !

J'ai "précédent", "transéfrer", "enregister l'arrière plan sous", "choisir comme image d'arrière plan", "copier l'arrière plan", "sélectionner tout", "créer un raccrourcis", etc, jusqu'à "propiétés", mais rien qui parle de code :'(

J'ai un "codage", mais en cliquant dessus, il me donne "sélection automatique", "europe occidentale", "unicode utf-8", "autre", "document de gauche à droite", "document de droite à gauche"

je fais comment svp ?

farfane
avatar
Admin

# Posté le 06/02/2009 à 00h27

Quel navigateur utilises-tu ? Internet explorer ? Si oui, tu n'as pas "Afficher la source" ??

Undomiel88
avatar
Membre
Enigme 25

# Posté le 06/02/2009 à 01h03

ha... heu... ben... si...

mais heu, c'est pas ma faute, il s'était caché le vilain Rigolant

c'est que c'est joueur ces petites choses là ^^

merci ! Innocent

Zemile
avatar
Membre
Enigme 30

# Posté le 15/02/2009 à 18h04

Pour Mac, on peut aussi (Sur safari) se rendre dans 'View' (Chui en Anglais) puis 'View Source' ou encore appuyer sur Alt + Cmd + U. Clin d'oeil

juliette
avatar
Membre
Enigme 21

# Posté le 15/02/2010 à 13h38

je ne trouve aps "code source" je comprend vraiment pas où la trouver

{#emotions_dlg.sad}

Help me please ! 

Page : 1

/ Accueil forum / Astuces et tutoriaux / Afficher le code source d'une page