Si vous préférez coder les sites Web à la main, vous pouvez modifier des fichiers HTML dans un éditeur de texte de base comme le Bloc-notes (Windows) ou TextEdit (MacOS). Si vous préférez être capable de déplacer des éléments autour de l`écran et de voir des aperçus en direct, vous pouvez utiliser un WYSIWYG (ce que vous voyez est ce que vous obtenez) éditeur comme Dreamweaver ou Kompozer. Comment ouvrir et éditer un fichier HTML dans une application standard ou visuelle.

Pas

Méthode 1 de 4:

Utiliser un bloc-notes sur Windows

1. Cliquez sur le bouton de démarrage de Windows

. C`est le bouton qui a un logo Windows dans la barre des tâches. Par défaut, c`est dans le coin inférieur gauche. Ceci affiche le menu Démarrer

Image intitulée Modifier les fichiers HTML Étape 2

2. Taper Bloc-notes. Ceci affiche le bloc-notes dans le menu Démarrer.

Image intitulée Modifier les fichiers HTML Étape 3

3. Cliquez sur Bloc-notes. Il a une icône qui ressemble à un bloc-notes avec une couverture bleue.

Image intitulée Modifier les fichiers HTML Étape 4

4. Cliquez sur Déposer. C`est au sommet de la barre de menus du Bloc-notes. Ceci affiche un menu déroulant. Ceci affiche un navigateur de fichiers que vous pouvez utiliser pour ouvrir des fichiers dans le bloc-notes.

Image intitulée Modifier les fichiers HTML Étape 5

5. Cliquez sur Ouvert. C`est la deuxième option dans le menu déroulant de fichier.

Image intitulée Modifier les fichiers HTML Étape 6

6. Sélectionner "Tous les fichiers" Dans le menu déroulant Type de fichier. Cliquez sur la liste déroulante qui dit "Documents texte (.SMS)" et sélectionnez "Tous les fichiers" Dans le menu déroulant. Ceci affiche tous les types de documents (y compris les fichiers HTML) dans le navigateur de fichiers.

Image intitulée Modifier les fichiers HTML Étape 7

7. Sélectionnez un fichier HTML et cliquez sur Ouvert. Cela ouvre le document HTML dans le bloc-notes. Vous pouvez éditer le code HTML dans le bloc-notes.

Alternativement, vous pouvez Créer un nouveau document HTML dans le bloc-notes.

Image intitulée Modifier les fichiers HTML Étape 8

8. Modifier le code HTML. Afin de modifier HTML dans le Bloc-notes, vous devrez Apprendre HTML afin que vous puissiez le modifier à la main. Éléments communs que vous pouvez modifier incluent les éléments suivants.

: Cela va en haut du document HTML. Cela indique au navigateur Web qu`il s`agit d`un document HTML.

: Ces balises vont en haut et en bas du document HTML. Cela indique que le code HTML commence et s`arrête.

: Ces balises vont en haut du document HTML. Ils indiquent où la tête du document HTML commence et s`arrête. La tête du document HTML contient des informations qui ne sont pas visibles sur la page Web. Cela inclut le titre de la page, les métadonnées et le CSS

Titre de la page: Ces balises indiquent le titre de la page. Le titre va dans la tête du document HTML. Tapez le titre de la page entre ces deux tags.

: Ces balises indiquent où le corps du document HTML commence et s`arrête. Le corps est l`endroit où tout le contenu de la page Web est écrit. Le corps vient après la tête dans le document HTML.

Texte de titre: Ces tags créent des balises de tête. Le texte entre le "

" et "

" Les tags apparaissent comme un grand texte audacieux. Le texte va dans le corps du document HTML.

Texte du paragraphe: Ces balises sont utilisées pour créer un texte de paragraphe dans un document HTML. Le texte qui entre entre "

" et "

" apparaît comme texte de taille normale. Le texte va dans le corps du document HTML.

Texte en gras: Ces balises sont utilisées pour créer du texte audacieux. Le texte qui entre entre "" et "" apparaît comme texte audacieux.

Texte italique: Ces balises sont utilisées pour créer du texte italique. Le texte qui entre entre "" et "" apparaît comme texte itallic.

