Cours sur l'initiation à la programmation

La numérisation du monde  oblige les utilisateurs à utiliser certaines applications et des sites Web. Comment les applications et les sites Web sont sont-elles créés ? Tel est la question que répond cet présent article. Dans cet article vous découvrirez les langages de bases de la programmation Web.




              Le domaine de la programmation Web est réservé à ceux qui ont le sens de la création. Pour ce fait voici le plan. 
CHAPITRE 1 : HTML5
Séquence 1 : Historique du langage HTML
Séquence 2 : Installation et Création d’un dossier web/page web
Séquence 4 : Les Balises
Séquence 5 : Structure d’une page html
Séquence 6 : Insertion d’image et liens hypertextes
Séquence 7 : Les tableaux
Séquence 8 : formulaire.

         Le cours d'aujourd'hui se portera sur les trois premières séquences du chapitre 1.

Une inversion sera faite dans la dispensation du cours entre les deux premières séquences pour une meilleure compréhension. 

Séquence 2 : Installation et Création d’un dossier

web/page web

Définition d’un éditeur de code

Un éditeur de code est un logiciel utilisé pour écrire votre site internet. Bien que

vous puissiez créer une page web HTML avec un éditeur de texte par défaut tel

que Bloc-notes. Celui-ci permet seulement de créer un fichier texte simple et ne

dispose pas des fonctionnalités qui simplifie le processus de développement,

telles que :

➢ La mise en évidence de la syntaxe : marque les balises HTML de différentes

couleurs en fonction de leur de leur catégorie. La structure du code est ainsi

plus facile à lire et à comprendre. 

➢ L’autocomplétions : Suggère automatiquement des attributs, des balises et

des éléments HTML en fonction de la valeur précédente.

➢ La détection d’erreurs :Met en évidence les erreurs de syntaxe ce qui

permet au développeur web de les repérer et de les corriger plus

rapidement.

Dans ce cours, nous allons vous montrer comment faire en utilisant l’éditeur

de code Visual studio code qui doit être préalablement installé.

Une fois l’installation terminée :

❖ Créer un nouveau dossier sur votre ordinateur. Ce sera le répertoire de

tous les fichiers de votre site.

❖ Ouvrez VS code

❖ Cliquez sur fichier

❖ Sélection l’option ouvrir « ouvrir un dossier »

❖ Localiser le nouveau dossier et cliquez sur « sélectionner dossier »

❖ Sélectionner « nouveau fichier ». Nommer le fichier index.html et

appuyez sur Entrée

❖ Cliquez sur le Nouveau fichier pour confirmer

❖ Une fois que vous avez accédé à l’onglet de l’éditeur index.html, entrez

la structure de base suivante du document HTML.

CHAPITRE 1 : HTML5
Séquence 1 : Historique de HTML5

L’Hypertexte Markup Language ou généralement abrégée « HTML »

est un langage de balise permettant la, création d’un site. Dans les

années 1989-1990, un informaticien Tim Berners-Lee invente le Worl

Wide Web (WWW). Le HTML est une des trois inventions issues de WWW avec Hypertext Transfer Protocol (HTTP) et les adresses web.

La première version du HTML comprend le titre du document, la

structuration du texte en titres, sous-titres, listes ou texte brut, les

hyperliens mais aussi un principe de référencement. Tim Berners Lee

base le HTML sur le SGML(Standard Generalized Markup Language)

qui est un langage généralisé des balises standardisées afin d’attirer

les entreprises sur le Html.

Page Web
Une page Web est un document qui peut être affiché par un navigateur Web, comme Mozilla Firefox, Google Chrome, Microsoft Internet Explorer, Edge ou Safari. Techniquement, elle est souvent constituée d’un document rédigé en Hypertext Markup Language (HTML) pour la structure de base, d’images numériques, de feuilles de style en cascade (CSS) pour la mise en page, et de JavaScript pour les fonctionnalités plus avancées

       Dans ce cours d'initiation nous avons appris l'installation de visual code une application permettant d'écrire des programmes afin de créer des sites Web et aussi de l'historique de l'html. Mais est ce le seul langage de la programmation Web ? La réponse est non. Dans le prochain article il s'agira d'apprendre l'utilisation du langage html et d'un autre langage (à découvrir). 




Commentaires

Enregistrer un commentaire