Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL Webou Webou Pro
Recherche avancée  
*
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
24 Novembre 2017, 00:48:02


Connexion avec identifiant, mot de passe et durée de la session


Pages: [1] 2   Bas de page
  Imprimer  
Auteur Fil de discussion: Les outils indispensables du Webmaster !  (Lu 20603 fois)
0 Membres et 1 Invité sur ce fil de discussion.
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« le: 07 Juin 2007, 20:48:01 »

Bonjour,
Dans ce tuto je vais vous parler des outils que chaque Webmaster doit avoir dans son ordi  Sourire

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é  Souriant
Il dispose d'une interface si simple que je ne vais même pas vous écrire un article sur son utilisation  Grimaçant

Site officiel : http://notepad-plus.sourceforge.net/fr/site.htm
Page de téléchargement : 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 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  Grimaçant

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  Clin d'oeil

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)  Sourire

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  Souriant

Commencez par télécharger WAMP sur cette page --> http://www.wampserver.com/download.php
Installez le (suivant, suivant ...  Tire la langue ) 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  Souriant
Je les utilise et croyez moi il vont vous faciliter la vie !
A+


Source : http://www.framasoft.net/
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL
« le: 07 Juin 2007, 20:48:01 »

 Journalisée
Ninety
Bavard
***
Hors ligne Hors ligne

Messages: 122


Voir le profil
« Répondre #1 le: 08 Juin 2007, 09:55:52 »

Et comme Mac prend de plus en plus de part de marche Souriant

On a :

  • Smultron qui remplace Notpad++
  • Cyberduck qui remplace FileZilla
  • MAMP qui remplace WAMP ou encore EasyPHP (Eh hop un petit tuto pour utiliser MAMP Sourire)
  • Concernant Web Developer, Firefox existe aussi sur Mac Tire la langue
Journalisée
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« Répondre #2 le: 08 Juin 2007, 13:05:12 »

Notepad++ est libre donc il peut être téléchargé (Son code source) et compilé sous n'importe quel OS  Sourire
Sinon j'ajouterai peut être une partie pour les autres OS (Linux & Mac  Clin d'oeil )
Merci pour les liens que tu viens de donner !
A+
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
Ninety
Bavard
***
Hors ligne Hors ligne

Messages: 122


Voir le profil
« Répondre #3 le: 08 Juin 2007, 20:46:27 »

Ah ok je savais pas Sourire Sinon sous Linux j'utilise Bluefish Editor, XAMPP et gFTP.
Journalisée
damon
Nouveau
*
Hors ligne Hors ligne

Messages: 3



Voir le profil
« Répondre #4 le: 22 Juin 2007, 23:28:51 »

FileZilla est maintenant sous GNU/Linux!

Est disponible uniquement sur le site de développement du projet et est intégré au dépot universe de Ubuntu 7.04.
Journalisée

"Le logiciel, c'est comme le sexe, c'est mieux quand c'est libre." Linus TORVALDS
Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL
« Répondre #4 le: 22 Juin 2007, 23:28:51 »

 Journalisée
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« Répondre #5 le: 23 Juin 2007, 00:49:46 »

Oui je viens de le voir !
Merci damon pour cette merveilleuse nouvelle Sourire
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
emmanuel
Nouveau
*
Hors ligne Hors ligne

Messages: 20


Voir le profil
« Répondre #6 le: 27 Juin 2007, 22:44:30 »

Bonsoir à tous,

Comme éditeur gratuit, j'utilise Hapedit.
Simple et efficace, il fait mon bonheur

http://hapedit.free.fr/
Journalisée
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« Répondre #7 le: 28 Juin 2007, 01:42:58 »

D'après les screens que j'ai vu, notepad++ ou PSPad  sont mieux !
Mais bon, j'ai jamais essayé pour en être sûr ... Souriant
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
Ninety
Bavard
***
Hors ligne Hors ligne

Messages: 122


Voir le profil
« Répondre #8 le: 28 Juin 2007, 13:01:43 »

Je pense qu'il ont besoin d'une grosse MaJ vu la tronche du logiciel ^^
Journalisée
Angel-Queen
Invité
« Répondre #9 le: 01 Avril 2008, 18:10:59 »

Bien le bonjour, tout d'abord, merci pour tout les tutoriels, c'est bien sympa.
Ensuite, j'aimerais bien savoir comment avoir "web développeur" en français. Pas que je parles pas anglais mais c'est quand même plus agréable.

D'avance merci, Angel

Edit pour en dessous : merci beaucoup -_-... mais c'est toujours pas en français... peut-être demain.
« Dernière édition: 01 Avril 2008, 23:34:44 par Angel-Queen » Journalisée
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« Répondre #10 le: 01 Avril 2008, 21:58:10 »

Ici : https://addons.mozilla.org/fr/firefox/addon/60
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
district9
Bavard
***
Hors ligne Hors ligne

Messages: 114



Voir le profil WWW
« Répondre #11 le: 02 Avril 2008, 09:36:04 »

Moi aussi j'utilise HAPedit, ne vous fiez pas aux apparences, malgré son aspect, c'est un très bon éditeur, simple et très très efficace !!
Comme le dit le proverbe : "l'habit ne fait pas le moine." Et en plus il est gratuit ...  Clin d'oeil
Journalisée

nitro007
Invité
« Répondre #12 le: 04 Juillet 2008, 20:28:33 »

Bloc-notes et le meilleur editeur !
Journalisée
K@cem
Never trust user input
Big boss
*****
Hors ligne Hors ligne

Messages: 2 724



Voir le profil WWW
« Répondre #13 le: 05 Juillet 2008, 00:44:27 »

Bloc-notes et le meilleur editeur !
Bloc notes fait une colorisation syntaxique ?
Bloc notes fait de l'Auto-complétion ? gère plusieurs documents par onglets ? gère l'indentation du code ?
Non, je ne vois donc pas pourquoi bloc note serait le meilleur éditeur ^^
++
Journalisée

Le support ne se fait pas par MP, merci de le respecter !
anonyme480
Nouveau
*
Hors ligne Hors ligne

Messages: 1


Voir le profil
« Répondre #14 le: 08 Juillet 2008, 19:34:36 »

Personnellement, sous Linux j'utilise également bluefish qui est selon-moi un exellent logiciel. Je le préfère a notepad++ (ce dernier est moins axé développement web) et n'est pas disponible sur toutes les distrib linux, notamment mandriva.
Journalisée
Pages: [1] 2   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Dilber MC Theme by HarzeM
Page générée en 0.03 secondes avec 22 requêtes.