Un VPN (Virtual Private Network) est un outil de sécurité et de confidentialité en ligne qui crée un tunnel crypté entre votre appareil et Internet. Il est utilisé pour plusieurs raisons, telles que :

1. Protection de la vie privée : Un VPN permet de masquer votre adresse IP et de chiffrer votre connexion Internet, ce qui empêche les tiers de voir ce que vous faites en ligne.
2. Contourner les restrictions géographiques : Les VPN peuvent être utilisés pour accéder à des contenus qui sont géo-restreints, tels que des émissions de télévision, des films ou des sites web, qui ne sont disponibles que dans certains pays.
3. Sécurité Wi-Fi : Lorsque vous êtes connecté à un Wi-Fi public, un VPN peut aider à protéger vos données contre les pirates informatiques qui peuvent intercepter votre connexion.

Cyberghost et PIA sont tous deux des fournisseurs de VPN de renom offrant des fonctionnalités similaires, mais il y a des différences entre les deux en termes de:

1. Possibilité de stream : Cyberghost est connu pour offrir un excellent accès à des services de streaming tels que Netflix et BBC iPlayer, tandis que PIA peut rencontrer des difficultés pour accéder à ces services.
2. Prix : PIA est généralement considéré comme moins cher que Cyberghost, bien que les deux offrent des offres spéciales et des réductions de temps en temps.
3. Vitesse : Les deux fournisseurs de VPN offrent des vitesses de connexion rapides, bien que Cyberghost soit souvent considéré comme ayant une vitesse supérieure.
4. Switch kill : Les deux fournisseurs de VPN proposent un interrupteur d’arrêt d’urgence pour empêcher les fuites de données, mais Cyberghost offre une fonctionnalité supplémentaire appelée « App Protection » qui permet de couper la connexion Internet d’une application spécifique si la connexion VPN est perdue.

Il est difficile de dire que Cyberghost et PIA sont « plus performants » que tous les autres VPN du marché, car chaque fournisseur de VPN a ses propres avantages et inconvénients en fonction de ce que vous recherchez. Cependant, Cyberghost et PIA ont tous deux des fonctionnalités et des performances qui les distinguent de la concurrence.

Cyberghost est reconnu pour sa facilité d’utilisation et sa grande compatibilité avec les services de streaming tels que Netflix et BBC iPlayer. De plus, Cyberghost utilise un cryptage AES-256 bits et offre un kill switch, une protection contre les fuites DNS et un bloqueur de publicités pour une expérience en ligne plus sécurisée.

De son côté, PIA est également réputé pour sa sécurité robuste, avec un cryptage AES-256 bits et un kill switch intégré. Il offre également des connexions simultanées jusqu’à 10 appareils et une fonctionnalité de MACE (Malware and Ad Blocker), qui bloque les publicités et les logiciels malveillants. De plus, PIA est considéré comme l’un des VPN les plus rapides du marché, avec des vitesses de connexion élevées.

En résumé, Cyberghost et PIA ont tous deux des caractéristiques et des performances qui les distinguent de la concurrence. Bien que d’autres VPN puissent être plus performants sur certains aspects, Cyberghost et PIA offrent une expérience en ligne sécurisée et conviviale avec des fonctionnalités spécifiques, telles que la possibilité de streamer, le prix, la vitesse et le switch kill, qui peuvent les rendre plus appropriés pour certaines personnes en fonction de leurs besoins spécifiques.

L’article VPN, pourquoi j’ai choisi Cyberghost et PIA est apparu en premier sur La programmation sur le web.

De plus, tu peux rapidement avoir des soucis pour la mise en page ou l’intégration d’outils si tes connaissances sont limitées. Limitées ne veut pas dire que tu es idiot, des personnes font de la programmation leur métier, ils vont étudier des années afin d’acquérir les compétences notamment pour créer et/ou administrer et/ou gérer le contenu d’un site internet.

Heureusement, des personnes pleines de bon sens et voulant se simplifier la vie ont créées les CMS pour Content Management System (pour les anglophiles) ou Système de Gestion de Contenu (SGC pour les francophiles !!!).

CMS, c’est quoi ?

Un CMS est un système de gestion de contenu, il va permettre de mettre à disposition un ensemble d’outils pour publier et gérer du contenu que ce soit la mise en page avec bien souvent des thèmes à foison mais aussi pour l’administration de la base de données (SGBDD), les actions sur celle-ci seront gérées par le CMS.

Les CMS vont également fournir (dans la majorité des cas), une gestion des utilisateurs que ce soit en tant qu’administrateur, auteur ou lecteur avec des droits qui leur seront propres.

Parmi les CMS les plus connus, on va retrouver :

• WordPress
• Prestashop
• Joomla
• Drupal
• Magento

Bien que ce sont tous des systèmes de gestion de contenu, ils n’ont pas tous le même objectif, WordPress sera plus orienté blog facile à mettre en œuvre avec l’intégration de plugins divers et variés (y compris pour y ajouter une petite plateforme d’e-commerce) alors que Magento sera bien plus orienté e-commerce.

Plus en détails

Cette partie n’est pas présente pour te dégouter, cela reste très intéressant à connaître, elle est simplement faite pour te montrer comment un CMS peut être utile.

Quelque soit le type de site internet que nous voulons concevoir, nous allons avoir besoin de compétences dans différents domaines. Pour la mise en page d’un site, qu’il soit statique (avec des pages qui ne se modifieront pas une fois chargées) ou bien dynamique (avec des pages ayant une interaction avec l’utilisateur même si celui-ci n’en a pas conscience).

