comment visualiser son fichier txt sur le web

darkbreeds · 10/02/2011, 18h42

Bon voilà je m'explique je commence à étudier le (X)html et j'ai tapé quelques lignes pour le fun sur un bloc note mais j'aimerais savoir si il est possible de visualiser le résultat sur le web? j'ai un format txt pour l'instant. Pour faire simple je vais mettre mes lignes ici pour qu'on me disent déjà si ce n'est pas du n'importe quoi

<html>
<head>
<style>
body {
font-family: sans-serif;
font size: large;
}
hl {
background-color: #E1E5FF;
}
</style>
<title> essai pour voir</title>
</head>
<body>
<p>Nos membres ont posté un total de 5453 messages
Nous avons 52 membres enregistrés
L'utilisateur enregistré le plus récent est???</p>
<img>http://img341.imageshack.us/img341/7553/logokara4.png</img>
</body>
</html>

**firstorangutan** · 10/02/2011, 21h15

darkbreed, content de te voir.

Le meilleur moyen plus voir si le résultat est bon ou pourri c'est de modifier l'extention .txt en extention ... deviennes .... .html

Ainsi tu peux editer ton fichier par notepad ou gedit en passant pas les menus et voir le résultat en cliquant tout simplement dessus

On voit alors la magie opérer:

Pour ce qui est de la balise <hl>, elle est mal utilisée et je pense que tu confonds avec <h1> ( autrement dit, heading one)
Après tu la déclares mais ... tu ne tends sert pas !!!

Quand à l'image, la syntaxe est beaucoup plus simple que ce que tu fais héhéhé.

Donc, pour t'émoustiller un peu le ravioli j'ai donc légèrement modifié ton code initial

Code:

 
<html>
<head>
<style>
body {
font-family: sans-serif;
font size: large;
}
h1 {
background-color: #E1E5FF;
}
</style>
<title> essai pour voir</title>
</head>
  <body>
     <h1> UNE BELLE ENTETE :) </h1>
     <p>Nos membres ont posté un total de 5453 messages
        Nous avons 52 membres enregistrés
        L'utilisateur enregistré le plus récent est???
      </p>

      <img src="http://img341.imageshack.us/img341/7553/logokara4.png" />

</body>
</html>

Tu essais la méthode que je t'ai donné pour voir ça et tu m'en dira des nouvelles

Bon après je passe sur le fait des accents qui sont mal visualisé car tu ne déclares pas le type de police que tu utilises au dépar et le bougre doit ce croire en anglais (pas d'accent

) mais cela est une autre histoire.

Après pour en savoir plus sur le Xhtml tu peux passer voir par là:
Wiki Univers-PC Catégorie Xhtml

Voila pour moi, monsieur.
Et rien ne t'empêches bien sur de revenir ici pour poser des questions sur l'évolution de ton code.

A bientôt.

darkbreeds · 11/02/2011, 11h25

oki oki merci pour les informations je vais tester tout ça et voir le résultat

je vous tiens au courant

.
(ps: ce n'est pas un projet que je fait mais juste des tests pour apprendre le langage du Xhtml après quand j'aurais pas mal de base je tenterais plus compliqué)

darkbreeds · 11/02/2011, 12h00

bon après quelques modifications j'obtiens un résultat plutôt positif

voici donc le nouveau code: (merci pour l'aide first

)
<html>
<head>
<style>
body {
font-family: sans-serif;
font size: large;
background: #43fd66
}
h1 {
background-color: #fc7979;
}
</style>
<title> essai pour voir</title>
</head>
<body>
<h1> test 1 concluant

</h1>
<p>Nos membres ont posté un total de 5453 messages
Nous avons 52 membres enregistrés
L'utilisateur enregistré le plus récent est???
</p>

<img src="http://img341.imageshack.us/img341/7553/logokara4.png" />

</body>
</html>

darkbreeds · 11/02/2011, 15h07

troisième essai

