04/07/13

Les outils indispensables du Webmaster !

Les outils indispensables du Webmaster ! (1/5) > >> K@cem: Bonjour, Dans ce tuto je vais vous parler des outils que chaque Webmaster doit avoir dans son ordi :) Je vais juste vous les prsenter et vous donner des liens qui peuvent vous aider les utiliser ... Sommaire : Notepad++ : Voyez la vie en couleurs !FileZilla : Transfrez 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 dfinis par l'utilisateur ... Il a aussi comme point fort une fonction de recherche et de remplacement trs developp, et la gestions de plusieurs onglets avec une rapidit tel que vous ne sentirez mme pas qu'il est lanc :D Il dispose d'une interface si simple que je ne vais mme pas vous crire un article sur son utilisation ;D Site officiel : http://notepad-plus.sourceforge.net/fr/site.htm Page de tlchargement : http://notepad-plus.sourceforge.net/fr/site.htm FileZilla : 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 connexionsconnexion par protocole SSHrpertoire de liens dj visitscompression des donnes en cours de chargement (acclre la vitesse de transfert)rglage de la bande passantedouble fentre paramtrable type explorateur ( gauche votre disque dur et droite lordinateur distant).Il conviendra aussi bien au dbutant qu lutilisateur confirm, quil soit casanier ou nomade puisque quil existe galement une version "portable" utilisable directement depuis une cl USB par exemple ;D 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"
www.webou.net/communaute/index.php?topic=1129.0;wap2 1/4

04/07/13

Les outils indispensables du Webmaster !

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 dveloppement Web sous Windows. Il vous permet de dvelopper des sites Web dynamiques l'aide du serveur Apache2, du language de scripts PHP5 et d'une base de donnes MySQL version 5. Il possde galement PHPMyAdmin et SQLite Manager pour grer plus facilement vos base de donnes. Bref WAMP permet de faire ce que le serveur de webou.net fait mais en local (sur votre ordinateur) :) Pourquoi je vous prsente WAMP ? Pour pouvoir tester son siten, le changer, le dvelopper mais en local ! Si ces changements se sont bien drouls il vous suffira de transfrer ce que vous avez chang ... WAMP dispose aussi d'un Add-On trs utile qui permet de switcher entre PHP 4 et PHP 5 en 1 minute :D Commencez par tlcharger WAMP sur cette page --> http://www.wampserver.com/download.php Installez le (suivant, suivant ... :P ) 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 dfinie 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, Dsactiver, vous pourrez par exemple * Dsactiver le Javascript, utile en terme de test daccessibilit, en effet le Javascript dans vos pages peut masquer certaines informations. * Pourquoi ne pas repartir de zro et "dsactiver les couleurs de la page", vous pourrez mme dsactiver tous les styles Css de la page (et ce de faon prcise : ceux inclus dans la page, ceux lis une feuille externe) * Depuis que vous utilisez Firefox, les popups vous manquent ? et bien choisissez "dsactiver le bloqueur de popups pour les voir rapparatre. * ... Passons le menu CSS (plus bas) pour sattarder au menu Form. qui vous permettra de tester les formulaires des pages web : * tester les variables envoyes en Get ou en Post
www.webou.net/communaute/index.php?topic=1129.0;wap2 2/4

04/07/13

Les outils indispensables du Webmaster !

* voir les informations lies 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 reprer les images qui nont pas dattribut "alt" (accessibilit), qui nont pas de taille spcifie, de reprer les Url des images. Les menus Informations et Divers sont des petits fourre-tout o lon trouvera des choses bien utiles comme : * laffichage des AccesKeys * laffichage de la taille des blocs * Vous pourrez reprer 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 reprer la "super-structure" de la page en mettant en vidence les blocs, frames, cellules de tableaux... on peut personnaliser les couleurs daffichage des blocs en fonction des lments "div" de la page. Vous pourrez rapidement redimensionner vos pages dans autant de rsolutions que vous souhaitez (il suffit den rajouter) Le menu validation permet de renvoyer vers les "validateurs" connus ( Html, css, accessibilit ). Cette liste est personnalisable, et vous seriez bien inspir dy rajouter ce validateur Html moins "froid" que celui du W3C et francophone de surcrot. A noter que vous pourrez mme tester une page produite en local.

Voil j'espre que ces outils vont vous aider faire de supers sites :D Je les utilise et croyez moi il vont vous faciliter la vie ! A+

Source : http://www.framasoft.net/ Ninety: Et comme Mac prend de plus en plus de part de marche :D On a : Smultron qui remplace Notpad++Cyberduck qui remplace FileZillaMAMP qui remplace WAMP ou encore EasyPHP (Eh hop un petit tuto pour utiliser MAMP :))Concernant Web Developer, Firefox existe aussi sur Mac :P K@cem:
www.webou.net/communaute/index.php?topic=1129.0;wap2 3/4

04/07/13

Les outils indispensables du Webmaster !

Notepad++ est libre donc il peut tre tlcharg (Son code source) et compil sous n'importe quel OS :) Sinon j'ajouterai peut tre une partie pour les autres OS (Linux & Mac ;) ) Merci pour les liens que tu viens de donner ! A+ Ninety: Ah ok je savais pas :) Sinon sous Linux j'utilise Bluefish Editor, XAMPP et gFTP. damon: FileZilla est maintenant sous GNU/Linux! Est disponible uniquement sur le site de dveloppement du projet et est intgr au dpot universe de Ubuntu 7.04. Navigation [0] Index des messages [#] Page suivante

www.webou.net/communaute/index.php?topic=1129.0;wap2

4/4