Vous allez avoir donc besoin de connaître au moins le XHTML qui est un langage de description avec des balises :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mon blog</title>
        <link href="style.css" rel="stylesheet" /> 
    </head>
        
    <body>
        <h1>Mon super blog !</h1>
<p>Derniers billets du blog :</p>


    <div class="news">
        <h3>
            Le PHP à la conquête du monde !            <em>le 20/09/2020 à 19h38min49s</em>
        </h3>
        
        <p>
            C'est officiel, l'éléPHPant a annoncé à la radio  hier soir &quot;J'ai l'intention de conquérir le monde&quot;.<br />
Il a en outre précisé que le monde serait serait à sa botte en moins de temps qu'il n'en fallait pour dire &quot;éléPHPant. Pas dur, ceci dit entre nous ...            <br />
            <em><a href="index.php?action=post&amp;id=1">Commentaires</a></em>
        </p>
    </div>
    <div class="news">
        <h3>
            Bienvenu sur mon blog !            <em>le 18/09/2020 à 10h12min00s</em>
        </h3>
        
        <p>
            Je vous souhaite à toutes et à tous la bienvenue  sur mon blog qui parlera de ... PHP, bien sûr !            <br />
            <em><a href="index.php?action=post&amp;id=2">Commentaires</a></em>
        </p>
    </div>
    </body>
</html>

Cette page aura le rendu suivant dans votre navigateur :

Pas très beau, n’est-ce pas ?

Pour lui donner un peu plus de forme, nous devons inclure du CSS. Le CSS permettra de faire la mise en forme des balises utilisées dans le code XHTML. Sans chercher à réaliser quoi que ce soit, voici un exemple en utilisant le code HTML précédent :

body{
  background-color: green;
  margin: auto
}
h1, h2, h3{
  text-align: center;
}
h1{
  font-size: 50px;
  color: red;
}
h2{
  font-size: 40px;
}
h3{
  font-size: 30px;
}

Cela donnera un rendu (moche) de ce type :

J’espère que malgré la pauvreté de cet exemple, tu comprends que les connaissances pour écrire son site sont importantes.

Maintenant, si tu veux en plus ajouter du dynamisme à ta page, tu auras besoin d’un langage de programmation, par exemple le PHP qui sera du côté serveur, le code HTML pourra être différent en fonction de l’internaute mais une fois la page chargée, le code ne bougera plus. Pour faire simple, si tu veux simplement créer un espace membre pour afficher le nom de l’internaute qu’il aura préalablement enregistrer, sur ton serveur, tu devras écrire les lignes pour :

• créer un compte
• se connecter au compte
• afficher les données liées au compte

L’exemple suivant, provient du site Waytolearnx.com :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<?php
require('config.php');

if (isset($_REQUEST['username'], $_REQUEST['email'], $_REQUEST['password'])){
  // récupérer le nom d'utilisateur 
  $username = stripslashes($_REQUEST['username']);
  $username = mysqli_real_escape_string($conn, $username); 
  // récupérer l'email 
  $email = stripslashes($_REQUEST['email']);
  $email = mysqli_real_escape_string($conn, $email);
  // récupérer le mot de passe 
  $password = stripslashes($_REQUEST['password']);
  $password = mysqli_real_escape_string($conn, $password);
  
  $query = "INSERT into `users` (username, email, type, password)
        VALUES ('$username', '$email', 'user', '".hash('sha256', $password)."')";
  $res = mysqli_query($conn, $query);

    if($res){
       echo "<div class='sucess'>
             <h3>Vous êtes inscrit avec succès.</h3>
             <p>Cliquez ici pour vous <a href='login.php'>connecter</a></p>
       </div>";
    }
}else{
?>
<form class="box" action="" method="post">
  <h1 class="box-logo box-title">
    <a href="https://waytolearnx.com/">WayToLearnX.com</a>
  </h1>
    <h1 class="box-title">S'inscrire</h1>
  <input type="text" class="box-input" name="username" 
  placeholder="Nom d'utilisateur" required />
  
    <input type="text" class="box-input" name="email" 
  placeholder="Email" required />
  
    <input type="password" class="box-input" name="password" 
  placeholder="Mot de passe" required />
  
    <input type="submit" name="submit" 
  value="S'inscrire" class="box-button" />
  
    <p class="box-register">Déjà inscrit? 
  <a href="login.php">Connectez-vous ici</a></p>
</form>
<?php } ?>
</body>
</html>

Pour dynamiser ta page sans la recharger, tu pourras aussi utiliser le javascript, il s’agit d’un autre langage de programmation qui peut être directement utilisé dans ton navigateur sans avoir à recharger la page, voici un exemple provenant de Outils-web :

<script language="JavaScript1.2">
/*
Source :  http://www.editeurjavascript.com
 Adaptation : http://www.outils-web.com
 */