bon vu que c'est une image on ne peut pas y toucher mais j'ai réussi à intégrer les liens sur les phrases en jaune pour accéder directement aux sites voulus

ce n'est pas très construit mais je suis content du résultat

darkbreeds · 11/02/2011, 21h11

bon j'arrive à mettre de la vidéo, des images, du son, des cadres, des liens je pense que je vais pouvoir commencer à faire quelque chose de pas trop mal

**firstorangutan** · 12/02/2011, 10h36

Et bien voila!
Et pour aider les autres si tu mettais le code en le mettant en dessous dans ton poste, nous voila servi pour le service

Mais bon après c'est si tu veux ou pas.
En tous cas joli essai

PS: J'ai supprimé le post ou tu mettais le lien file:///C:/Users/.../Documents/essai2.htm
Comme tu peux le voir ce type de lien est sur ton PC (C: ...) donc d'internet on ne peut rien en faire.

Bonne continuation et tient nous au jus de tes exploits.

darkbreeds · 12/02/2011, 19h53

voici mon code pour ceux que ça intéresse :

Code:

<html>
<head>
<style>
body {
font-family: arial;
font size: large;
background: url("http://wallpapers-diq.org/wallpapers/12/Swirly_Blue_Abstract.jpg") fixed no-repeat;
}
h1 {
  border: 3px solid white;
  width: 513px;
  margin: auto;
  color: white;
}
p  {
font-size: 18px; 
}
div  {
   width: 800px; 
   border: 3px solid white;
   margin: auto;
}

</style>
<title> essai univers-pc </title>
</head>
  <body>
     <h1>petit essai pour forum univers-pc</h1>

        <br><div><P style="text-align:center"><FONT color="white">Univers-PC est une plateforme qui comprend :
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/acceui11.png"/> un syst&egrave;me de news (Th&egrave;me interchangeable dans votre compte).
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/calend10.png"/> un wiki <a href="http://www.wiki-pc.fr/Accueil" title="Wiki-pc"><FONT color="yellow">Wiki-pc</FONT></a> qui permet le t&eacute;l&eacute;chargement d'un grand nombre de logiciels, des tutoriaux, de la programmation...
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/galeri10.png"/> une grande communaut&eacute; avec <a href="http://www.univers-pc.com/forum/" title="forums univers-pc"><FONT color="yellow">les forums d'univers-pc</FONT></a>
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/faq10.png"/> <a href="http://univers-pc.fr/Upload/fr/" title="univers upload"><FONT color="yellow">un h&eacute;bergement d'images</FONT></a>
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/recher10.png"/> plusieurs <a href="http://www.univers-pc.com/sites-mangas" title="sites de mangas"><FONT color="yellow">sites de mangas</FONT></a>
	<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/membre10.png"/> Nous cherchons des newsers pour le site, inscrivez vous et contactez-nous.</FONT></div></p>
	<P style="text-align:center"><FONT color="white"><object width="320" height="256"><param name="movie" value="http://www.dailymotion.com/swf/video/x7d89k?width=320&theme=spring&foreground=%23C2E165&highlight=%23809443&background=%23232912&hideInfos=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/x7d89k?width=320&theme=spring&foreground=%23C2E165&highlight=%23809443&background=%23232912&hideInfos=1" width="320" height="256" allowfullscreen="true" allowscriptaccess="always"></embed></object><img src="http://www.univers-pc.com/sites/default/files/garland_logo.png" /><!-- Début du code fond sonore d'essai2--><noscript><a href="file:///C:/Users/St%C3%A9phane-02/Documents/HTML/essai2.htm" alt="essai2"></A></noscript><EMBED SRC="Mortal_Kombat.mp3" WIDTH="120" HEIGHT="14" AUTOSTART="FALSE" LOOP="TRUE"></EMBED><!-- Fin du code fond sonore d'essai2 --></p>
</body>
</html>

darkbreeds · 12/02/2011, 22h47

