Introduction aux sites web

[Soulalex]

<p style="text-align:center;"><img alt="site_internet.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.gouffaprod.com/wp-content/uploads/2011/02/site_internet.jpg"/></p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><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></span></span></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Fonctionnent d'un site web  :</strong></span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Lorsque vous naviguer sur une page internet, vous êtes amené, sans le savoir, à <u>envoyer une <strong>requête </strong>voir plusieurs au <strong>serveur </strong>du site en question</u>. Le serveur va <u>traiter cette requête et <strong>gérera la page</strong> en fonction des critères de celle-ci avant de vous l'envoyer</u>.</span></span></p>
<p> </p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><img alt="207097.png" src="http://uploads.siteduzero.com/files/207001_208000/207097.png"/></span></span></p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><em>Schéma d'une requête à un serveur dans le cas d'une site statique. OpenClassrooms</em></span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">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 <u>le webmaster doit modifier le code source à chaque mise à jour du site</u>. 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 <u>créer des interface ajoutant dynamiquement via un formulaire du contenu sur le site</u>. </span></span></p>
<p> </p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><img alt="207100.png" src="http://uploads.siteduzero.com/files/207001_208000/207100.png"/></span></span></p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><em>Schéma d'une requête à un serveur dans le cas d'une site dynamique. OpenClassrooms</em></span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Ainsi, les langages <strong>HTML et CSS</strong> sont conçus pour <u>mettre en forme le site</u> tandis que le <strong>PHP et le MySQL</strong> sont conçus pour <u>dynamiser le site</u>. Ces quatre langages ne sont pas les seuls bien sûr, il en existe bien d'autres comme le <strong>JavaScript </strong>permettant <u>l’exécution de scripts par le navigateur chez l'internaute</u> ou bien encore le<strong> ASP .NET </strong>et le<strong> <strong>Django</strong></strong>.</span></span></p>
<p> </p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><img alt="292939.png" src="http://uploads.siteduzero.com/files/292001_293000/292939.png"/></span></span></p>
<p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><em>Schéma d'une requête à un serveur dans le cas d'une site contenant un script JavaScript. OpenClassrooms</em></span></span></p>
<p></p><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Programmer son site web :</strong></span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Pour réaliser un site web complet, vous aurez besoin de <u>nombreux outils</u> et surtout de beaucoup de temps. Pour commencer, un serveur web : <strong>Apache </strong>vous permet de <u>créer et d'héberger votre propre site</u>. Combiné à Apache, <strong>PHP </strong>vous permettra d'<u>utiliser le langage PHP dans tous vos scripts réaliser sur votre serveur web</u>. 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 (<abbr title="Système de Gestion de Base de Données">SGBD</abbr>) <strong>MySQL</strong> qui vous permettra de <u>stocker des données de votre site dans les bases de données de MySQL</u>. 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) ...</span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Ça fait beaucoup de logiciels à installer, heureusement, <u>des logiciels regroupent ces trois logiciels</u> (Apache, PHP, MySQL) et vous permettent de <u>contrôler votre serveur web bien plus facilement</u>. Notamment <strong><abbr title="X Apache MySQL Perl PHP">Xampp</abbr> </strong>compatible avec Windows et Linux, <strong><abbr title="Windows Apache MySQL PHP">Wamp</abbr></strong> compatible avec Windows ou encore <strong><abbr title="Linux Apache MySQL PHP">Lamp</abbr></strong>.</span></span></p>
<p></p><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">De nombreux guides existent vous permettant d'apprendre à créer un site web de A à Z :</span></span></p>
<ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a data-ipb="nomediaparse" href="http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3" rel="external nofollow"><strong>Cours OpenClassroom sur le HTML/CSS </strong></a>: Cours très instructif pour concevoir un site statique et élégant.</span></span></li><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a data-ipb="nomediaparse" href="http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql" rel="external nofollow"><strong>Cours OpenClassroom sur le PHP/MYSQL</strong></a> : Cours très instructif pour concevoir un site dynamique.</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a data-ipb="nomediaparse" href="http://fr.openclassrooms.com/informatique/cours/programmez-en-oriente-objet-en-php" rel="external nofollow"><strong>Cours OpenClassroom sur le PHP orienté objet</strong></a> : Cours très instructif pour utiliser les objets en PHP.</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a data-ipb="nomediaparse" href="http://www.php.net/manual/fr/" rel="external nofollow"><strong>Documentation officiel PHP :</strong></a> Très utile quand vous recherchez des fonctions ou pour connaitre l'utilité d'une d'entre elles.</span></span></li>
</ul>

[Azad]

<p>That's my moderator ! Très très bon tutoriel, bonne introduction à la suite logique de l'apprentissage du HTML/CSS. <br/>
+1 Rep.</p>