texte au milieu

[Dylav]

Re-salut Julien !

 

J'ai déjà essayé de copier le code source, mais sans les CSS je n'obtiens rien de beau

Tu n'ignores pas comment on obtient l'environnement complet d'une page WEB : tu charges la page dans ton navigateur, tu cliques sur le bouton "fichier" (en haut à gauche du bandeau du navigateur), puis, dans le menu déroulant qui apparaît, tu cliques sur le choix "enregistrer sous". Il s'ouvre un panneau de positionnement, où le type de fichier est positionné à "Page Web, complète", et le nom du fichier est celui de la page web concernée. Tu obtiens alors, dans le répertoire que tu as choisi, le fichier texte du source (html, xhtml ou php), par exemple home.html, ET un répertoire portant le nom home_fichiers, qui contient toutes les annexes nécessaires pour afficher ta page en local (images, scripts, feuilles de style, objets flash, etc).

 

Attention, il te manquera les éventuelles images nommées dans les feuilles de style externe (en background par exemple), ainsi que les éléments externes appelés par @import. Mais tu peux, la plupart du temps, si le site n'a pas particulièrement protégé ses sources, les atteindre en tapant leur adresse dans la barre d'adresse de ton navigateur.

 

Exemple guidé, avec le site nvidia que tu cites : positionne-toi sur le site (page http://www.nvidia.fr/page/home.html), clique sur le pavé nzone pour atteindre la page "nzone" (http://www.nzone.fr/page/home.html), et récupère-là par fichier/enregistrer sous (comme vu ci-dessus). Dans le fichier home.html (ouvre-le avec le bloc-notes par exemple), tu découvres l'appel à import d'une feuille de style externe qui n'est effectivement pas dans le répertoire home_fichiers. Prends l'adresse indiquée (/docs/TEMPLATE/112/nzone_global.css) et déduis-en l'adresse réelle de cette feuille de style dans le site (http://www.nzone.fr/docs/TEMPLATE/112/nzone_global.css). Installe cette adresse dans la barre d'adresse de ton navigateur et tu découvres... TADAM !... le contenu de la fameuse feuille de style qui te manquait : copier/coller, enlevez c'est pesé !

 

Maintenant, tu as tout sous la main pour pouvoir comprendre la présentation de la page nzone, et t'en inspirer pour construire la tienne... Mais n'oublie quand même pas de réviser un peu tes connaissances en CSS, ce langage paraît simple a priori mais contient des tas de subtilités (qui en font la force).