Internet

Les Navigateurs
Firefox


Tor

Yandex
Brave
Opera

Vivaldi
Pale Moon
Edge
Internet Explorer


Maxthon

k-Meleon
SeaMonkey
Chrome
Safari
Netscape

Le top
Plus ...
Bien mais lent
Plus ...
en découverte
Plus ...
en découverte
Plus ...
VPN gratos
Plus ...
en découverte
Plus ...
en découverte
Plus ...
grosse daube
Plus ...
Bof
Plus ...

Plus ...

Plus ...

Plus ...
Espion de la NSA
Plus ...
DCD
Plus ...
DCD
Plus ...

Les extensions à épingler
Firefox

Opera

Chrome



Lieu de téléchargement
Firefox

Opera

Chrome

Yandex



Recherche avancé
non du fichier filetype:pdf
non du fichier imagesize:600×600

Compatibilité HTML 5



Compatibilité des formats



Récupération de mémoire
Firemin

Plus...


Test Webcam



Quel est votre navigateur ?
lien

Quelle trace laissez-vous ?
lien

proxy.free.fr:3128

Désactiver le maximum de cookies


http://assiste.com.free.fr/p/abc/c/anti_cookie.html
http://assiste.com.free.fr/p/logitheque_familles/anti_cookies.html

Moteur de recherche
Yandex
version russe
Bien supérieur à Google
dans certains domaines
Google

L'arme absolu pour pirater
imagesize:32x32
filetype:pdf
Qwant (Français)

Bien mais limité
Duckduckgo

Bien mais limité
Bing (Aucun intérêt)

Un espion de plus de Microsoft
Yahoo

Une grosse daube plein de pub
et bourré d'espions
Altavista

Il était très bien


Logiciel de gestion des favoris
(Tous plus merdique les uns que les autres)
AM-DeadLink

Plus ...
Bookmark Manager

Plus ...
Link Manager

Plus ...
Link Commander Pro

Plus ...
payant
Transmute

Plus ...
payant
Gul

Plus ...
archaïque

Autres
iFav - Mes Favoris (Ne fonctionne pas)

En ligne

https://www.deskyo.com/


Dénomination des favoris suivant les navigateurs avec leurs emplacements.

Favoris (Microsoft IE)
C:\Documents and Settings\%USERNAME%\Favoris (répertoire à sauvegarder)
HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Explorer/MenuOrder/Favorites/Order (à sauvegarder)

Signets (Opera)
C:\Program Files\Opera\profile\opera6.adr

Marque-pages (Firefox)
C:\Documents and Settings\%USERNAME%\Application Data\Mozilla\Firefox\Profiles\8bgd66wh.default\bookmarks.html


Hébergeur
Tout gratuit


Gratuit

Free
Avantage :
Espace disque 10Go (le mien fait actuellement 1,8Go).
Création de compte illimité.
PHP - MySQL - PostgreSQL.
FTP.
Inconvénient :
Très compliqué à joindre.
Ne communique pratiquement pas.
48h pour activer un compte en théorie plus de 10 jours en réalité.
Plus...


Autres gratuit
Netlify
Github Pages
000webshost.com - 1Go
Zeit - 100Go
x10Hosting
Hostinger - 10Go
LWS - 2Go
Byet Host
Freewebhostingarea - 1,5Go
AlwaysData
Atspace - 1Go
OVH - 10Mo
Awardspace - 4 sites
5gbFree - 5Go
PlanetHoster - 750Mo
WebSelf - 5 page Web
11VM
50Webs 500Mo
Umbreon Network - 250Mo
TuxFamily
Toile Libre - 1Go
Nexgate - 50 à 250Mo
Free Hostia - 250Mo
Craym - 250Mo
Autres à tester
webou.net
olympe
Hebfree
Hostinger
Alwaysdata
Les cigales.org
Firstheberge.com
Leoserveur
HerberGratuit
KewaHosting
WHMOS


Payant

SFR
Avantage :
Le moins cher du marché 15€/mois.
Inconvénient :
Adresse mail imposé.
Impossible de modifier l'adresse principale créer par SFR.
Impossible de re-router l'adresse principale.
Publicité envahissante (qui bouffe du CPU).