/*dimensions de la box*/
ejs_scroll_largeur = 200;
ejs_scroll_hauteur = 100;
/*couleur du fond de la box*/
ejs_scroll_bgcolor = '#DDD';
/* chemin de l'image de fond */
ejs_scroll_background = "";
/* temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;
/* placez vos liens et messages ici*/
ejs_scroll_message[0]='<a href="lien 1" CLASS=ejs_scroll>message 1</a>';
ejs_scroll_message[1]='<a href="lien 2" CLASS=ejs_scroll>message 2</a>';
ejs_scroll_message[2]='<a href="lien 3" CLASS=ejs_scroll>message 3</a>';
function d(texte)
	{document.write(texte);}
	d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
	d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
	d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
	d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');

ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
/* NE PAS MODIFIER*/
function ejs_scroll_start()
	{if(ejs_scroll_mode == 1)
		{ejs_scroller_haut = "ejs_scroller_1";
		ejs_scroller_bas = "ejs_scroller_2";
		ejs_scroll_mode = 0;}
	else
		{ejs_scroller_bas = "ejs_scroller_1";
		ejs_scroller_haut = "ejs_scroller_2";
		ejs_scroll_mode = 1;}
	ejs_scroll_nb_message = ejs_scroll_message.length-1;
	if(ejs_scroll_actuel == ejs_scroll_nb_message)
		ejs_scroll_suivant = 0;
	else
		ejs_scroll_suivant = ejs_scroll_actuel+1;
	if(document.getElementById)
		document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
	ejs_scroll_top = 0;
	if(document.getElementById)
		setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)	}
function ejs_scroll_action()
	{ejs_scroll_top -= 1;
	document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
	document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
	if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
		setTimeout("ejs_scroll_action()",10)
	else
		ejs_scroll_stop()}
function ejs_scroll_stop()
	{ejs_scroll_actuel = ejs_scroll_suivant;
	ejs_scroll_start()}
window.onload = ejs_scroll_start;

Pour finir cette partie, en reprenant un espace membre, tu auras besoin d’un base de données et de faire des requêtes pour lire des données s’y trouvant ou en inscrire de nouvelles, tu utiliseras certainement le langage SQL (oui encore un nouveau). Pour cela, tu auras besoin d’un SGBDD comme MariaDB ou bien MySQL :

INSERT INTO client (prenom, nom, ville, age)
 VALUES
 ('Rébecca', 'Armand', 'Saint-Didier-des-Bois', 24),
 ('Aimée', 'Hebert', 'Marigny-le-Châtel', 36),
 ('Marielle', 'Ribeiro', 'Maillères', 27),
 ('Hilaire', 'Savary', 'Conie-Molitard', 58);

Et alors ? Un CMS ?

Maintenant que tu as vu les connaissances (minimum) à devoir acquérir, tu comprends que pour mettre en ligne tes pages pour simplement les partager sans faire de toi un ingénieur informaticien, il sera plus simple d’utiliser un CMS qui te donnera tous les outils pour publier ton site.

Si l’on prend l’interface de WordPress, tu auras accès (via ton navigateur) à ce genre de page :

WordPress se chargera de mettre en base de données tes articles ainsi que la mise en page grâce à l’ajout de thème et de plugin.

Pour ce qui est du rendu, je t’invite de finir la lecture pour voir les résultats possibles.

Quelques exemples

Site WordPress

Voici quelques sites utilisant les différentes solutions :

Walt Disney Company

News Microsoft

Site Prestashop

Le slip français

Naturabox

Je pourrais également faire de même pour l’ensemble des CMS, mais tu as saisi l’idée. Ces 5 solutions sont les plus répandues.

Conclusion

J’espère ne pas t’avoir détourner de l’apprentissage des connaissances utiles pour la création d’un site internet mais simplement t’avoir montré que la création d’un site peut être simple même pour une personne ne possédant de connaissance en langage informatique.

L’article Développement Web, les CMS est apparu en premier sur La programmation sur le web.

Fais-tu partie des utilisateurs qui possèdent un seul mot de passe pour tous tes comptes ? Je vais te donner une seule bonne raison de ne pas faire ainsi :

• ton adresse mail, ton pseudo sont souvent les mêmes sur les différents sites, imagine, un seul site est corrompu et tout tes comptes sont accessibles, tes réseaux sociaux, ton stockage de photo, ton compte google avec le moyen de paiement enregistré, ton téléphone, ton ordinateur … Et si tu crois que j’éxagère, je t’invite à lire cette étude.

Après, tu as peut-être des mots de passe différents mais vu que tu as des problèmes de mémoires ou que tu es en manque d’inventivité, tu fais simplement azert1234+, va voir ici pour le top 25, attention, tu en fais peut-être parti.

Enfin, tu as toujours le choix de mettre un mot de passe que tu crois personnel, par exemple, le nom de ton chien, ta date de naissance, la première fois que tu as embrassé la voisine avec la langue… Dis toi qu’il ne faut pas sous-estimer les personnes malintentionnées, elles peuvent être imaginatives, curieuses et parfois, faire simplement partie de ton entourage (méfies-toi de ta sœur).

Bon tout cela pour dire, qu’il existe plein de manière de trouver un mot de passe, je t’invite à lire cet article qui en explique quelques-uns.

C’est bien tout ça, mais comment choisir un bon mot de passe.

Les mots de passe à éviter

Déjà les types de mots de passe à éviter sont :

• des prénoms ou nom de personnes (personnages) célèbre ou pas
• des suites de chiffres ou lettres
• un mot de passe qui est un lien avec ta vie même si tu crois que personne ne connait ta vie.
• un mot de passe court.

Quels sont les bons réflexes

Je t’ai dit ce que tu ne dois pas utiliser mais ça ne répond qu’à une partie de la problématique. Voilà ce que tu dois privilégier :

