YACS Le livre de Yacs Créer une identité visuelle

PrécédentSuivantIndex

Les outils pour travailler

Modifier son style, refaire les habillages, tout cela ne peut se faire sans quelques outils indispensables.

[color=red]Cet article peut-doit évoluer grâce à vos apports. N'hésitez pas à laisser un commmentaire ici pour nous aider à l'enrichir. En particulier, des éléments pour plateformes Mac et Linux sont les bienvenus.[/color] [title]En Intro[/title] Pour rester fidèle à l'esprit du monde libre, les outils présentés ici sont majoritairement des logiciels libres. Après le libre, on va de préférence vers les gratuits. Certains nous rapportent utiliser des logiciels propriétaires et payant ! Ben on les a mis aussi ! Nul besoin pourtant de se ruiner pour avoir le site web de ses rêves ! Par contre, on vous renvoie gentiment vers les sites correspondants pour tout ce qui touche aux subtilités d'utilisation.

Nous avons adopté la classification suivante : - Logiciels libres : de l'open source et des licences libres, à télécharger, user, distribuer, modifier, sans retenue ; - Graticiels : Logiciels propriétaires mais distribués gratuitement ; - Propriétaires : Logiciels propriétaires et payants. Cette liste a été construite à partir d'une question dans le forum : quels sont vos outils pour faire de Yacs "votre Yacs" ?

