Débutant en codage voir les résultats en hors-ligne...

Résolu/Fermé
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 - 27 janv. 2023 à 07:50
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 - 30 janv. 2023 à 17:42

Bonjour,

 Je suis tout débutant en codage Html et Css...

  Ma question pourra surement paraître bête....

  Je suis inscrit sur un site pour des cours initiatiques avec des exercices

  mais je trouve que c'est assez limité et je souhaiterai mettre directement en pratique dans

  des conditions réelles ce que j'apprend.

  Ma question est donc le suivante:

 Suis je obligé de passer par un hébergeur pour voir les résultats des codages

 que je fais ?

 En d'autres termes existe t'il un logiciel facile de prise en main pour travailler

 en hors ligne et voir les résultats des codes (Css/mises en pages incluses)..

 Merci d'avance de vos réponses qui j'en suis sûr seront avisées...


Windows / Firefox 109.0

A voir également:

8 réponses

funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
28 janv. 2023 à 11:17

J'ai trouvé OUF .

Merci de l'aide et de ne pas tenir compte de mon précedent message...

1
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 Ambassadeur 1 541
27 janv. 2023 à 08:07

bonjour,

ne suffit-il pas d'ouvrir tes pages dans un navigateur tel que Firefox?

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
Modifié le 27 janv. 2023 à 09:16

Bonjour,

Je m'excuses  mais d'après ce que tu me dis et ce que je comprend

 je devrais mettre le contenu de la page <!DOCTYPE html> et son contenu

 directement dans le navigateur...

 je suis tout débutant...

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
27 janv. 2023 à 09:04

Comment ouvres-tu d'habitude un fichier?  Par exemple avec notepad?

Dans firefox, tu peux ouvrir un fichier via ctrl-O.

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024
Modifié le 27 janv. 2023 à 09:21

Est ce que je dois sauvegarder mon fichier dans un format particulier dans Notepad ?

Il y a un paquet d'extensions possibles....

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
27 janv. 2023 à 10:22

Les extensions ne sont pas des formats, ce sont uniquement des noms.  Pour te simplifier la vie, utilise htm ou html comme extension pour tes fichiers contenant du html.

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
Modifié le 27 janv. 2023 à 08:38

Bonjour yg_be et merci de ta réponse rapide...

Comme expliqué plus haut je suis tout débutant en codage...

déjà il faudrait qu'il y ai des pages ...

Comprendre les principes de base déjà...

je suis en train de regarder quel CMs utiliser entre Wordpress , Joomla etc...

Ca fait beaucoup d'informations a "digérer"en même temps..

Hier déja j'ai installé Notepad++ et je suis en train de découvrir les possibilités ...

je crois que je dois faire attention à ne pas trop m'éparpiller pour éviter de tout mélanger...

je suit des tutos mais bien entendu j'accepte volontiers votre aide et vos suggestions...

0
mariam-j Messages postés 1313 Date d'inscription mercredi 9 mars 2022 Statut Membre Dernière intervention 8 octobre 2024 10
27 janv. 2023 à 10:57

Bonjour,
Le html, tu peux l'écrire dans le bloc note (qui te sortira un fichier: ".txt".
Tu change l'extension de: ".txt" en--->: ".htm" et quand tu double cliquera dessus c'est ton navigateur qui l'ouvrira.

En l'ouvrant par: "Modifier", ou en remettant en: ".txt" tu aura à nouveau accès au texte.
Pour ajouter du css, il faudra mettre le ".htm" et le css dans un dossier.

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
28 janv. 2023 à 10:42

Bonjour je suppose que tu voulais dire "html" ?

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
28 janv. 2023 à 15:22

L'extension htm est très souvent utilisée pour un fichier contenant de l'html.  Beaucoup d'extensions sont en trois caractères.

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024
28 janv. 2023 à 18:56

Bonsoir Yg_be

Et merci de ta réponse...

Je ne vois pas cette extension dans Notepad ++...

0
jordane45 Messages postés 38253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 octobre 2024 4 692 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
28 janv. 2023 à 21:10
0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > jordane45 Messages postés 38253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 octobre 2024
29 janv. 2023 à 08:58

Salut Jordane45..

Vu Merci...

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
27 janv. 2023 à 11:30

Bonjour Mariam-j

Et merci de ta réponse, ou je suppose dans le même dossier ...

Là je suis en "LiveCoding"initiation à la "semaine du numérique" qui se termine aujourd'hui

j'ai donc accés  au sîte pour les leçons et les exercices mais il y a des bugs aussi je préfére 

mettre les mains dans le cambouis quitte à galérer un peu au début...

Merci encore , je laisse le sujet ouvert pour d'autres suggestions....

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
Modifié le 28 janv. 2023 à 10:50

Bonjour,

 Peut être que je me suis mal expliqué....

 je ne souhaite pas visualiser mes lignes de code dans un navigateur  juste visualiser les résultats

de ma page web en cour de construction à partir des codages que j'aurai  pu faire de préférence en hors ligne..

