Comment créer une page web simple à l`aide de bloc-notes

Thisteach Vous devez créer une page Web simple et textuelle à l`aide de l`application Notepad de votre ordinateur Windows. Vous utiliserez HTML comme langue de votre page Web.

Pas

Partie 1 de 4:
Création d`un document HTML
  1. Image intitulée 533547 1
1. Débutant
Image intitulée windowsstart.jpg
. Cliquez sur le logo Windows dans le coin inférieur gauche de l`écran. Le menu Démarrer va apparaître.
  • Image intitulée 533547 2
    2. Recherche de Notepad. Tapez bloc-notes faire cela. Vous devriez voir une liste des résultats correspondants apparaissent près du menu Démarrer.
  • Image intitulée 533547 3
    3. Cliquez sur Bloc-notes. C`est une icône Blue Notepad en haut de la liste des résultats. Cela incite le bloc-notes à ouvrir.
  • Image intitulée 533547 4
    4. Cliquez sur Déposer. Ceci est dans le coin supérieur gauche de la fenêtre Notepad. En cliquant sur cela invite un menu déroulant.
  • Image intitulée 533547 5
    5. Cliquez sur Enregistrer sous…. C`est dans le menu déroulant. La fenêtre Enregistrer sous l`ouverture de la fenêtre.
  • Image intitulée 533547 6
    6. Clique le "Sauvegarder comme type" boîte déroulante. Cette option est proche du bas de la fenêtre et devrait avoir "Documents texte (*.SMS)" écrit dessus. En cliquant sur TI invite un menu déroulant pour apparaître.
  • Image intitulée 533547 7
    7. Cliquez sur Tous les fichiers. C`est dans le menu déroulant. Cela vous permettra de sauvegarder votre fichier en tant que document HTML.
  • Image intitulée 533547 8
    8. Sélectionnez une localisation d`enregistrement. Cliquez sur le nom du dossier dans lequel vous souhaitez enregistrer votre document sur le côté gauche de la fenêtre.
  • Par exemple, pour enregistrer votre document sur le bureau, vous défileriez-vous et cliquez sur Bureau Dans la barre latérale gauche.
  • Image intitulée 533547 9
    9. Entrez un nom et le "html" extension de fichier. Clique le "Nom de fichier" zone de texte, puis tapez ce que vous voulez nommer votre fichier suivi de .html.
  • Par exemple, pour nommer le fichier de votre page Web "Bonjour", vous seriez taper Bonjour.html.
  • Image intitulée 533547 10
    dix. Cliquez sur Sauvegarder. Ce faisant, transforme votre document de bloc-notes actuel en un document HTML. À ce stade, vous pouvez procéder à la configuration de la structure initiale de votre page Web.
  • Si le bloc-notes se ferme par inadvertance ou vous devez revenir à votre document plus tard, vous pouvez cliquer avec le bouton droit de la souris sur le fichier HTML, puis cliquez sur Éditer Dans le menu déroulant résultant.
  • Partie 2 de 4:
    Configuration de votre page Web
    1. Image intitulée 533547 11
    1. Ajoutez la balise de langue de votre page Web. La première balise que vous devrez ajouter au Bloc-notes indique au reste du document d`utiliser HTML. Tapez le texte suivant dans le bloc-notes:
  • Image intitulée 533547 12
    2. Ajouter le "diriger" Mots clés. Ces tags marquent le début et la fin du titre de la page, que vous allez créer à l`étape suivante. Pour l`instant, tapez juste après la "" tag, appuyez sur ↵ Entrez deux fois pour laisser un espace et tapez .
  • Image intitulée 533547 13
    3. Ajouter le titre de page sur votre site web. Le titre, qui est placé entre " " tags, va dans l`espace entre le "diriger" Mots clés. Ce titre dicte le nom du site Web tel qu`il apparaît sur l`onglet Navigateur. Pour entrer un en-tête pour nommer votre site Web "Mon site internet", Par exemple, vous entreriez dans la suivante:
  • Image intitulée 533547 14
    4. Ajouter le "corps" Mots clés. Tout le code de votre page Web ira entre ces tags, qui devraient aller sous la "" étiqueter:
  • Image intitulée 533547 15
    5. Fermez la balise de langue HTML. La dernière balise à accéder à votre document sera une balise HTML de fermeture pour signifier la fin de la page. Tapez ci-dessous le "" Tag pour fermer la balise HTML.
  • Image intitulée 533547 16
    6. Examinez votre document HTML jusqu`à présent. À ce stade, votre document devrait ressembler à ceci:
  • Image intitulée 533547 17
    7. Enregistrez votre document. presse Ctrl+S faire cela. Vous pouvez maintenant procéder à l`ajout d`éléments de page, tels que des paragraphes et des en-têtes, à votre document.
  • Partie 3 sur 4:
    Ajouter des éléments de page Web
    1. Image intitulée 533547 18
    1. Sachez que tous vos éléments de page Web vont entre le "corps" Mots clés. Tout élément - que ce soit une rubrique ou un paragraphe - doit être écrit après la "" tag et avant le "" étiqueter.
  • Image intitulée 533547 19
    2. Ajoutez la tête principale de votre site Web. Tapez entre le "corps" tags, puis tapez tout ce que vous voulez que la tête principale de votre page Web soit entre le "" Mots clés. Par exemple, pour créer une page avec l`en-tête "Bienvenue", Vous auriez ce qui suit:
  • Vous pouvez utiliser des tags "" à travers " " Pour créer un texte de rubrique plus petit.
  • Image intitulée 533547 20
    3. Ajouter un texte de paragraphe à la page. Tapez les balises de paragraphe, qui sont "", puis entrez ce que vous voulez utiliser comme paragraphe entre les balises. Votre résultat final devrait ressembler à quelque chose comme ceci:
  • Image intitulée 533547 21
    4. Forcer une pause de paragraphe. Si vous souhaitez ajouter des espaces supplémentaires entre les paragraphes ou la rubrique, tapez
    Après la fermeture de la ligne. Par exemple, pour créer une pause de ligne après un paragraphe, vous devriez vous retrouver avec quelque chose comme ceci:
  • Vous pouvez ajouter un supplément "
    " Étiquetez après le premier pour ajouter une autre pause de ligne, créant ainsi un espace entre votre premier paragraphe et votre deuxième.
  • Image intitulée 533547 22
    5. Ajouter un formatage à votre texte. Vous pouvez appliquer en audacieux, en italique et à souligner (ainsi qu`à l`exposé et à l`indice) en format sur n`importe quel mot, phrase ou bloc de texte aussi longtemps que celui entre les balises de paragraphes:
  • Image intitulée 533547 23
    6. Passez en revue l`apparence de votre page Web. Alors que les éléments de la page Web peuvent varier, votre document devrait ressembler à ceci:
  • Partie 4 sur 4:
    Tester votre page Web
    1. Image intitulée 533547 24
    1. Enregistrez votre document. presse Ctrl+S faire cela. Cela garantira que le document HTML affiche la version la plus récente de votre page Web lorsque vous l`ouvrez.
  • Image intitulée 533547 25
    2. Cliquez avec le bouton droit sur votre document HTML. Un menu déroulant apparaîtra.
  • Image intitulée 533547 26
    3. Sélectionner Ouvrir avec. C`est dans le menu déroulant. Cela ouvre un menu contextuel.
  • Image intitulée 533547 27
    4. Sélectionnez votre navigateur Web préféré. Tous les navigateurs Web peuvent ouvrir des documents HTML, alors cliquez sur n`importe quel navigateur Web que vous souhaitez utiliser dans le menu contextuel. Votre document HTML s`ouvrira dans votre navigateur Web sélectionné.
  • Image intitulée 533547 28
    5. Passez en revue votre page Web. Si le formatage vous semble bon, vous pouvez aller de l`avant et fermer le bloc-notes.
  • Si vous souhaitez continuer à modifier votre document HTML, retournez au Bloc-notes et apportez les modifications nécessaires, en vous assurant de sauvegarder vos modifications souvent.
  • Exemple de documents HTML

    Exemple de page Web simple

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Exemple WebPage avec HTML

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Feuille de triche HTML

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Conseils

    Vous pouvez Ajustez la couleur de fond de la page Web ou alors changer la couleur de la police En utilisant CSS en conjonction avec votre document HTML.
    Articles connexes