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

Résolu
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   -  
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   - 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 er 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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 23538 Date d'inscription   Statut Contributeur Dernière intervention    

bonjour,

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

0
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention  
 

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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 1552 Date d'inscription   Statut Membre Dernière intervention   33
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

Bonjour je suppose que tu voulais dire "html" ?

0
yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention  
 

Bonsoir Yg_be

Et merci de ta réponse...

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

0
jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 745 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 
0
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   5 > jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention  
 

Salut Jordane45..

Vu Merci...

0

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

Posez votre question
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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-t , 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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582
 

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

0
funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention   5 > yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention  
 

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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 

Merci de tenir compte de ceci quand tu partages du code: https://codes-sources.commentcamarche.sitesdebloques.org/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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5
 

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 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 745
 

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 23538 Date d'inscription   Statut Contributeur Dernière intervention   1 582
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention  
 

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 192 Date d'inscription   Statut Membre Dernière intervention   5 > funroad76 Messages postés 192 Date d'inscription   Statut Membre Dernière intervention  
 

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

Ca ça ne marche pas ....

0