Par exemple. : https://www.jimdo.com/fr/blog/page-en-construction/

mais là il semblerait que ce soit une démo

n'existe t'il pas un programme Win ou Linux pour faire ça ?

Merci d suivre...

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
Modifié le 29 janv. 2023 à 10:52

j'ai suivi ce tuto :

https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files

j'ai verifié mes codes et sauvegardé en .htm mais quand j'essaie d'ouvrir dans firefox il me remet les codes pas le rendu visuel de la

page...

juste je ne sais pas si c'est important de respecter les tabulations ?

je précise que j'ai suivi ce tuto en essayant de prendre une image.jpg de mon pc ...

est ce que je dois la transformer en url via ci-joint , dropbox etc ?

le sîte à l'air assez complet et je découvre petit a petit les prérequis

Peut être que j'aurai interêt à installer un serveur local ?

merci de votre aide et surtout votre patience....

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541
29 janv. 2023 à 10:47

peut-être une erreur à la quatrième ligne de ton code html?

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024
29 janv. 2023 à 11:07

Salut yg_be

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> Ma page de test cédric</title>
  >/head>
  <body>
  <img src="images/20131021_164211.jpg" alt="Maison de profil test">
  </body>
  </html>
 

je sais ça fait pas très lisible (lol) c'est pourquoi je demandais est ce que les tabulations sont importantes...

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
29 janv. 2023 à 11:18

Merci de tenir compte de ceci quand tu partages du code: https://codes-sources.commentcamarche.net/faq/11288-poster-un-extrait-de-code

Ton navigateur affiche tout le code, ou une partie?  Comment fais-tu pour l'afficher dans le navigateur?

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541
29 janv. 2023 à 10:52

As-tu commencé par tester un exemple tout simple, genre

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
    </head>
    <body>
        <p>This is an example of a simple HTML page with one paragraph.</p>
    </body>
</html>
0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024
29 janv. 2023 à 11:21

Ouiiiiiiiiiiiiiiiiiii ça marche .......(pouf pouf pouf)...

Dur dur quand on débute ...

En fait j'ai confondu la ligne "title" avec la ligne "p" que j'avais oublié de mettre....

Merci....déjà je vais avoir de quoi m'exercer car là j'ai des cours en ligne sur le sîte "w3a" mais sans réelle mise en situation

ils parlent des fonctions de base avec des exercices mais je préfére tester en situation réelle...

merci encore....

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5
29 janv. 2023 à 11:41

Basé sur l'exemple du lien cité plus haut....

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ma page de test</title>
  </head>
  <body>
    <img src="" alt="Mon image de test">
  </body>
</html>

ici ils precisent pas si c'est une image stockée sur le pc ou si c'est une image Url...

0
jordane45 Messages postés 38253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 octobre 2024 4 692
29 janv. 2023 à 11:50

Bonjour

Ni l'un ni l'autre.... Vu que l'attribut src est vide.

À toi d'y mettre une URL ou le chemin de l'image qui se trouverait sur ton ordi.

0
yg_be Messages postés 23258 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 15 octobre 2024 1 541
29 janv. 2023 à 11:50

Relis bien la page qui explique comment partager du code: tu as négligé de préciser le type de code.

Tu as modifié le code, il fonctionne bien chez moi.

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > jordane45 Messages postés 38253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 octobre 2024
29 janv. 2023 à 16:59

Salut ,

Oui il est vide car c'est le code exemple du tuto du lien mis plus haut....

Déja un truc que je ne comprend pas quand tu vas chercher la racine de l'image sur ton pc moi en l'occurence

\ F (pour disque dur "F" )alors que dans le src c'est /  y a forcement un truc que j'ai pas capté... 

De plus je ne sais pas s'il s'agit d'un bug mais dans nptepad++ il ne voulait pas sauvegarder

en html/htm etc...(en même temp c'est dimanche lol)

Par contre j'ai pas rencontré de probléme  de probléme particulier pour créer un lien hypertexte avec "href"

qui s'est bien affiché dans firefox.

Effectivement je dois surement faire des erreurs de débutant en voulant allez trop vite...

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > jordane45 Messages postés 38253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 octobre 2024
29 janv. 2023 à 17:10

Donc si j'ai bien compris ,

je peux mettre soi une image de mon pc soi soi une url ?

c'est juste que pour l'image de mon pc F:\ documents\ etc ça ne marche pas...

Je vais essayer avec une Url pour voir...

0
funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023 5 > funroad76 Messages postés 177 Date d'inscription mercredi 12 mars 2014 Statut Membre Dernière intervention 10 octobre 2023
29 janv. 2023 à 17:20

<!DOCTYPE html>
<html>
    <head>
        <title>Bonjour</title>
        </head>
        <body>
            <p>ceci est un test.</>
             <img src="https://www.cjoint.com/c/MADkWJEFysJ" alt="Mon image de test">
         </body>
     </html>

Ca ça ne marche pas ....

0