je suis pas sur que vous puissiez lire la musique car apparemment mon fichier.mp3 doit être dans le dossier source de la page html donc si vous recopier le code pour visualiser le rendu je pense pas que le son marche.

A voir!!!

**izzylyne** · 13/02/2011, 09h22

oOOOOOOh le beau charabia

, bon, vais pas me mêler de ça , ça sert à rien

darkbreeds · 13/02/2011, 16h04

voici un nouveau concept un peu plus élaboré.

**firstorangutan** · 14/02/2011, 18h13

LOL Izzylyne.

Depuis le temps que tu te trimbales avec nous tu devrais commencer à t'habituer.

Je vois que tu t'en sors bien darkbreed. Bravo.

**izzylyne** · 15/02/2011, 18h11

Ah ben non, je ne m'y ferai jamais

**firstorangutan** · 16/02/2011, 10h40

Citation:

Envoyé par darkbreeds

je suis pas sur que vous puissiez lire la musique car apparemment mon fichier.mp3 doit être dans le dossier source de la page html donc si vous recopier le code pour visualiser le rendu je pense pas que le son marche.

A voir!!!

Oui en fait, je n'avais pas vu ce post, en effet, tu as raison, la raison en est simple, tu n'as pas de chemin d'accès au niveau de ton code, pour ton fichier .mp3, il fonctionne donc par rapport au chemin (répertoire) courant. Ainsi comme lorsque nous testons la page nous n'avons pas le fichier mp3, cela ne fonctionne pas. Par contre si on place dans le même répertoire que le code, un fichier mp3 qui se nomme Mortal_Kombat.mp3; le navigateur se met à gazouiller.

Bien sur si tu places tout ceci est placé chez un hébergeur internet, cela fonctionne.

Après, une petite remarque, en relation justement avec les chemins d'accès.
Préférer les accès relatif aux accès absolu. Un accès relatif étant un emplacement par rapport à l'emplacement actuel
Exemple:

Code:

... <noscript><a href="file:///C:/Users/St%C3%A9phane-02/Documents/HTML/essai2.htm" alt="essai2"></A></noscript> ...

"file:///C:" cette partie est un accès absolu par rapport à ton disque dur, ce n'est donc pas une bonne idée, car celui ci n'est pas accessible d'internet, heureusement pour toi

C'est donc à supprimer ou à remplacer par un chemin relatif par rapport à l'emplacement de la page principale en utilisant un chemin du style:
"../html/essai2.htm" ou autre suivant la structure d'arborescence que tu as décidé pour ton site web.
==> L'étude des arborescences de ton site fait partie de ce qu'on appelle pompeusement, l'architecture web. C'est intéressant de s'y pencher assez tôt de façon à ne pas avoir ce type de problème au moment ou ton site est finalisé et que tu passes ton site, de ton PC de développement, vers un hébergeur internet.
Par exemple, une possibilité pour un site simple, mettre les musiques dans un répertoire musiques; les images dans un répertoire images, les scripts ou fichiers html dans un répertoire www.
En plus, ta map d'accès s'en trouvera alors facilité pour ton site.

**dartmania180** · 16/02/2011, 13h21

Good darkbreeds !!

Il y a le wiki-pc pour t'aider.Tu pourrais aussi expliquer tes réalisations sous forme de tuto dans les tutoriaux.

