Comment Créer Un Site Web Dans Le Bloc-notes

Table des matières:

Comment Créer Un Site Web Dans Le Bloc-notes
Comment Créer Un Site Web Dans Le Bloc-notes

Vidéo: Comment Créer Un Site Web Dans Le Bloc-notes

Vidéo: Comment Créer Un Site Web Dans Le Bloc-notes
Vidéo: Créer une page web avec Bloc Note 2024, Peut
Anonim

Si vous pensez que la création de sites Web est difficile, vous vous trompez. Pour ce faire, vous n'avez absolument pas besoin d'étudier des montagnes de littérature et de mémoriser des milliers de codes spécifiques. Il suffit de faire un certain nombre d'étapes simples et vous aurez le tout premier site Web que vous aurez créé de vos propres mains. Nous vous suggérons de vous en assurer en créant le site Web le plus simple selon les instructions pas à pas, cela ne vous prendra que quelques minutes.

Comment créer un site Web dans le bloc-notes
Comment créer un site Web dans le bloc-notes

Instructions

Étape 1

Créez un document texte sur votre bureau: "Démarrer" - rubrique "Programmes" - "Accessoires" - "Bloc-notes".

Étape 2

Copiez les balises ci-dessous dans le bloc-notes, elles sont nécessaires pour créer n'importe quel site.

Étape 3

Dans les balises de titre, écrivez un thème pour votre site, par exemple "Développement de site Web". Cela ressemblera à ceci: Création de site Web.

Étape 4

Passez à la création du squelette du site. Le wireframe est créé à l'aide d'un tableau html. Nous allons maintenant utiliser le cadre suivant: un en-tête en haut, une bande similaire en bas, et la feuille principale sera divisée en deux moitiés. Copiez le code filaire dans votre bloc-notes.

menu du site

Zone de contenu

En-tête du site
Pied de page du site

Étape 5

Spécifiez les tailles des cellules. Essayez de faire les tailles que nous avons indiquées, puis décidez des tailles dont vous avez besoin. Entrez les dimensions dans les codes filaires (ce sont les paramètres hauteur - hauteur et largeur - largeur).

Étape 6

Sélectionnez les images de l'en-tête, de l'arrière-plan et du pied de page du site, insérez-les dans les balises nécessaires. Les images sont insérées à l'aide d'une balise

… Maintenant, les étiquettes "Slide Header" et "Site Footer" devraient disparaître.

Étape 7

Connectez toutes les images insérées ensemble. Pour ce faire, dans la balise

dans le tableau principal, insérez l'espace entre l'en-tête et l'espace principal du site. Pour ce faire, collez le paramètre d'alignement, voici à quoi il devrait ressembler

Étape 9

Enregistrez la première page du site sous le code index.html. Réenregistrez la première page du site, mais sous un code différent: page2.html.

Étape 10

Modifiez la deuxième page, disons que vous y avez des liens vers un site. Insérez les adresses des liens dans les balises.

Étape 11

N'oubliez pas de marquer dans le code quelle page est la page principale et quelle page est liée. Cela aidera à lier les pages entre elles. Voilà à quoi ça devrait ressembler

Le principal, Liens.

Étape 12

N'oubliez pas d'ajouter des balises, ils sont nécessaires pour passer à une autre ligne.

Votre premier site Web de deux pages est prêt!

Conseillé: