Related Posts Plugin for WordPress, Blogger...

MAMP como servidor local en MAC

Como muchos sabemos el entorno MAC no es muy amigable que se diga, pero si tienes un portatil de esta casa (apple) no queda otra que buscar soluciones o comprar otro!!

En mi caso tengo MAC, aunque se que es un poco complicado al momento de la compatibilidad con programas, yo... sigo y seguiré siendo amante de MAC, es así...y eso no cambiará.
Actualmente me estoy viendo en la necesidad de instalar Prestashop para hacer una tienda online, como aun no tengo dominio(el nombre que identifica nuestra página web) ni hosting( el alojamiento web, donde se almacena toda la información y contenido de nuestra página), para las primeras pruebas con tener un servidor local me basta.

Iré directo al grano y les cuento que mi experiencia con Xampp en MAC fue caótica, no soy experta en programacion ni nada que tenga que ver con informatica, tengo que ver 20 tutoriales previamente... para poder lograr la instalación.

Buscando y buscando, encontré la existencia de Mamp (es la aplicación que nos permite crear nuestro propio servidor local y compatible con entorno MAC) y esta fue la solución!!!

En primer lugar tenemos que descargarlo, este es el enlace http://www.mamp.info/en/downloads/ hay una versión gratis y una de pago, supuestamente la gratis dura 14 días de prueba, yo la instalé hoy así que dentro de 14 días veré si me sigue funcionando o tendré que comprar la versión PRO... (espero que no).

Despúes de descargarla, nos vamos a "Aplicaciones" y ahí nos pararecen dos carpetas(Mamp y Mamp Pro) ejecutamos la aplicación que esta en la carpeta Mamp, realizamos todo el proceso de instalación, luego se nos abrirá una ventana en la cual tenemos que activar el servidor Apache y el servidor MySQL, los marcamos y conectamos servidores, a partir de ahí ya podemos utilizar Mamp como servidor local.

En la ventanda donde activamos el servidor Apache y el servidor MySQL pinchamos en "Abrir página de inicio" y nos redigirá a nuestra pagina local del servidor, en la parte superior en la barra de navegación tendremos algo como "localhost.../MAMP/?language=Spanish", eliminamos todo lo que esta a partir de MAMP y dejamos "localhost.../phpmyadmin" esto nos dirigirá a nuestro administrador de base de datos.


 

Para verificar el correcto funcionamiento de nuestro servidor vamos a "Aplicaciones/Mamp/htdocs" y dentro de la carpeta "htdocs" creamos una carpeta con el nombre que queramos el mi caso "prueba", nos vamos al navegador( Firefox, Safari, Chrome...el que usemos) y en la barra de navenación "localhost.../aqui va el nombre de tu carpeta" y al dar enter nos debería dirigir a nuestra carpeta alojada en nuestro servidor local.

En mi caso me aparecerá el siguiente texto (recuerden que mi carpeta se llama "prueba") :

Index of /prueba

 Y de esta manera nos acabamos de asegurar que nuestro servidor local esta instalado correctamente y que funciona a la perfección.







Comenzar con Javascript

El lenguaje de Javascript personalmente me parece muy complicado, después de aprender HTML5 y CSS ahora tengo que adentrarme en el mundo de JAVASCRIPT si quiero que mis páginas web sean mas interactivas con el usuario. Encontré esta pagina que me gustaría compartir con todos los que quieran aprender este lenguaje desde cero (así como yo) www.codecademy.com cuando accedes a la página te pide que crees una cuenta pero yo comencé el tutorial sin tener una.

Espero que les sea de mucha ayuda ya que me parece mejor empezar de esta manera que leerse miles de páginas explicativas de como aplicar este lenguaje a una página web. 

Nos vemos y ojalá les sea de ayuda para empezar!!!

Como poner gadget en las entradas "Quizás te interese":



Para ver este post, CLICK AQUÍ.

Si quieres más tutoriales fáciles , paso a paso, para poner a punto tu blog, bonito y especial, aquí te dejo mi blog, en el que encontrarás mi curso gratuíto, Crea y Diseña un blog desde cero, paso a paso.




   



Poner un gadget de comentarios recientes en mi blog


