« Outils Webmasters » : différence entre les versions

De wiki.infini
(Ajouter lien vers page de blocage postmaster de free)
 
(58 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
== Connaitre les extensions PHP installés ==
== Connaitre les extensions PHP installées ==
 
Si vous cherchez à savoir quelles extensions php sont installées et disponibles à l'utilisation.  
Si vous cherchez à savoir qu'elles extensions php sont installés et disponibles à l'utilisation.  


# Créer un fichier <code>info.php</code> à partir d'un notepad
# Créer un fichier <code>info.php</code> à partir d'un notepad
Ligne 11 : Ligne 10 :
  phpinfo();
  phpinfo();


== Vérifier et concilier le code (X)HTML avec les standards en vigueur ==
== Savoir si les courriels d'Infini sont blacklisté chez ... ==
Le vieux outil <b>[https://fr.wikipedia.org/wiki/HTML_Tidy tidy]</b> a été actualisé et est de nouveau activement développé par la « [https://www.html-tidy.org HTML Tidy Advocacy Community Group] »
* '''Free''' : https://postmaster.free.fr/show_ip_state.pl?ip=185.245.249.201


Pour vérifier une page HTML ( 5 ou XHTML, je connais pas les résultats avec les standards précédents ), une ligne de commande '''exemplaire''' comme
== Gagner de l'espace – convertir les images en AVIF ==
Le format de fichier [https://fr.wikipedia.org/wiki/AVIF AVIF] permet d''''épargner énormément d'espace sur les serveurs''' d'Infini, tout en conservant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même en qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG.


<code>
<div style="border-radius:5px;border:1px solid black;padding:0 5pt 0 5pt;">Les navigateurs Web modernes y [https://caniuse.com/?search=AVIF sont adaptés] et affichent ces images.</div>
tidy -i -m -asxhtml --output-xhtml yes --strict-tags-attributes yes --add-xml-decl yes --add-xml-space yes --doctype "Strict" --drop-proprietary-attributes yes -utf8 "ma_page.html"
</code>


<ul><li>agit en présumant que la page est souhaitée en format xhtml</li>
Bien que le serveur Web chez Infini est également préparé pour communiquer les images en format Avif aux navigateurs, pour certain logiciels, qui sont developpés avec ''Qt WebEngine'' ( par exemple Qutebrowser ), il peut être nécessaire d'utiliser la directive « [https://httpd.apache.org/docs/2.4/fr/mod/mod_mime.html#addtype AddType] » dans le fichier [https://httpd.apache.org/docs/2.4/fr/howto/htaccess.html .htaccess] à la racine de votre site Web :
<li>corrige l'indentation du code</li>
<li>remplace l'original du fichier HTML par la version corrigée</li>
<li>veille sur la notation correcte des attributs aux balises</li>
<li>ajoute une déclaration XML, si manquante</li>
<li>ajoute xml:space="preserve" aux éléments qui le nécessitent</li>
<li>vérifie la concordance du code avec la variante « Strict » de la DTD</li>
<li>élimine des attributs non-standards</li>
<li>préserve le text en UTF-8</li>
</ul>


Le [https://manpages.ubuntu.com/manpages/jammy/man1/tidy.1.html manuel] de l'outil est bien écrit et explique chaque option. La configuration peut être lu d'un fichier ce qui raccourcit la ligne de commande.
<code>AddType image/avif .avif</code>


== Transformer code source en HTML pour la publication dans le Web ==
Autrement, ces navigateurs essayeront de télécharger le fichier de l'image, plutôt que de l'afficher, si l'image est la cible d'un lien :
[[Fichier:Sc toHTML1.png|vignette|alt=Copie d'écran : Vim et :TOhtml|Commande TOhtml dans l'éditeur de text Vim]]
[[Fichier:Sc toHTML2.png|vignette|alt=Copie d'écran : display après la commande TOhtml dans Vim|Display après avoir lancé la commande TOhtml dans Vim]]
Les éditeurs de text « [https://www.vim.org/ Vim] » et « GVim » permettent de créer une version en HTML d'un code, actuellement visible dans l'éditeur. Ceci permet la coloration syntactique dans le document résultant et, donc, d'augmenter la lisibilité.


La procédure:
<code><nowiki><a href="photo.avif">Photo</a></nowiki></code>
=== The Gimp ===
[https://www.gimp.org The Gimp] devrait exporter et ouvrir des fichiers en format AVIF depuis la version 2.10.22. De facto, il y a eu quelques soucis avec l'export des images par The Gimp. Vérifiez que ça fonctionne bien chez vous et que les images sont bien affichées dans le navigateur ou d'autres logiciels de votre choix.


<ol>
The Gimp a l'avantage de connaître une grande diversité de formats d'images et l'export fonctionne donc indépendamment du format d'origine.
<li>Ouvrir un fichier qui contient le code dans vim ou gvim</li>
<li>Taper Esc pour assurer que le mode de commande est actif</li>
<li>Taper la commande <code>: TOhtml</code></li>
<li>Taper Return. Le display est divisé en deux avec la nouvelle version HTML en haut
</li>
<li>... faites ce que vous voulez avec ce résultat : sauvez le ficher ( « script.html » ) ou faites un copier/coller vers une autre page HTML.</li>
</ol>


Il est rare que le HTML résultant est d'office utilisable. Il faut probablement modifier un peu le CSS, définie en haut de la page et/ou manipuler les attributs des balises générées. Dans tous les cas, la procédure est rapide et efficace.
=== Alternatives ===
 
De nombreuses alternatives à JPEG existent maintenant et ont toutes des avantages. Si vous n'aimez pas AVIF, considérez au moins [https://fr.wikipedia.org/wiki/WebP WebP] ou [https://jpeg.org/jpegxl/ JPEG XL].
 
<br/>( et merci d'avance )
== Cross-Browser Testing ==
Testez vos pages Web ou applications Web en ligne contre plusieurs versions des navigateurs contemporains :
<ol>
<li>[https://smartbear.com/product/bitbar/free-trial/ BitBar]</li>
<li>[https://www.browserstack.com/users/sign_up BrowserStack]</li>
<li>[https://www.browserling.com/ Browserling]</li>
<li>[https://testingbot.com/users/sign_up TestingBot]</li>
</ol>
Les sites listés proposent des comptes gratuits pour se familiariser avec l'outil.
 
== Gagner d'espace – convertir les images en AVIF ==
Le format de fichier [https://fr.wikipedia.org/wiki/AVIF AVIF] permet d''''épargner énormément d'espace sur le serveur''' d'Infini, en gardant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même de qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG.
 
<div style="border-radius:5px;border:1px solid black;padding:0 5pt 0 5pt;">Les navigateurs Web modernes [https://caniuse.com/?search=AVIF sont préparés] et affichent ces images.</div>
 
Pour <b>Linux</b>, des divers convertisseurs sont disponibles, cherchez « ''avif'' » où « ''heif'' » dans le système de gestion de paquets, qui vient avec votre distribution de Linux.


Juste quelques exemples:
== Références ==
<dl>
<references/>
<dt>:~$ avifenc image.jpg image.avif</dt>
<dd>pour rapidement convertir un JPEG en AVIF</dd>
<dt>:~$ avifenc -l image.tif image.avif</dt>
<dd>la même chose, mais en gardant un maximum de détails dans l'image</dd>
<dt>:~$ heif-enc -A image.jpg</dt>
<dd>heif-enc est un autre convertisseur, qui a besoin de l'option -A pour savoir que AVIF est demandé</dd>
</dl>


=== Alternatives ===
[[Category:WWW]]
De nombreuses alternatives à JPEG existent maintenant ( 2023 ) et ont tous des avantages. Si vous n'aimez pas AVIF, considérez au moins [https://fr.wikipedia.org/wiki/WebP WebP] ou [https://fr.wikipedia.org/wiki/JPEG_XL JPEG XL].
[[Category:FTP]]
<br/>(et merci d'avance)

Version actuelle datée du 2 mai 2024 à 15:01

Connaitre les extensions PHP installées

Si vous cherchez à savoir quelles extensions php sont installées et disponibles à l'utilisation.

  1. Créer un fichier info.php à partir d'un notepad
  2. Copier/coller le code (ci-dessous)
  3. Uploader le fichier à la racine de votre hébergement
  4. Consulter l'adresse : http://monsite.infini.fr/info.php
<?php
phpinfo();

Savoir si les courriels d'Infini sont blacklisté chez ...

Gagner de l'espace – convertir les images en AVIF

Le format de fichier AVIF permet d'épargner énormément d'espace sur les serveurs d'Infini, tout en conservant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même en qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG.

Les navigateurs Web modernes y sont adaptés et affichent ces images.

Bien que le serveur Web chez Infini est également préparé pour communiquer les images en format Avif aux navigateurs, pour certain logiciels, qui sont developpés avec Qt WebEngine ( par exemple Qutebrowser ), il peut être nécessaire d'utiliser la directive « AddType » dans le fichier .htaccess à la racine de votre site Web :

AddType image/avif .avif

Autrement, ces navigateurs essayeront de télécharger le fichier de l'image, plutôt que de l'afficher, si l'image est la cible d'un lien :

<a href="photo.avif">Photo</a>

The Gimp

The Gimp devrait exporter et ouvrir des fichiers en format AVIF depuis la version 2.10.22. De facto, il y a eu quelques soucis avec l'export des images par The Gimp. Vérifiez que ça fonctionne bien chez vous et que les images sont bien affichées dans le navigateur ou d'autres logiciels de votre choix.

The Gimp a l'avantage de connaître une grande diversité de formats d'images et l'export fonctionne donc indépendamment du format d'origine.

Alternatives

De nombreuses alternatives à JPEG existent maintenant et ont toutes des avantages. Si vous n'aimez pas AVIF, considérez au moins WebP ou JPEG XL.
( et merci d'avance )

Références