Comment un code informatique transforme une page blanche en un website Fermé

Question

Bonjour à tous,

Depuis peu je me suis mis à apprendre le codage informatique avec Python. Je trouve que l'apprentissage du codage informatique est comme les mathématiques c'est à dire c'est très abstrait. J'aimerais transformer mon apprentissage en quelque chose de plus concret, histoire de bien assimiler les choses mais surtout rester motivé. Je m'explique : j'aimerais coder et en même temps voir le résultat à côté. Par exemple pourquoi le site CCM est en rouge et pas une autre couleur ? Pourquoi la partie "Menu" est à droite et entouré d'un rectangle et pas à gauche entouré d'un triangle ? Pour commencer, je ne veux rien faire de compliqué, juste avoir une fenêtre où je rentre les codes et l'autre fenêtre me permettant de voir le résultat "concret". J'aimerais commencer par un petit blog mais je sais pas du tout comment m'y prendre. En vous remerciant par avance.

yg_be · Answer

bonjour, l'affichage des pages web se fait en html, je ne comprends pas bien le lien que tu fais entre Python et les pages html.
tu seras peut-être intéressé par https://htmledit.squarefree.com

jee pee · Answer

Bonjour, Pourquoi CCM est rouge, c'est juste un choix de design du développeur. Droit-Finance est bleu, Santé-Médecine était rose et Cuisine vert. Le Menu dans un rectangle, pareil c'est juste du design. Et par exemple ce menu n'apparait que sur un écran réduit (tablette, téléphone), pas sur mon écran de PC. Python est un langage de développement qui n'est pas adapté pour développer un site web. Pour un site web on commence par le langage HTML associé à CSS pour la présentation. Cela permet de bâtir un site statique (qui ne change pas sans réécrire le code source). Après en plus, pour créer un site dynamique (comme CCM qui comporte des questions, des articles, ...) on va stocker les informations dans une base de données (comme Mysql) et pour utiliser cette base de données on va utiliser le langage PHP qui sera alors chargé de constituer les pages en HTML à envoyer au navigateur de l'utilisateur. Sur un serveur Web classique on aura un logiciel moteur web (comme apache), un logiciel moteur de base de données (comme Mysql) et un logiciel moteur de gestion du langage de programmation (comme PHP). Pour commencer, un éditeur de texte suffit. Avec le bloc-notes tu peux créer un fichier, qu'il faut appeler par exemple bonjour.html et qui contient : Ma première page HTML

Accueil

Bonjour à tous Si tu double-cliques sur le fichier cela va lancer le navigateur et afficher ta page web. Cdlt

hbous · Answer

et non c'est pas abstrait les math, la programmation non plus...
Quand vous faites des comptes ou de l'adressage d'octets c'est tout sauf abstrait.
En tout cas oui comment une page s'affiche-elle sur le web:
matériellement ce sont des fichiers textes centré autour de HTML. CSS permet de donner/modifier une apparence tandis que HTML à d'autre rôle comme indiquer le contenu/structure de la page et la sémantique de ce contenu(comme indiquer qu'une image est une image, un texte un texte, un titre un titre, etc...).
Mais bon rien à voir avec la programmation , ce sont des repères qui seront ensuite 'interprétés' par le navigateur en leur résultat.
Effectivement c'est une abstraction mais qui colle à la réalité comme un portrait fait avec de la peinture est aussi une abstraction et non la personne elle même.
Les maths abstraits? pas vraiment, en tout cas en informatique les maths utilisés seront pas abstraits mais conceptualisés; cela veux dire qu'ils vont traduire une réalité humaine en une abstraction(informelle) informatique. Par exemple une image c'est des points de couleurs dans un cadre x/y représentant longueur et largeur et la définition/qualité de cet image.
Si vous voulez sortir de l'abstraction il faut se tourner vers des langages comme l'assembleur qui n'utilisent que les bytes et octets , pas vraiment pratique mais au moins ça sonnera concret puisque un emplacement mémoire de stockage est directement désigné. Enfin dans les langages modernes(sauf C++) on laisse ça de côté heureusement car s'il fallait traquer le moindre bytes mémoire pour faire une application concrète ou même un site web  imaginez le mal de tête... justement HTML et les technologie web sont faites pour être simple et accessible sans avoir à programmer quoi que ce soit. La programmation par dessus ça va être JS ou un langage serveur + les bases de données, peu ou prou des langages scripts qui n'ont pas besoin d'être compilés... donc pas dans leur version physique mais avec une surcouche ou l'humain se concentre sur le concept et non la gestion des tensions électriques parcourant des composants derrière.. ce qui est quand même mieux ;)