|
# 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 ! |