10/02/2011, 18h42	#1
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	comment visualiser son fichier txt sur le web Bon voilà je m'explique je commence à étudier le (X)html et j'ai tapé quelques lignes pour le fun sur un bloc note mais j'aimerais savoir si il est possible de visualiser le résultat sur le web? j'ai un format txt pour l'instant. Pour faire simple je vais mettre mes lignes ici pour qu'on me disent déjà si ce n'est pas du n'importe quoi <html> <head> <style> body { font-family: sans-serif; font size: large; } hl { background-color: #E1E5FF; } </style> <title> essai pour voir</title> </head> <body> <p>Nos membres ont posté un total de 5453 messages Nous avons 52 membres enregistrés L'utilisateur enregistré le plus récent est???</p> <img>http://img341.imageshack.us/img341/7553/logokara4.png</img> </body> </html> __________________ Dernière modification par darkbreeds ; 11/02/2011 à 17h48.

10/02/2011, 21h15	#2
firstorangutan Correcteur d'orthographe level 10 Date d'inscription: juillet 2006 Localisation: Grenoble Messages: 5 246 Pouvoir de réputation: 11	darkbreed, content de te voir. Le meilleur moyen plus voir si le résultat est bon ou pourri c'est de modifier l'extention .txt en extention ... deviennes .... .html Ainsi tu peux editer ton fichier par notepad ou gedit en passant pas les menus et voir le résultat en cliquant tout simplement dessus On voit alors la magie opérer: Pour ce qui est de la balise <hl>, elle est mal utilisée et je pense que tu confonds avec <h1> ( autrement dit, heading one) Après tu la déclares mais ... tu ne tends sert pas !!! Quand à l'image, la syntaxe est beaucoup plus simple que ce que tu fais héhéhé. Donc, pour t'émoustiller un peu le ravioli j'ai donc légèrement modifié ton code initial Code: <html> <head> <style> body { font-family: sans-serif; font size: large; } h1 { background-color: #E1E5FF; } </style> <title> essai pour voir</title> </head> <body> <h1> UNE BELLE ENTETE :) </h1> <p>Nos membres ont posté un total de 5453 messages Nous avons 52 membres enregistrés L'utilisateur enregistré le plus récent est??? </p> <img src="http://img341.imageshack.us/img341/7553/logokara4.png" /> </body> </html> Tu essais la méthode que je t'ai donné pour voir ça et tu m'en dira des nouvelles Bon après je passe sur le fait des accents qui sont mal visualisé car tu ne déclares pas le type de police que tu utilises au dépar et le bougre doit ce croire en anglais (pas d'accent ) mais cela est une autre histoire. Après pour en savoir plus sur le Xhtml tu peux passer voir par là: Wiki Univers-PC Catégorie Xhtml Voila pour moi, monsieur. Et rien ne t'empêches bien sur de revenir ici pour poser des questions sur l'évolution de ton code. A bientôt. __________________ Délirer, délirer, mais pas se moquer. Super cool, mais pas taper. Prendre la vie du bon côté jusqu'à ce que ça change de côté. Si ça change prendre la vie comme elle vient. Rien n'est acquis. Tout se transforme. Ca change tout le temps. Visiter UNIVERS-PC. Zaclutchohnille. Dernière modification par firstorangutan ; 10/02/2011 à 21h33.

11/02/2011, 11h25	#3
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	oki oki merci pour les informations je vais tester tout ça et voir le résultat je vous tiens au courant . (ps: ce n'est pas un projet que je fait mais juste des tests pour apprendre le langage du Xhtml après quand j'aurais pas mal de base je tenterais plus compliqué) __________________ Dernière modification par darkbreeds ; 11/02/2011 à 17h49.

11/02/2011, 15h07	#5
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	troisième essai bon vu que c'est une image on ne peut pas y toucher mais j'ai réussi à intégrer les liens sur les phrases en jaune pour accéder directement aux sites voulus ce n'est pas très construit mais je suis content du résultat __________________ Dernière modification par darkbreeds ; 11/02/2011 à 17h50.

11/02/2011, 21h11	#6
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	bon j'arrive à mettre de la vidéo, des images, du son, des cadres, des liens je pense que je vais pouvoir commencer à faire quelque chose de pas trop mal __________________

11/02/2011, 12h00	#4
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	bon après quelques modifications j'obtiens un résultat plutôt positif voici donc le nouveau code: (merci pour l'aide first ) <html> <head> <style> body { font-family: sans-serif; font size: large; background: #43fd66 } h1 { background-color: #fc7979; } </style> <title> essai pour voir</title> </head> <body> <h1> test 1 concluant </h1> <p>Nos membres ont posté un total de 5453 messages Nous avons 52 membres enregistrés L'utilisateur enregistré le plus récent est??? </p> <img src="http://img341.imageshack.us/img341/7553/logokara4.png" /> </body> </html> __________________ Dernière modification par darkbreeds ; 11/02/2011 à 17h49.

12/02/2011, 10h36	#7
firstorangutan Correcteur d'orthographe level 10 Date d'inscription: juillet 2006 Localisation: Grenoble Messages: 5 246 Pouvoir de réputation: 11	Et bien voila! Et pour aider les autres si tu mettais le code en le mettant en dessous dans ton poste, nous voila servi pour le service Mais bon après c'est si tu veux ou pas. En tous cas joli essai PS: J'ai supprimé le post ou tu mettais le lien file:///C:/Users/.../Documents/essai2.htm Comme tu peux le voir ce type de lien est sur ton PC (C: ...) donc d'internet on ne peut rien en faire. Bonne continuation et tient nous au jus de tes exploits. __________________ Délirer, délirer, mais pas se moquer. Super cool, mais pas taper. Prendre la vie du bon côté jusqu'à ce que ça change de côté. Si ça change prendre la vie comme elle vient. Rien n'est acquis. Tout se transforme. Ca change tout le temps. Visiter UNIVERS-PC. Zaclutchohnille. Dernière modification par firstorangutan ; 12/02/2011 à 10h42.

12/02/2011, 22h47	#9
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	je suis pas sur que vous puissiez lire la musique car apparemment mon fichier.mp3 doit être dans le dossier source de la page html donc si vous recopier le code pour visualiser le rendu je pense pas que le son marche. A voir!!! __________________

13/02/2011, 09h22	#10
izzylyne Belgeuse correcteuse. level 10 Date d'inscription: août 2006 Localisation: Belgique Messages: 5 321 Pouvoir de réputation: 11	oOOOOOOh le beau charabia , bon, vais pas me mêler de ça , ça sert à rien __________________

13/02/2011, 16h04	#11
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	voici un nouveau concept un peu plus élaboré. __________________ Dernière modification par firstorangutan ; 14/02/2011 à 18h17.

14/02/2011, 18h13	#12
firstorangutan Correcteur d'orthographe level 10 Date d'inscription: juillet 2006 Localisation: Grenoble Messages: 5 246 Pouvoir de réputation: 11	LOL Izzylyne. Depuis le temps que tu te trimbales avec nous tu devrais commencer à t'habituer. Je vois que tu t'en sors bien darkbreed. Bravo. __________________ Délirer, délirer, mais pas se moquer. Super cool, mais pas taper. Prendre la vie du bon côté jusqu'à ce que ça change de côté. Si ça change prendre la vie comme elle vient. Rien n'est acquis. Tout se transforme. Ca change tout le temps. Visiter UNIVERS-PC. Zaclutchohnille. Dernière modification par firstorangutan ; 14/02/2011 à 18h17.

15/02/2011, 18h11	#13
izzylyne Belgeuse correcteuse. level 10 Date d'inscription: août 2006 Localisation: Belgique Messages: 5 321 Pouvoir de réputation: 11	Ah ben non, je ne m'y ferai jamais __________________

16/02/2011, 13h21	#15
dartmania180 Moderateur level 7 Date d'inscription: décembre 2006 Localisation: Belgique , Bièvre Messages: 1 120 Pouvoir de réputation: 7	Good darkbreeds !! Il y a le wiki-pc pour t'aider.Tu pourrais aussi expliquer tes réalisations sous forme de tuto dans les tutoriaux. __________________ Un petit clic ici pour voter univers pc Dernière modification par firstorangutan ; 16/02/2011 à 14h19.

Outils de la discussion	Rechercher
Afficher une version imprimable Envoyer un lien vers cette page par email	Rechercher: Recherche avancée
Modes d'affichage
Mode linéaire Choisir le mode hybride Choisir le mode arborescent