Comment un code informatique transforme une page blanche en un website

Fermé
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019 - 30 mars 2019 à 01:46
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019 - 30 mars 2019 à 17:02
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.
A voir également:

3 réponses

yg_be Messages postés 22906 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 25 juin 2024 1 480
Modifié le 30 mars 2019 à 09:34
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
0
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 13:54
Merci pour ta réponse ! Qu'est ce que c'est comme lien ??? Un site pour héberger de nouvelles créations page web ???
0
jee pee Messages postés 39887 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 juin 2024 9 242 > abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
Modifié le 30 mars 2019 à 14:32
non ce n'est pas un hébergement. C'est un site d’édition en ligne WYSIWYG (What you see is what you get) . Le code html tapé en haut s'affiche tel qu'il le sera dans un navigateur.
0
yg_be Messages postés 22906 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 25 juin 2024 1 480 > abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 15:00
avec une fenêtre où tu rentres les codes html et l'autre fenêtre te permettant de voir le résultat "concret"
0
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 17:02
C'est exactement ce qu'il me fallait merci à vous deux
0
jee pee Messages postés 39887 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 juin 2024 9 242
Modifié le 30 mars 2019 à 09:59
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 :

<!DOCTYPE HTML>
<html>
  <head>
    <title>Ma première page HTML</title>
  </head>
  <body bgcolor=pink>
     <h1>Accueil</h1>
     Bonjour à tous
  </body>
</html>

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

Cdlt
0
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 13:58
Merci pour votre réponse ! Puis-je avoir le nom de l'éditeur de texte pour HTML ?
0
jee pee Messages postés 39887 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 juin 2024 9 242 > abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
Modifié le 30 mars 2019 à 14:32
Moi j'utilise un logiciel d'édition en mode texte notepad++. Tu devrais commencer par cela pour comprendre le code html.

Il existe des logiciels spécialisés, à voir plus tard quand tu auras les bases : https://www.commentcamarche.net/faq/4671-webmaster-choisir-un-bon-editeur-les-editeurs-a-eviter
0
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 16:59
Merci, là c'est plus parlant pour un débutant :D
0
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 ;)
0
abcdef855 Messages postés 84 Date d'inscription lundi 31 août 2015 Statut Membre Dernière intervention 26 juillet 2019
30 mars 2019 à 16:58
Merci pour votre réponse détaillée :D
0