<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Introduction aux sites web]]></title><description><![CDATA[<p dir="auto">![site_internet.jpg](&lt;<em><strong>base_url</strong></em>&gt;/applications/sslimageproxy/interface/image.php?url=<a href="http://www.gouffaprod.com/wp-content/uploads/2011/02/site_internet.jpg" rel="nofollow ugc">http://www.gouffaprod.com/wp-content/uploads/2011/02/site_internet.jpg</a>)</p>
<p dir="auto"><em>Un site web est dans la plupart des cas très complexe en réalité. En effet, lorsque vous cherchez à accéder à une page d'un site, vous envoyez une requête à l'hébergeur avec les informations que vous voulez obtenir à la fin. L'hébergeur va traiter cette requête en fonction des critères puis il vous enverra un code HTML que le navigateur sera capable de traduire.</em></p>
<p dir="auto"><strong>Fonctionnent d'un site web  :</strong></p>
<p dir="auto">Lorsque vous naviguer sur une page internet, vous êtes amené, sans le savoir, à envoyer une <strong>requête</strong> voir plusieurs au <strong>serveur</strong> du site en question. Le serveur va traiter cette requête et <strong>gérera la page</strong> en fonction des critères de celle-ci avant de vous l'envoyer.</p>
<p dir="auto"><img src="http://uploads.siteduzero.com/files/207001_208000/207097.png" alt="207097.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><em>Schéma d'une requête à un serveur dans le cas d'une site statique. <img src="http://new.melinyel.net/assets/plugins/nodebb-plugin-emoji/emoji/android/00a9.png?v=aa95655114f" class="not-responsive emoji emoji-android emoji--copyright" style="height:23px;width:auto;vertical-align:middle" title="©" alt="©" /> OpenClassrooms</em></p>
<p dir="auto">Selon le type de site que vous voulez réaliser plusieurs langages vont s'ouvrir à vous. Un <strong>site statique</strong> est principalement codé en <strong>HTML</strong> et <strong>CSS,</strong> donc le webmaster doit modifier le code source à chaque mise à jour du site. Au contraire, un <strong>site dynamique</strong> aura des fonctions beaucoup plus avancées grâce notamment au <strong>PHP</strong> et au <strong>SQL</strong> qui permettront, combiné ensemble, de créer des interface ajoutant dynamiquement via un formulaire du contenu sur le site.</p>
<p dir="auto"><img src="http://uploads.siteduzero.com/files/207001_208000/207100.png" alt="207100.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><em>Schéma d'une requête à un serveur dans le cas d'une site dynamique. <img src="http://new.melinyel.net/assets/plugins/nodebb-plugin-emoji/emoji/android/00a9.png?v=aa95655114f" class="not-responsive emoji emoji-android emoji--copyright" style="height:23px;width:auto;vertical-align:middle" title="©" alt="©" /> OpenClassrooms</em></p>
<p dir="auto">Ainsi, les langages <strong>HTML et CSS</strong> sont conçus pour mettre en forme le site tandis que le <strong>PHP et le MySQL</strong> sont conçus pour dynamiser le site. Ces quatre langages ne sont pas les seuls bien sûr, il en existe bien d'autres comme le <strong>JavaScript</strong> permettant l’exécution de scripts par le navigateur chez l'internaute ou bien encore le <strong>ASP .NET</strong> et le <strong><strong>Django</strong></strong>.</p>
<p dir="auto"><img src="http://uploads.siteduzero.com/files/292001_293000/292939.png" alt="292939.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><em>Schéma d'une requête à un serveur dans le cas d'une site contenant un script JavaScript. <img src="http://new.melinyel.net/assets/plugins/nodebb-plugin-emoji/emoji/android/00a9.png?v=aa95655114f" class="not-responsive emoji emoji-android emoji--copyright" style="height:23px;width:auto;vertical-align:middle" title="©" alt="©" /> OpenClassrooms</em></p>
<p dir="auto"><strong>Programmer son site web :</strong></p>
<p dir="auto">Pour réaliser un site web complet, vous aurez besoin de nombreux outils et surtout de beaucoup de temps. Pour commencer, un serveur web : <strong>Apache</strong> vous permet de créer et d'héberger votre propre site. Combiné à Apache, <strong>PHP</strong> vous permettra d'utiliser le langage PHP dans tous vos scripts réaliser sur votre serveur web. Enfin, PHP ne sort jamais sans bases de données, je vous propose donc le célèbre système de gestion de base de données (SGBD) <strong>MySQL</strong> qui vous permettra de stocker des données de votre site dans les bases de données de MySQL. Pour coder votre site web, je vous laisse le choix entre plusieurs outils : le <strong>Bloc-notes</strong> (classique mais fonctionne très bien), <strong>Notepad++</strong> (bien mieux que le bloc note) ...</p>
<p dir="auto">Ça fait beaucoup de logiciels à installer, heureusement, des logiciels regroupent ces trois logiciels (Apache, PHP, MySQL) et vous permettent de contrôler votre serveur web bien plus facilement. Notamment <strong>Xampp</strong> compatible avec Windows et Linux, <strong>Wamp</strong> compatible avec Windows ou encore <strong>Lamp</strong>.</p>
<p dir="auto">De nombreux guides existent vous permettant d'apprendre à créer un site web de A à Z :</p>
<ul>
<li><a href="http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3" rel="nofollow ugc"><strong>Cours OpenClassroom sur le HTML/CSS</strong></a> : Cours très instructif pour concevoir un site statique et élégant.</li>
<li><a href="http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql" rel="nofollow ugc"><strong>Cours OpenClassroom sur le PHP/MYSQL</strong></a> : Cours très instructif pour concevoir un site dynamique.</li>
<li><a href="http://fr.openclassrooms.com/informatique/cours/programmez-en-oriente-objet-en-php" rel="nofollow ugc"><strong>Cours OpenClassroom sur le PHP orienté objet</strong></a> : Cours très instructif pour utiliser les objets en PHP.</li>
<li><a href="http://www.php.net/manual/fr/" rel="nofollow ugc"><strong>Documentation officiel PHP :</strong></a> Très utile quand vous recherchez des fonctions ou pour connaitre l'utilité d'une d'entre elles.</li>
</ul>
]]></description><link>http://new.melinyel.net/topic/113/introduction-aux-sites-web</link><generator>RSS for Node</generator><lastBuildDate>Thu, 21 May 2026 18:22:15 GMT</lastBuildDate><atom:link href="http://new.melinyel.net/topic/113.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 13 Mar 2014 20:09:47 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Introduction aux sites web on Sat, 15 Mar 2014 12:05:41 GMT]]></title><description><![CDATA[<p dir="auto">That's my moderator ! Très très bon tutoriel, bonne introduction à la suite logique de l'apprentissage du HTML/CSS. <img src="http://new.melinyel.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=aa95655114f" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" style="height:23px;width:auto;vertical-align:middle" title=":)" alt="🙂" /><br />
+1 Rep.</p>
]]></description><link>http://new.melinyel.net/post/1525</link><guid isPermaLink="true">http://new.melinyel.net/post/1525</guid><dc:creator><![CDATA[Azad]]></dc:creator><pubDate>Sat, 15 Mar 2014 12:05:41 GMT</pubDate></item></channel></rss>