Databac

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