Bonjour,
Dans ce tuto je vais vous parler des outils que chaque Webmaster doit avoir dans son ordi
Je vais juste vous les présenter et vous donner des liens qui peuvent vous aider à les utiliser ...Sommaire :- Notepad++ : Voyez la vie en couleurs !
- FileZilla : Transférez votre site.
- WAMP : Pourquoi ne pas tester avant de mettre en ligne ?
- Web Developer : Une extension pas comme les autres.
Notepad++Notepad est un éditeur de texte gratuit, libre et qui a pour particularité la coloration syntaxique de votre code source !
Il supporte un bon nombre de languages, et peut aussi colorer des mots définis par l'utilisateur ...
Il a aussi comme point fort une fonction de recherche et de remplacement très developpé, et la gestions de plusieurs onglets avec une rapidité tel que vous ne sentirez même pas qu'il est lancé
Il dispose d'une interface si simple que je ne vais même pas vous écrire un article sur son utilisation
Site officiel :
http://notepad-plus.sourceforge.net/fr/site.htmPage de téléchargement :
http://notepad-plus.sourceforge.net/fr/site.htmFileZilla :FileZilla est un client FTP (File Transfer Protocol) gratuit, rapide et fiable !
Ce logiciel propose tout ce dont vous avez besoin pour le transfert de fichiers :
- éditeur de connexions
- connexion par protocole SSH
- répertoire de liens déjà visités
- compression des données en cours de chargement (accélère la vitesse de transfert)
- réglage de la bande passante
- double fenêtre paramétrable type explorateur (à gauche votre disque dur et à droite l’ordinateur distant).
Il conviendra aussi bien au débutant qu’à l’utilisateur confirmé, qu’il soit casanier ou nomade puisque qu’il existe également une version "portable" utilisable directement depuis une clé USB par exemple
Pour configurer votre site il suffit de cliquer sur le petit ordinateur en haut a gauche du logiciel :
Vous devez maintenant renseigner les champs qui vous sont fournis par votre FAI ou hebergeur, vous les trouverez dans votre espace client en ligne :
1-Cliquez sur "nouveau site"
2-Donnez un nom a votre connexion
3-Rentrez l'adresse de votre serveur ftp
--> Pour webou : 72.52.150.151
4-Cochez "normal"
5-Rentrez vos noms d'utilisateur et mot de passe
6-Validez
Pour plus d'infos sur sa configuration je vous invite à lire ceci :
http://www.pcentraide.com/index.php?showtopic=26 
WAMP :WAMP5 est une plateforme de développement Web sous Windows. Il vous permet de développer des sites Web dynamiques à l'aide du serveur Apache2, du language de scripts PHP5 et d'une base de données MySQL version 5. Il possède également PHPMyAdmin et SQLite Manager pour gérer plus facilement vos base de données.
Bref WAMP permet de faire ce que le serveur de webou.net fait mais en local (sur votre ordinateur)
Pourquoi je vous présente WAMP ?
Pour pouvoir tester son siten, le changer, le développer mais en local !
Si ces changements se sont bien déroulés il vous suffira de transférer ce que vous avez changé ...
WAMP dispose aussi d'un Add-On très utile qui permet de switcher entre PHP 4 et PHP 5 en 1 minute
Commencez par télécharger WAMP sur cette page -->
http://www.wampserver.com/download.phpInstallez le (suivant, suivant ...
) et lancez le !
Pour plus d'infos sur son utilisation je vous invite à lire ce tuto :
http://www.vulgarisation-informatique.com/ide-php-wamp.php Web Developer :Web Developer est une extension de Firefox, elle pourrait être définie comme "le couteau suisse pour Webmasters" !!
Vous pouvez l'installer via cette page :
http://chrispederick.com/work/web-developer/Petite revue des menus :
Dans le premier menu, Désactiver, vous pourrez par exemple
* Désactiver le Javascript, utile en terme de test d’accessibilité, en effet le Javascript dans vos pages peut masquer certaines informations.
* Pourquoi ne pas repartir de zéro et "désactiver les couleurs de la page", vous pourrez même désactiver tous les styles Css de la page (et ce de façon précise : ceux inclus dans la page, ceux liés à une feuille externe)
* Depuis que vous utilisez Firefox, les popups vous manquent ? et bien choisissez "désactiver le bloqueur de popups pour les voir réapparaître.
* ...
Passons le menu CSS (plus bas) pour s’attarder au menu Form. qui vous permettra de tester les formulaires des pages web :
* tester les variables envoyées en Get ou en Post
* voir les informations liées aux formaulaires : adresse du script utilisé, ID, voir les mots de passe que vous entrez
* ...
Le menu images
* vous donnera des informations visuelles : taille, affiche/masquer...
* vous permettra par exemple de repérer les images qui n’ont pas d’attribut "alt" (accessibilité), qui n’ont pas de taille spécifiée, de repérer les Url des images.
Les menus Informations et Divers sont des petits fourre-tout où l’on trouvera des choses bien utiles comme :
* l’affichage des AccesKeys
* l’affichage de la taille des blocs
* Vous pourrez repérer facilement les "ID" et les "Class"
* Lire les informations sur les cookies ou les effacer
* Vider le cache
* Afficher les commentaires du code Html
* ...
Le menu "Entourer" permet de repérer la "super-structure" de la page en mettant en évidence les blocs, frames, cellules de tableaux... on peut personnaliser les couleurs d’affichage des blocs en fonction des éléments "div" de la page.
Vous pourrez rapidement redimensionner vos pages dans autant de résolutions que vous souhaitez (il suffit d’en rajouter)
Le menu validation permet de renvoyer vers les "validateurs" connus ( Html, css, accessibilité ). Cette liste est personnalisable, et vous seriez bien inspiré d’y rajouter
ce validateur Html moins "froid" que celui du W3C et francophone de surcroît. A noter que vous pourrez même tester une page produite en local.
Voilà j'espère que ces outils vont vous aider à faire de supers sites
Je les utilise et croyez moi il vont vous faciliter la vie !
A+
Source : http://www.framasoft.net/