• même si cela est pratique, reste déconnecté des services quand tu ne les utilises pas, et oui, si tu te fais fais voler un de tes appareils, tout sera accessible.
• un mot de passe différent par service
• un mot de passe mélangeant lettre, minuscule, et majuscule, des chiffres et des caractères spéciaux autorisés
• un mot de passe long, de préférence à plus de 12 caractères
• ne jamais transmettre ton mot de passe, JAMAIS, par mail, à un copain, à tes parents…
• tu peux également utiliser des phrases tirées de romans, chansons … Elles seront longues avec des mots variés et facile à se rappeler

Comment choisir ton mot de passe

Maintenant que tu connais les bons réflexes et ce que tu ne dois pas faire, il te faut trouver TES mots de passe, cela va en faire.

Tu peux choisir ton mot de passe toi-même, tu as deux méthodes :

• la méthode phonétique : « J’ai acheté huit cd pour cent euros cet après-midi » deviendra ght8CD%E7am
• la méthode de la première lettre :la citation « un tien vaut mieux que deux tu l’auras » donnera 1tvmQ2tl’A.

Tu peux utiliser un générateur de mot de passe aléatoire :

• https://www.motdepasse.xyz/
• https://www.dashlane.com/fr/features/password-generator

Tu verras que les mots de passe sont difficiles à se rappeler et surtout que tu en auras beaucoup. Tu peux passer par un gestionnaire de mot de passe :

• https://keepass.info/
• https://www.stickypassword.com/fr/

Il y a bien sur des extensions. Mais la plus sécurisée reste la mémoire.

Conclusion

Te voilà prêt à affronter internet et la connexion aux différents services. Cela te demandera un petit temps d’adaptation et un peu d’organisation (et mémoire) mais tu navigueras de manière plus sécuriser.

L’article Comment choisir son mot de passe est apparu en premier sur La programmation sur le web.

Définition de l’url rewriting

Comme je viens de le dire, l’url rewriting est une technique qui permettra de remplacer une URL compliquée à comprendre, par exemple :

https://mon-site.com/index.php?type=p&id=2

En :

https://mon-site.com/exemple-url-rewriting

Pourquoi mettre en place l’url rewriting

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

• gagner en lisibilité pour ton visiteur qui verra en un coup d’œil dans la barre d’adresse, l’article qu’il est en train de lire
• 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.
• en tant qu’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
• avoir une vue voire un contrôle sur les mots clés même si l’importance de l’url rewriting n’est pas aussi grande que l’on souhaiterai, elle joue un rôle important.

Voici des raisons suffisantes pour mettre en place cette technique sur ton site. Tu peux avoir plus d’informations sur ce lien.

Comment mettre en place l’url rewriting

En fonction de l’hébergement choisi (voir l’article sur l’hébergement), 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 serveur web. Si tu es un peu plus limité et que tu utilises Apache, tu peux placer, à la racine de ton site un fichier .htaccess (lien).

Si tu utilise Nginx (une alternative d’Apache), je t’invite à suivre ce lien.

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

Des CMS comme WordPress proposent directement la mise en place de la ré-écriture d’url :

L’url rewriting en PHP sur Apache

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

Tout d’abord, nous allons mettre dans le fichier htaccess (à la base de ton site), la redirection de toutes les requêtes vers la page index.

Cela va permettre de pouvoir gérer toutes les url de ton site.

