9Sep

Créer une page HTML de base avec le Bloc-notes dans Windows 8

3 Pièces:
Steps
Vidéo: Créer une page HTML de base avec le Bloc-notes dans Windows 8
Commentaires

Vous êtesregarder VisiHow.Dans ce tutoriel, nous allons vous montrer comment créer une page HTML du plus simple que vous pouvez créer en utilisant simplement l'application Bloc-notes sur votre ordinateur Windows 8.

Ad

Steps

  1. 1
    souris vers le bas pour la barre des tâches.Ceci est
    la barre qui longe le bas de l'écran.
    Publicité
    cette étape a été utile?Oui |Non |Je besoin d'aide
  2. 2
    défiler vers la gauche du bouton Windows et clic gauche une fois .
    Sinon, appuyez sur la touche du clavier Windows.Cela va ouvrir le menu Démarrer.
    Publicité
    cette étape a été utile?Oui |Non |Je besoin d'aide
  3. 3
    Cliquez sur la flèche pointant vers le bas dans le bas à gauche .
    Cela nous mènera au menu Applications.Cherchons le Bloc-notes.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  4. 4
    Cliquez dans la barre de recherche dans le coin à droite top.
    Son arrière-plan devient blanc pour indiquer qu'il est actif.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  5. 5
    Tapez "notepad" .
    Comme nous tapons, la recherche commence automatiquement réduire nos choix vers le bas, jusqu'à ce que nous sommes laissés seulement avec le Bloc-notes.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  6. 6
    Cliquez sur "Bloc-notes" .
    Son icône est un bloc-notes bleu.Cela permet de lancer l'application Bloc-notes.Maintenant, nous allons taper quelques balises très, très basiques HTML.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  7. 7
    type "& lt; html & gt;".
    Cela indique au navigateur que ceci est une page HTML.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  8. 8
    Hit the "Enter" ou "Return" clavier une seule fois.
    Cela nous commence sur une nouvelle ligne, la ligne 2.
    Était-ce pas utile?Oui |Non |Je besoin d'aide
  9. 9
    type "& lt; body & gt;".
    Cela indique au navigateur que ce soit le corps de notre page web.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  10. 10
    Hit "Enter" ou "Retour" à nouveau .
    Nous sommes maintenant sur la ligne 3.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  11. 11
    type dans certains texte.
    Nous allons saisir, "VisiHow est Awesome!".Ceci est le texte sur notre page web.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  12. 12
    Hit "Enter" ou "Retour" pour se rendre à la ligne 4 .
    cette étape a été utile?Oui |Non |Je besoin d'aide
  13. 13
    Tapez "& lt; / body & gt;".
    Ceci est connu comme une balise de fermeture.Ceci ferme la section de corps.Maintenant, nous le répétons pour la balise HTML.Notez que nous fermons nos balises dans l'ordre inverse de la façon dont nous avons ouvert.Une autre façon de penser à cela est que les balises encadrent notre contenu de façon symétrique.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  14. 14
    Hit la touche "Entrée" ou "Retour" pour accéder à la ligne 5 .
    cette étape a été utile?Oui |Non |Je besoin d'aide
  15. 15
    type "& lt; / html & gt;".Ce
    ferme le document HTML.Ce ne sont pas correctement formé code.Nous avons un tutoriel expliquant comment formater le code correctement, ou du moins à nos propres normes, de sorte que nos sites Web sont faciles à lire et lisible à d'autres personnes.Mais pour l'instant, nous sommes juste concentrés sur la création d'une page web très basique.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  16. 16
    souris jusqu'à "Fichier" .
    Il est dans la partie supérieure gauche de la fenêtre.Gauche-cliquez dessus une fois.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  17. 17
    Faites défiler jusqu'à "Enregistrer sous. .." et cliquez sur ce .
    cette étape a été utile?Oui |Non |Je besoin d'aide
  18. 18
    Trouver le "Save as type" champ .
    Il est placé sous le champ "Nom du fichier", où ".txt" est allumé.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  19. 19
    Cliquez sur la flèche pointant vers le bas sur le côté droit de ce champ pour ouvrir une de menu déroulant.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  20. 20
    Cliquez sur "Tous les fichiers" .
    cette étape a été utile?Oui |Non |Je besoin d'aide
  21. 21
    Cliquez sur le champ "Nom du fichier" pour obtenir une du curseur.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  22. 22
    Tapez un nom de fichier .
    Nous allons taper "visihtml".
    cette étape a été utile?Oui |Non |Je besoin d'aide
  23. 23
    Tapez le extension de fichier.
    Nous allons ajouter une période ou caractère point puis tapez soit "htm" ou "html".Le nom complet du fichier sera lu, "visihtml.html".Comme cela est un tutoriel de base, nous allons aller de l'avant et de le laisser comme "html" pour le rendre facile à se rappeler ce que cela est.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  24. 24
    Cliquez "Enregistrer".
    Dans notre démonstration, il sera enregistré sur le bureau, comme indiqué dans la partie supérieure de la fenêtre.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  25. 25
    Fermer la fenêtre en cliquant sur le "x" dans le coin en haut à droite du Bloc-notes .
    cette étape a été utile?Oui |Non |Je besoin d'aide
  26. 26
    Double-cliquez sur le fichier à partir du de bureau.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  27. 27
    Décidez comment ouvrir le fichier .
    On nous demandera: «Comment voulez-vous ouvrir ce type de fichier( .html)?".Choisissons Firefox pour ce tutoriel, car il est l'un des navigateurs plus pointilleux sur le code étant correctement formaté.Cliquez sur le navigateur de choix.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  28. 28
    Voir la page web .
    La page que nous avons créé est une page Web réelle que nous venons de lancer dans le navigateur Firefox.Ours dit, "VisiHow est Awesome!".Fermez la fenêtre de Firefox lorsque vous êtes prêt à l'aide du "x" rouge dans le coin en haut à droite.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  29. 29
    Voir le fichier icône .
    Dans notre démonstration, il a maintenant une icône Firefox, indiquant qu'il est une page web.
    cette étape a été utile?Oui |Non |Je besoin d'aide
  30. 30
    Ceci conclut notre tutoriel sur la création de votre première, et la plus page de base, web dans Windows 8 avec le Bloc-notes .
    Pour obtenir des conseils supplémentaires sur la création d'une page Web ou si vous avez des questions, des commentaires ou des suggestions pour nous, des commentaires dans la section ci-dessous ou visitez plusieurs de nos tutoriels.Je vous remercie d'avoir choisi VisiHow, et nous nous réjouissons de vous et votre contenu voir.Passez une bonne journée.
    cette étape a été utile?Oui |Non |Je besoin d'aide
    Publicité

Vidéo: Créer une page HTML de base avec le Bloc-notes dans Windows 8

  • Si vous avez des problèmes avec toutde ces étapes, poser une question pour plus d'aide, ou les poster dans la section des commentaires ci-dessous.