Lien texte: Cette balise est utilisée pour créer un lien vers un autre site Web. Copiez l`adresse Web que vous souhaitez créer un lien pour la coller où il est indiqué "URL" (entre les guillemets). Le texte pour le lien où il dit "Lien texte" (Pas de guillemets requis).

: Cette balise est utilisée pour poster une image à l`aide de HTML. Remplacer le texte qui dit "URL de l`image" avec l`adresse Web de l`image.

Image intitulée Modifier les fichiers HTML Étape 9

9. Cliquez sur Déposer. C`est dans la barre de menus en haut de l`écran.

Image intitulée Modifier les fichiers HTML Étape 10

dix. Cliquez sur Enregistrer sous. Cela ouvre une boîte de dialogue que vous pouvez utiliser pour enregistrer votre fichier.

Pour enregistrer le fichier en tant que nom et type de fichier existant, cliquez simplement sur Sauvegarder Dans le menu déroulant ci-dessous "Déposer".

Image intitulée Modifier les fichiers HTML Étape 11

11. Sélectionner "Tous les fichiers". Utilisez le menu déroulant suivant pour enregistrer en tant que type" pour sélectionner "Tous les fichiers".

Image intitulée Modifier les fichiers HTML Étape 12

12. Tapez un nom pour le fichier. Utilisez la case à côté de "Nom de fichier" Pour taper un nom pour le fichier.

Image intitulée Modifier les fichiers HTML Étape 13

13. Taper .html À la fin du fichier. Après avoir saisi un nom pour le fichier dans le "Nom de fichier" boîte, ajouter l`extension ".html" À la fin du nom du fichier. Sans cette extension, il enregistre le fichier en tant que .Fichier TXT, au lieu d`un fichier HTML.

Image intitulée Modifier les fichiers HTML Étape 14

14. Cliquez sur Sauvegarder. Cela enregistre le fichier.

Méthode 2 sur 4:

Utilisation de TextEdit sur Mac

1. Cliquez sur l`icône de la loupe

. C`est dans le coin supérieur droit du bureau Mac. Ceci affiche une barre de recherche.

Image intitulée Modifier les fichiers HTML Étape 16

2. Taper Texte Dans la barre de recherche. Ceci affiche une liste d`applications correspondant à votre résultat de votre recherche.

Image intitulée Modifier les fichiers HTML Étape 17

3. Cliquez sur Texte.app. C`est au sommet des résultats de la recherche. C`est à côté d`une icône qui ressemble à une feuille de papier et à un stylo.

Image intitulée Modifier les fichiers HTML Étape 18

4. Cliquez sur Déposer. C`est à la barre de menu en haut de l`écran lorsque TextEdit est ouvert.

Image intitulée Modifier les fichiers HTML Step 19

5. Cliquez sur Ouvert. Cela ouvre un navigateur de fichiers que vous pouvez utiliser pour naviguer sur votre Mac et ouvrir des fichiers.

Image intitulée Modifier les fichiers HTML Étape 20

6. Cliquez sur un fichier HTML et cliquez sur Ouvert. Les fichiers HTML ont une extension qui dit ".html" Après le nom du fichier. Utilisez le navigateur de fichiers pour accéder à un fichier HTML et cliquez dessus pour la sélectionner. Puis clique Ouvert Pour ouvrir le fichier HTML dans TextEdit.

Image intitulée Modifier les fichiers HTML Étape 21

7. Modifier le code HTML. Vous pouvez utiliser TextEdit pour modifier le code HTML sur make. Tu dois Apprendre HTML afin que vous puissiez le modifier à la main. Éléments communs que vous pouvez modifier incluent les éléments suivants.

: Cela va en haut du document HTML. Cela indique au navigateur Web qu`il s`agit d`un document HTML.

: Ces balises vont en haut et en bas du document HTML. Cela indique que le code HTML commence et s`arrête.

Titre de la page: Ces balises indiquent le titre de la page. Le titre va dans la tête du document HTML. Tapez le titre de la page entre ces deux tags.

Texte de titre: Ces tags créent des balises de tête. Le texte entre le "

" et "

" Les tags apparaissent comme un grand texte audacieux. Le texte va dans le corps du document HTML.

Texte du paragraphe: Ces balises sont utilisées pour créer un texte de paragraphe dans un document HTML. Le texte qui entre entre "

" et "

" apparaît comme texte de taille normale. Le texte va dans le corps du document HTML.

Texte en gras: Ces balises sont utilisées pour créer du texte audacieux. Le texte qui entre entre "" et "" apparaît comme texte audacieux.

Texte italique: Ces balises sont utilisées pour créer du texte italique. Le texte qui entre entre "" et "" apparaît comme texte itallic.

: Cette balise est utilisée pour poster une image à l`aide de HTML. Remplacer le texte qui dit "URL de l`image" avec l`adresse Web de l`image.

Image intitulée Modifier les fichiers HTML STEPTE 22

8. Cliquez sur Déposer. C`est dans la barre de menus en haut de l`écran.

Image intitulée Modifier les fichiers HTML Étape 23

9. Cliquez sur Sauvegarder. C`est dans le menu déroulant ci-dessous "Déposer". Cela enregistre le fichier HTML.

Pour changer le nom du fichier, cliquez sur Renommer dans le "Déposer" menu déroulant. Tapez un nouveau nom pour le fichier en haut de l`écran. Assurez-vous d`inclure le ".html" Extension en haut de la page.

Méthode 3 sur 4:

Utilisation de Dreamweaver

1. Dreamweaver ouvert. Dreamweaver a une icône qui ressemble à une place verte qui dit "Dw" au milieu. Cliquez sur l`icône dans le menu Démarrer de Windows ou dans le dossier d`application sur Mac pour ouvrir Dreamweaver.

Adobe Dreamweaver nécessite un abonnement. Vous pouvez acheter un abonnement à partir de 20 $.99 par mois.

Image intitulée Modifier les fichiers HTML Étape 25

2. Cliquez sur Déposer. C`est dans la barre de menus au sommet de l`écran.

Image intitulée Modifier les fichiers HTML Étape 26

3. Cliquez sur Ouvert. C`est dans le menu déroulant ci-dessous "Déposer".

Image intitulée Modifier les fichiers HTML Étape 27

4. Sélectionnez un document HTML et cliquez sur Ouvert. Utilisez le navigateur de fichiers pour sélectionner un document HTML sur votre ordinateur et cliquez dessus pour la sélectionner. Puis clique Ouvert dans le coin inférieur droit.

Image intitulée Modifier les fichiers HTML Étape 28

5. Cliquez sur Diviser. C`est l`onglet moyen en haut de la page. Ceci affiche un écran divisé contenant un éditeur HTML en bas et un écran de prévisualisation en haut.

Image intitulée Modifier les fichiers HTML Étape 29

6. Modifier le document HTML. Utilisez l`éditeur HTML pour modifier HTML. La façon dont vous modifiez HTML dans Dreamweaver n`est pas trop différente de la modification HTML dans le bloc-notes ou le TextEdit. Lorsque vous tapez une balise HTML, un menu de recherche apparaît avec des balises HTML correspondantes. Vous pouvez cliquer sur la balise HTML pour insérer ses étiquettes d`ouverture et de fermeture. Dreamweaver vérifiera que vous assurez qu`il existe des balises d`ouverture et de fermeture pour tous vos éléments HTML.

Vous pouvez également cliquer sur l`endroit où vous souhaitez insérer un élément HTML dans l`éditeur HTML et cliquer Insérer Dans la barre de menus en haut de l`écran. Cliquez sur l`élément que vous souhaitez insérer dans le menu déroulant pour ajouter automatiquement le code HTML.

Image intitulée Modifier les fichiers HTML Étape 30

7. Cliquez sur Déposer. Lorsque vous avez terminé modifier le document HTML, cliquez sur Déposer Dans la barre de menus en haut de l`écran.

Image intitulée Modifier les fichiers HTML Étape 31

8. Cliquez sur Sauvegarder. C`est dans le menu déroulant ci-dessous Déposer. Cela enregistre votre document HTML.

Méthode 4 sur 4:

En utilisant kompozer

1. Aller à https: // sourceforge.Net / Projets / Kompozer / Dans un navigateur Web. Vous pouvez utiliser n`importe quel navigateur Web sur PC ou Mac. Ceci est la page de téléchargement de kompozer. C`est un éditeur gratuit HTML (WYSIWYG) qui fonctionne sur Windows et Mac.

Image intitulée Modifier les fichiers HTML Étape 33

2. Cliquez sur Télécharger. C`est le bouton vert près du haut de la page. Cela vous emmène à une page de téléchargement séparée. Après un délai de 5 secondes, votre téléchargement commencera.

Image intitulée Modifier les fichiers HTML Étape 34

