De McDonald. T / Actualizado el 28 de noviembre de 2018
Crear un sitio web puede parecer desalentador si eres nuevo en el diseño web. La verdad es, sin embargo, que construir su propio sitio web de prueba es tan fácil que lo avergonzará. Solo necesita las herramientas correctas para hacer el trabajo. Los soportes y xampp se pueden usar en Mac, Windows o Linux, pero en este blog me centraré en Mac.
¿Qué es un sitio web de prueba?
Un sitio de prueba es un sitio que puede crear sin necesidad de un servidor o un host web. Puede crear el sitio de prueba todo en su propia computadora y jugar con él hasta que esté satisfecho con él. Esta es una muy buena manera de aprender HTML5 y PHP en un entorno seguro.
1) Instalar Brackets
Brackets es un editor que le permitirá codificar y probar archivos. Brackets es fácil de usar y tiene una pequeña característica ingeniosa, llamada vista en vivo, que le permite ver el código en un navegador web como se vería como una página web. En otras palabras, traduce el código en una página web. Brackets es un software libre y de código abierto que utiliza una combinación de colores en su código fuente a medida que lo escribe.
Costo: gratis
Descarga desde http://brackets.io/
2) Instalar xampp-vm
Xampp-vm es una aplicación fácil de usar que crea un servidor virtual con el que puede jugar y es fácil de instalar. Con xampp-vm, creará hermosos sitios web en muy poco tiempo. Xampp viene con una base de datos, php, Perl y Apache.
Costo: Descarga gratuita
desde https://www.apachefriends.org/index.html
Guía de instalación
3) Configurar corchetes para ver archivos php
Configurar corchetes con xampp-vm para ver archivos php es más fácil de lo que la mayoría de la gente piensa. Después de la instalación, inicie xampp-vm y haga clic en inicio desde la ficha general y, a continuación, en iniciar todo desde la ficha servicios. Una vez hecho esto, seleccione un puerto para usar y haga clic en Habilitar en la ficha red. Ahora que ha completado esto, vaya a la pestaña volúmenes y haga clic en montar. Aparecerá un volumen de disco en su escritorio llamado lampp: ábralo. Busca ‘htdocs’ una vez abierto. ‘htdocs’ es la carpeta que necesita para almacenar los archivos para su sitio web de prueba. Además, es bueno crear una nueva carpeta en ‘htdocs’ con un nombre razonable como ‘MyWeb’. La carpeta’ MyWeb ‘ es ahora el lugar para guardar todos los archivos nuevos para el sitio web de prueba.
Ahora abra los corchetes y vaya a Archivo > Abrir carpeta. En la barra lateral del menú, busque un volumen bajo compartido que tenga lo que parece una dirección IP (una cadena de números y puntos) y haga clic en él. Debe contener una carpeta llamada lampp: abrirlo. Ahora abra la carpeta htdocs y seleccione (un clic) la carpeta MyWeb y ábrala usando el botón ‘Abrir’ en la parte inferior de la ventana. Finalmente, vaya a Archivo > Configuración del proyecto y pegue http://localhost:8080/MyWeb/ y haga clic en Listo. Ahora, cuando escriba un archivo php y lo guarde en esta ubicación, podrá usar la vista en vivo entre corchetes. El botón para la vista en vivo se encuentra en la parte superior derecha y parece un rayo lateral. Ahora encienda apache, si tiene un Mac, escriba ‘sudo apachectl start’ en Terminal y presione enter, luego ingrese su contraseña y presione enter. Eso es! Está listo para crear una página web de prueba. Si desea probar apache, escriba localhost en la barra del navegador y presione entrar. Debería ver «Funciona» en la ventana del navegador.
guía de configuración