Liaison feuille de style et fichier HTML

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Liaison feuille de style et fichier HTML

Message par FREDJAC »

Je galère sur un truc: :(
Je débute avec NVU (ver 1.0) et je suis en train de créer un fichier HTML et d'y associer un style (feuille de style liée au fichier HTML). Lorsque je ferme le fichier après enregistrement, à la réouverture, je ne retrouve pas la feuille de style associée. Mon texte apparait brut.
Ya-t-il une procédure pour lier la feuille CSS au fichier HTML?


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

éternelle question: adresse de la page sur le net ou code source de ta page?
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Message par FREDJAC »

Il s'agit d'une page non encore éditée. (sur le net)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Omnisilver
Tyrannosaurus Rex
Messages : 2359
Inscription : 26 juin 2004, 19:44

Message par Omnisilver »

Il nous faudrait donc le code source, comme l'a précisé chinon37 :wink:
Invité

Message par Invité »

Je suppose que vous voulez parler du fichier.HTML que j'ai stocké sur mon disque dur?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Message par FREDJAC »

L'invité, c'était moi "FREDJAC" :? Pas l'habitude des FORUMS.
Je suppose que vous voulez parler du fichier.HTML que j'ai stocké sur mon disque dur?
Il s'agit donc bien du code source.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Vi, vi... Le code source.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Message par FREDJAC »

OK.
Avec NVU, j'ai créé une page (ma page.HTML).
Toujours dans NVU j'y ai associé une feuille de style CSS.
Tout se passe correctement jusqu'au moment où je referme le fichier (après sauvegarde). Lorsque je le réouvre.... toutes les mises en forme ont disparu ainsi que la feuille de style associée.
Aurais-je oublié une opération en cours de route?
Ma question est elle si idiote? :(

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Je crois que tant que nous n'aurons pas le code source, personne ne pourra donner un avis définitif.
A priori, l'ordre des opérations est parfaitement correct. Rien à redire de ce point de vue. Le reste de la réponse se trouve sans doute dans le code source.
Merci de le copier/coller ici.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Message par FREDJAC »

Voici le code source du fichier en question (Tutoriel NVU)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;" lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Le langage HTML</title>
<meta content="fredjac" name="author">
<meta content="Une br&egrave;ve introduction au langage HTML"
name="description">
<link media="screen" rel="stylesheet" href=""
type="text/css">
<style type="text/css"></style>
</head>
<body
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<br>
<h1>Hyper markup language</h1>
<h2>Pr&eacute;sentation</h2>
<p>HTML, sigle de Hypertext Markup Language
(lit&eacute;ralement, language de marquage Hypertexte), est le
langage concu pour cr&eacute;er les pages du World WideWeb. C'est
un language de description bas&eacute; sur SGML.</p>
<h2>Explication du langage HTML</h2>
<p>Les documents HTMLsont g&eacute;n&eacute;ralement
stock&eacute;s sur un&nbsp;serveur Web et sont
affich&eacute;es sur un Navigateur Web. Le document lui
m&ecirc;me est constitu&eacute; de balises, c'est &agrave;
dire un nom de marqueur plac&eacute; entre un signe plus
petit(<) et plus grand(>). Par exemple, la balise br
s'&eacute;crit <br>. Il existe des balises de fin,
qui repr&eacute;sentent la fin d'une balise apparue plus
t&ocirc;t dans le document, et qui sont marqu&eacute;es par une
barre oblique (/). Par exemple: </li> ferme une balise
pr&eacute;c&eacute;dente <li>.</p>
<p>Il y a 3 types de balises HTML:</p>
<ol>
<li>Un marqueur de structure: d&eacute;crit la fonction du
texte. exemple: <h1> Titre</h1></li>
<li>Un marqueur de pr&eacute;sentation : d&eacute;finit
la facon ont le texte doit &ecirc;tyre
pr&eacute;sent&eacute;. Exemple: <b> Texte
gras</b></li>
<li>Un marqueur Hyper texte: Etablit le lien avec d'autres
documents, au sein d'une page, d'un site ou entre des pages de sites
diff&eacute;rents. Exemple: <a
href="http.wikipedia.org">Wikipedia</a></li>
</ol>
<h2>Origine du language et but</h2>
<p>
Tel qu'il a &eacute;t&eacute; pens&eacute; &agrave;
l'origine par Tim Berners-Lee, le HTML ne sert pas &agrave;
d&eacute;crire le rendu ..............(contrairement &agrave;
la PAO)</p>
<h2>Perspective et avenir du HTML</h2>
<p>
Le HTML est un standard du W3C......................</p>
<h2>Pr&eacute;sentation des feuilles de style css</h2>
<p>
Css est principalement utilis&eacute; pour d&eacute;finir...</p>
<br>
<ol>
<li>Toute l'architecture visuelle d'un document
r&eacute;side dans un seul fichier, et peut donc &ecirc;tre mis
&agrave; jour facilement</li>
<li>Un m&ecirc;me document peut donner le choix
&agrave; plusieurs feuilles de style (impression ou lecture
&agrave; l'&eacute;cran par exemple.) certains navigateurs Web
permettent d'acc&eacute;der facilement &agrave; un choix de
feuilles de style</li>
<li>Le code HTML est consid&eacute;rablement
r&eacute;duit en taille et en complexit&eacute; , puis qu'il ne
contient plus de balises de pr&eacute;sentation.</li>
</ol>
<h2>Tableau comparatif entre HTML2.0 et XHTML 1.1</h2>
<table style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 470px; text-align: center;"><big><big><big
style="font-weight: bold;"><span
style="font-style: italic;">HTML2.0 (1995)</span></big></big></big></td>
<td style="width: 471px; text-align: center;"><big><big><big><span
style="font-weight: bold; font-style: italic;">XHTML 1.1
(2001)</span></big></big></big></td>
</tr>
<tr>
<td style="width: 470px;"><!DOCTYPE HTML
PUBLIC "-//IETF//DTD HTML 2.0//EN"><br>
<title>Hello, world!</title><br>
<p>Hello, world!</td>
<td style="width: 471px;"><!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML
1.1//EN""http://www.w3.org/TR/xHTML11/DTD/xHTML11.dtd"><br>
<HTML<br>
xmlns="http://www.w3.org/1999/xHTML"><br>
<head><br>
<title>Hello, world!</title><br>
</head><br>
<body><br>
<p>Hello, world!</p><br>
<br>
</body><br>
</HTML></td>
</tr>
</tbody>
</table>
</body>
</html>


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Re-
Je ne vois effectivement pas le nom du fichier contenant la feuille de style associée.

Code : Tout sélectionner

<link media="screen" rel="stylesheet" href=""
type="text/css"> 
href="" devrait contenir quelque chose. Quel est le nom de la feuille de style externe?
Il faut indiquer là le lien vers la feuille de style. Si cela a été fait, il faut maintenant comprendre pour quelle raison la mention disparaîtrait.
N'y aurait-il pas un caractère interdit dans le nom de lu fichier CSS?
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
FREDJAC
Arias
Messages : 6
Inscription : 16 sept. 2006, 10:16

Message par FREDJAC »

La ligne de code correspondant à l'instruction "href="""est générée à quel moment lorsqu'on utilise l'éditeur CSS? J'ai du oublier une opération. Je vais continuer à essayer diverses solution tout en surveillant la ligne de code dont tu me parles.
Merci pour le coup de main.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Je dirais:
1. au moment de transformer une feuille de styles interne en feuille de styles externe: http://info.sio2.be/NVU/2/13.php
2. au moment de donner le nom de la feuille de style externe que l'on souhaite construire de zéro.
Pas d'illustration possible pour le point 2: je n'ai plus NVU et la logique de KompoZer est un peu différente.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Invité

Message par Invité »

Ymai

Merci beaucoup pour ton aide précieuse.
Je crois que je devrais m'en sortir avec tes infos
A+
:D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Merci de donner des nouvelles: l'expérience pourrait servir à d'autres.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité