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

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