Memorias de un webmaster – Equipo

Ayer se me olvidó comentar qué programas utilizo para el desarrollo de páginas webs, y pido disculpas por ello, pero voy a intentar subsanar ese problema rápidamente con una lista de programas y páginas web que he utilizado, utilizo y utilizaré para la labor en cuestión.

Primero – Entorno de programación.

Pantallazo de NetBeans

Pantallazo de NetBeans

Existen cientos de programas con los que se puede programar, al menos para crear páginas web, ya que no hace falta compilar código (no como en C, Java), por lo que, si tienes Bloc de notas bastaría pero no lo recomiendo.
No lo he dicho todavía, pero uso Ubuntu (Linux) como sistema operativo. No voy a entrar en detalles de porqué lo hago, pero todos los programas que mencione serán en su versión de Linux, y no tengo ni idea de las versiones para Windows, que creo que existen, y supongo que serán iguales, pero si de verdad quieres entrar de lleno en este mundo, te recomiendo hacerte una partición con Linux, sea cual sea la distro escogida.

Como iba diciendo, no recomiendo usar un bloc de notas (GEdit está mejor, pero tampoco) para programar, si no una herramienta mas potente como Netbeans (Wikipedia).
Es completamente gratuíto y yo me he instalado la versión completa, con soporte para multitud de lenguajes de programación, y, aunque en la lista de paquetes solo aparezca PHP y Ruby como lenguajes de programación web, también tiene XHTML y Javascript.

Imagino que si estás intentando desarrollar una  página web, sabrás instalar un programa, así que no haré referencia a la instalación.

Segundo – Desarrollo gráfico.

El Gimp

El Gimp

Yo utilizo El Gimp, también libre y con multitud de opciones, no si se será mejor o peor que PhotoShop, pero para todo lo que necesito funciona, y puedes conseguir resultados muy buenos con esta herramienta.

Haciendo una equivalencia con el apartado 1, puedes utilizar el Paint para realizar los gráficos de tu web, pero dudo mucho que puedas llegar a hacer algo tan interesante como con un programa como El Gimp o PhotoShop.

Digo lo mismo que antes para la instalación.

Tercero – Utilidades de internet.

Elegir un conjunto de colores para la web no suele ser tarea fácil, al igual que también se necesita un sitio de donde sacar al menos una plantilla inicial, o librerias, para todo ello, guarda los siguientes enlaces:

Cuarto – Servidor.

LAMP en Synaptic

LAMP en Synaptic

Hasta que no lleguemos a PHP no lo vas a necesitar, pero sería bueno que intentaras instalarte un servidor en tu ordenador para poder trabajar con Php.
Yo utilizo LAMP (Linux, Apache, MySql y Php) para trabajar, pero todo instalado por separado, aunque puedes configurarlo todo del tirón.

Para instalar LAMP en Ubuntu la cosa es muy pero que muy sencilla, tan sólo tienes que ir a Sistema -> Administración -> Gestor de paquetes Synaptic y una vez abierto ir a Editar -> Marcar paquetes por tarea y seleccionar LAMP Server.
Haz click en aceptar, dale a aplicar y deja que Ubuntu haga su trabajo.

Para gestionar las bases de datos (más adelante) te recomiendo instalarte el paquete phpmyadmin.

Quinto – Navegador y complementos.

Firefox con Firebug y WebDeveloper

Firefox con Firebug y WebDeveloper

Como sabrás existen multitud de navegadores, y las páginas, aunque cumplan los estándares, no se ven iguales en unos navegadores que en otros. Pero bueno, nosotros nos vamos a centrar en usar Firefox, por la cantidad de plugins para el desarrollo web que tiene (aunque de momento usaremos sólo 2).

Los plugins/extensiones que usaremos son Firebug para el desarrollo de la parte de JavaScript y Web Developer para el CSS y diseño.

En la imagen podéis observar el aspecto de mi navegador, en el cual, el marco de abajo es el Firebug corriendo (ha capturado una petición Ajax) y la barra que hay debajo de los marcadores es Web Developer.

De momento eso es todo, en la siguiente entrada nos meteremos directamente con el CSS de la página y te contaré que pasos y consejos seguí para cambiarle el aspecto a mi web de ganar dinero.

Compárteme:
  • Digg
  • Facebook
  • Mixx
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • email
  • Live
  • Meneame
  • Add to favorites
  • del.icio.us
  • enchilame
  • Fresqui
  • Webeame
  • PDF

Posiblemente relacionadas

  1. No comments yet.

  1. No trackbacks yet.