Zone de stockage (Cloud)
Mega
http://www.cloud-gratuit.com/

Fournisseur gratuit
Free
UCOZ limité à 400 Mo


Comment créer un site (C'est très facile)
Sans aucun logiciel, juste avec un éditeur de texte comme : Notepad (Bloc note), Wordpad sous Windows ou Notepad ++.

Pour commencer, il faut créer le site en "local", c'est-à-dire sur le disque dur, donc une sorte d'intranet.
Pour cela, il suffit de créer par exemple, un répertoire (dossier) appeler Mon site (par exemple) sur le disque.



Ensuite il faut créer la page d'accueil.
Par convention, et pour d'autres raisons, il vaut mieux l'appeler "index.html".
Donc vous créer un nouveau document, avec par exemple Notepad (bloc-notes), et vous l'appeler "index.html".


Un message vous dit que si vous changer l'extension plus rien ne fonctionnera, il n'y connaît rien, dite OUI.


Ça y est, vous avez créé la première page.

Bon maintenant, il va falloir y mettre des choses dedans.
Télécharger cet exemple tout fait. index.html (clic droit, "Enregistrer la cible sous..")
Ouvrir la page index html avec le clic de droit ouvrir avec Notepad, et regarder ce qui est a l'intérieur.


Voila c'est fini, il ne reste plus qu'a double cliquer sur index.html pour voir le résultat dans le navigateur.


1ère chose trouver un fournisseur d'accès gratuit.
Free par exemple. Plus ...

Maintenant, il ne reste plus qu'a la télécharger chez votre provider (F.A.I.).

Vous pouvez utiliser :
Filezilla.
ATTENTION : ne pas utiliser une version inférieure à 3.1.1, grosse faille de sécurité, j'ai testé pour vous, 2 comptes piratés par des Chinois.

Plus ...

FTP Expert. (30 euros)
Version 3.80.3

Plus ...


Les règles à respecter, pour les noms de fichiers.
Jamais de majuscule, ça évite les erreurs.
Jamais de caractère accentué, les serveurs ne lès reconnaissent pas.
Pas de caractère : %

Lien, plein d'explications
Lien, plein d'explications


Éditeur

Notepad++

Plus ...
Notepad

C:\Windows\notepad.exe
Adobe Brackets

Plus ...
NetBean

Plus ...


Mettre une image en place

Format à utiliser :
JPG, pour les photos
PNG, pour les dessins, accepte la transparence
GIF, à éviter, uniquement pour les GIF animés
WEBP, meilleur compression mais pas reconnu par tous les logiciels de retouche et ancien navigateur
AVIF, meilleur compression mais pas reconnu par tous les logiciels de retouche et ancien navigateur
WEMP
WEBP
AVIF
AVIF
Non reconnu par IE8, IE11, Firefox ESR52, et Chrome49, Opera36, Yandex17, Tor11(firefox91) ne reconnaissent pas AVIF.

Taux de compression :
BMP - 901ko
PNG - 374ko
GIF - 169ko
JPG - 62ko
WEBP - 28ko
AVIF - 25ko

Exemple :
Photo fixe
<img src="photo.jpg">


Photo cliquable (lien HyperText) (Créer 2 photos, 1 grande, et 1 petite qui sera affichée).
<a href="photo.jpg"><img src="petite photo.jpg" border="0"></a>


Photo cliquable (lien HyperText) avec explication
<a href="photo.jpg"><img src="petite photo.jpg" border="0" alt="Cliquer pour agrandir" title="Cliqer pour agrandir"></a>
Clicker pour agrandir

Photo cliquable (lien HyperText) ouverture dans une autre fenêtre
<a href="photo.jpg" target="_blank"><img src="petite photo.jpg" border="0"></a>


Image
<img src="image.png">


Image animée dite "GIF animé", fond transparent
<img src="image.gif">


Ce ne sont que des exemples, toutes les combinaisons sont possibles.


Mettre les balises non obligatoires
ALT="description de l'image" (pour le référencement Google)
TITLE="description de l'image"
Nom de référencement Google
<img src="image.png" ALT="Nom de référencement Google" TITLE="description de l'image">


Pour créer ses propres gif animés

Effet de vague

Reflet de Photofiltre.

Plus ...



Compression

Compression PNG



Insérer du son dans une page HTML


Insérer de la vidéo dans une page HTML

Test de navigateur
lien



Une autre solution : Les logiciels de création de sites
Mais attention, vous ne pourrez pas faire ce que vous voulez, tout vous sera imposé.

KompoZer "gratuit"

ver 0.7.10
Plus ...


TinyMCE
BlueGriffon
Amaya
SeaMonkey
Mozilla Composer
Trix
EditorJS
Trumbowyg Editor
Froala WYSIWYG Editor
Quill
CKEditor



Openelement



Joomla "gratuit"

ver 2.5.17
Plus ...


Vérification des lien en ligne
http://validator.w3.org/checklink

Compatibilité des caractères
http://alexandre.alapetite.fr/doc-alex/alx_special.html


Compatibilité des navigateurs



Comment embellir son site

La gestion des "Favicons" (shortcut icons, ou icônes de pages)
(Pour ajouter une petite icône avant l'adresse URL)


Programme de création d'icône.
IcoFX "Gratuit" pour créer les icônes.

Plus ...

Utilitaire de récupération d'icône
IconsExtract "Gratuit" pour extraire les icônes du système ou de n'importe quel fichier.

version 1.41

Extracteur d'icône "Gratuit" pour récupérer les icônes.

version 3.1.0.9
Plus ...


Où mettre le favicon
En racine, et le serveur ce débrouille (pour IE). Mais pour une complète compatibilité, mettre un code dans HEAD
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> (par exemple)

Autre code vue sur plusieurs sites, plus ou moins compatible
<link rel="icon" href="/favico.gif" type="image/gif"/>
<link rel="icon" href="images/favicon.png" type="image/png">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico">

<link rel="icon"> pour les navigateurs non Microsoft
<link rel="shortcut icon" pour Microsoft et non Microsoft recommander

type="image/x-icon" fortement conseillé

Format conseillé
16x16 pixels
32x32 pixels
en 256 couleurs

ico : le plus compatible, mais format propriétaire Microsoft
png,mng,gif,jpg : plus ou moins compatible



Site de drapeaux

Classement par couleur Wikipedia

https://www.drapeauxdespays.fr




https://icones8.fr/icons/set/drapeau-emoji


Emoji

https://emojis.wiki/fr/facebook/
https://emojipedia.org/facebook/


Logiciel pour fabriquer des drapeaux.
Flagimation "Payant" pour créer des drapeaux. (La cave à Momo)

Plus ...

Création de texte 3D


Création de texte 3D (gif animé)


Création de Post-it (png)


Création de logo ou titre (png)



Création d'un reflet (png)


Code en ligne pour faire un dégradé


Générateur de texte dégradés HTML
Écrire en couleur
http://patorjk.com/text-color-fader/
https://www.smiliz.fr (il faut un peu bidouiller)


Fond dégradé
https://mycolor.space/gradient3

Logiciel en ligne modifier des photos.
Web In Paint "en ligne" pour effacer des objets, comme le CS5.
http://www.webinpaint.com



Utilisé des boutons évolués


Logiciel payant
Free-Buttons.org

Plus ...
Agama Web Buttons

Plus ...



Menu déroulant

http://www.outils-web.com/page-script-html-css-menu.asp



Création de bannière animé
ATTENTION, rien n'est gratuit, les liens suivant vous tracent et surtout les utilisateurs de votre page.
Pas de panique, il y a une solution = filmer le bandeau et le transformer en gif animé.

GifCam

version 4.5


Widgeo.net "en ligne" pour faire un bandeau - Besoin d'autoriser Flash Player (gourmand en processeur).
Fâcheuse tendance à ouvrir une fenêtre publicitaire.
<script src="http://www.widgeo.net/message.php?msg=Test message &cl=rainbow"></script>
PLANTAGE IE
<embed wmode="transparent" FlashVars="bt=Mesasge de test &cl=rainbow" src="http://www.widgeo.net/message/message.swf" quality="high" wmode="transparent" bgcolor="000000" width="380" height="50" align="middle">

signbot "en ligne" pour faire un bandeau en gif animé.

http://wigflip.com/signbot



Intégration d'une vidéo dans une page HTML
Youtube
Trop de zèle des robots sur les droits d'auteurs.
Trop de pub.

Dailymotion
Une grosse daube qui ne fonctionne pas avec ADBlock

CrowdBunker
Gros logo

Odysee
Gros logo

Facebook
Gros logo

PeerTube
Compliqué à mettre en oeuvre.



Créer des QR code (Quick Response)
Code Two

Plus ...

Enligne


Générateur en ligne
Simple et pas mal d'option.

Générateur en ligne
Code plus simple, lecteur de code, etc.

Générateur en ligne
D'autres options, carte de visite, vidéo, etc.

Générateur en ligne
Encore d'autres options, RSS, etc.

Générateur en ligne
En français.

d'autres...
http://goqr.me
http://qrcode.kaywa.com



Créer une bannière Lien

Taille 120 x 60


Taille 200 x 40


Taille 468 x 60



Horloge



Recherche de lien mort
lien

Paiement en ligne
http://www.lesjardinsduweb.com/web-rennes/blog/item/installer-moyen-de-paiement-site-e-commerce


Site Internet adaptatif (RWD = Responsive Web Design) Adapte l'affichage du site à la taille de l'écran.

Le "media queries"

Tuto lien

Exemple de site
lien


Flux RSS ou fil RSS (Explication Wikipedia)
ou

Incompatible avec :



Il suffit de cliquer sur l'icône puis cliquer sur "M'abonner à ce flux" Plus...

Il suffit de cliquer sur l'icône puis cliquer sur "S'abonner maintenant"

Faire un clic de droit sur l'icône puis "Ajouter ce lien au signets"
(Possibilité de régler la lecture = Edition -> Préférences -> RSS)

Il suffit de cliquer sur l'icone puis choisir "Opera mail" -> "s'inscrire" et un nouveau menu apparaît FluxRSS (la première fois).


Création du flux Lien
Explication Lien
Explication Lien


Téléchargement FTP

FileZilla "Gratuit" complet, très bien, reconnexion automatique.

Plus ...

Leechftp "Gratuit" simple et efficace (proposé par Free).

Plus ...

Fireftp Plug in pour Firefox. (il peut voir la taille du site, mais ça plante)

Plus ...

FTP expert Payant.

Plus ...

CuteFTP Payant. (le seul que j'ai trouvé qui me donne la taille du site)

Plus ...


Syntaxe :
ftp://user:motdepass@adresseipfixe:port

Votre site est-il conforme ?





Qui vous a mis dans ses liens ?






Combien avez-vous de visiteurs ?


Visualisation par taille de fenêtre



Nom de domaine pas cher - 5€ (plus de choix)



Aspirateur de site

HTTrack "Gratuit".

version 3.42-3


Si c'est trop tard


http://web.archive.org/web/20020207225217/http://gaf.free.fr/gaf.htm
http://web.archive.org/web/20080108141433/http://www.chez.com/jacky
http://web.archive.org/web/20130707033426/http://www.bignoz.com


Trucs qui énervent



État du trafic chez Free
http://www.free-reseau.fr

Pour IE

Redimensionnement de la fenêtre IE 1024x768 (pour mon PC, 17" barre en haut)
Google par défaut


http://www.cnil.fr
http://www.nic.fr
http://www.netnames.com

Les blogs Le truc de fainéant qui fait tout à notre place, sauf que l'on est très limité en créativité.


WordPress
Gratuit
Adaptatifs

Blogger
Gratuit - Google
Il faut un comte Gmail, c'est à dire être brancher sur les services d'espionnage américain.

Tumblr
Gratuit
Adaptatifs
Plus orienté visuel

Wix
Gratuit (une autre option payante)
Adaptatifs

Medium
Adaptatifs

Blog4ever
Français
Adaptatifs

Autre sites


Plus...

http://www.free.fr
http://www.interfree.it


Acronyme

ADSL = Asymmetric Digital Subscriber Line
DSLAM = Digital Subscriber Access Multiplexer
RSS - Really Simple Syndication
FAI = Fournisseurs d’Accès Internet


Home