Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
4 astuces pour votre site web
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Paul GTP" data-source="post: 6974878" data-attributes="member: 315249"><p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/396fdfd368af4a8c88c3cb5abbfcfab5.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Bonjour à tous <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Je vais aujourd'hui vous présenter <strong><span style="color: #ff8000">4 astuces pour votre site web</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Celles-ci vont crescendo <strong><span style="color: #ff8000">du plus basique au plus utile</span></strong> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Nous allons dans un premier temps parler en <strong><span style="color: #ff8000">3 parties</span></strong> de la meilleure manière de coder</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ensuite nous verrons dans un deuxième temps comment retirer l'extension <strong><span style="color: #ff8000">.php</span></strong> et parlerons du <strong><span style="color: #ff8000">SSL</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><span style="font-size: 26px"><span style="color: rgb(255, 128, 0)">[FA]fa-align-justify[/FA] L'Indentation</span></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">L'Indentation est utilisée par beaucoup de codeurs qui ont pris cette <strong><span style="color: #ff8000">bonne habitude</span></strong> durant leur apprentissage.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Cette astuce n'est donc pas utile pour 95% d'entre vous vu que c'est <strong><span style="color: #ff8000">la base du codage</span></strong> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite388" alt=":lol:" title="lol :lol:" loading="lazy" data-shortname=":lol:" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour ceux qui ne savent pas ce que c'est ou pour ceux qui souhaiteraient une piqûre de rappel...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Voici un exemple de code <strong><span style="color: #ff8000">non-indenté</span></strong>...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/77d1e8fbd8714bbe9d2bf7fc80541cf5.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Voici un exemple de code <strong><span style="color: #ff8000">indenté</span></strong>...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/79e51df3d1114374b570ae466b34ea28.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">L'indentation vous permet de gagner en <strong><span style="color: #ff8000">lisibilité</span></strong>: votre code est <strong><span style="color: #ff8000">nettement plus clair</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Bon, sur 10 lignes, l'effet n'est peut-être pas frappant, mais sur un code de 50 lignes, ça l'est !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Le <strong><span style="color: #ff8000">HTML</span></strong> est uniquement du balisage ! Si à chaque balise vous indentez votre code, c'est parfait !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Voici un exemple de cas d'une page (un peu) plus complète <strong><span style="color: #ff8000">sans indentation</span></strong>...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/ae50a81ee7d0490cb2fd5db9eff9f237.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">... puis <strong><span style="color: #ff8000">avec indentation</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/f80a12a544cb4c6d80801f116c6b61c0.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Bon là, ça paraît évident, c'est <strong><span style="color: #ff8000">lisible</span></strong>, <strong><span style="color: #ff8000">clair</span></strong> et bien plus facile à corriger.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">En effet, si vous avez besoin d'aide, un code indenté est le minimum de politesse à avoir envers votre bienfaiteur !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #0059b3">[FA]fa-info-circle[/FA] <u>Remarque:</u></span></strong> Mon code non-indenté reste propre, ce n'est pas le cas chez tout le monde !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/fe13e8b9bfc84de181db7497e7bbba06.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ne riez pas, j'ai déjà vu quelqu'un coder comme ça <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite353" alt="D:" title="Sad D:" loading="lazy" data-shortname="D:" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Bref, l'indentation est <strong><span style="color: #ff8000">importante</span></strong>, c'est la base des bases !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">J'espère que vous vous y mettrez si ce n'est pas encore le cas <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #ff8000">Soyez rigoureux</span></strong> ! Chacun indente de la manière dont il le souhaite... Cependant, restez logiques !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Essayez notamment de faire un code que je qualifierai de "symétrique", soyez <strong><span style="color: #ff8000">cohérents</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/c241f1b800c84f42812834051103d01a.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><span style="font-size: 26px"><span style="color: rgb(255, 128, 0)">[FA]fa-code[/FA] Coder de manière valide</span></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Un code valide ? Vous vous demandez sûrement qu'est-ce que ça veut dire...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ne vous en faites pas, votre code ne vas pas changer de manière démentielle !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">À vrai dire vous allez sûrement <strong><span style="color: #ff8000">ne pas passer plus de 10 minutes</span></strong> à corriger le votre <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Alors déjà, avant de commencer, pourquoi faire ça ?</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Tout simplement pour <strong><span style="color: #ff8000">le référencement</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Un<strong><span style="color: #ff8000"> code valide</span></strong> est un code apprécié par les bots (tel que le GoogleBot).</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour ceux qui ne sauraient pas, votre site est sans cesse visité par des robots.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ces robots sont envoyés par les navigateurs (tel que Google pour le GoogleBot, logique <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite375" alt=":trollface:" title="Trollface :trollface:" loading="lazy" data-shortname=":trollface:" />).</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Leur but est <strong><span style="color: #ff8000">d'analyser votre site</span></strong> afin de le référencer.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Plus votre site est clair pour le robot, mieux il sera référencé !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">En effet, <strong><span style="color: #ff8000">Googlebot</span></strong> se fout royalement du design de votre page (il ne peut pas le voir).</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ce qui l'intéresse, c'est <strong><span style="color: #ff8000">votre code source</span></strong> ! Et s'il ne le comprend pas/mal, c'est un mauvais point pour vous...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Allez, petit exercice !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">J'ai volontairement laissé <strong><span style="color: #ff8000">2 erreurs</span></strong> dans mon code tout à l'heure lorsque je parlais de l'indentation...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Saurez-vous la retrouver ? Voici la correction !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ne paniquez pas si vous ne la trouvez pas, il va de soi que <strong><span style="color: #ff8000">moins de 1% d'entre vous</span></strong> y arriveront <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center">[SPOILER=Voir les erreurs]</p> <p style="text-align: center"><img src="http://image.prntscr.com/image/f237c205120041969d874522c5b76da6.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><strong><span style="color: #ff0000">(1)</span></strong></p> <p style="text-align: center">Un section doit contenir un titre secondaire (compris entre <h2> et <h6>)</p> <p style="text-align: center"></p> <p style="text-align: center"><strong><span style="color: #ff0000">(2)</span></strong></p> <p style="text-align: center">un <p> ne peut pas contenir une <ul>. Il faut donc fermer le <p> avant de commencer la <ul></p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour vérifier si votre code est valide, le site du <strong><span style="color: #ff8000">W3C</span></strong> est parfait pour ça !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Si votre code est invalide, le W3C vous expliquera <strong><span style="color: #ff8000">où</span></strong> et <strong><span style="color: #ff8000">pourquoi</span></strong> ça ne l'est pas... Mais en anglais !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Rassurez-vous, l'anglais, c'est facile à comprendre (surtout si vous codez) <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Si je reprends mon code, voici <strong><span style="color: #ff8000">les erreurs</span></strong> renvoyées par le validateur...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/6c7e5084fb0f4175b5102d520d58d1fb.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Et donc là, si vous réfléchissez un minimum, vous comprenez pourquoi je vous ai inclus ces 2 erreurs.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">On retrouve ici deux messages: un <strong><span style="color: #ff8000">Warning</span></strong>, et un <strong><span style="color: #ff8000">Error</span></strong>.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ceux-ci n'ont <strong><span style="color: #ff0000">pas</span></strong> <strong><span style="color: #ff8000">la même incidence</span></strong> sur votre code ! Corrigez en priorité les <strong><span style="color: #ff8000">Error</span></strong>.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Les <strong><span style="color: #ff8000">Warning</span></strong> passent au second plan, mais, si vous le pouvez, corrigez les quand même !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Il est donc, comme vous le voyez, assez simple <strong><span style="color: #ff8000">de comprendre les erreurs</span></strong> dans mon code !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #ff8000">Erreur:</span></strong> un <strong><ul></strong> ne peut pas être à l'intérieur d'un <strong><p></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #ff8000">Attention:</span></strong> Il est préférable d'utiliser une balise titre (<strong><h2></strong>, <strong><h3></strong>, ..., <strong><h6></strong>) dans un <strong><section></strong></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Voici donc <strong><span style="color: #ff8000">la correction</span></strong> du code indenté de tout à l'heure:</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4c45564c14c1404ea741dceeb6561fd0.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Le validateur vous renverra donc <strong><span style="color: #ff8000">un message positif</span></strong>: votre code est valide !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/c95715c353694f019622a95067968e39.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour accéder au validateur du W3C, voici un lien</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">[FA]fa-link[/FA] <a href="https://validator.w3.org/" target="_blank">https://validator.w3.org/</a></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><span style="font-size: 26px"><span style="color: rgb(255, 128, 0)">[FA]fa-close[/FA] Retirer l'extension .php</span></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Beaucoup d'entre vous sont sûrement passés au <strong><span style="color: #ff8000">PHP/MySQL</span></strong> pour dynamiser vos pages.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Et bien sachez qu'il vous est possible de retirer l'extension <strong><span style="color: #ff8000">.php</span></strong> de vos pages !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Par exemple, transformer <strong><span style="color: #ff8000"><a href="http://monsite.fr/index.php" target="_blank">http://monsite.fr/index.php</a></span></strong> en <strong><span style="color: #ff8000"><a href="http://monsite.fr/index" target="_blank">http://monsite.fr/index</a></span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Vous avez sûrement déjà du lire le nom de certaines pages sur vos sites préférés, pas vrai ?</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Et bien sur RealityGaming par exemple, on retrouve un tout autre type de <strong><span style="color: #ff8000">structure de liens</span></strong>.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Si vous regardez fréquemment les URL, vous devriez vous poser des questions sur les URL de RealityGaming...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">En effet, un lien <strong><span style="color: #ff8000">sans extension</span></strong> qui fini par un <strong><span style="color: #ff8000">/</span></strong> devrait être le lien d'un dossier, n'est-ce pas ?</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Et bien retirer <strong><span style="color: #ff8000">l'extension .php</span></strong> et <strong><span style="color: #ff8000">modifier la structure de vos liens</span></strong> n'est possible qu'avec une seule méthode.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Cette méthode est l'unique méthode qui vous permettra ce résultat... J'ai nommé le <strong><span style="color: #ff8000">htaccess</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Vous en avez sûrement déjà entendu parlé, pas vrai ?</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">À vrai dire, moi-même je ne sais pas coder l'intérieur de ce fichier seul...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Je vais donc vous finir un code et vous n'aurez qu'à le recopier !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour que celui-ci soit efficace, vous devrez créer un fichier <strong><span style="color: #ff8000">.htaccess</span></strong> et le mettre à la racine de votre site !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Oui oui, le nom du fichier est <strong><span style="color: #ff8000">.htaccess</span></strong> tout court ! Il n'y a pas de <strong><span style="color: #ff0000">nom.htaccess</span></strong> ou de <strong><span style="color: #ff0000">htaccess.php</span></strong> !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center">[CODE]</p> <p style="text-align: center"><ifModule mod_rewrite.c></p> <p style="text-align: center">RewriteEngine on</p> <p style="text-align: center">RewriteCond %{REQUEST_FILENAME} !-d</p> <p style="text-align: center">RewriteCond %{REQUEST_FILENAME} !-f</p> <p style="text-align: center">RewriteRule ^(([A-Za-z0-9\-_]+/)*[A-Za-z0-9\-_]+)?$ $1.php</p> <p style="text-align: center"></ifModule></p> <p style="text-align: center">[/CODE]</p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Pour ceux qui voudraient tout de même en chercher le sens, Google est votre ami <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #0059b3">Remarque:</span></strong> <a href="http://monsite.fr/index.php" target="_blank">http://monsite.fr/index.php</a> existe toujours ! Cette méthode ne supprime pas ce lien !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><strong><span style="color: #0059b3">Remarque 2:</span></strong> Vous devez (par conséquent) modifier les liens dans vos menus et retirer l'extension .php !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><span style="font-size: 26px"><span style="color: rgb(255, 128, 0)">[FA]fa-lock[/FA] Certificat SSL</span></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">À vrai dire, je suis un menteur <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite353" alt="D:" title="Sad D:" loading="lazy" data-shortname="D:" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ce topic ne regroupe pas réellement <strong><span style="color: #ff8000">4 astuces</span></strong> pour votre site, mais <strong><span style="color: #ff8000">seulement 3</span></strong>...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Avant de m'insulter dans les commentaires, je vais m'expliquer <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Je pense qu'un tutoriel sur l'obtention d'<strong><span style="color: #ff8000">un certificat SSL</span></strong> mérite un topic à lui seul.</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ce n'est pas tant la complexité mais plutôt la longueur qui m'inquiète <img src="/data/assets/smilies/mmh.gif" class="smilie" loading="lazy" alt=":mmh:" title="Mmh :mmh:" data-shortname=":mmh:" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Je décide donc <strong><span style="color: #ff8000">de reporter à plus tard</span></strong> la création d'un tel tutoriel !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">En attendant, je vais vous introduire le sujet... <strong><span style="color: #ff8000">Qu'est-ce qu'un certificat SSL ?</span></strong></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Il s'agit donc du fameux <strong><span style="color: #ff8000">https</span></strong> qui se situe dans l'URL des sites internet sécurisés...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Et oui ! Vous pouvez obtenir la mention <strong><span style="color: #ff8000">https </span></strong>sur votre site vous aussi !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Cependant, après quelques recherches, on est vite découragé par l'envie d'un tel certificat...</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">La plupart des sites vous <strong><span style="color: #ff8000">vendent</span></strong> les certificats SSL... Mais certains vous le font gratuitement !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Ce sera donc l'objet d'un futur tutoriel, si l'idée vous plaît ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">On se retrouvera donc bientôt pour un tutoriel sur comment obtenir le fameux <strong><span style="color: #ff8000">https</span></strong> gratuitement sur votre site !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"><img src="http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">Merci à toi d'avoir lu ce tutoriel ! J'espère qu'il vous aura plu !</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 12px">On se retrouve bientôt pour une nouvelle rédaction ! À très vite <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></span></p></blockquote><p></p>
[QUOTE="Paul GTP, post: 6974878, member: 315249"] [CENTER][FONT=Poppins][SIZE=3][IMG]http://image.prntscr.com/image/396fdfd368af4a8c88c3cb5abbfcfab5.png[/IMG] Bonjour à tous :p Je vais aujourd'hui vous présenter [B][COLOR=#ff8000]4 astuces pour votre site web[/COLOR][/B] ! Celles-ci vont crescendo [B][COLOR=#ff8000]du plus basique au plus utile[/COLOR][/B] ;) Nous allons dans un premier temps parler en [B][COLOR=#ff8000]3 parties[/COLOR][/B] de la meilleure manière de coder Ensuite nous verrons dans un deuxième temps comment retirer l'extension [B][COLOR=#ff8000].php[/COLOR][/B] et parlerons du [B][COLOR=#ff8000]SSL[/COLOR][/B] ! [IMG]http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png[/IMG] [/SIZE][/FONT] [FONT=MyriadPro][SIZE=7][COLOR=rgb(255, 128, 0)][FA]fa-align-justify[/FA] L'Indentation[/COLOR][/SIZE][/FONT] [FONT=Poppins][SIZE=3] L'Indentation est utilisée par beaucoup de codeurs qui ont pris cette [B][COLOR=#ff8000]bonne habitude[/COLOR][/B] durant leur apprentissage. Cette astuce n'est donc pas utile pour 95% d'entre vous vu que c'est [B][COLOR=#ff8000]la base du codage[/COLOR][/B] :lol: Pour ceux qui ne savent pas ce que c'est ou pour ceux qui souhaiteraient une piqûre de rappel... [/SIZE][/FONT] [FONT=Poppins][SIZE=3] Voici un exemple de code [B][COLOR=#ff8000]non-indenté[/COLOR][/B]... [IMG]http://image.prntscr.com/image/77d1e8fbd8714bbe9d2bf7fc80541cf5.png[/IMG] Voici un exemple de code [B][COLOR=#ff8000]indenté[/COLOR][/B]... [IMG]http://image.prntscr.com/image/79e51df3d1114374b570ae466b34ea28.png[/IMG] L'indentation vous permet de gagner en [B][COLOR=#ff8000]lisibilité[/COLOR][/B]: votre code est [B][COLOR=#ff8000]nettement plus clair[/COLOR][/B] ! Bon, sur 10 lignes, l'effet n'est peut-être pas frappant, mais sur un code de 50 lignes, ça l'est ! Le [B][COLOR=#ff8000]HTML[/COLOR][/B] est uniquement du balisage ! Si à chaque balise vous indentez votre code, c'est parfait ! Voici un exemple de cas d'une page (un peu) plus complète [B][COLOR=#ff8000]sans indentation[/COLOR][/B]... [IMG]http://image.prntscr.com/image/ae50a81ee7d0490cb2fd5db9eff9f237.png[/IMG] ... puis [B][COLOR=#ff8000]avec indentation[/COLOR][/B] ! [IMG]http://image.prntscr.com/image/f80a12a544cb4c6d80801f116c6b61c0.png[/IMG] Bon là, ça paraît évident, c'est [B][COLOR=#ff8000]lisible[/COLOR][/B], [B][COLOR=#ff8000]clair[/COLOR][/B] et bien plus facile à corriger. En effet, si vous avez besoin d'aide, un code indenté est le minimum de politesse à avoir envers votre bienfaiteur ! [B][COLOR=#0059b3][FA]fa-info-circle[/FA] [U]Remarque:[/U][/COLOR][/B] Mon code non-indenté reste propre, ce n'est pas le cas chez tout le monde ! [IMG]http://image.prntscr.com/image/fe13e8b9bfc84de181db7497e7bbba06.png[/IMG] Ne riez pas, j'ai déjà vu quelqu'un coder comme ça D: Bref, l'indentation est [B][COLOR=#ff8000]importante[/COLOR][/B], c'est la base des bases ! J'espère que vous vous y mettrez si ce n'est pas encore le cas :p [B][COLOR=#ff8000]Soyez rigoureux[/COLOR][/B] ! Chacun indente de la manière dont il le souhaite... Cependant, restez logiques ! Essayez notamment de faire un code que je qualifierai de "symétrique", soyez [B][COLOR=#ff8000]cohérents[/COLOR][/B] ! [IMG]http://image.prntscr.com/image/c241f1b800c84f42812834051103d01a.png[/IMG] [IMG]http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png[/IMG] [/SIZE][/FONT] [FONT=MyriadPro][SIZE=7][COLOR=rgb(255, 128, 0)][FA]fa-code[/FA] Coder de manière valide[/COLOR][/SIZE][/FONT] [FONT=Poppins][SIZE=3] Un code valide ? Vous vous demandez sûrement qu'est-ce que ça veut dire... Ne vous en faites pas, votre code ne vas pas changer de manière démentielle ! À vrai dire vous allez sûrement [B][COLOR=#ff8000]ne pas passer plus de 10 minutes[/COLOR][/B] à corriger le votre ;) Alors déjà, avant de commencer, pourquoi faire ça ? Tout simplement pour [B][COLOR=#ff8000]le référencement[/COLOR][/B] ! Un[B][COLOR=#ff8000] code valide[/COLOR][/B] est un code apprécié par les bots (tel que le GoogleBot). Pour ceux qui ne sauraient pas, votre site est sans cesse visité par des robots. Ces robots sont envoyés par les navigateurs (tel que Google pour le GoogleBot, logique :troll:). Leur but est [B][COLOR=#ff8000]d'analyser votre site[/COLOR][/B] afin de le référencer. Plus votre site est clair pour le robot, mieux il sera référencé ! En effet, [B][COLOR=#ff8000]Googlebot[/COLOR][/B] se fout royalement du design de votre page (il ne peut pas le voir). Ce qui l'intéresse, c'est [B][COLOR=#ff8000]votre code source[/COLOR][/B] ! Et s'il ne le comprend pas/mal, c'est un mauvais point pour vous... Allez, petit exercice ! J'ai volontairement laissé [B][COLOR=#ff8000]2 erreurs[/COLOR][/B] dans mon code tout à l'heure lorsque je parlais de l'indentation... Saurez-vous la retrouver ? Voici la correction ! Ne paniquez pas si vous ne la trouvez pas, il va de soi que [B][COLOR=#ff8000]moins de 1% d'entre vous[/COLOR][/B] y arriveront :p [/SIZE][/FONT] [SPOILER=Voir les erreurs] [IMG]http://image.prntscr.com/image/f237c205120041969d874522c5b76da6.png[/IMG] [B][COLOR=#ff0000](1)[/COLOR][/B] Un section doit contenir un titre secondaire (compris entre <h2> et <h6>) [B][COLOR=#ff0000](2)[/COLOR][/B] un <p> ne peut pas contenir une <ul>. Il faut donc fermer le <p> avant de commencer la <ul> [/SPOILER] [FONT=Poppins][SIZE=3] Pour vérifier si votre code est valide, le site du [B][COLOR=#ff8000]W3C[/COLOR][/B] est parfait pour ça ! Si votre code est invalide, le W3C vous expliquera [B][COLOR=#ff8000]où[/COLOR][/B] et [B][COLOR=#ff8000]pourquoi[/COLOR][/B] ça ne l'est pas... Mais en anglais ! Rassurez-vous, l'anglais, c'est facile à comprendre (surtout si vous codez) :p Si je reprends mon code, voici [B][COLOR=#ff8000]les erreurs[/COLOR][/B] renvoyées par le validateur... [IMG]http://image.prntscr.com/image/6c7e5084fb0f4175b5102d520d58d1fb.png[/IMG] Et donc là, si vous réfléchissez un minimum, vous comprenez pourquoi je vous ai inclus ces 2 erreurs. On retrouve ici deux messages: un [B][COLOR=#ff8000]Warning[/COLOR][/B], et un [B][COLOR=#ff8000]Error[/COLOR][/B]. Ceux-ci n'ont [B][COLOR=#ff0000]pas[/COLOR][/B] [B][COLOR=#ff8000]la même incidence[/COLOR][/B] sur votre code ! Corrigez en priorité les [B][COLOR=#ff8000]Error[/COLOR][/B]. Les [B][COLOR=#ff8000]Warning[/COLOR][/B] passent au second plan, mais, si vous le pouvez, corrigez les quand même ! Il est donc, comme vous le voyez, assez simple [B][COLOR=#ff8000]de comprendre les erreurs[/COLOR][/B] dans mon code ! [B][COLOR=#ff8000]Erreur:[/COLOR][/B] un [B]<ul>[/B] ne peut pas être à l'intérieur d'un [B]<p>[/B] ! [B][COLOR=#ff8000]Attention:[/COLOR][/B] Il est préférable d'utiliser une balise titre ([B]<h2>[/B], [B]<h3>[/B], ..., [B]<h6>[/B]) dans un [B]<section>[/B] Voici donc [B][COLOR=#ff8000]la correction[/COLOR][/B] du code indenté de tout à l'heure: [IMG]http://image.prntscr.com/image/4c45564c14c1404ea741dceeb6561fd0.png[/IMG] Le validateur vous renverra donc [B][COLOR=#ff8000]un message positif[/COLOR][/B]: votre code est valide ! [IMG]http://image.prntscr.com/image/c95715c353694f019622a95067968e39.png[/IMG] Pour accéder au validateur du W3C, voici un lien [FA]fa-link[/FA] [URL]https://validator.w3.org/[/URL] [IMG]http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png[/IMG] [/SIZE][/FONT] [FONT=MyriadPro][SIZE=7][COLOR=rgb(255, 128, 0)][FA]fa-close[/FA] Retirer l'extension .php[/COLOR][/SIZE][/FONT] [FONT=Poppins][SIZE=3] Beaucoup d'entre vous sont sûrement passés au [B][COLOR=#ff8000]PHP/MySQL[/COLOR][/B] pour dynamiser vos pages. Et bien sachez qu'il vous est possible de retirer l'extension [B][COLOR=#ff8000].php[/COLOR][/B] de vos pages ! Par exemple, transformer [B][COLOR=#ff8000][URL]http://monsite.fr/index.php[/URL][/COLOR][/B] en [B][COLOR=#ff8000][URL]http://monsite.fr/index[/URL][/COLOR][/B] ! Vous avez sûrement déjà du lire le nom de certaines pages sur vos sites préférés, pas vrai ? Et bien sur RealityGaming par exemple, on retrouve un tout autre type de [B][COLOR=#ff8000]structure de liens[/COLOR][/B]. Si vous regardez fréquemment les URL, vous devriez vous poser des questions sur les URL de RealityGaming... En effet, un lien [B][COLOR=#ff8000]sans extension[/COLOR][/B] qui fini par un [B][COLOR=#ff8000]/[/COLOR][/B] devrait être le lien d'un dossier, n'est-ce pas ? Et bien retirer [B][COLOR=#ff8000]l'extension .php[/COLOR][/B] et [B][COLOR=#ff8000]modifier la structure de vos liens[/COLOR][/B] n'est possible qu'avec une seule méthode. Cette méthode est l'unique méthode qui vous permettra ce résultat... J'ai nommé le [B][COLOR=#ff8000]htaccess[/COLOR][/B] ! Vous en avez sûrement déjà entendu parlé, pas vrai ? À vrai dire, moi-même je ne sais pas coder l'intérieur de ce fichier seul... Je vais donc vous finir un code et vous n'aurez qu'à le recopier ! Pour que celui-ci soit efficace, vous devrez créer un fichier [B][COLOR=#ff8000].htaccess[/COLOR][/B] et le mettre à la racine de votre site ! Oui oui, le nom du fichier est [B][COLOR=#ff8000].htaccess[/COLOR][/B] tout court ! Il n'y a pas de [B][COLOR=#ff0000]nom.htaccess[/COLOR][/B] ou de [B][COLOR=#ff0000]htaccess.php[/COLOR][/B] ! [/SIZE][/FONT] [CODE] <ifModule mod_rewrite.c> RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(([A-Za-z0-9\-_]+/)*[A-Za-z0-9\-_]+)?$ $1.php </ifModule> [/CODE] [FONT=Poppins][SIZE=3] Pour ceux qui voudraient tout de même en chercher le sens, Google est votre ami ;) [B][COLOR=#0059b3]Remarque:[/COLOR][/B] [URL]http://monsite.fr/index.php[/URL] existe toujours ! Cette méthode ne supprime pas ce lien ! [B][COLOR=#0059b3]Remarque 2:[/COLOR][/B] Vous devez (par conséquent) modifier les liens dans vos menus et retirer l'extension .php ! [IMG]http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png[/IMG] [/SIZE][/FONT] [FONT=MyriadPro][SIZE=7][COLOR=rgb(255, 128, 0)][FA]fa-lock[/FA] Certificat SSL[/COLOR][/SIZE][/FONT] [FONT=Poppins][SIZE=3] À vrai dire, je suis un menteur D: Ce topic ne regroupe pas réellement [B][COLOR=#ff8000]4 astuces[/COLOR][/B] pour votre site, mais [B][COLOR=#ff8000]seulement 3[/COLOR][/B]... Avant de m'insulter dans les commentaires, je vais m'expliquer :p Je pense qu'un tutoriel sur l'obtention d'[B][COLOR=#ff8000]un certificat SSL[/COLOR][/B] mérite un topic à lui seul. Ce n'est pas tant la complexité mais plutôt la longueur qui m'inquiète :mmh: Je décide donc [B][COLOR=#ff8000]de reporter à plus tard[/COLOR][/B] la création d'un tel tutoriel ! En attendant, je vais vous introduire le sujet... [B][COLOR=#ff8000]Qu'est-ce qu'un certificat SSL ?[/COLOR][/B] [/SIZE][/FONT] [FONT=Poppins][SIZE=3] Il s'agit donc du fameux [B][COLOR=#ff8000]https[/COLOR][/B] qui se situe dans l'URL des sites internet sécurisés... Et oui ! Vous pouvez obtenir la mention [B][COLOR=#ff8000]https [/COLOR][/B]sur votre site vous aussi ! Cependant, après quelques recherches, on est vite découragé par l'envie d'un tel certificat... La plupart des sites vous [B][COLOR=#ff8000]vendent[/COLOR][/B] les certificats SSL... Mais certains vous le font gratuitement ! Ce sera donc l'objet d'un futur tutoriel, si l'idée vous plaît ! ;) On se retrouvera donc bientôt pour un tutoriel sur comment obtenir le fameux [B][COLOR=#ff8000]https[/COLOR][/B] gratuitement sur votre site ! [IMG]http://image.prntscr.com/image/4fc4e31d4b3445ac98bd1006d069fd97.png[/IMG] Merci à toi d'avoir lu ce tutoriel ! J'espère qu'il vous aura plu ! On se retrouve bientôt pour une nouvelle rédaction ! À très vite ;)[/SIZE][/FONT][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
4 astuces pour votre site web
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut