Table des matières:
- Fournitures
- Étape 1: Le départ
- Étape 2: Configuration du fichier HTML
- Étape 3: Configuration du fichier CSS
- Étape 4: Eh bien, c'était ça
Vidéo: Comment créer un site Web de base à l'aide du Bloc-notes : 4 étapes
2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:05
Quelqu'un s'est-il demandé
« comment créer un site Web à partir d'un programme d'écriture de base ? »
Eh bien, évidemment, pas spécifiquement…
Quoi qu'il en soit, je vais vous montrer ici comment créer un site Web BASIC en utilisant uniquement le bloc-notes.
Fournitures
Pour ce projet, vous aurez besoin de:
-un gros cerveau
-bloc-notes
-peut-être une feuille de triche pour les commandes HTML et CSS
-beaucoup de patience
Étape 1: Le départ
Ouvrez le bloc-notes. En fait, ouvrez-le deux fois. Vous allez coder 2 fichiers en même temps.
Maintenant, enregistrez les deux fichiers. L'un sera [nom de fichier].html, et l'autre sera [nom de fichier].css
Étape 2: Configuration du fichier HTML
Sur le fichier HTML, écrivez sur la première ligne "" sauter une ligne
ligne 2 -
ligne 3 - [nom de la page]
ligne 4 -
ligne 5 -
sauter une ligne
ligne 6 -
ligne 7 -
[ce que vous voulez sur la première ligne. c'est du texte normal.]
ligne 8 -
ligne 9 -
Maintenant, modifiez où j'ai mis les messages dans
EXPLICATION - - -
indique le début du code.
indique le début de l'en-tête.
indique ce qui s'affichera sur le nom de l'onglet
+ un autre code dans le lien liera la feuille de style CSS au html pour les styles.
termine la déclaration.
termine l'instruction d'en-tête
indique le début du corps du texte / code
est le début du paragraphe du texte qui s'affichera lorsque vous exécuterez le code html.
tu l'as deviné. il termine les déclarations du corps
signifie la fin du code.
Étape 3: Configuration du fichier CSS
sur la première ligne du fichier CSS, mettez (@charset "utf-8";)
ligne 2 - corps
ligne 3 {arrière-plan: [ce que vous voulez comme couleur d'arrière-plan]
ligne 4 - }
ligne 5 - h1 {
ligne 6 - font-family:bold
ligne 7 - }
Vous pouvez ajouter plus de variables et modifier mes notes entre
Étape 4: Eh bien, c'était ça
Si vous le souhaitez, vous pouvez utiliser un meilleur guide comme "Web Designing Basics" de vishalapr
www.instructables.com/Web-Designing-Basics…
De plus, sachez que le bloc-notes ne vous indique pas où votre code ne va pas.
C'est pourquoi un logiciel de codage de site Web est recommandé.
Conseillé:
Comment créer un site Web simple et élégant avec Bootstrap 4: 7 étapes
Comment créer un site Web élégant et simple avec Bootstrap 4: Le but de ce Instructable est de donner à ceux qui sont familiarisés avec la programmation - HTML ou autre - une introduction simple à la création d'un portfolio en ligne avec Bootstrap 4. Je vais vous guider à travers la configuration initiale du site, comment en créer quelques-uns
Comment créer un site Web (un guide étape par étape) : 4 étapes
Comment créer un site Web (un guide étape par étape) : dans ce guide, je vais vous montrer comment la plupart des développeurs Web construisent leurs sites et comment vous pouvez éviter les créateurs de sites Web coûteux qui sont souvent trop limités pour un site plus grand. vous aider à éviter certaines erreurs que j'ai faites quand j'ai commencé
Comment créer un site Web de babillard électronique en utilisant PHP et MYSQL : 5 étapes
Comment faire un site Web de babillard en utilisant PHP et MYSQL : Cette instructable vous montrera comment créer un site Web de babillard en utilisant php, mysql, html et css. Si vous débutez dans le développement Web, ne vous inquiétez pas, il y aura des explications détaillées et des analogies afin que vous puissiez mieux comprendre les concepts. Tapis
Comment créer un site Web sur un Raspberry Pi, avec Node.js, Express et MongoDB Partie 1 : 6 étapes
Comment créer un site Web sur un Raspberry Pi, avec Node.js, Express et MongoDB… Partie 1 : Bienvenue dans la PARTIE 1 de mon didacticiel sur l'application Web node.js. La partie 1 passera en revue le logiciel nécessaire utilisé pour le développement d'applications node.js, comment utiliser la redirection de port, comment créer une application à l'aide d'Express et comment exécuter votre application. La deuxième partie de ce
Comment créer votre propre site Web : 16 étapes
Comment créer votre propre site Web : un guide complet pour passer du papier au Web, gratuitement si vous le souhaitez, surtout si des webmasters sympathiques vous doivent quelques faveurs, mais même avec peu d'expérience et de connaissances, vous pouvez créer un site et l'obtenir sur le web comme ceci :