> 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 
Aller en bas de la page 
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.

Publicité
elle
 Posté le 11/07/2010 à 17:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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> <!-- c'est ici que débute le contenu -->
<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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Reviens nous voir, on est pas sorteux!

noisette7155
 Posté le 11/07/2010 à 19:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

oket encore merci!

Publicité
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


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
164,47 €Processeur AMD Ryzen 5 5600G à 164,47 € livré
240 € -31%

Amazon Allemagne fait une promotion sur le processeur AMD Ryzen 5 5600G qui passe à 159,32 € (avec la TVA ajustée). Comptez 5,15 € pour la livraison en France soit un total de 164,47 € livré alors qu'on le trouve ailleurs à partir de 200 €. 

Le processeur pour PC de bureau AMD Ryzen 5 5600G intègre de puissants coeurs graphiques Radeon pour vous permettre de jouer en 1080p sans carte graphique dédiée. Avec 6 coeurs et 12 threads, des fréquences de fonctionnement jusqu'à 4.4 GHz et 16 Mo de cache L3, il vous permettra de jouer dans les meilleures conditions en Full HD. 


Voir l'offre
-6 €6 € offerts pour toute recharge de son compte Amazon de 70 €

Amazon remet en avant son offre pour obtenir un bon d'achat de 6 € sur Amazon. Pour toute recharge de son compte Amazon d'au moins 70 €, Amazon vous offre un bon d'achat de 6 € utilisable jusqu'au 31 Décembre 2022. Vous pouvez utiliser le solde de votre compte Amazon pour tous vos achats.

Notez que cette offre n'est pas disponible si vous avez déjà rechargé votre compte Amazon dans les 36 derniers mois.


Voir l'offre
15,99 €SSD PNY CS900 120 Go à 15,99 €
20 € -20%

Cdiscount fait une promotion sur le SSD PNY CS900 120 Go qui passe à 15,99 €. Ce SSD offre des vitesses d'écriture de 515 Mo/s et de lecture à 550 Mo/s. Il est garanti 3 ans. De quoi donner une seconde jeunesse à un ordinateur un peu ancien.


Voir l'offre
94,99 €Nouvelle liseuse Amazon Kindle Paperwhite 6.8 pouces avec éclairage chaud réglable à 94,99 €
139,99 € -32%

Amazon fait une superbe promotion sur la toute dernière version de sa liseuse Kindle Paperwhite qui passe à 94,99 € au lieu de 139,99 €. 

Cette version est désormais doté d'un écran 6,8 pouces (6 pouces auparavant), de bords plus fins, d'un éclairage réglable (vous pouvez changer la teinte de l'écran d'une lumière blanche à un ambre chaud ou programmer quand changer la lumière) avec 17 Leds et d'une autonomie pouvant aller jusqu'à 10 semaines, et 20 % plus rapide pour tourner les pages. Avec une façade plane et un écran sans reflets de 300 ppp qui se lit comme une véritable page imprimée, même en plein soleil.

Elle est toujours résistante à l'eau (IPX8), afin que vous puissiez lire en toute tranquillité à la plage, au bord de la piscine ou dans le bain. Cette liseuse dispose du WiFi, d'un port de charge USB C et de 8 Go d'espace de stockage.

Formats pris en charge : Epub, Kindle Format 8 (AZW3), Kindle (AZW), TXT, PDF, MOBI non protégé, PRC natif ; HTML, DOC, DOCX, JPEG, GIF, PNG, BMP converti.


Voir l'offre

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