Internet

Les Navigateurs
Firefox

Tor
Pale Moon
Internet Explorer


Opera

Maxthon

k-Meleon
SeaMonkey
Chrome
Safari
Netscape

Le top Bien mais lent en découverte Bof Bof Espion de la NSA DCD DCD
Plus ... Plus ... Plus ... Plus ... Plus ... Plus ... Plus ... Plus ... Plus ... Plus ... Plus ...

Quel est votre navigateur ?
lien

Quelle trace laissez-vous ?
lien

proxy.free.fr:3128


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
Gratuit

Free

Avantage :
Gratuit.
Espace disque 10Go.
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é.

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

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.

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


Éditeur

Simplement le Bloc-note (Notepad) mais peu convivial

C:\Windows\notepad.exe

Ou

Beaucoup plus complet, plus ergonomique mais très simple et gratuit.
Notepad++

Plus ...

Ou

Adobe Brackets

Plus ...

Ou

NetBeanss
Encore plus complet et qui signale les erreurs, .

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

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

Effect de vague

Reflet gratuit de Photofiltre.

version 2.6



Compression

Compression PNG



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


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.

version 2.5
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



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

version 1.05
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é


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



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>

<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



Créer une bannière Lien

Taille 120 x 60


Taille 200 x 40


Taille 468 x 60



Adapter la taille de l'écran en fonction de l'appareil sur lequel in est vu.

Site Internet responsive ou mobile friendly (site Internet adaptatif, ou auto-adaptable)

Le "media queries"


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)



QR Code (Quick Response)

(http://xt500.free.fr)


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



Lecteur de code (pour PC)
Générateur en ligne

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 sites à la con


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