ESTE POST NO ESTABA ACTUALIZADO Y LA INFORMACIÓN HA SIDO RETIRADA.

Si quieres más tutoriales chulos visita www.Bloggerpasoapaso.com y te encantará.



   



Si te ha gustado no te olvides de compartir, gracias


¿Nos iniciamos con HTML5? (Parte1)

HTML5 (HyperText Markup Language / Lenguaje de marcas de hipertexto, versión 5).

El HTML es el lenguaje que se emplea para el desarrollo de páginas web, darles estructura y contenido.Cuando accedemos a cualquiera de estos documentos, los navegadores interpretan este lenguaje lo muestran.


En el lenguaje HTML se trabaja con "Tags" (etiquetas) que le indican al navegador como deben mostrar cada elemento, imagen, audio, párrafo, menú y todo lo que compone la página web.


Para realizar nuestra primera pagina web utilizaremos el editor de texto Notepad++ , (ojo este editor de texto solo funciona para PC) así que despúes de descargarlo e instalarlo podemos empezar!!!



          -Abrimos nuestro editor de texto y nos encontraremos con esto:


         Por defecto el programa al abrirlo nos crea un documento nuevo, empecemos a trabajar!!! a continuación escribimos todo este texto (que ahora nos parece una rayada pero que poco a poco entenderemos).


         Esto seria la estructura base de nuestra página:




         
<!DOCTYPE html> : es la etiqueta que nos indica que a tipo de documento nos estamos refiriendo, en este caso el tipo de documento es html.

<html>: es la etiqueta de apertura de todo documento y </html> es la etiqueta de cierre y va al final de todo documento.(si nos fijamos en la imagen en este caso en particular tenemos nuestra etiqueta de apertura en la línea nº2 y la de cierre en la linea nº11).

Dentro de la etiqueta <html> irá todo el contenido de nuestra página </html>

<head>: es la etiqueta cabecera( línea nº3). Dentro de esta tenemos <meta charset="UTF-8"/> aquí le estamos indicando al navegador que nuestra página esta en español y contiene caracteres como la "ñ" y acentos.
Dentro de la misma etiqueta "head" tenemos la apertura de la etiqueta <title> (etiqueta de título) en mi caso "Creatics" y cerramos etiqueta </title> .Cerramos la etiqueta </head> ( línea nº6) ya que no colocaremos nada mas dentro de nuestra cabecera.

<body>: es la etiqueta cuerpo, es decir dentro de esta etiqueta es donde desarrollamos todo el contenido de nuestra página y todo lo que estará visible a la persona que acceda a ella. En este momento no tenemos contenido dentro de nuestro cuerpo así que solo tenemos apertura y cierre de la etiqueta <body></body>.

Y como cierre de todo el contenido de nuestra página tenemos </html>.

¿Hasta aquí todo bien?. Espero que si!!!
Nota: los símbolos "menor que" y "mayor que" enmarcan habitualmente la etiqueta de apertura <  >, y </ >, que acotan la etiqueta de cierre (para toda etiqueta de apertura hay una de cierre).

en nuestro caso el contenedor mas grande es la etiqueta <html> (con una apertura y un cierre) y dentro de esta vamos a tener todos los cajones necesarios para la organización de nuestra página.

Bueno ahora viene el momento de guardar nuestro documento, antes de guardarlo, decirles que cuando se trabaja con paginas web tenemos que tener todo muy bien organizado por carpetas, entonces vamos a crear una carpeta en el escritorio con el nombre que deseen como por ejemplo "proyecto1".

A continuación:


  • Archivo-Guardar como
  • En el apartado nombre pondremos index
  • En el apartado tipo buscamos html
  • y le damos guardar.
Y al guardar el documento nuestro archivo quedará de la siguiente manera:



Es un tutorial muy cortito pero mejor ir aprendiendo poco a poco !!! 


"Como una niña"





Muy típico y triste. Además es algo que podemos cambiar. Para empezar a 

educar en valores los primeros pasos son : 

A B R I R   L O S   O J O S

¿Qué mejor manera de hacerlo que viendo este video?

Espero que os guste y os ayude.








y a ti ¿qué te parece el video?