[title]Editer les pages .css et .php[/title] Il existe de nombreux éditeurs. Voici ceux qui sont utilisés par les Yacsiens. [subtitle]Logiciel libre[/subtitle] - Notepad++ - Notepad2 - Nvu - Gedit (sous Gnome, linux) - BlueFisch (linux, sous Gnome c'est sûr, sous KDE ?) - Scite [subtitle]Graticiel [/subtitle] - Crimson Editor - PsPad editor - ConTEXT - HTML-Kit (html) - TopStyleLite (spécifique .css) [subtitle]Propriétaire[/subtitle] - Dreamweaver (html) [title]Régler les css, débugger - y compris javascript[/title] [subtitle]En libre[/subtitle] - Webdevelopper, extension Firefox. Comporte la possibilité d'éditer directement les feuilles de styles pour faires des modifications "en direct", que l'on peut ensuite rapatrier pour de vrai. - Firebug, extension Firefox. LE couteau suisse du développeur, excellent pour les codes, voire mieux que webdeveloppeur, mais aussi et surtout, pour ceux qui y mettent les doigts, pour le javascript. Un must à utiliser sans aucune retenue. [title]Les images[/title] [subtitle]Logiciel libre[/subtitle] - The Gimp. équivalent de photoshop. Requiert un bon temp d'adaptation (bon, photoshop aussi, alors...) - Gestionnaire d'images gThumb, sous Gnome, linux, permet le redimensionnement rapide (pas par lot) - Gcolor2, sous Gnome, Linux, une gestion rapide et très pratique des couleurs (repiquer une couleur sur une fenêtre ouverte, enregistrer ces couleurs pour les réutiliser...) - extension ColorZilla pour Firefox - marche mieux sous windows : pour repiquer n'importe quelle couleur sur la fenêtre en cours du navigateur [subtitle]Graticiel[/subtitle] - Photofiltre (retouche, redimensionnement, filtres) - IrfanView (visualiser et redimensionner par lot) - PicSizer (redimensionner les images par lot) - Xnview (Visualisation, retouche et conversion de fichiers image) [subtitle]Propriétaire[/subtitle] - Photoshop - Photofiltre studio (version shareware de photofiltre avec gestion des calques) [title]Navigateurs[/title] Les navigateurs, il y a ceux que l'on utilise pour "tout le temps", et ceux avec lesquels on vérifie que notre site passe bien. Pour faire court, l'immense quasi unanimité va à l'utilisation des libres, et le reste, c'est pour la vérification. Et c'est loin d'être inutile, croyez-nous, c'est même carrément indispensable et parfois source d'arrachage en règle de cheveux ! Allez, courage, on est tous avec vous ! [subtitle]Logiciel libre[/subtitle] - Firefox, avec ses extensions et sa gestion des onglets, y'a pas plus pratique pour tout avoir sous la main. - Konqueror (Linux) - Mozilla [subtitle]Graticiel[/subtitle] - Internet Explorer 6 - Opera - Safari (mac) [title]Les serveurs locaux[/title] Si vous faites héberger votre site chez un hébergeur, en mutualisé ou dédié, vous vous adaptez à ce qu'il propose. Mais si vous voulez installer votre site en local, sur une de vos machines, il va vous falloir quelques outils pour cela. Les environnements "tout prêts" (ou presque) comportent la base : serveur Apache, base de données MySql, langage(s) de programmation (Perl, Php ou encore Python). Tous les environnement proposent au moins Apache, Mysql et Php (AMP donc ). Ici, on parle de libre.

* EasyPHP pour windows * XAMPP, multiplateformes, très complet * Lamp (avec L comme... linux bien sûr !) * ZMWS (comme ZazouMiniWebServer) Pour installer Yacs sur EasyPhp, consultez la documentation ici.

Vous trouverez dans cet espace installation de la documentation tout un tas d'informations utiles pour l'installation de Yacs dans divers cas de figures. [title]Les outils pour la gestion des serveurs distants[/title] En local, on dézippe Yacs et on le met dans un répertoire de sa machine, ça va vite et on maîtrise le copier-coller ou le déplacement.

Pour aller installer et mettre à jour votre yacs préféré chez votre hébergeur ou sur un autre serveur distant, il faut être en prime équipé avec de quoi faire le travail de transfert. Rien de bien compliqué à cela.

Ici encore, les outils sont nombreux, et leurs fonctionnalités ou les buts pour lesquels ils sont utilisés diffèrent.

Petite précision avant de commencer sur la notion de "connexions sécurisées" :
c'est en fait l'utilisation de certificats SSL/SSH.
Tout dépend du serveur, s'il accepte des connexions [hint=Transport Layer Security]TLS[/hint] (remplaçant de [hint=Secure Socket Layer]SSL[/hint]), [hint=Secure Shell version 1]SSH1[/hint] ou [hint=Secure Shell version 2]SSH2[/hint]. Dans les 3 cas, ça s'appelle du [hint=Secure FTP]SFTP[/hint] (voir les infobulles) [subtitle]Pour le transfert FTP = Manipulation à distance de fichiers[/subtitle] * FileZilla, de la fondation Mozilla, pratique et efficace. Supporte les transferts sécurisés si vous en avez besoin. Un classique, libre. * Gftp sous Linux (Gnome). * FireFtp : une extension de Firefox, qui s'ouvre dans un onglet. Peut être pratique pour des vérifications ou petits transferts. Un peu trop lent pour les grosses manoeuvres. [subtitle]Pour la gestion de serveurs distants = Transfert FTP + Ligne de commandes (accès au shell à distance)[/subtitle] * Total Commander (le préféré de Bernard si j'ai bien tout suivi ). C'est un manipulateur de fichiers. Recherches, Comparaison de fichiers, Synchro de répertoires, Travail sur archives, client FTP/[hint=FTP serveur à serveur]FXP[/hint], etc. * WinSCP : un client SFTP pour Windows comme Filezilla mais sous la forme Norton Commander ou Explorer. * PuTTY : un client SSH, Telnet, rlogin, et TCP. Il permet de faire de la ligne de commandes sécurisée sous SSH. [title]Les "zipeurs-dézipeurs"[/title] Voilà donc un type d'outil absolument incontournable, ne serait-ce que pour utiliser l'archive de Yacs que vous avez téléchargé à cet endroit là.

Tout le monde a entendu parler du format propriétaire zip et du logiciel propriétaire qui va avec. Mais point besoin de vous ruiner ou de vous mettre dans l'illégalité pour vos archives :

* 7zip, un libre très performant, supportant un très grand nombre de formats de compression. Le format 7zip étant pour sa part impressionnant d'efficacité. * IZarc. J'ai pas testé ni trouvé d'infos plus précises, mais pas sous licence libre, bien que gratuit (? open-source ?). Très nombreux formats suportés également.

Je fais l'impasse sur les logiciels propriétaires payants : pas besoin. [title]Pour aller plus loin[/title] Voilà, j'arrête là pour les outils nécessaires aux objectifs de cette section (à savoir l'habillage de votre site).

Je n'ai pas répertorié tout ce qui existe, loin de là, donc allez-y de votre contribution pour que l'on complète l'article. De même si vous repérez une indispensable mise à jour.

Si vous cherchez des informations sur les feuilles de styles, le html... et tout ce qu'il faut pour habiller votre yacs - maintenant que vous avez les outils - voyez Permiers pas avec les feuilles de style.

Par ailleurs, si vous avez des infos plus précises à demander ou à donner sur les outils : c'est juste en dessous, le lien pour ajouter un commentaire !

PrécédentSuivantIndex