LECTURA: TPRG11_MIIISI_S02_LE03

Módulo: III. Desarrolla aplicaciones web y móviles

Submódulo: I. Desarrolla aplicaciones web.
No. de secuencia: 02

Herramientas básicas para el desarrollo de una web en PHP, en sus diferentes fases de diseño e
implementación.

Fases: diseño y maquetación

Adobe Photoshop: Esta aplicación está disponible para plataformas tales como Windows y
Macintosh, y es de las herramientas más caras, aunque es el más usado y gracias a ello dispone de
una gran comunidad de usuarios con los que poder contar ante cualquier problema.
GIMP: Es el equivalente de software libre más próximo a Photoshop. Al ser libre es posible
conseguirlo gratuitamente, y de hecho cualquier distribución GNU/Linux lo incluye. Al igual que en
Photoshop, con él podremos crear el diseño y las imágenes de la maquetación HTML. También
disponible en Windows.

Fase: maquetación
Adobe Fireworks: El editor de gráficos vectoriales más fácil de usar. Al igual que su compañero
Photoshop es muy caro, y más aún si tenemos una gran alternativa gratuita como es Inkscape.
Inkscape: El equivalente en Windows es Adobe Fireworks. Es un excelente editor gráfico vectorial
con el que poder crear iconos, banners, y demás dibujos de forma muy fácil y sencilla, incluso para
aquellos que no tengan demasiados conocimientos en edición gráfica digital.

Fases: maquetación, programación cliente

Dreamweaver, Aptana, Amaya: Con ellos se crea el código HTML/CSS (maquetación), siendo
Aptana la opción más profesional para la programación cliente (Javascript).

Fase: programación servidor

Zend Studio: Sin duda el mejor IDE existente en el mercado para desarrollo web con PHP. Es
comercial, aunque no demasiado caro teniendo en cuenta la excelente herramienta que es. Además
es posible descargarlo desde la web de Zend para probarlo durante 30 días.
Con él se crea fácilmente la aplicación web en PHP. Aunque se puede usar igualmente cualquier
editor. Una muy buena alternativa es Eclipse con el plugin PHP.
Otra aplicación muy útil que está muy ligada a Zend Studio es Zend Platform, un módulo para
Apache que permite depurar una web directamente en el navegador (Internet Explorer o Firefox),
además de otras funciones más complejas, como alertas configurables para que nos envíe un email
por cada error ocurrido en la web, o cuando un script sobrepase un tiempo determinado de ejecución,
por ejemplo.

Fase: prueba local

Apache Instalar un servidor web Apache en la máquina donde desarrollamos es fundamental. De
esta manera haremos pruebas rápidamente: editamos un fichero PHP, vamos al navegador,
actualizamos, y vemos los cambios.

Fases: pruebas en local, depuración

Firefox / Firebug / Web Developer Extension: Firefox es sin duda la mejor herramienta creada en
los últimos tiempos para los desarrolladores web, y con Firefox sus dos extensiones más útiles para
nuestra profesión: Firebug y Web Developer.
Con Firebug podremos depurar Javascript, editar HTML y CSS en la misma página para ver los
cambios en tiempo real, consultar los tiempos de carga de la página en conjunto, de las imágenes,
javascripts, hojas de estilo, etc, así como sus tamaños, etc. Y Web Developer, ofrece herramientas
muy útiles como ver las cookies de la web, ocultar imágenes, cambiar el tamaño del navegador a
resoluciones estándar, etc.

Fase: Subir ficheros al servidor del hosting

Una vez hayamos concluido todas las fases anteriores, y el proyecto esté listo, deberemos subirlo al
servidor que dará hospedaje al sitio de nuestra aplicación web.
La herramienta a utilizar dependerá de las opciones que ofrezca el hosting, que infortunadamente en
la mayoría de los casos es solamente el antiguo FTP. En Dreamweaver y Zend Studio se tiene un
cliente FTP y SFTP (SSH), y la tarea consistirá simplemente en configurar el FTP y copiar y pegar los
directorios que se requiera subir.

Fuente:
http://www.maestrosdelweb.com/editorial/herramientas-adecuadas-para-el-diseno-y-desarrollo-de-un-
sitio-web/