3. Double-cliquez sur le fichier d`installation. Par défaut, vos fichiers téléchargés peuvent être trouvés dans votre "Téléchargements" Dossier sur PC ou Mac. Vous pouvez également cliquer sur eux dans votre navigateur Web pour lancer le programme d`installation de Kompozer. Utilisez les instructions suivantes pour installer Kompozer:

Les fenêtres:

Si vous l`avez demandé si vous souhaitez autoriser l`installateur à apporter des modifications à votre système, cliquez sur Oui.

Cliquez sur Suivant dans l`intro Windows.

Cliquez sur le bouton radial à côté de "J`accepte l`accord" et cliquez sur Suivant.

Cliquez sur Suivant Pour utiliser l`emplacement d`installation par défaut ou cliquez sur Parcourir Pour sélectionner un emplacement d`installation différent.

Cliquez sur Suivant puis cliquez sur Suivant de nouveau

Cliquez sur Installer

Cliquez sur Finir

Mac:

Double-cliquez sur le fichier d`installation de kompozer.

Cliquez sur Kompozer.app

Cliquez sur l`icône Apple dans le coin supérieur gauche.

Cliquez sur Préférences de système

Cliquez sur Sécurité et vie privée

Clique le Général languette.

Cliquez sur Ouvert quand même près du bas de la fenêtre.

Cliquez sur Ouvert Dans la fenêtre contextuelle.

Faites glisser l`icône de kompozer sur votre bureau.

Ouvrez le Finder.

Clique le Applications dossier.

Faites glisser l`icône de kompozer à partir du bureau du dossier d`applications.

Image intitulée Modifier les fichiers HTML Étape 35

4. Open kompozer. Utilisez les étapes suivantes pour ouvrir Kompozer sur PC ou Mac

Les fenêtres:

Clique le Windows Démarrer menu.

Taper "Kompozer"

Double-cliquez sur l`icône de kompozer.

Mac:

Cliquez sur l`icône de la loupe dans le coin supérieur droit.

Taper "Kompozer" Dans la barre de recherche.

Double-cliquer Kompozer.app.

Image intitulée Modifier les fichiers HTML Étape 36

5. Cliquez sur Déposer. C`est dans la barre de menus en haut de l`application.

Image intitulée Modifier les fichiers HTML Étape 37

6. Cliquez sur Fichier ouvert. C`est la deuxième option dans le menu déroulant ci-dessous "Déposer". Ceci ouvre un navigateur de fichiers que vous pouvez utiliser pour sélectionner un fichier HTML ouvert.

Image intitulée Modifier les fichiers HTML Étape 38

7. Cliquez sur un fichier HTML et cliquez sur Ouvert. Cela ouvre le fichier HTML à Kompozer.

Image intitulée Modifier les fichiers HTML Étape 39

8. Cliquez sur Diviser. C`est l`onglet moyen en haut de la page. Ceci affiche un écran divisé contenant un éditeur HTML en bas et un écran de prévisualisation en haut.

Vous devrez peut-être agrandir l`application afin que vous ayez plus de place à travailler.

Image intitulée Modifier les fichiers HTML Étape 40

9. Modifier le document HTML. L`écran de code source HTML est en bas, vous pouvez utiliser cet écran pour éditer HTML de la même manière que vous le feriez dans le bloc-notes ou le TextEdit. Vous pouvez également utiliser l`écran de prévisualisation pour modifier votre HTML en utilisant les étapes suivantes:

Utilisez le menu déroulant dans le coin supérieur droit pour sélectionner le type de texte (i.E Rubrique, paragraphe, ect}

Cliquez et tapez pour ajouter du texte.

Utilisez les boutons du panneau en haut de l`écran pour ajouter audacieux, italiques, alignement de texte, retrait ou listes à votre texte.

Cliquez sur le carré coloré dans le panneau en haut de l`écran pour modifier la couleur du texte.

Clique le Image Icône en haut de l`écran pour ajouter une image à votre document HTML.

Cliquez sur l`icône qui ressemble à une chaîne de chaîne pour ajouter un lien à votre document HTML.

Image intitulée Modifier les fichiers HTML Étape 41

dix. Clique le Sauvegarder icône. Une fois que vous avez terminé de modifier votre document, cliquez sur le bouton Sauvegarder icône en haut de l`écran. C`est en dessous d`une icône qui ressemble à une disquette. Cela sauve votre travail.