Des projets fun.
Des tutoriels et des conseils.
Développement web, C#, JAVA.

Rechercher

Rechercher

Programmer un site web

   La création d'un site web peut être une bonne façon de commencer la programmation. La conception des pages et le résultat final est différent d'une application standard, mais la mécanique qui fait fonctionner le tout reste semblable.

Qu'est ce qu'un site web?

  Un site web est un ensemble de fichiers stockés sur un serveur. Lorsque l'on appelle une page web depuis le navigateur c'est le serveur web qui s'occupe d'appeler le fichier de base et grâce au programme serveur comme PHP va interpréter le code et retourner le résultat par le biais du protocole http. C'est donc ensuite le navigateur qui va à son tour interpréter le résultat et rendre le résultat final sur votre écran. Il faut donc alors connaitre plusieurs langages de programmation.

Le HTML

  Signifie Hyper Text Markup Langage. Constitué de balise ce langage permet de mettre en forme du texte, mais aussi la naviguation.
Petit exemple :
  1. Creer un document test.html
  2. Ouvrer le avec un éditeur de texte type notepad
  3. Ecriver ‹b›texte en gras‹/b›
  4. Enregistrer le fichier et ouvrer le avec votre navigateur.
Vous verrez alors le texte en gras. C'est donc la balise ‹b>‹/b› qui formate votre texte. Il y a une balise ouvrante ‹b› et une fermante ‹/b›. C'est donc le texte qui se trouve entre les balises qui est formaté. Il existe une multitude de balise dans ce genre. D'autre par contre vous offre d'autres fonctionnalitées. ex :
  1. ‹a src='jhomsoft.fr'›super site‹/a› crée un lien cliquable
  2. ‹input type='button' value='test'› crée un bouton
  3. ‹input type='text' value='test'› crée un champ de saisi
Enfin le HTML ne fait pas tout. Lui ne fait que créer les élements. La mise en forme est le style lui est assuré par le CSS.

Le CSS

  Le css est un langage qui permet de mettre en forme vos balises,positionner les élements, mettre de la couleur, des images en fond d'écran. L'association au balise peut se faire de plusieurs manières. En général on utilise un fichier *.css séparé. Cela permet d'avoir la mécanique et la mise en forme dans plusieurs fichiers ce qui permet d'être plus facilement compréhensible.
Dans votre fichier html ajoutez
: ‹link href="Nom de vorte fichier" rel="stylesheet" type="text/css" /›
et dans le fichier html : ‹span id='test'›‹/test› et dans le fichier css #test{ color:red}. on peut aussi associer une classe à plusieurs éléments dans ce cas il faut utiliser l'attribut. class : ex : ‹span class='testClass'›a‹/span›‹span class='testClass'›b‹/span› et dans le fichier css .testClass{ color : blue; } Une fois le site met en place au niveau de éléments et au niveau de la forme il ne reste plus qu'a animer touc ca. Pour cela c'est la javascript qui prend le relais.aura intreret les parametres, récupere les informations en base de donnée et généré

Le JAVASCRIPT

  Le langage javascript est en langage interpreter par le navigateur . Il permet de rendre votre site dynamyque.Il peut être introduit directement dans votre page grâce a la balise ‹script› exemple ‹script type='text/javascript'›alert('je suis du javascript');‹/script› Soit comme pour le css être dans un fichier séparé ex ‹script type='text/javascript' src='Votre fichier .js' ›‹/script›. Juste les appel se font dans le fichier. Exemple dans le html ‹input type='button' onclick='test();'/› dans le fichier .js function test(){ alert('je suis du javascript dansle fichier');}. Voila on n'a construit le site avec ces élements, sa mise en forme et sa dynamique.Mais cette partie n'est que ce qui est compris par le navigateur. Maintenant pour un site qui comprend énormément de pages et d'interaction (gestion de panier, commande d'alement, inscription sur un forum...), il faut un langage serveur qui va cré de facon dynamique toutes ces pages.

Le langage serveur

  Grace au langage serveur Comme PHP , ASp Des sites conséquent on étét crée.En fait ces langages permettent de généré dynamiquement les pages. Exemple : jhomsoft.fr?tutoriel-1 et jhomsoft.fr?tutoriel-2 seront les même page sauf que le langage aura intreret les parametres, récupere les informations en base de donnée etgénéré les html correspondant.

News


HTML5 18/01/2012
Je viens d'acheter un liv... Lire la suite


Free mobile 16/01/2012
Ça y est free a lancer s... Lire la suite


Mise en place du site 05/01/2012
Je suis heureux de vous p... Lire la suite