<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Archives des site - La programmation sur le web</title>
	<atom:link href="https://programmation.surleweb-france.fr/tag/site/feed/" rel="self" type="application/rss+xml" />
	<link>https://programmation.surleweb-france.fr/tag/site/</link>
	<description>La programmation gratuite pour tous</description>
	<lastBuildDate>Tue, 08 Mar 2022 18:00:50 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2023/08/cropped-19518430-icone-de-programmation-pour-votre-site-web-mobile-presentation-et-conception-de-logo-gratuit-vectoriel.jpg?fit=32%2C32&#038;ssl=1</url>
	<title>Archives des site - La programmation sur le web</title>
	<link>https://programmation.surleweb-france.fr/tag/site/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">176210735</site>	<item>
		<title>PHP, l&#8217;url rewriting</title>
		<link>https://programmation.surleweb-france.fr/php-url-rewriting/</link>
					<comments>https://programmation.surleweb-france.fr/php-url-rewriting/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Wed, 20 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[référencement]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[url rewriting]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=410</guid>

					<description><![CDATA[<p>La mise en place de l'url rewriting en PHP est simple et rapide, quelques lignes et te voilà prêt à gagner en lisibilité</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/php-url-rewriting/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/php-url-rewriting/">PHP, l&rsquo;url rewriting</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>L&rsquo;url rewriting peut paraître barbare dans un premier temps mais c&rsquo;est une technique qui est indispensable afin de gagner en visibilité. Une visibilité pas seulement pour les moteurs de recherche qui indexent ton site mais également pour le lecteur. Si l&rsquo;url rewriting (ou la ré-écriture d&rsquo;url) est correctement mise en place, les adresses de chaque page gagneront en clarté.</p>



<h2 class="wp-block-heading">Définition de l&rsquo;url rewriting</h2>



<p>Comme je viens de le dire, l&rsquo;url rewriting est une technique qui permettra de remplacer une URL compliquée à comprendre, par exemple :</p>



<pre class="wp-block-preformatted">https://mon-site.com/index.php?type=p&amp;id=2</pre>



<p>En :</p>



<pre class="wp-block-preformatted">https://mon-site.com/exemple-url-rewriting</pre>



<h2 class="wp-block-heading">Pourquoi mettre en place l&rsquo;url rewriting</h2>



<p>Maintenant que tu as vu quel changement la ré-écriture d&rsquo;url apporte à ton site, pourquoi devrais-tu le mettre en place. Il y a plusieurs raisons :</p>



<ul class="wp-block-list"><li>gagner en lisibilité pour ton visiteur qui verra en un coup d&rsquo;œil dans la barre d&rsquo;adresse, l&rsquo;article qu&rsquo;il est en train de lire</li><li>améliorer le référencement. Les moteurs de recherche indexent les pages que tu publies, aucun de ses moteurs apprécient les url complexes.</li><li>en tant qu&rsquo;administrateur / développeur de ton site, tu pourras garder une hiérarchie dans tes pages et celle-ci sera bien plus stable. La stabilité est très appréciée par les moteurs de recherche</li><li>avoir une vue voire un contrôle sur les mots clés même si l&rsquo;importance de l&rsquo;url rewriting n&rsquo;est pas aussi grande que l&rsquo;on souhaiterai, elle joue un rôle important.</li></ul>



<p>Voici des raisons suffisantes pour mettre en place cette technique sur ton site. Tu peux avoir plus d&rsquo;informations sur ce <a href="https://www.seo.fr/definition/url-rewriting" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<h2 class="wp-block-heading">Comment mettre en place l&rsquo;url rewriting</h2>



<p>En fonction de l&rsquo;hébergement choisi (voir l&rsquo;article sur <a href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/" target="_blank" rel="noreferrer noopener">l&rsquo;hébergement</a>), tu auras plus ou moins le choix. Si tu es sur un serveur dédié, tu peux la mettre en place dans la configuration de ton site directement sur le <a href="https://programmation.surleweb-france.fr/installer-serveur-web-complet/" target="_blank" rel="noreferrer noopener">serveur web</a>. Si tu es un peu plus limité et que tu utilises <a href="https://httpd.apache.org/" target="_blank" rel="noreferrer noopener">Apache</a>, tu peux placer, à la racine de ton site un fichier .htaccess (<a href="https://www.webrankinfo.com/dossiers/techniques/tutoriel-url-rewriting" target="_blank" rel="noreferrer noopener">lien</a>). </p>



<p>Si tu utilise Nginx (une alternative d&rsquo;Apache), je t&rsquo;invite à suivre ce <a href="https://www.nginx.com/blog/creating-nginx-rewrite-rules/" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<p>Tu peux également passer par le PHP (et oui c&rsquo;est étonnant, c&rsquo;est le sujet de l&rsquo;article). D&rsquo;ailleurs, tu vas pouvoir découvrir comment le mettre en place sur un serveur tournant sur Apache.</p>



<p>Des CMS comme WordPress proposent directement la mise en place de la ré-écriture d&rsquo;url :</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img fetchpriority="high" decoding="async" width="1144" height="473" src="https://i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?fit=900%2C372&amp;ssl=1" alt="" class="wp-image-430" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?w=1144&amp;ssl=1 1144w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?resize=300%2C124&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?resize=1024%2C423&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?resize=768%2C318&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-permaliens.png?resize=150%2C62&amp;ssl=1 150w" sizes="(max-width: 900px) 100vw, 900px" /></figure></div>



<h2 class="wp-block-heading">L&rsquo;url rewriting en PHP sur Apache</h2>



<p>Je ne connais pas suffisamment Nginx pour en décrire le fonctionnement et j&rsquo;en suis désolé mais si tu as des questions, n&rsquo;hésites pas à demander, j&rsquo;en profiterai pour faire quelques recherches.</p>



<p>Tout d&rsquo;abord, nous allons mettre dans le fichier htaccess (à la base de ton site), la redirection de toutes les requêtes vers la page index.</p>



<p>Cela va permettre de pouvoir gérer toutes les url de ton site.</p>



<h3 class="wp-block-heading">Configuration de .htacces</h3>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !^/controleur/*
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,L]</pre>



<h4 class="wp-block-heading">Petites explications</h4>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteEngine on</pre>



<p>Ceci active le module de ré-écriture.</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteBase /</pre>



<p>Cette ligne permet d&rsquo;indiquer la racine du site, en général, la racine du site n&rsquo;est pas la racine du serveur.</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteCond %{REQUEST_URI} !^/controleur/*</pre>



<p>J&rsquo;ai placé cette ligne pour information, elle permet d&rsquo;exclure un sous-dossier des règles d&rsquo;écriture.</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteCond %{REQUEST_FILENAME} !-f</pre>



<p>Il s&rsquo;agit d&rsquo;une condition préalable primordiale pour la bonne éxecution de la ré-écriture, elle indique qu&rsquo;il ne s&rsquo;agit pas d&rsquo;un fichier réel.</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">RewriteRule ^(.*)$ index.php [QSA,L]</pre>



<p>Il s&rsquo;agit de la règle qui renvoie les adresses correspondant aux conditions vers la page index. QSA indique que les paramètres sont passés comme arguments.</p>



<p class="has-small-font-size">Les informations ont été, en partie, trouvées sur cette <a rel="noreferrer noopener" href="https://www.scriptol.fr/wordpress/redirection.php" target="_blank">page</a>.</p>



<h3 class="wp-block-heading">Mise en place avec PHP</h3>



<p>Ici, je ne parlerai que de la partie de la gestion des adresses, je n&rsquo;aborderai pas la création d&rsquo;un site complet.</p>



<p>Je vais procéder par étape, à la fin, tu auras le contenu du fichier complet.</p>



<p>Dans un premier temps, tu vas devoir réfléchir sur la construction de tes url.</p>



<p>Une fois que tu as défini la syntaxe, tu devras l&rsquo;inclure dans les regles :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">$regles = array( 
    'image'   => "/image/(?'text'[^/]+)/(?'id'\d+)",    // '/image/un-texte/51'
    'album'     => "/album/(?'album'[\w\-]+)",              // '/album/album-slug'
    'categorie'  => "/categorie/(?'categorie'[\w\-]+)",        // '/categorie/categorie-slug'
    'page'      => "/page/(?'page'about|contact)",          // '/page/about', '/page/contact'
    'post'      => "/(?'post'[\w\-]+)",                     // '/post-slug'
    'accueil'      => "/"                                      // '/'
);</pre>



<p>Maintenant, tu vas devoir récupérer l&rsquo;URI qui est demandé (il s&rsquo;agit de l&rsquo;identifiant de ta page), par exemple <em>/image/51</em>.</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">$uri = rtrim( dirname($_SERVER["SCRIPT_NAME"]), '/' );
$uri = '/' . trim( str_replace( $uri, '', $_SERVER['REQUEST_URI'] ), '/' );
$uri = urldecode( $uri );</pre>



<p>A présent, il te reste à déterminer à quelle règle correspond ton uri :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">foreach ( $regles as $action => $regle) {
    if ( preg_match( '~^'.$regle.'$~i', $uri, $params ) ) {
        // Maintenant, tu sais quelle action et les paramètres qui correspondent
    }
}</pre>



<p>Avec ceci, tu devrais obtenir ton fichier <em>index.php</em>, on va rajouter simplement 2 lignes qui permettront :</p>



<ul class="wp-block-list"><li>d&rsquo;arrêter le programme, une fois que la page recherchée est trouvée</li><li>d&rsquo;afficher une page dans le cas où la page demandée n&rsquo;est pas connue</li></ul>



<p>Le fichier final :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">$regles= array( 
    'image'   => "/image/(?'text'[^/]+)/(?'id'\d+)",    // '/image/un-texte/51'
    'album'     => "/album/(?'album'[\w\-]+)",              // '/album/album-slug'
    'categorie'  => "/categorie/(?'categorie'[\w\-]+)",        // '/categorie/categorie-slug'
    'page'      => "/page/(?'page'about|contact)",          // '/page/about', '/page/contact'
    'post'      => "/(?'post'[\w\-]+)",                     // '/post-slug'
    'accueil'      => "/"                                      // '/'
);

$uri = rtrim( dirname($_SERVER["SCRIPT_NAME"]), '/' );
$uri = '/' . trim( str_replace( $uri, '', $_SERVER['REQUEST_URI'] ), '/' );
$uri = urldecode( $uri );

foreach ( $regles as $action => $regle) {
    if ( preg_match( '~^'.$regle.'$~i', $uri, $params ) ) {

        include( $action . '.php' );
        exit();
    }
}

// Si rien n'est trouvé, on affiche une page 404.php
include(  '404.php' );</pre>



<p>Dans notre exemple, dans ton dossier et au même niveau, il y a les fichiers suivants :</p>



<ul class="wp-block-list"><li>index.php</li><li>404.php</li><li>image.php</li><li>album.php</li><li>categorie.php</li><li>page.php</li><li>post.php</li><li>accueil.php</li></ul>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Voilà, tu es en mesure de mettre en place l&rsquo;url rewriting sur ton site et cela de manière simple.</p>



<p class="has-small-font-size">Cette page a été faite après avoir  longtemps eu des problèmes, ja source a été trouvé sur le forum <a rel="noreferrer noopener" href="https://stackoverflow.com/questions/16388959/url-rewriting-with-php" target="_blank">stackoverflow.com</a>.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/php-url-rewriting/">PHP, l&rsquo;url rewriting</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/php-url-rewriting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">410</post-id>	</item>
		<item>
		<title>Avec quoi créer son site</title>
		<link>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/</link>
					<comments>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Sat, 16 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[lamp]]></category>
		<category><![CDATA[serveur]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=329</guid>

					<description><![CDATA[<p>Créer un site peut être facile encore faut-il savoir quoi utiliser, coder de bout en bout ou bien utiliser un CMS ?</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Avec quoi créer son site</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>On avance dans la série d&rsquo;article sur « <a rel="noreferrer noopener" href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/" target="_blank">Comprendre et créer son site</a>« . Je t&rsquo;invite d&rsquo;ailleurs à aller lire cette page, tu y apprendras ce que tu dois faire avant pour que tout soit prêt.</p>



<p>Tu auras le choix dans la manière dont tu veux créer ton site, tu pourras choisir :</p>



<ul class="wp-block-list"><li>de coder ton site ligne par ligne, cela te demandera beaucoup de connaissances que ce soit en PHP (ou Perl&#8230;), en javascript, en CSS. Pour un site statique, avec une présentation simple, cela peut être une bonne solution</li><li>d&rsquo;utiliser un <a href="https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203349-cms-content-management-system-definition-traduction-et-acteurs/" target="_blank" rel="noreferrer noopener">CMS </a>tel que WordPress, l&rsquo;avantage est qu&rsquo;en quelques minutes, ton site peut être en ligne en prenant en compte les différents types de navigateur (ordinateur, tablette, téléphone) que les visiteurs utilisent</li></ul>



<p>Dans cet article, je te montrerai comment installer et utiliser WordPress qui sera installé sur ton serveur web tout frais (vu dans <a rel="noreferrer noopener" href="https://programmation.surleweb-france.fr/installer-serveur-web-complet/" target="_blank">cet article</a>).</p>



<h2 class="wp-block-heading">Installation de WordPress</h2>



<p>Une fois que ton serveur web est installé, je m&rsquo;appuie sur un LAMP (pour moi Linux, Apache2, MariaDB, PHP). L&rsquo;installation de WordPress est simple.</p>



<p>Je ferai une installation en ligne de commande.</p>



<h3 class="wp-block-heading">Création de la base de données et de son utilisateur</h3>



<p>WordPress utilise une base de données pour stocker la configuration de ton site, les différentes pages, les utilisateurs &#8230; En bref, tout le contenu de ton site. Tu auras donc besoin d&rsquo;une base avec son utilisateur. Dans ton terminal :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo mysql</pre>



<p>Ensuite, on crée la base et son utilisateur, en lui donnant les droits :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="sql" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">CREATE DATABASE nom_base;
GRANT ALL PRIVILEGES ON nom_base.* TO 'utilisateur'@'localhost' IDENTIFIED BY 'mot_de_passe';
FLUSH  PRIVILEGES;
QUIT;</pre>



<p>Les apostrophes sont importantes.</p>



<h3 class="wp-block-heading">Mise en place de WordPress</h3>



<p>Maintenant que ta base et ton utilisateur est créé, passons à WordPress.</p>



<p>On commence par télécharger la dernière version de WordPress :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">wget https://fr.wordpress.org/wordpress-latest-fr_FR.zip</pre>



<p>On le décompresse et le place dans le dossier du serveur qui doit contenir le site :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo unzip wordpress-latest-fr_FR.zip -d /var/www</pre>



<p>Maintenant, on va donner les bons droits au dossier afin :</p>



<ul class="wp-block-list"><li>de limiter les actions des utilisateurs</li><li>s&rsquo;assurer que l&rsquo;installation via le navigateur fonctionne</li><li>les fichiers doivent être modifiés par le serveur (www-data)</li></ul>



<p>Dans le terminal, saisies :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo chown www-data:www-data /var/www/wordpress -R
sudo chmod -R -wx,u+rwX,g+rX,o+rX /var/www/wordpress</pre>



<p>Afin de modifier le nom de ton dossier qui contient ton site, actuellement le dossier se nomme <strong>wordpress</strong> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo mv /var/www/wordpress /var/www/mon_site</pre>



<h3 class="wp-block-heading">Configuration du VirtualHost d&rsquo;Apache2</h3>



<p>Ecrire dans un nouveau fichier de configuration de virtual <strong>/etc/apache2/sites-available/mon_site.conf</strong> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;VirtualHost *:80>
        ServerName mon_site
        DocumentRoot /var/www/mon_site
        &lt;Directory /var/www/mon_site>
                AllowOverride all
                Require all granted
        &lt;/Directory>
        ErrorLog /var/log/apache2/error.mon_site.log
        CustomLog /var/log/apache2/access.mon_site.log combined
&lt;/VirtualHost></pre>



<p>Maintenant, tu dois activer ce virtualhost :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo a2ensite mon_site.conf</pre>



<p>puis recharger le service :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo service apache2 reload</pre>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Ton site est entièrement opérationnel. Abonnes-toi, je ferai une page sur l&rsquo;utilisation de WordPress.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Avec quoi créer son site</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">329</post-id>	</item>
		<item>
		<title>Hébergement local ou extérieur ?</title>
		<link>https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/</link>
					<comments>https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Wed, 13 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[externe]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[hébergement]]></category>
		<category><![CDATA[interne]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[local]]></category>
		<category><![CDATA[payant]]></category>
		<category><![CDATA[serveur]]></category>
		<category><![CDATA[site]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=271</guid>

					<description><![CDATA[<p>Quel hébergement choisir ? Interne ? Externe ? Les solutions d'hébergement ne manque pas, encore faut-il bien déterminer son besoin et ses ambitions.</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/">Hébergement local ou extérieur ?</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Je ne vais te parler de comment acquérir ton premier logement ou choisir ton type de vacances. L&rsquo;hébergement abordé ici sera celui de ton site.</p>



<p>La lecture t&rsquo;agace, je suis sympa, tout en bas, tu as la conclusion.</p>



<p>Sinon, si tu es fan de lecture, cet article fait partie d&rsquo;une série dédié à la création d&rsquo;un site internet, dont voici le <a href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/(ouvre un nouvel onglet)" target="_blank" rel="noreferrer noopener">sommaire</a>.</p>



<h2 class="wp-block-heading">Qu&rsquo;est-ce-que l&rsquo;hébergement ?</h2>



<p>L&rsquo;hébergement en informatique est le fait de mettre à disposition un espace de stockage pour les créateurs de site (vers <a href="https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203329-hebergement-definition-traduction-et-acteurs/" target="_blank" rel="noreferrer noopener">le journal du net</a>). </p>



<h2 class="wp-block-heading">Hébergement interne ou externe</h2>



<p>Avant tout nous allons définir rapidement et simplement la différence entre les deux, accroches-toi, je ne veux pas te perdre&#8230; Tu es prêt ? Pour faire simple, interne ce sera chez toi, externe, ce ne sera pas chez toi.</p>



<p>En fonction de tes ambitions et ton portefeuille, les deux ont leurs avantages et leurs inconvénients.</p>



<h3 class="wp-block-heading">L&rsquo;hébergement interne</h3>



<p>En interne, tu auras le loisir de choisir ton serveur (matériel) mais également la partie logicielle. Cela signifie que tu devras acheter une machine qui te servira de serveur.</p>



<p>Cela ne doit pas te faire peur, je ne pense pas que tu viennes ici concurrencer Amazon, ton site n&rsquo;aura peut-être pas des milliers de visiteurs par jour. Un vieux PC peut faire l&rsquo;affaire pour un site même avec une base de données. La connexion internet sera bien plus importante. </p>



<p>Pour te donner une idée de mon mon serveur :</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img data-recalc-dims="1" decoding="async" width="300" height="300" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/RASP_PI_4_B_01_ANW.jpg?resize=300%2C300&#038;ssl=1" alt="" class="wp-image-276" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/RASP_PI_4_B_01_ANW.jpg?w=300&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/RASP_PI_4_B_01_ANW.jpg?resize=150%2C150&amp;ssl=1 150w" sizes="(max-width: 300px) 100vw, 300px" /></figure></div>



<ul class="wp-block-list"><li>un Raspberry Pi4, voir sur <a rel="noreferrer noopener" href="https://amzn.to/35A0Yu9" target="_blank">Amazon</a> et pour une <a href="https://www.framboise314.fr/raspberry-pi-4-4-nouveautes-qui-vont-vous-faire-craquer/" target="_blank" rel="noreferrer noopener">présentation</a>.</li><li>Un disque dur SSD de 500Go M2 (<a rel="noreferrer noopener" href="https://amzn.to/35xHCpw" target="_blank">lien</a>), en boitier externe USB3 (<a rel="noreferrer noopener" href="https://amzn.to/35DUdaL" target="_blank">lien</a>) (alimentation dédiée pour le disque dur)</li></ul>



<p>J&rsquo;avais déjà tout à la maison, j&rsquo;ai sorti le disque dur de mon portable (espace non utilisé) et le Raspberry Pi4 était sur la télé de la chambre, vu l&rsquo;utilité, il est mieux où il est. Je ferai un article sur la préparation du Pi4 pour un fonctionnement sur un périphérique externe (clé USB ou disque externe).</p>



<p>Pour le matériel, tu me diras que c&rsquo;est bon et la partie logicielle alors ? C&rsquo;est maintenant que cela se complique, il va falloir que tu installes tout, tu seras l&rsquo;administrateur et cela est une grande responsabilité (sécurisation de la base de données, configuration, sauvegarde &#8230;). C&rsquo;est une grande liberté mais demande du travail.</p>



<p>Enfin, si tu choisis d&rsquo;héberger en interne ton site, dis-toi que tu n&rsquo;es pas à l&rsquo;abri d&rsquo;une coupure de courant, d&rsquo;un enfant qui débranche ton serveur, d&rsquo;un soucis avec ta box. En cas de site hors-ligne ou de problème sur le serveur, c&rsquo;est TOI, oui bien TOI qui devra résoudre le problème.</p>



<p>Côté alimentation électrique, en règle générale, ta box internet est tout le temps alimentée. Pour ma part, j&rsquo;ai choisi un Raspberry Pi car sa consommation électrique est faible.</p>



<p>Tu comprends aussi qu&rsquo;une fois l&rsquo;achat initial fait (si tu n&rsquo;arrives pas à faire de récupération de vieux matériel), tu n&rsquo;auras pas d&rsquo;abonnement mensuel ou annuel (le prix minimum pour un serveur partagé est aux alentours de 5€/mois).</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Je te ferai un article sur la mise en place d&rsquo;un serveur Web sur Raspberry Pi (et oui, il n&rsquo;y aura pas un mais deux articles dédiés au Pi). Du coup, abonnes-toi à la newsletter ou aux réseaux sociaux.</p><cite>Zigomato</cite></blockquote>



<h3 class="wp-block-heading">Hébergement externe</h3>



<p>Maintenant, nous allons voir l&rsquo;hébergement externe. Déjà, la première chose qu&rsquo;il faut que tu comprennes, ce sera payant (parfois cher) et cela en fonction de ce que tu comptes héberger ou faire, il faut bien réfléchir.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Je ne ferai pas de top, le but n&rsquo;est pas de proposer une solution plus qu&rsquo;une autre, vous allez pouvoir trouver des comparatifs sur ce <a href="https://www.opportunites-digitales.com/hebergeur-web/" target="_blank" rel="noreferrer noopener">site</a> et <a href="https://www.clubic.com/pro/it-business/hebergement-site-web/hebergement-dedie-internet/article-850064-1-comparatif-meilleur-hebergeur.html" target="_blank" rel="noreferrer noopener">celui-ci</a>. De mon côté, Je suis chez Ionos pour le nom de domaine, tu veux m&rsquo;aider un peu, je te passe le lien de <a href="http://aklam.io/3gi6eH">parrainage </a>pour un hébergement web. Pour information, je n&rsquo;ai jamais eu de soucis avec eux pour mon nom de domaine et en cas de question, le support est très réactif.</p><cite>Zigomato</cite></blockquote>



<p>Mais le prix que tu paieras, t&rsquo;apportera un service et un confort. La disponibilité de ton site (si il est bien configuré ou écris) sera très bonne, la vitesse sera également plus grande. Tu disposeras d&rsquo;un support technique. Selon la solution que tu choisis, les installations et configuration peuvent se faire en un clic. Clairement, si tu n&rsquo;es pas un aventurier informatique, c&rsquo;est ce qu&rsquo;il te faut. Tu auras, toujours en général, un pack avec nom de domaine, un certificat SSL, une boite mail &#8230;</p>



<p>Ce qu&rsquo;il te faut mais il faut adapter à ton besoin, il existe en effet plusieurs solutions.</p>



<h4 class="wp-block-heading">Hébergement partagé</h4>



<p>Le but est de se partager un serveur. Le serveur héberge plusieurs sites, se partageant les ressources, ils fonctionnent avec les mêmes instances apache, mysql. Les différents sites possèdent un virtualHost propre. Le partage des ressources ne garantie pas des performances identiques, homogènes. C&rsquo;est une solution peu onéreuse à condition que ton site ne génère pas trop de trafic, ou la limitation technique apparaîtra. La configuration du serveur est également très limitée.</p>



<h4 class="wp-block-heading">Hébergement dédié</h4>



<p>On se retrouve dans une configuration proche d&rsquo;un hébergement local, tu disposes de l&rsquo;ensemble des ressources du serveur, dans la majorité des cas, tu devras tout configurer mais tu auras un serveur en ligne et tu posséderas un support technique. Le coût sera plus élevé mais les performances également.</p>



<h4 class="wp-block-heading">Serveur privé virtuel</h4>



<p>Grâce à la virtualisation, on réunit les points forts des deux premiers serveurs, le serveur sera partagé entre plusieurs clients mais chaque client disposera d&rsquo;une machine virtuelle qu&rsquo;il pourra configurer comme un serveur dédié. Le coût sera moins important qu&rsquo;un serveur dédié.</p>



<h4 class="wp-block-heading">Hébergement en cloud</h4>



<p>On retrouve un serveur privé virtuel, les coûts sont faibles mais pourquoi l&rsquo;utiliser si c&rsquo;est la même chose ? Tout simplement parce que ce n&rsquo;est pas la même chose, en cloud l&rsquo;hébergement sera beaucoup plus flexible et pourra être adapté à l&rsquo;utilisation (saisonnalité du trafic ou de l&rsquo;espace de stockage)</p>



<h4 class="wp-block-heading">Hébergement WordPress</h4>



<p>De plus en plus de solutions d&rsquo;hébergement proposent un hébergement wordpress. WordPress est un CMS, fonctionnant avec des plugins. Le prestataire mais à disposition la configuration, les dossiers et la base de données. En général, des thèmes premium sont proposés. C&rsquo;est une solution qui peut être très intéressante si tu souhaites faire un seul site sans avoir de connaissance particulière.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Je ne sais pas si cela t&rsquo;a aidé à y voir plus clair. Mais pour conclure, si tu comptes n&rsquo;avoir qu&rsquo;un site et que tu n&rsquo;as pas de connaissance particulière en informatique, prends un hébergement WordPress, cela te permettra de pouvoir publier un site rapidement. En revanche, si tu veux plusieurs sites et avoir la main sans trop débourser de sous, un hébergement interne fera l&rsquo;affaire. </p>



<p>Mon avis sur les serveurs dédiés, en VPS ou cloud, ils nécessitent de bonne base informatique et sont souvent coûteux. Le serveur mutualisé (ou partagé) pourra être une bonne solution mais les limitations en terme de performance ou configuration seront rapidement présente.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/">Hébergement local ou extérieur ?</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">271</post-id>	</item>
		<item>
		<title>Comprendre et créer son site internet</title>
		<link>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/</link>
					<comments>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[créer]]></category>
		<category><![CDATA[hébergement]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[nom de domaine]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[rémunération]]></category>
		<category><![CDATA[serveur web]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=247</guid>

					<description><![CDATA[<p>La création de site internet passe par de nombreuse étapes, avant de commencer, il est important de comprendre comment cela fonctionne, l'environnement du web et quoi mettre en place</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Comprendre et créer son site internet</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Cette page sera vivante, il se peut que tous les articles ne soit pas encore disponibles, alors n&rsquo;hésites pas à t&rsquo;abonner soit par la newsletter, soit par les réseaux sociaux. Si tu vois qu&rsquo;un article manque(ra), n&rsquo;hésites pas à le dire en commentaire.</p><cite>Zigomato</cite></blockquote>



<p>En venant sur ce site, j&rsquo;imagine que tu as dans l&rsquo;idée de mettre en ligne (sur le web ou localement) un site internet. La mise en ligne et la conception peut être très simple, encore faut-il savoir comment s&rsquo;y prendre. Tu verras qu&rsquo;en quelques minutes, un site peut être publié mais avant de se lancer dedans, il est important de comprendre ce qu&rsquo;il faut et connaître les mécanismes d&rsquo;internet (dans les grandes lignes). </p>



<p>A la fin de cet article tu seras en mesure d&rsquo;avoir ton propre site mais pour cela et pour que ce soit plus digeste (j&rsquo;ai pas une plume des plus légères), j&rsquo;ai découpé le sujet en plusieurs parties.</p>



<p>Chacune aura son intérêt, peut être facultative mais te donnera une idée générale. </p>



<p>Je n&rsquo;ai pas pour objectif de révolutionner le sujet, mais j&rsquo;essayerai d&rsquo;amener un maximum d&rsquo;informations.</p>



<h2 class="wp-block-heading">Internet ? C&rsquo;est quoi au juste?</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1280" height="905" src="https://i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?fit=900%2C636&amp;ssl=1" alt="" class="wp-image-254" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=300%2C212&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=1024%2C724&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=768%2C543&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=150%2C106&amp;ssl=1 150w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>Internet est un outil du quotidien, tellement quotidien que l&rsquo;on oubli qu&rsquo;il n&rsquo;a pas toujours existé, la première partie t&rsquo;amèra sur cette page.</p>



<p>Pour lire l&rsquo;article, je t&rsquo;invite à suivre ce <a href="https://programmation.surleweb-france.fr/internet-c-est-quoi-au-juste/(ouvre un nouvel onglet)" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<h2 class="wp-block-heading">Hébergement local ou extérieur ?</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i1.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-269" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>Tu devra faire un choix, faire héberger ton site chez un hébergeur ou bien l&rsquo;auto-héberger. Les deux ont leurs avantages et inconvénients.</p>



<p>En fonction de tes besoins, tu verras que ton idée initiale n&rsquo;aura pas été la meilleur.</p>



<p>L&rsquo;article est visible sur cette <a href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/" target="_blank" rel="noreferrer noopener">page</a>.</p>



<h2 class="wp-block-heading">Un nom de domaine</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="975" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?fit=900%2C686&amp;ssl=1" alt="" class="wp-image-299" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=300%2C229&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=1024%2C780&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=768%2C585&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=150%2C114&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>Que tu sois hébergé à l&rsquo;extérieur ou chez toi (je parle de ton serveur), tu aura certainement besoin d&rsquo;un nom de domaine, si tu as lu la première partie, tu sauras. Malheureusement, ce nom de domaine aura un coût (ne t&rsquo;affole pas, il sera faible).</p>



<p>Plus d&rsquo;explication dans <a href="https://programmation.surleweb-france.fr/nom-de-domaine/" target="_blank" rel="noreferrer noopener">cet article</a>.</p>



<h2 class="wp-block-heading">Un serveur web</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-310" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>On progresse, tu as ton hébergement, ton nom de domaine, maintenant, il est temps d&rsquo;avoir ton site &#8230;, je m&#8217;emballe, avant cela, il te faut un serveur web. </p>



<p>Pour ma part, je vais te montrer comment installer un serveur web chez toi à base Apache, MariaDB et PHP, en plus, on installera PHPMyAdmin.</p>



<p>En général, les hébergements extérieurs proposent déjà des installations cela fait parti des avantages comme des inconvénients.</p>



<p>Je t&rsquo;invite à suivre ce lien, si tu veux en découvrir plus, <a href="https://programmation.surleweb-france.fr/installer-serveur-web-complet/">lien</a>.</p>



<h2 class="wp-block-heading">La création du site</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-328" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>On y vient enfin, tu auras le choix de produire un site de A à Z ou bien d&rsquo;utiliser un CMS comme WordPress, en fonction de ton niveau mais également du temps disponible et du genre de site que tu veux faire, le choix t&rsquo;appartient.</p>



<p>Voici deux articles qui te montreront les outils nécessaires pour faire ton site :</p>



<ul class="wp-block-list"><li>avec WordPress</li><li>à la dure, en codant tout ton site.</li></ul>



<p>Pour en lire plus, suivre <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/" target="_blank" rel="noreferrer noopener">ce lien</a>.</p>



<h2 class="wp-block-heading">Le référencement (facultatif)</h2>



<p>C&rsquo;est bien ton site est en ligne, encore faut-il le faire connaître. Le mettre en bonne place dans un moteur de recherche est un sacerdoce. Plein de règles plus ou moins défini, des outils et surtout de la patience.</p>



<p>Pourquoi ai-je mis que c&rsquo;était facultatif ? Tout simplement parce que tu ne souhaite pas obligatoirement avoir un site en tête de recherche, il s&rsquo;agit peut-être d&rsquo;un site pour ton usage personnel mais accessible de partout (dans ce cas, même le nom de domaine n&rsquo;est pas indispensable)</p>



<p>La page est enfin accessible à <a href="https://programmation.surleweb-france.fr/referencement-de-son-site/" target="_blank" rel="noreferrer noopener">cette adresse</a>.</p>



<h2 class="wp-block-heading">La rémunération (facultative)</h2>



<p>J&rsquo;ai bien préciser dès le titre du chapitre, la rémunération de ton site est facultative, cela ne fera pas mieux fonctionner ton site. </p>



<p>Il serait même extraordinaire que tu puisses en vivre, même si c&rsquo;est tout le mal que je te souhaite.</p>



<p>Pour voir l&rsquo;article, suivre ce <a href="https://programmation.surleweb-france.fr/remunerer-son-site-internet/" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<h2 class="wp-block-heading">La veille (toujours facultative)</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="900" height="418" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=900%2C418&#038;ssl=1" alt="Bannière feedly" class="wp-image-547" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=1024%2C476&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=768%2C357&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=1536%2C713&amp;ssl=1 1536w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=150%2C70&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?w=1600&amp;ssl=1 1600w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption>Bannière feedly</figcaption></figure></div>



<p>La veille te permettra de te tenir à jour sur le thème de ton site, bien sûr, il se peut que cela ne soit pas nécessaire, mais la veille peut te permettre aussi de trouver des idées originales ou d&rsquo;actualités à publier.</p>



<p>L&rsquo;article pour la création de son système de veille est sur <a href="https://programmation.surleweb-france.fr/faire-une-veille-pour-son-site/" target="_blank" rel="noreferrer noopener">cette page</a>.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>En arrivant à la fin de cet article, tu devrais être armé pour créer toi même ton site. </p>



<p>N&rsquo;hésites pas à partager cette page et surtout à faire des commentaires, sur une partie qui te sembles importante et que j&rsquo;aurai totalement mise de côté.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Comprendre et créer son site internet</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">247</post-id>	</item>
	</channel>
</rss>