Configuration de .htacces

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !^/controleur/*
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,L]

Petites explications

RewriteEngine on

Ceci active le module de ré-écriture.

RewriteBase /

Cette ligne permet d’indiquer la racine du site, en général, la racine du site n’est pas la racine du serveur.

RewriteCond %{REQUEST_URI} !^/controleur/*

J’ai placé cette ligne pour information, elle permet d’exclure un sous-dossier des règles d’écriture.

RewriteCond %{REQUEST_FILENAME} !-f

Il s’agit d’une condition préalable primordiale pour la bonne éxecution de la ré-écriture, elle indique qu’il ne s’agit pas d’un fichier réel.

RewriteRule ^(.*)$ index.php [QSA,L]

Il s’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.

Les informations ont été, en partie, trouvées sur cette page.

Mise en place avec PHP

Ici, je ne parlerai que de la partie de la gestion des adresses, je n’aborderai pas la création d’un site complet.

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

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

Une fois que tu as défini la syntaxe, tu devras l’inclure dans les regles :

$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'      => "/"                                      // '/'
);

Maintenant, tu vas devoir récupérer l’URI qui est demandé (il s’agit de l’identifiant de ta page), par exemple /image/51.

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

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

foreach ( $regles as $action => $regle) {
    if ( preg_match( '~^'.$regle.'$~i', $uri, $params ) ) {
        // Maintenant, tu sais quelle action et les paramètres qui correspondent
    }
}

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

• d’arrêter le programme, une fois que la page recherchée est trouvée
• d’afficher une page dans le cas où la page demandée n’est pas connue

Le fichier final :

$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' );

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

• index.php
• 404.php
• image.php
• album.php
• categorie.php
• page.php
• post.php
• accueil.php

Conclusion

Voilà, tu es en mesure de mettre en place l’url rewriting sur ton site et cela de manière simple.

Cette page a été faite après avoir longtemps eu des problèmes, ja source a été trouvé sur le forum stackoverflow.com.

L’article PHP, l’url rewriting est apparu en premier sur La programmation sur le web.

Tu peux te retrouver dans cette situation (pas dramatique) parce que tu as choisi d’héberger ton site chez toi ou bien choisi un hébergeur où tu es maître de tout (voir l’article sur l’hébergement).

Avant que tu ailles plus loin, je te détaille sur quoi j’ai fait mon installation :

• Raspberry Pi4, voir le lien Amazon d’un pack complet.
• Disque dur SSD en format M2 avec boitier extérieur, lien Amazon pour le disque dur et lien vers le boitier.

Le Raspberry Pi4 ne permet pas encore (à l’écriture de ces lignes) un fonctionnement complet sur un disque externe. En revanche, un démarrage sur la carte SD puis un basculement vers le disque dur est possible, ce qui rallonge grandement la durée de vie de la carte SD.

Tu pourras donc suivre cet article si tu souhaites créer un serveur sur un OS dérivé de Debian.

Cette page fait partie d’une suite d’article consacré à « Comprendre et créer un site Internet« .

Qu’est-ce-qu’un serveur web

On distingue deux types de serveur web :

• le hardware qui sera une machine dédiée à stocker l’ensemble des fichiers qui compose un site
• le software qui contient différents fragments qui contrôlent la façon dont les utilisateurs peuvent accéder aux fichiers hébergés. On trouvera a minima un serveur HTTP. Un serveur HTTP est un logiciel qui comprend les URL et le protocole HTTP (le protocole utilisé par le navigateur pour afficher les pages web).Vu sur Mozilla.org.

Ici, nous nous intéresserons au côté software.

Installation d’un serveur web complet

Il existe plusieurs serveurs ou configuration disponible. Pour ma part, j’ai choisi d’installer un LAMP pour Linux Apache2, MariaDB, Php (sachant que le M peut être pour MySQL et le P pour Perl).

L’installation se fait via le terminal soit en direct soit en SSH (qui sera certainement le cas).

Dans votre terminal, commences par une mise à jour de la liste des paquets et de ton système en saisissant :

sudo apt-get update && sudo apt-get upgrade -y

Ensuite, tu vas installer la base du LAMP (le serveur web complet pour Linux) :

sudo apt-get install apache2 php libapache2-mod-php mariadb-server php-mysql

SI tu souhaites installer mysql, tu remplaces simplement mariadb-server par mysql-server.

Pour compléter l’installation, je te conseille d’installer des modules supplémentaires notamment si tu compte utiliser un CMS comme WordPress :

sudo apt install php-curl php-gd php-intl php-json php-mbstring php-xml php-zip

Ton serveur est maintenant prêt, pour vérifier, dans ton navigateur, tape l’adresse suivante : http://localhost, tu dois voir apparaître :

Maintenant, il est temps de faire quelques petites choses, notamment niveau sécurité.

De manière optionnelle, tu peux installer PhpMyAdmin qui te permettra de gérer ta base de données via le navigateur :

sudo apt-get install phpmyadmin

Sécurisation

Apache2

Il s’agit surtout de protéger les informations qui peuvent être transmise à des petits malins. Le but étant de cacher des informations, en cherchant sur internet différentes solutions, celles remontées étaient déjà mise en place dans l’installation de base, dans le fichier /etc/apache2/conf-available/security.conf, modifies les valeurs :

• ServerTokens en mettant Prod
• ServerSignature en mettant Off

J’ai pris par habitude de restreindre tous les dossiers se trouvant dans la racine des sites d’Apache (sous debian, c’est /var/www), pour cela, toujours dans le fichier précédent, ajoutes :

<Directory />
     Order Allow,Deny
     Allow from all
     AllowOverride None
     Options -Indexes -ExecCGI -FollowSymLinks -Includes
     Require all denied
     AllowOverride None
</Directory>

Sécurisation de MariaDB

De base, MariaDB, lors de l’installation crée un utilisateur root sans mot de passe, ce qui n’est pas le plus sur.

Dans le terminal, saisir :

sudo mysql_secure_installation

En répondant Y (oui) à toutes les réponses, tu auras un système bien plus sécurisé, mais dis-toi que ce ne sera jamais assez face aux petits malins et surtout, la première source d’erreur, de fuite, se situe entre le clavier et la chaise.

Conclusion

Si tu as suivi cet article, tu as fait un pas de plus à la mise en ligne de ton site.

Il existe d’autre serveur http tel Nginx et d’autres gestionnaire de base de données, mais j’avoue que j’ai l’habitude d’être sur Apache et MariaDb, côté langage de programmation, j’aime beaucoup PHP mais ce n’est qu’un avis personnel.

L’article Installer un serveur web complet est apparu en premier sur La programmation sur le web.

Cette partie sera certainement la plus courte, j’aborderai donc la notion de référencement (SEO).

C’est quoi le nom de domaine ?

Si tu as lu la page sur la présentation d’internet, j’ai commencé à aborder le nom de domaine pour te rafraîchir la mémoire, tu peux retrouver la page ici.

Le nom de domaine correspond à ce que le visiteur saisi dans la barre d’adresse. Il s’agit d’une adresse compréhensible par le visiteur, celle-ci sera transformer en adresse IP par un serveur de nom de domaine afin d’atteindre l’hébergement du site en question.

Acheter un nom de domaine, permettra d’enregistrer le nom et avec le vendeur du domaine, de faire inscrire dans cette annuaire la relation entre ton adresse IP et le nom.

Le nom de domaine est composé de :

Ce qui laisse libre-court à ton imagination. Chaque élément est séparé par un « . ».

Nom de domaine et référencement

Même si le nom de domaine n’est pas relié directement au référencement, celui-ci reste une des premières choses lues (vues) par le visiteur. En terme de crédibilité, de pertinence, il est important que ce nom corresponde à ce que le site propose.

Le placement de mot clé ne semble pas avoir une incidence directe sur le référencement.

En revanche, les moteurs de recherche qui référencent votre site, se basent sur le nom de domaine. Avoir un nom de domaine pertinent (donc bien pensé dès le début est important). Si ton site commence à avoir une réputation et que tu décides de changer le nom de domaine, si la migration vers le nouveau nom n’est pas correctement faite, tu risques de perdre la notoriété durement gagnée.

Voir l’article sur afnic.fr.

Où acheter un nom de domaine

Sur Internet évidemment en particulier grâce à un bureau d’enregistrement. Quelque soit le site, ton nom de domaine, avant même d’être accepté, sera vérifié.

De la même manière que je ne vais pas vous proposer un top qui pourrait être totalement faussé, je vous invite à aller sur google et chercher « Acheter un nom de domaine », n’hésites pas à comparer les prix, pour t’aider à déterminer l’extension que tu souhaites (cela peut faire varier les prix), je t’invite à suivre de ce lien.

Toujours à titre informatif et si tu souhaites participer au site indirectement, je suis chez Ionos, voici un lien de parrainage. Le nom de domaine fait parti d’un pack hébergement.

Conclusion

Le nom de domaine est plus une vitrine, évites d’utiliser des mots clés, ceux-ci seront trop limités en fonction des recherches que les internautes pourraient faire. Privilégies de choisir une marque (ta marque).

Les différents sites sur lesquels tu pourras acheter n’ont pas réellement d’importance, en revanche, il peut être inclus dans un pack qui lui sera intéressant.

L’article Le nom de domaine est apparu en premier sur La programmation sur le web.

La lecture t’agace, je suis sympa, tout en bas, tu as la conclusion.

Sinon, si tu es fan de lecture, cet article fait partie d’une série dédié à la création d’un site internet, dont voici le sommaire.

Qu’est-ce-que l’hébergement ?

L’hébergement en informatique est le fait de mettre à disposition un espace de stockage pour les créateurs de site (vers le journal du net).

Hébergement interne ou externe

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

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

L’hébergement interne

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.

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

Pour te donner une idée de mon mon serveur :

• un Raspberry Pi4, voir sur Amazon et pour une présentation.
• Un disque dur SSD de 500Go M2 (lien), en boitier externe USB3 (lien) (alimentation dédiée pour le disque dur)

J’avais déjà tout à la maison, j’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’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).

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

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

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

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

Je te ferai un article sur la mise en place d’un serveur Web sur Raspberry Pi (et oui, il n’y aura pas un mais deux articles dédiés au Pi). Du coup, abonnes-toi à la newsletter ou aux réseaux sociaux.

Zigomato

Hébergement externe

Maintenant, nous allons voir l’hébergement externe. Déjà, la première chose qu’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.

Je ne ferai pas de top, le but n’est pas de proposer une solution plus qu’une autre, vous allez pouvoir trouver des comparatifs sur ce site et celui-ci. De mon côté, Je suis chez Ionos pour le nom de domaine, tu veux m’aider un peu, je te passe le lien de parrainage pour un hébergement web. Pour information, je n’ai jamais eu de soucis avec eux pour mon nom de domaine et en cas de question, le support est très réactif.

Zigomato

Mais le prix que tu paieras, t’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’un support technique. Selon la solution que tu choisis, les installations et configuration peuvent se faire en un clic. Clairement, si tu n’es pas un aventurier informatique, c’est ce qu’il te faut. Tu auras, toujours en général, un pack avec nom de domaine, un certificat SSL, une boite mail …

Ce qu’il te faut mais il faut adapter à ton besoin, il existe en effet plusieurs solutions.

Hébergement partagé

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’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.

Hébergement dédié

On se retrouve dans une configuration proche d’un hébergement local, tu disposes de l’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.

Serveur privé virtuel

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’une machine virtuelle qu’il pourra configurer comme un serveur dédié. Le coût sera moins important qu’un serveur dédié.

Hébergement en cloud

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

Hébergement WordPress

De plus en plus de solutions d’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’est une solution qui peut être très intéressante si tu souhaites faire un seul site sans avoir de connaissance particulière.

Conclusion

Je ne sais pas si cela t’a aidé à y voir plus clair. Mais pour conclure, si tu comptes n’avoir qu’un site et que tu n’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’affaire.

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.

L’article Hébergement local ou extérieur ? est apparu en premier sur La programmation sur le web.

Mais au final, es-tu capable de dire ce qu’est internet ? Quand est-il apparu ? Comment fonctionne-t-il (dans les grandes lignes) ? J’imagine que si tu débute ta création de site en lisant ces lignes, c’est qu’il y a peu de chance que tu puisses y répondre.

Sans vouloir faire de toi un expert, je vais essayer d’apporter quelques éléments de réponse.

Définition

Tout d’abord, une petite définition définition, en tapant dans google : « définition internet », tu auras le droit à :

Bon, j’avoue que c’est un peu léger, pour amener un peu plus de concret, Internet est bien un réseau informatique mondial composé de réseaux nationaux, régionaux et privés. Ce réseau utilise le même protocole de communication appelé TCP/IP. Il permet essentiellement :

• l’accès a des sites internet via le « Web » (ou la toile)
• l’envoi de courriels
• le transfert de fichier grâce au protocole FTP

Il s’agit des trois principales activités, bien entendu, des services utilisant ce réseau est présent.

Un peu d’histoire

Les réseaux informatiques existaient avant l’apparition d’Internet, on peut parler d’internet à partir du moment des réseaux ont été interconnectés. Avant Internet, les réseaux étaient locaux, sans aucune ouverture sur le monde.

L‘ARPANET, en 1969, est considéré comme le premier réseau, l’ancêtre d’internet, initialement conçu pour la communication entre militaire et entre scientifique, il a également servi de berceau à ce qu’est internet.

En 1971, le premier e-mail est créé par Ray Tomlinson.

En 1973, Vinton Cerf, de Stanford, et de Bob Kahn développe ce que l’on appelera le protocole TCP/IP qui sera le fondement de l’Internet, pour faire simple, le protocole TCP/IP permet la communication entre deux machines en leur assignant une adresse unique (par exemple 192.168.0.1).

En 1983, jaillit le DNS (ou Domain Name System), avec l’augmentation du nombre de poste sur le réseau, les erreurs (doublon) sur les adresses IP étaient fréquentes et pouvez mettre en péril le réseau. Le DNS a été créé afin d’éviter ce problème, ce système permet d’attribuer à une adresse un nom. Cet « annuaire » d’adresse de couple IP/nom est divisé en zone pour simplifier la gestion, mais tous ces couples sont connu de chacun.

Puis en 1989, c’est la naissance du World Wide Web (www), l’ouverture au grand public de ce réseau, il s’agit du web actuel (mais depuis, il y a eu quelques changements)

A partir de cette date, tout n’a été que guerre, fusion, amitié et divorce sur le net et à donner naissance aux géants que l’on connait actuellement.

Les notions clés

Maintenant que tu as eu une petite histoire d’internet, nous allons simplement 3 notions qui vont te permettent de bien comprendre ce qu’est internet et comment y participer

Le protocole TCP/IP

Il s’agit d’un protocole (ou plutôt un ensemble de protocoles) de communication. Le premier protocole IP permet de formaliser les données qui sont envoyées, l’adresse de destination, l’adresse d’expédition, les différentes informations. Le protocole TCP, quant à lui permet de s’assurer que les paquets émis arrivent, de préparer les paquets à envoyer.

La conjugaison des deux permet l’envoi et la réception à une adresse d’une donnée dans sa totalité.

Ton adresse IP (publique) sera donc indispensable pour la mise en ligne et surtout faire connaître ton site car c’est grâce à elle que les visiteurs pourront venir voir ton site.

Le DNS

Le DNS ou système de nom de domaine va grandement simplifier l’utilisation d’internet. Je ne t’imagine pas rentrer dans ton navigateur l’adresse IP du site que tu as l’habitude de visiter, tu utilises un nom de site. Pour que le réseau informatique comprenne quel site tu souhaite afficher, il a besoin de convertir ta chaîne de caractère en adresse IP, c’est là qu’intervient le DNS.

De la même manière que tu connais ton adresse IP, tu devras choisir un nom pour ton site, tu achèteras un domaine, tu peux te rendre sur ce lien IONOS qui est mon fournisseur pour le nom de domaine. Ce prestataire mettra dans l’annuaire ton couple nom/ip.

Le serveur web

La dernière notion est le serveur web. Un serveur web est une machine qui proposera un service sur internet, dans notre cas un site. C’est lui que les navigateurs du monde entier viendront questionner pour afficher ton site.

Tu pourras l’auto-héberger ou bien payer un hébergement.

Conclusion

Voilà, j’espère que j’ai réussi à t’apporter quelques informations, si oui, j’en suis ravi, sinon n’hésites pas à me dire ce qu’il te manque pour comprendre. Soit j’étofferai cet article en faisant des mises à jour, soit je te répondrai dans les commentaires.

En tout cas, tu peux revenir sur le sommaire de « Création d’un site internet« 

L’article Internet, c’est quoi au juste ? est apparu en premier sur La programmation sur le web.

Cette page sera vivante, il se peut que tous les articles ne soit pas encore disponibles, alors n’hésites pas à t’abonner soit par la newsletter, soit par les réseaux sociaux. Si tu vois qu’un article manque(ra), n’hésites pas à le dire en commentaire.

En venant sur ce site, j’imagine que tu as dans l’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’y prendre. Tu verras qu’en quelques minutes, un site peut être publié mais avant de se lancer dedans, il est important de comprendre ce qu’il faut et connaître les mécanismes d’internet (dans les grandes lignes).

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

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

Je n’ai pas pour objectif de révolutionner le sujet, mais j’essayerai d’amener un maximum d’informations.

Internet ? C’est quoi au juste?

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

Pour lire l’article, je t’invite à suivre ce lien.

Hébergement local ou extérieur ?

Tu devra faire un choix, faire héberger ton site chez un hébergeur ou bien l’auto-héberger. Les deux ont leurs avantages et inconvénients.

En fonction de tes besoins, tu verras que ton idée initiale n’aura pas été la meilleur.

L’article est visible sur cette page.

Un nom de domaine

Que tu sois hébergé à l’extérieur ou chez toi (je parle de ton serveur), tu aura certainement besoin d’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’affole pas, il sera faible).

Plus d’explication dans cet article.

Un serveur web

On progresse, tu as ton hébergement, ton nom de domaine, maintenant, il est temps d’avoir ton site …, je m’emballe, avant cela, il te faut un serveur web.

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

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

Je t’invite à suivre ce lien, si tu veux en découvrir plus, lien.

La création du site

On y vient enfin, tu auras le choix de produire un site de A à Z ou bien d’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’appartient.

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

• avec WordPress
• à la dure, en codant tout ton site.

Pour en lire plus, suivre ce lien.

Le référencement (facultatif)

C’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.

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

La page est enfin accessible à cette adresse.

La rémunération (facultative)

J’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.

Il serait même extraordinaire que tu puisses en vivre, même si c’est tout le mal que je te souhaite.

Pour voir l’article, suivre ce lien.

La veille (toujours facultative)

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’actualités à publier.

L’article pour la création de son système de veille est sur cette page.

Conclusion

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

N’hésites pas à partager cette page et surtout à faire des commentaires, sur une partie qui te sembles importante et que j’aurai totalement mise de côté.

L’article Comprendre et créer son site internet est apparu en premier sur La programmation sur le web.

Parce que c’est un site 100% amateur et pour lequel, le seul budget que j’y consacre est destiné au nom de domaine ainsi qu’à la consommation électrique. Il est hors de question de mettre en ligne des photos qui ne soient pas gratuites. Le but du site est également de proposer des astuces ou des liens qui ne nécessite pas de débourser un sous (sauf les liens vers des produits en relation avec les articles).

Obtenir des photos est simple, tu pourras en trouver plein sur internet mais leur recherche s’avère parfois être compliqué.

Certaines de ces banques te proposeront un téléchargement direct, d’autres nécessiteront une inscription gratuite.

Pour les banques en langue anglaise, tu devras faire un petit effort sur les mots clés et trouver la traduction correspondant le mieux pour cibler correctement.

Pourquoi utiliser des images gratuites et libre de droit ?

Mise à part le côté financier qui est d’acheté des images, il est important de respecter les droits d’auteurs et même si ton site ne viendra pas concurrencer les grandes maisons.

Une image qui n’est pas libre de droit peut vous exposer à des sanctions, les moins grave seront des pénalités dans le référencement (même si cela est dommageable) et cela peut aller jusqu’à des poursuites judiciaires

Conseils et bonnes pratiques

Voici quelques petits conseils quant à l’utilisation des médias pour votre site (source sur commentcamarche.net)

• Opter, dans la mesure du possible, pour la création et la diffusion de vos propres œuvres : pour promouvoir votre savoir-faire dans un domaine précis, générer du trafic vers votre site web grâce des travaux apportant une valeur ajoutée, ou réseauter. Vous pourrez également exercer votre propre droit d’auteur sur l’oeuvre créée, lui attribuer une licence d’utilisation, etc.
• Toute oeuvre est soumise au droit d’auteur, même si aucune mention ne l’indique expressément. La réutilisation d’œuvres originales par des sites web tiers -ayant ou non l’autorisation de les utiliser- n’affranchissent pas du respect du droit d’auteur pour tout autre utilisateur. Théoriquement, aucune oeuvre ne peut être utilisée sans l’autorisation de son créateur.
• Être attentif aux codes de la propriété intellectuelle : le signe ©, les mentions « Copyright », « Tous droits réservés », ou « all rights reserved » doivent alerter, même si, en France, celles-ci ne sont pas nécessaires pour garantir la protection d’une oeuvre.
• Demander à l’auteur l’autorisation d’utiliser son oeuvre : il est préférable d’utiliser cette oeuvre si une licence lui est déjà attribuée. En effet, si les droits de reproduction et de représentation peuvent être cédés à des tiers, la procédure requiert la signature d’un contrat entre les deux parties (voir ici un modèle de contrat de cession de droits d’auteur)
• En cas de partage d’une oeuvre sur ou via un réseau social (ex : Youtube, Pinterest), utiliser l’URL source, provenant du site/blog ayant les droits sur celle-ci.
• Ajouter, dans la charte d’utilisation des réseaux sociaux de l’entreprise, un paragraphe de bonnes pratiques et précautions concernant l’utilisation d’œuvres protégées pour les collaborateurs actifs sur le web (activités de blogging, etc.)

Afin de vous astreindre de demander systématiquement l’autorisation à l’auteur (ce qui peut être un casse-tête en particulier à cause de google image), des sites mettent à dispositions des images libres de droits.

La sélection des banques d’images

Rentrons dans le vif du sujet, tout d’abord, cette sélection est subjective. Le choix est fait selon mes habitudes de recherche.

• Barn images      

• Burst

• CCO.photo

• Compfight

• Designers Pics  

• Devostock      

• Foodies Feed   

• Fotomelia          

• Free images      

• Free stocks    

• Freephoto.cc

• Jeshoots            

• Kaboompics

• Negative Space

• Photober

• Photostockeditor

• Pixabay

• Pixambo

• Pixnio

• Plixs

• Public Domain Pictures

• Skitter Photo

• Visualhunt

VOIlà ma petite sélection, j’espère que cela pourras t’aider ou te simplifier. Sache qu’il n’y a pas vraiment de bonne ou mauvaise banque, je te conseille de bien choisir ton mot clé et d’en essayer plusieurs.

L’article Sélection des banques d’images gratuites est apparu en premier sur La programmation sur le web.