7 gener 2010

Aplicacions i eines en la creació i maquetació de pàgines web [Part 1]

         Compartir: Compartir Compartir Compartir Compartir Compartir Compartir

En tota la Catosfera, i la Blogsfera en general, la fi de l’any és sinònim de grans llistes d’aplicacions més usades el 2009. Podem trobar un exemple d’aquestes llistes a Bitelia o a Think Wasabi.

A Disse.cat no volem fer un resum de les aplicacions més usades i populars d’aquest any passat. Volem fer una llista d’aplicacions per al disseny i maquetació web que fem servir. No és sinònim de que són les millors, però segurament el debat que obrim ens enriquirà en la forma de treballar.

Disseny gràfic: Adobe Fireworks

Utilitzo aquest programa des de la seva versió 7. Ara, amb la versió CS4, trobo que és el programari perfecte per la gestió gràfica de la teva pàgina web. La forma de treball en capes senzilla, l’exportació a elements gràfics amb format web, i les seves adreces ràpides de teclat em donen una eina molt productiva. He provat GIMP o Photoshop, i em permeto la llicència que són programes per el retoc, no per el disseny web.

Maquetació web: Adobe Dreamweaver

El programa per excelència de maquetació web, tant però programadors com per dissenyadors. La seva senzillesa em va ajudar a l’inici, actualment la seva gestió d’arxius en servidors externs em fan treballar de manera fàcil i accessible. La facilitat de treball amb arxius WordPress, o Php, em permet una rapidesa d’ús que amb altres programes com Ultraedit 32 o Coda no m’han donat.

El problema dels dos programes inicials és el seu preu.

Client FTP: Filezilla

No hi ha dubte, no hi ha res a dir. Gratuït, bona gestió de servidors d’FTP.

En la segona part, parlarem d’aplicacions més concretes com IETester , validadors de codi.

Utilitza l'enllaç curt per les xarxes socials:

Tags de l'article:

Etiquetes: , ,

6 comentaris a l'entrada: Aplicacions i eines en la creació i maquetació de pàgines web [Part 1]

  1. Joana diu:

    Suposo que coneixes firebug, extensió per firefox per inspeccionar els elements de la web i canviar les seves propietats, és una de les eines imprescindibles per mi alhora de maquetar webs :P

    Jo per disseny, inkscape+gimp. Em vaig acostumar des de un inici, i ara són imprescindibles per mi.

    i d'editor faig servir el jedit, gedit o el geany.

    Salutacions.

  2. admin diu:

    Doncs no conec jedit, gedit, o geany. Em passes les URL's?

  3. Joana diu:

    http://www.jedit.org/ http://projects.gnome.org/gedit/ http://www.geany.org/

    geany i gedit són molt senzills, però arranquen rapid, i van molt bé per editar fitxers quan navegues per el navegador de fitxers.

    jedit és molt lleuger i suporta ftp ssh, gràcies als plugins que té.

    :)

  4. theUniC diu:

    M'agradaria afegir l'editor senzill per excelencia: ViM (http://vim.org) … personalment gEdit m'agrada i a més es pot tunnejar per a que s'assembli al TextMate (http://macromates.com – la meva debilitat :) de MAC, però ViM es pot executar a la linia de comandes, cosa que el fa extremadament útil!

    També m'agradaria afegir (no només com a editors, sinó com a entorns de desenvolupament integrat :) , Eclipse (http://eclipse.org) i Aptana (http://aptana.com). Sobretot destacar el primer (el segon está basat en el primer) degut a que es útil per a desenvolupar qualsevol tipus de projecte. Els maquetadors de Smarty poden estar d'enhorabona, doncs disposa d'un plugin de resaltat de sintaxi.

    Salutacions! :)

  5. admin diu:

    La veritat és que el "auge" de les aplicacions amb Smarty fan que aquests programes siguin de gran utilitat.

    Records,

  6. Jaume diu:

    I les eines de software lliure? Què opineu els que us dedicau a això del disseny?

Deixa un comentari

L'adreça electrònica no es publicarà Els camps necessaris estan marcats amb *

*

Podeu fer servir aquestes etiquetes i atributs HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>