comment créer pas à pas un site web basique ?
Publié le 19/05/2022
Extrait du document
«
NOTIONS DE BASE HTML – CSS
COURS DE SNT
COMMENT CRÉER PAS à PAS UN SITE WEB BASIQUE
DE A à Z
Pour créer un site web basique, on doit connaitre deux langages :
Le HTML qui est un langage de balise qui va permettre de s’occuper du
contenu du site à créer.
Le CSS qui est un langage qui va permettre de créer des feuilles de style ou
de styliser les pages du site web (couleur, forme, police,…)
MATÉRIEL DE TRAVAIL
On va commencer par télécharger différents pré-requis :
Un éditeur de texte pour écrire les lignes de code (on peut utiliser le bloc note
de l’ordinateur, Notepad++, …)
Ici, on utilisera Sublime Text 3 (très simple d’utilisation, et qui permet
d’éditer du texte dans la partie droite et dans la partie gauche de gérer les
projets)
Télécharger l’éditeur de texte sur le site sublimetext.com
Aller sur la partie Download pour télécharger la version adéquate à votre
système d’exploitation (taille du logiciel 23Mo).
Une version portable
existe et doit être décompressée pour être utilisée.
Le téléchargement est facile : faites suivant à toutes les étapes lors de l’installation.
I.
PROGRAMMATION WEB
ETAPE 1 (Création de dossiers et fichiers essentiels)
1.
Créer un sur le bureau et lui attribuer un nom, de préférence celui de votre site
web (monsite).
Ce document va intégrer tout le contenu de votre site c-à-d les
images, le texte, les vidéos, .
.
.
2.
Pour charger votre projet au niveau de Sublime Text, on procède comme suit :
File ---» Open Folder ---» on choisit le document créé (monsite)
ou alors tout simplement, on le glisse directement sur la partie gauche de
Sublime Text pour le déposer.
A partir de cet instant, au niveau de Sublime Text, on peut maintenant gérer
notre document et ajouter des fichiers ou ajouter d’autres documents à
l‘intérieur.
3.
Dès lors, on peut maintenant créer deux ou trois dossiers (IMG pour image, CSS
pour les styles, Js pour les animations, …)
1.
»
↓↓↓ APERÇU DU DOCUMENT ↓↓↓
Liens utiles
- INTERACTIONS ENTRE L’HOMME ET LA MACHINE SUR LE WEB
- nsi site (1re)
- NUMERIQUE ET SCIENCES INFORMATIQUES INTERACTIONS ENTRE L'HOMME ET LA MACHINE SUR LE WEB FORMULAIRE D’UNE PAGE WEB – PHP PREMIERE
- GO: L’équilibre acido-basique
- grand oral physique chimie acido-basique