Comment créer un lien relatif?

Comment créer un lien relatif? Sujet résolu

Ajouter un message à la discussion

noisette7155

Posté le 11/07/2010 @ 17:24

a tous.

-Je vais essayer de m'exprimer le plus clairement possible

-Pour créer mon lien relatif,j'ai créer un autre fichier html,dans le meme dossier.Donc j'ai dans

le dossier "mon site" les fichiers essai.html puis relatif.html puis design.css

-Dois-je recréer un autre design.css pour mon nouveau relatif.html?

-Si oui comment je fais pour lui indiquer le chemin avec "href" dans la balise "link" ?

-Et a chaque fois que je vais faire un lien relatif,je vais devoir recréer a chaque fois un relatif.html et aussi un design.css?

merci de me répondre

a bientot.

elle

Posté le 11/07/2010 à 17:49

Grande Maîtresse astucienne

Le fichier CSS s'applique à tous tes fichiers HTML en autant que tu en fasses l'appel dans le head de chacun.

elle

Posté le 11/07/2010 à 17:53

Grande Maîtresse astucienne

N'oublie pas qu'il te faut aussi une page nommée index.html (ou .htm ou .php, c'est selon).

noisette7155

Posté le 11/07/2010 à 17:59

Elle

-A chaque fichier html,que je créer je dois inscrire ceci?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue chez jean-marc!</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

</head>
<body> 
<h1> <p>BIENVENUE CHEZ JEAN-MARC </h1>

-Et dans la balise head je vais noter quoi? relatif.html ?

noisette7155

Posté le 11/07/2010 à 18:04

elle a écrit :

N'oublie pas qu'il te faut aussi une page nommée index.html (ou .htm ou .php, c'est selon).

-Ceci est un fichier html en plus alors?

elle

Posté le 11/07/2010 à 18:05

Grande Maîtresse astucienne

Je ne comprends pas : pourquoi tu veux mettre relatif.html dans un autre fichier HTML? Si tu veux pouvoir l'ouvrir à partir de ta page index ou autre, tu fais un lien dans le corps de la page, dans le menu par exemple...

elle

Posté le 11/07/2010 à 18:08

Grande Maîtresse astucienne

noisette7155 a écrit :

elle a écrit :

N'oublie pas qu'il te faut aussi une page nommée index.html (ou .htm ou .php, c'est selon).

-Ceci est un fichier html en plus alors?

Il faut absolument que ta première page se nomme index. Si ta page essai.html est ta première page, tu la renommes en index.html.

C'est expliqué ici dans la section 2 : https://forum.pcastuces.com/aide_aux_debutants_erreurs_dans_les_sites_web-f2s4537.htm

noisette7155

Posté le 11/07/2010 à 18:10

elle a écrit :

Je ne comprends pas : pourquoi tu veux mettre relatif.html dans un autre fichier HTML? Si tu veux pouvoir l'ouvrir à partir de ta page index ou autre, tu fais un lien dans le corps de la page, dans le menu par exemple...

-Je ne cherche pas a partir d'un lien tomber sur une page d'un autre site,par exemple si je clique sur mes hobby j'aimerais

q'une autre page s'ouvre avec la description de mes hobby.

elle

Posté le 11/07/2010 à 18:19

Grande Maîtresse astucienne

Alors tu mets simplement un lien vers la page hobby dans le body de la page :

<a href="hobby.html">Mon hobby</a>

noisette7155

Posté le 11/07/2010 à 18:26

<a href="hobby.html">Mon hobby</a>

j'avais déja essayer ceci mais il me dit "fichier introuvable".

-Et le hobby.html je dois le créer quand meme mais ou?pas dans un autre fichier html? c'est la que je n'arrive pas a comprendre

elle

Posté le 11/07/2010 à 18:29

Grande Maîtresse astucienne

Ah! Ben si le fichier n'existe pas, c'est normal qu'il ne soit pas trouvé.

Oui, il faut que tu fasses une page hobby.html dans ce cas. Tu la mets dans le même dossier que les autres pages.

Tu vas devoir créer un nouvelle page HTML chaque fois que tu voudras une nouvelle page sur ton site. Sinon, comment comptais-tu t'y prendre?

Modifié par elle le 11/07/2010 18:32

Dreamer

Posté le 11/07/2010 à 18:31

Salut

La réponse est oui !!

Tu vas avoir ( pour l'instant ) 3 fichiers

- index.html

- design.css

- hobby.html

noisette7155

Posté le 11/07/2010 à 18:33

je suis d'accord avec toi

et c'est pour cela que je poster ma premiere question,mais ma page css je dois en recréer une ou pas c'est la que je comprends pas.

elle

Posté le 11/07/2010 à 18:36

Grande Maîtresse astucienne

Si tu veux en utiliser une (et c'est préférable), alors oui, il faut la créer. Mais une seule pour tout le site.

Regarde ici : http://maboite.qc.ca/site_web-style.php

Modifié par elle le 11/07/2010 18:37

noisette7155

Posté le 11/07/2010 à 18:39

je l'ai déja c'est design.css

mais depuis j'ai rajouter ces fameux liens et je me demandais si il fallait recreer une page supplémentaires pour ces liens?

Malcolm

Posté le 11/07/2010 à 18:43

de manière plus générale, il faut comprendre que <a href="lien_ici">texte affiché</a> sert à faire un lien, qu'il soit relatif ou absolu, vers un document.

Ce lien_ici peut être :

une page HTML, ce qui affichera une autre page du site dans le navigateur
un fichier ZIP, ce qui proposera un téléchargement
un fichier PDF, ce qui ouvrira le PDF dans le navigateur si le visiteur a ce qu'il faut
une vidéo, idem
une image
un mp3
...

Bref, dans "lien_ici" tu mets l'adresses de ce vers quoi le lien doit pointer. Ensuite, l'exécution du contenu (appel d'une page HTML, etc.) dépendra du navigateur du visiteur. Pour faire simple, si tu mets un fichier texte, mon navigateur va savoir l'ouvrir et me l'afficher. A moins que moi, humain, je ne fasse "clic droit" > "enregistrer sous", mon navigateur va forcément m'afficher le texte*.

* on peut tricher un peu mais ça nécessite une petite programmation en langage serveur un poil plus complexe, et si tu ne sais pas trop ce que sont chemins relatif et absolu, je ne vais pas m'attarder à t'expliquer les entêtes HTTP ...

elle

Posté le 11/07/2010 à 18:47

Grande Maîtresse astucienne

noisette7155 a écrit :

je l'ai déja c'est design.css

mais depuis j'ai rajouter ces fameux liens et je me demandais si il fallait recreer une page supplémentaires pour ces liens?

Si tu as des styles à définir pour ces liens en particulier, tu le fais dans la page CSS déjà existante...

noisette7155

Posté le 11/07/2010 à 18:50

-Quand je clic sur hobby maintenant j'ai bien une nouvelle page qui s'ouvre(y a quand meme du progrés)

-Mais par contre la page est blanche,pas comme ma page d'acceuil qui elle est colorée,quelle balise dans design.css

je dois mettre pour avoir mon fond de page,comme la page d'acceuil?

Dreamer

Posté le 11/07/2010 à 18:58

noisette7155 a écrit :

-Quand je clic sur hobby maintenant j'ai bien une nouvelle page qui s'ouvre(y a quand meme du progrés)

-Mais par contre la page est blanche,pas comme ma page d'acceuil qui elle est colorée,quelle balise dans design.css

je dois mettre pour avoir mon fond de page,comme la page d'acceuil*?

* Regardes la signature de Elle ..........

Tu peut uitilser le même design.css pour toutes tes pages

Malcolm

Posté le 11/07/2010 à 18:58

quand tu vois une page par exemple "horaires.html", c'est une suite de code HTML qui s'affiche. Il faut donc que "horaires.html" ait son propre code HTML sinon tu auras une page blanche.

En clair, "horaires.html" et "index.html" (par exemple) sont 2 pages différentes avec 2 codes HTML indépendants. Pour faire simple, (parce que je vais commencer simple avec toi) tu peux modifier un code HTML sans pour autant modifier l'autre.

La page CSS est un petit peu particulière, c'est une sorte de bibliothèque, de pivot central relié à chaque page HTML grâce à une balise <link>. Tout fichier HTML ayant une balise <link> vers une CSS "héritera" de toutes les classes CSS dispos dans le fichier CSS.

Par exemple, pour mon "horaires.html" et mon "index.html", si tu veux que chacun des 2 ait accès aux mêmes classes CSS, tu mets le lien vers le fichier CSS dans chaque code HTML

Si tu ne le mets pas dans "horaires.html", alors "horaires.html" n'aura pas accès aux définitions des classes CSS (puisque les 2 ne sont pas reliés).

noisette7155

Posté le 11/07/2010 à 19:05

Dreamer a écrit :

noisette7155 a écrit :

-Quand je clic sur hobby maintenant j'ai bien une nouvelle page qui s'ouvre(y a quand meme du progrés)

-Mais par contre la page est blanche,pas comme ma page d'acceuil qui elle est colorée,quelle balise dans design.css

je dois mettre pour avoir mon fond de page,comme la page d'acceuil*?

* Regardes la signature de Elle ..........

Tu peut uitilser le même design.css pour toutes tes pages

merci Dreamer tu est trés observateur

noisette7155

Posté le 11/07/2010 à 19:16

malcom

-J'ai recopier la balise link dans mon nouveau fichier html! et ca marchefinalement je compliquer la tache pour rien

-Un grand merci a vous tous!et merci de votre accueil

a bientot et merci

elle

Posté le 11/07/2010 à 19:26

Grande Maîtresse astucienne

Reviens nous voir, on est pas sorteux!

noisette7155

Posté le 11/07/2010 à 19:29

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

Lego Technic 42156 Peugeot 9X8 24H du Mans Hybrid Hypercar à 124,54 € livré
124,54 € ~~199,99 €~~ -38% @Amazon Allemagne

Amazon Allemagne fait une promotion sur le tout nouveau Lego Technic 42156 Peugeot 9X8 24H du Mans Hybrid Hypercar qui passe à 115,94 €. Comptez 8,60 € pour la livraison en France soit un total de 124,54 € livré. On le trouve ailleurs à 199,99 €. 1775 pièces.

Voir le bon plan

Souris filaire SteelSeries Rival 5 (9 boutons programmables, 18000 DPI, 85g) à 39,99 €
39,99 € ~~49,99 €~~ -20% @Amazon

Amazon fait une promotion sur la souris filaire SteelSeries Rival 5 qui passe à 39,99 € au lieu de 49,99 €.

Voir le bon plan

Ecran PC 27 pouces KTC H27V13 (VA, Full HD, 100 Hz) à 109,99 €
109,99 € ~~159 €~~ -31% @Geekbuying

Geekbuying fait une promotion sur l'écran PC 27 pouces KTC H27V13 qui passe à 109,99 € avec le code promo GKB23BF10E au lieu de 159 €. Il possède une dalle à bords fins Full HD (1920x1080) VA à 100 Hz pour des mouvements plus fluides. Il est compatible GSync et FreeSync via Adaptive Sync pour éviter les déchirures dans les jeux. Avec filtres anti scintillements et anti lumière bleue. Ports VGA et HDMI. Il dispose également d'un mode pivot pour l'afficher en mode portrait.

Voir le bon plan

Jeu PC Assassin's Creed Syndicate gratuit
Gratuit @Geekbuying

Ubisoft offre jusqu'à 6 Décembre à 14h le jeu PC Assassin's Creed Syndicate qui se déroule à Londres en 1868, durant La Révolution Industrielle. Le jeu est à télécharger sur la plateforme Uplay. Une fois le jeu ajouté à votre compte, il sera à vous à vie.

Voir le bon plan

Ventirad Thermalright Peerless Assassin 120 à 35,99 €
35,99 € ~~48,62 €~~ -26% @Amazon

Amazon fait une promotion sur le ventirad pour processeur Thermalright Peerless Assassin 120 à 35,99 € au lieu de 48,62 €. Fourni avec 2 ventilateurs PWM de 120 mm. TDP 120-245W.

Voir le bon plan

Adaptateur Bluetooth 5.0 USB TP-Link UB500 à 7,99 €
7,99 € ~~15 €~~ -47% @Amazon

Amazon fait une promotion sur l'adaptateur Bluetooth 5.0 USB TP-Link UB500 qui passe à 7,99 €. Cet adaptateur à brancher sur un port USB va vous permettre d'ajouter le bluetooth à votre ordinateur et d'utiliser ensuite sans fil vos périphériques bluetooth : souris, clavier, casque, manette, téléphone, ...

L'adaptateur UB500 dote votre PC d'une technologie Bluetooth 5.0 plus avancée. Il offre des débits de connexion plus rapides et une portée plus étendue que la technologie Bluetooth 4.0. Rétrocompatible avec Bluetooth V4.0/3.0/2.1/2.0/1.1

C'est le récepteur que nous avons utilisé pour notre dossier pratique : Ajouter le bluetooth à son ordinateur.

Voir le bon plan