Inscris-toi pour écrire dans l'encyclopédie Wikimini!

Programmation web

« Programmation web » défini et expliqué aux enfants par les enfants.
Aller à : navigation, rechercher

Pour créer un site web, il faut en fait le "développer", c'est à dire l'écrire avec des langages dits "de programmation". Un exemple :

<html>

<head>

<title>Ma super page web</title>

</head>

<body>

<p>Un paragraphe sur mon site</p>

</body>

</html>

Cet exemple est un code appelé HTML (HyperText Markup Language), il ne s'agit pas d'un language de programmation mais d'un language de balisage celui-ci est lu pas le navigateur du client. Il permet d'inséré des images, et placer du texte dans les pages webs. On y joute le css pour le mettre en forme.

exemple (sans indentation):

<!DOCTYPE html>

<head>

<link rel="stylesheet" href="mise_en_forme.css/>

</head>

<html>

<body>

<div class="main_content">

<p class="normal_text">

Wikimini, l'encyclopédie pour tout le monde!

</body>

</html>

Fichier css:

.main_content{

margin: 12px;

}

main_content:hover{

margin:12px;

animation-name: colorchange;

}

@keyframes colorchange{

from{

background-color: yellow;

}

to{

background-color:red;

}

.normal_text{

font-familly:impact;

}

Ensuite, pour tout ce qui touche à la connexion, à l'inscritpion, au messages, au posts sur les forum ou sur un site, au commentaires, etc, c'est un langage appelé PHP (Hypertext Preprocessor) qui est utilisé pour aller chercher dans une base de données les informations des membres. Un exemple de PHP : 

<?php

echo 'Mon super site est trop bien ;) !'; //Ceci est un commentaire : il ne va pas s'afficher

?>

Un code en PHP commence toujours par <?php (ou <?) et se termine toujurs (sauf quelques cas très particuliers) par ?>

Ici, j'ai afficher à l'aide de echo "mon site est trop bien ;) !" sur le navigateur du client d'une autre manière que par le html.


Pour un apprentissage plus appronfondi, consulte le Site du Zéro, un es premiers sites français de cours de programmation !


Bon apprentissage [-sMiLeY-] !

Wikiboo Outils personnels