Home-theater-designers
¿Quieres crear un sitio web, pero no sabes por dónde empezar?
Parece que el campo de entrenamiento de desarrollo web típico también es el más caro: compre un dominio, servidor host, cuenta de WordPress, tema, etc. Pero, ¿qué pasa si no es propietario de una pequeña empresa o está tratando de construir una marca? ¿Qué pasa si solo está tratando de aprender desarrollo web, sin desorden?
Siga leyendo para aprender cómo alojar su propio sitio web, que puede crear desde cero o con plantillas prefabricadas, en su computadora y de forma gratuita. ¡Oh, eso también incluye alojar tu propia cuenta de WordPress!
XAMPP: una introducción
XAMPP de Bitnami es 'una distribución de Apache que contiene PHP y Perl.' Para nuestros propósitos, solo necesitamos entender que XAMPP es un programa simple y gratuito que permite a los usuarios alojar sitios web en sus PC.
Si bien configurar un servidor local usando XAMPP es algo técnico, el proceso también es bastante fácil y directo. Una vez que todo esté configurado, descubrirá que administrar y editar sitios web es muy sencillo.
Luego está la cuestión del control rápido y completo. Al usar XAMPP para crear y editar sitios web, podrá cambiar tanto o tan poco de un sitio web como desee. Dicho esto, un gran poder conlleva una gran responsabilidad. También es más susceptible a perder sus sitios, especialmente si no crear copias de seguridad .
puede una mac contraer un virus
Sin embargo, si desea un proyecto de curso de inicio genuino en desarrollo web, XAMPP es para usted. ¡Eso incluye cualquier proyecto relacionado con HTML, CSS, Javascript y más!
Instalación de XAMPP
Dirígete al XAMPP sitio web y descargue el paquete. Siga el proceso de configuración predeterminado. Una vez que haya descargado XAMPP, su panel de control de XAMPP debería abrirse automáticamente. De lo contrario, puede ubicar el programa XAMPP como lo haría con cualquier otro (a través de la búsqueda del menú Inicio).
En la ventana del panel de control de XAMPP, debería ver un diseño simple de los procesos de XAMPP que se están ejecutando. Para nuestros propósitos, nos centraremos en las dos primeras opciones: Apache y MySQL.
apache - El quid principal de XAMPP, la opción Apache crea un servidor Apache en su PC. Esto es lo que le permitirá ejecutar y editar sitios web en su PC a través de navegadores web, al igual que lo haría con un sitio web. Excepto, por supuesto, que este sitio web se ejecuta en su PC, a diferencia de un servidor conectado a Internet.
MySQL - SQL permite la comunicación entre bases de datos y sitios web, lo que permite a los usuarios probar y almacenar correos electrónicos, contraseñas y cualquier otra entrada de datos. Usaremos esto para su cuenta local de WordPress.
presione el Comienzo en el panel de control de XAMPP debajo de Comportamiento tanto para Apache como para MySQL. Espere hasta que tanto Apache como MySQL estén resaltados en verde en la sección de su módulo. Una vez habilitado, puede usar XAMPP.
Localhost y phpMyAdmin
Para asegurarse de que todo funcione correctamente, abra un navegador web, ingrese http: // localhost / en tu barra de direcciones y presiona Ingresar . Debería ser redirigido a http: // localhost / dashboard / , que es la página XAMPP predeterminada.
A continuación, haga clic en el phpMyAdmin en el menú de navegación superior. Serás dirigido a tu página phpMyAdmin predeterminada.
Deje esto solo por ahora, pero si ambos funcionan, ¡está listo para comenzar a crear sitios web!
Creación de sitios web con XAMPP
Ahora viene la parte divertida. Dirígete a la carpeta XAMPP ubicada en el directorio de tu unidad raíz ( C: xampp por defecto). Luego, dirígete a htdocs . Este será el repositorio principal de sitios web que utilizará para ver los sitios web.
Antes de crear y editar un sitio web, necesitará un editor de texto. Si bien puede usar un editor de texto predeterminado como el Bloc de notas, generalmente es mejor descargar un editor de terceros creado específicamente para código y marcado. Texto sublime es uno de los mejores, así que diríjase a su sitio web y descargue el software para comenzar.
Ahora puede comenzar a descargar e instalar sitios web en XAMPP. Usaré el Viaje plantilla, pero puede utilizar la plantilla que desee. Descargue el archivo zip del sitio web y guárdelo en una ubicación que recuerde. A continuación, cree una carpeta dentro de la carpeta htdocs de XAMPP para su sitio web. He nombrado el mío viaje - Trate de mantener su nombre simple. Luego, descomprima y extraiga el contenido de su archivo zip en esta carpeta htdocs.
Una vez que haya extraído los archivos, diríjase al repositorio de su sitio web dentro de htdocs para asegurarse de que se hayan extraído correctamente.
Finalmente, diríjase a su página web en su navegador web. Tu sitio web , por así decirlo, será accesible utilizando el localhost mencionado anteriormente junto con el nombre de la carpeta que contiene los archivos de su página. Esto se debe a que los sitios web son esencialmente archivos contenidos en carpetas, todos bajo un solo nombre de dominio o raíz. ¡Ya estás aprendiendo!
Nuestra carpeta creada anteriormente se llamó roadtrip, por lo que la dirección completa del sitio es http: // localhost / roadtrip .
¡Listo! Ahora puede comenzar a editar el sitio web localmente.
Edición de sitios web
Abre Sublime Text. Dirigirse a Expediente y seleccione Carpeta abierta . Busque y seleccione su carpeta web dentro de la carpeta XAMPP. Ahora podrá editar varias páginas del mismo sitio web dentro de su editor de Sublime Text.
Sublime Text también proporciona una excelente interfaz para que pueda ver todos los archivos y carpetas de su sitio web. Para crear cambios en su sitio web, edite el código de su sitio web, guárdelo (usando el comando del teclado Ctrl + S ) y actualice su sitio web en el navegador.
El proceso es simple y directo: edite la página web, luego verifique si su código funciona. A medida que avance en su desarrollo web, intentará incorporar funciones más complicadas en su página web. Sin embargo, no importa el nivel de habilidad, el formato básico para editar páginas sigue siendo el mismo.
Utilice WordPress con XAMPP
Si no desea editar código sin formato, o prefiere utilizar un sistema de gestión de contenido (CMS) más familiar, WordPress también proporciona su fantástico recurso de diseño web en un archivo ZIP fácil de usar. Para instalar WordPress en XAMPP, diríjase a la Sitio web de WordPress y descarga la aplicación oficial.
Use el mismo formato para crear un sitio web como lo hizo anteriormente, con su carpeta de WordPress extraída presente en el directorio htdoc dentro de la carpeta wordpress . Mantenga el nombre de la carpeta en aras de la claridad.
Usando phpMyAdmin
Dado que WordPress requiere que cree información de inicio de sesión, deberá crear una entrada en su directorio PHP para la página web. Dirigirse a su página phpMyAdmin -- http: // localhost / phpmyadmin / por defecto - para empezar.
Desde esta página, haga clic en Bases de datos . Bajo la Crear base de datos parámetro, ingrese wordpress y luego golpea Crear . Debería ver una ventana emergente que le indica que se creó la base de datos. A continuación, cierre esta ventana del navegador e ingrese su carpeta de WordPress dentro del directorio htdocs de XAMPP. Esta carpeta debe poseer el contenido de sus archivos de WordPress descomprimidos.
Configuración de inicio de sesión
Necesitamos configurar el sitio web de WordPress real para que pueda iniciar sesión y usar el sitio. Esto se hace a través del archivo de configuración PHP principal de WordPress. Dentro de su carpeta de WordPress, busque el archivo etiquetado wp-config-sample.php , haga clic con el botón derecho en el archivo, seleccione Editar (o Abrir con para un editor de texto independiente). El bloc de notas debería funcionar bien.
Aquí está el código en el que nos centraremos:
|_+_|Deberá realizar tres cambios en el código anterior dentro de las comillas.
database_name_here - Cambie este parámetro a wordpress . El sitio web utilizará la base de datos creada previamente en phpMyAdmin etiquetada como tal.
username_here - Cambiar esto a raíz . El nombre de usuario root posee los privilegios de administrador adecuados de forma predeterminada, por lo que se permitirá a través de phpMyAdmin. Otros nombres de usuario no funcionarán a menos que se les otorguen los permisos adecuados.
contraseña_aquí - Cambie esto por una contraseña fácilmente identificable. Si prefiere no utilizar una contraseña, elimine el parámetro.
Guarde este archivo como wp-config.php - a diferencia del anterior wp-config-sample.php - y salir. Luego, dirígete a la siguiente dirección de host local: http: // localhost / wordpress .
Continúe con la instalación, incluida la creación de su WordPress Nombre de usuario y Contraseña . Puede ingresar los valores que prefiera. Una vez que haya terminado de ingresar sus valores, haga clic en el Instalar WordPress botón para finalizar el proceso. Una vez hecho esto, inicie sesión en su WordPress local con el nombre de usuario y la contraseña proporcionados en la página anterior.
¡Listo! Ahora, puede dedicar su corazón a editar, modificar y crear páginas web tanto desde cero como a través de WordPress, sin conexión y gratis !
como hacer tu propia antena de tv
El desarrollo web comienza con una sola página
Antes, recién comenzaba su viaje de desarrollo web. Ahora, ha creado un servidor local en su PC a través del cual puede crear, modificar y adaptar páginas web a su antojo. Lo mejor de todo es que tienes todo el control. Lo único que queda es comenzar con la experimentación, ¡así que adelante!
¿Decidió que no quiere pasar por todo este trabajo? Prueba uno de los mejores servicios gratuitos de alojamiento de sitios web en lugar de.
Créditos de las imágenes: Dmitry Tishchenko / Shutterstock
Cuota Cuota Pío Correo electrónico 6 alternativas audibles: las mejores aplicaciones de audiolibros gratuitas o económicasSi no te apetece pagar por audiolibros, aquí tienes algunas aplicaciones geniales que te permiten escucharlos gratis y legalmente.
Leer siguiente Temas relacionados- Ventanas
- Programación
- Wordpress
- Desarrollo web
- Alojamiento web
- Herramientas para webmasters
- Servidor Apache
- Servidor web
Christian es una incorporación reciente a la comunidad MakeUseOf y un ávido lector de todo, desde literatura densa hasta historietas de Calvin y Hobbes. Su pasión por la tecnología solo se compara con su deseo y voluntad de ayudar; Si tiene alguna pregunta sobre (principalmente) cualquier cosa, no dude en enviarnos un correo electrónico.
Más de Christian BonillaSuscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse