Descarga e instalación

Lo primero que vamos a hacer va a ser descargar la versión normal de MAMP – no la pro – de la página oficial. Lo instalamos como cualquier otra aplicación para mac: descomprimimos el zip, abrimos el dmg, trasladamos la aplicación a la carpeta de aplicaciones y abrimos la aplicación.

Iniciar la aplicación

Se abrirá una ventana como la de la imagen. Si no se inician los servidores automáticamente (las luces están rojas), clickamos “Iniciar Servidores”. Cuando las luces estén verdes ya tenemos nuestros servidores funcionando.

Poner una página en el servidor

A partir de ahora tenemos una carpeta que se comportará como la de archivos públicos de un servidor. Eso significa que tenemos que poner en esa carpeta las páginas que queremos que estén en nuestro servidor local. La carpeta en cuestión está en:

Eso significa que, si por ejemplo queremos usar wordpress en nuestro mac lo tendremos que poner en esa carpeta. Un PHP NO funcionará en cualquier carpeta.
Para ver estos archivos en funcionamiento, en el navegador pondrmos la siguiente dirección (si creamos subdirectorios dentro de htdocs, los agregamos después de la última barra):

Crear una base de datos mySQL

Para ir al phpMyAdmin, donde podemos crear y manejar bases de datos mySQL, clickaremos en la ventana de MAMP en el botón “Abrir página de inicio”. En nuestro navegador aparecerá una página con información sobre el servidor. En el menú superior hay un link hacia phpMyAdmin. Una vez ahí, en el formulario indicado con “Crear nueva base de datos” insertamos el nombre i clickamos “Crear”.

Instalación

Como para cualquier add-on para Firefox, lo único que tenemos que hacer es ir a la página del plugin y darle al botón “Añadir a Firefox”. Esperamos a que finalice el proceso de instalación, reiniciamos y ya está.

Usando un poco Edit CSS

Para ejecutar el plugin abrimos Firefox y abrimos cualquier página web, botón derecho del ratón, y Edit CSS. Inmediatamente se dividirá la ventana en dos, a la derecha se mantendrá la web que estábamos viendo y a la izquierda aparecerá el código del CSS. Lo interesante ahora es que podemos cambiar valores y crear estilos y veremos como va afectando todo al diseño (en el marco de la derecha) al mismo tiempo que escribimos.

Esto lo que nos permite es, como he explicado antes, después de tener hecho el archivo XHTML, hacer la hoja de estilos directamente viendo como afecta al diseño. Luego podemos guardarlo para abrirlo en otra ocasión, crear hojas nuevas, guardar con otro nombre…

Lo malo

Ni interpreta mediante colores la sintaxis, ni numera las líneas, ni tiene buscador, ni completa automáticamente como pueden hacer otros editores.