Comment créer un lien relatif?

S'inscrire | Se connecter

> Tous les forums > Forum des Webmasters

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

Ajouter un message à la discussion

Page : [1]

Page 1 sur 1

noisette7155

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

Astucien

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

Astucien

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

Astucien

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

Astucien

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

Astucien

<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

Maître astucien

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

Astucien

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

Astucien

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

Astucien

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

Astucien

-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

Maître astucien

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

Astucien

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

Astucien

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

Astucien

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

Astucien

oket encore merci!

Page : [1]

Page 1 sur 1

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

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

Recevoir PC Astuces par e-mail

Les bons plans du moment PC Astuces

Tous les Bons Plans

50% de remise sur le 2ème article acheté (Tefal/Seb/Moulinex/Krups/Calor/Rowenta)
-50% -1 -%
@Cdiscount

Imprimante 3D QIDI TECH X Smart 3 (nivellement auto, 500 mm/s, Kippler, boitier fermé) à 185 €
185 € 299 € -38%
@Cdiscount

Cadre de bureau électrique réglable en hauteur ACGAM JSZ-3 (2 moteurs, 62 à 127 cm, 30 mm/s, supporte 120 kg) à 179 €
179 € 250 € -28%
@Geekbuying

Lecteur de carte mémoire SABRENT USB C et A (SD, MicroSD, accès simultané) à 5,59 €
5,59 € 9,99 € -44%
@Amazon

Batterie externe OUKITEL BP2000 2048 Wh (extensible jusqu'à 16 Kw), 2200W, LifePOE4 à 959 €
959 € 1500 € -36%
@Geekbuying

Mini PC BMAX B8 Pro (Core i7-1265U, 24 Go RAM DDR5, SSD NVMe 1 To, WiFi 6, BT 5.2, Windows 11) à 389,99 €
389,99 € 440 € -11%
@Geekbuying

Sujets relatifs

	Comment creer un lien deroulant ?
	creer un lien qui ouvre une fenetre
	creer site web en python et comment trouver un hébergeurger
	Comment créer un blog?
	comment creer un DVD de sauvegarde
	comment créer un htaccess
	comment créer un blog ?
	comment créer un tchat ?
	comment créer et recevoir un petit formulaire tout
	créer lien vers vidéo
Plus de sujets relatifs à Comment créer un lien relatif?

> Tous les forums > Forum Forum des Webmasters