Cmo instalo XAMPP?

Existen tres tipos diferentes de XAMPP para Windows:

Instalador:
Probablemente la forma ms fcil de instalar XAMPP.
ZIP:
Para puristas: XAMPP como archivo ZIP.
7zip:
Para puristas con ancho de banda bajo: XAMPP como archivo 7zip.
Nota: Si extraes los ficheros, puede haber falsos avisos de virus.
Usando el instalador:
Usa el panel de control de XAMPP para iniciar/parar Apache, MySQL, FIleZilla & Mercury o
instalar estos servidores como servicios.

Instalando desde ZIP

Descomprime los archivos zip en la carpeta que elijas. XAMPP es extraido en el subdirectorio
"C:\xampp" en el directorio de destino seleccionado. Ahora ejecuta el fichero
"setup_xampp.bat" para ajustar la configuracin de XAMPP en tu sistema.
Si elijes un directorio raz, como "C:\", no debes ejecutar "setup_xampp.bat".
Al igual que con el instalador, puedes usar ahora el "XAMPP Control Panel" para tareas
adicionales.
Cmo inicio XAMPP sin instalar?
Si extraes XAMPP en un directorio principal como "C:\\\" o "D:\\\" puedes iniciar la mayora de
los servidores como Apache o MySQL directamente sin ejecutar el fichero "setup_xampp.bat".
No usar el script de instalacin, o seleccionar paths relativos en el script de instalacin, es
preferible si ests instalando XAMPP en un disco duro USB, debido a que en cada ordenador
ese dispositivo puede estar en una unidad distinta. Puedes cambiar de paths absolutos a
relativos cuando quieras con el script de instalacin.
Usar el instalador de nuestra pgina de Descargas es la forma ms fcil de instalar XAMPP.
Cuando la instalacin se complete, encontrars XAMPP en Inicio | Programas | XAMPP.
Puedes usar el Panel de Control de XAMPP para iniciar/parar todos los servidores y tambin
para instalar/desinstalar servicios.

Usa el panel de control de XAMPP para iniciar/parar Apache, MySQL, FIleZilla & Mercury o
instalar estos servidores como servicios.
Cmo inicio y paro XAMPP?
El Centro de Control principal es el "XAMPP Control Panel" (gracias www.nat32.com). Se inicia
con:
\xampp\xampp-control.exe
Puedes tambin usar algunos ficheros batch para iniciar/parar servidores:
Iniciar Apache y MySQL: \xampp\xampp_start.exe
Parar Apache y MySQL: \xampp\xampp_stop.exe
Iniciar Apache: \xampp\apache_start.bat
Parar Apache: \xampp\apache_stop.bat
Iniciar MySQL: \xampp\mysql_start.bat
Para MySQL: \xampp\mysql_stop.bat
Iniciar Mercury Mailserver: \xampp\mercury_start.bat
Parar Mercury Mailserver: \xampp\mercury_stop.bat
Iniciar Servidor FileZilla: \xampp\filezilla_start.bat
Parar Servidor FileZilla: \xampp\filezilla_stop.bat
Cmo compruebo que todo ha ido bien?

Cmo compruebo que todo ha ido bien?

Escribe la siguiente URL en tu navegador favorito:
http://localhost/ o http://127.0.0.1/

https://blog.udemy.com/tutorial-de-xampp-como-usar-xampp-para-ejecutar-su-propio-
servidor-web/
Tutorial de XAMPP: Cmo Usar XAMPP Para Ejecutar Su Propio Servidor Web
XAMPP es el acrnimo de Cualquier Plataforma (X), Apache (A), MySQL (M), PHP (P) y Perl (P).
Es una distribucin de Apache sencilla y ligera que facilita enormemente a los desarrolladores
crear un servidor web local para realizar pruebas. Todo lo que necesita para configurar un
servidor web la aplicacin servidor (Apache), la base de datos (MySQL), y un lenguaje de
script (PHP) est includo en un nico fichero extrable. XAMPP es tambin multi-plataforma,
lo que significa que funciona bien tanto en Linux, como Mac o Windows. Dado que la mayora
de servidores web actuales usan los mismos componentes que XAMPP, la transicin desde el
servidor de prueba local al servidor de produccin es extremadamente fcil tambin. El
desarrollo web utilizando XAMPP es especialmente amigable para los principiantes, como este
popular curso sobre Dreamweaver, Php y MySQL le demostrar.

Qu Se Incluye en XAMPP?

XAMPP tiene cuatro componentes principales. stos son:

Apache: Apache es la aplicacin de servidor web que procesa y entrega el contenido web a un
ordenador. Apache es el servidor web ms popular en internet, haciendo funcionar casi el 54%
de todas las pginas web.

MySQL: Cada aplicacin web, ya sea simple o compleja, requiere una base de datos para
almacenar los datos que recoge. MySQL, que es de cdigo abierto, es el sistema gestor de base
de datos ms popular. Alimenta desde websites de aficionados hasta plataformas
profesionales como WordPress. Puede aprender cmo dominar PHP con este curso xxx.

PHP: PHP son las siglas de Preprocesador de Hipertexto. Es un lenguaje de script del lado del
servidor que hace funcionar algunas de las pginas web ms famosas del mundo, incluyendo
WordPress y Facebook. Es de cdigo abierto, relativamente fcil de aprender, y funciona
perfectamente con MySQL, lo que lo ha hecho una opcin muy popular para los
desarrolladores web. Puede aprender a dominar PHP con este curso sobre los Fundamentos de
Programacin PHP.

Perl: Perl es un lenguaje de programacin dinmico y de alto nivel que se usa ampliamente en
la programacin de redes, la administracin de sistemas, etc. Aunque menos popular para el
desarrollo web, Perl tiene un montn de aplicaciones especficas.
Diferentes versiones de XAMPP pueden incluir componentes adicionales como phpMyAdmin,
OpenSSL, etc. para crear servidores web completos.
Cmo Instalar XAMPP?

[Nota: Para el propsito de este tutorial XAMPP, asumiremos que usa un PC Windows, aunque
estas instrucciones funcionaran igualmente bien para ordenadores Mac. Los usuarios de Linux,
sin embargo, deberan consultar la gua de instalacin oficial de XAMPP para Linux.]

Dirjase a la pgina principal de XAMPP para Windows en ApacheFriends.org. Aqu, encontrar

varias versiones de XAMPP.

En este tutorial, instalaremos XAMPP Windows 1.8.2 que incluye:

Componente

Descripcin

Versin

Apache

Aplicacin servidor web por defecto

2.4.4

MySQL

Sistema gestor de base de datos

5.5.32

PHP

Lenguaje de programacin de propsito general, del lado del servidor

5.4.19

phpMyAdmin

Herramienta de administracin para trabajar con MySQL

4.0.4

OpenSSL

Una implementacin de cdigo abierto de los dos populares protocolos de seguridad SSL y
TSL
0.9.8

XAMPP Control Panel

Un sencillo panel de control para trabajar con los distintos componentes de XAMPP

3.2.1

Webalizer

Una herramienta de anlisis que genera logs de usuarios y mtricas de uso

2.23-04

Mercury Mail Transport System

Un servidor de correo sencillo y de cdigo abierto

4.62

FileZilla FTP Server

Un servidor FTP (File Transfer Protocol) que facilita las transferencias de ficheros

0.9.41

Tomcat

Un servlet Java freeware para servir aplicaciones Java

7.0.42

Strawberry Perl

Una popular distribucin de Perl para Windows

5.16.3.1

A meno que est ejecutando un servidor web de produccin, no necesitar ms all de

Apache, MySQL y PHP, aunque es una buena prctica instalar los dems componentes
tambin.

Tambin tiene la opcin de instalar un versin ms pequea XAMPP Portable Lite que slo
incluye los componentes Apache, MySQL, PHP y phpMyAdmin.

Descargando XAMPP
XAMPP est disponible en tres formatos:
 EXE Fichero auto-ejecutable; fcil de instalar.
.7z 7zip file. Preferido por los puristas, aunque requiere
trabajar con ficheros .bat ms complejos para instalarse.
.ZIP Fichero comprimido zip. Como .7z, la instalacin
mediante ficheros .ZIP es considerablemente ms difcil que
usar .EXE
Debido a que la instalacin con el fichero .EXE es la ms sencilla,
usaremos este formato de fichero para este tutorial.
Puede descargar el instalador XAMPP de Sourceforge aqu (102 MB).
Instalando XAMPP
Siga estos pasos para instalar XAMPP:
Paso 1: Deshabilite su antivirus ya que puede provocar que algunos
componentes de XAMPP se comporten de manera irregular.
Paso 2: Deshabilite el Control de Cuentas de Usuario (UAC). UAC
limita los permisos de escritura al directorio por defecto de XAMPP
(c:/Program Files/xampp), obligndole a instalarlo en un directorio
diferente. Puede aprender cmo deshabilitar UAC aqu. (Opcional)
Paso 3: Haga doble click en el instalador XAMPP para comenzar el
proceso de instalacin. Haga click en Next despus de la pantalla de
presentacin.
Paso 4: Aqu, puede seleccionar los componentes que quiere instalar.
Elija la opcin por defecto y haga click en Next.
Paso 5: Elija la carpeta en la que quiere instalar XAMPP. Esta
carpeta contendr todos los ficheros de su aplicacin web, as que
asegrese de seleccionar una unidad que tenga bastante espacio.

Paso 6: La siguiente pantalla es una promocin de BitNami, una

tienda de aplicacin para software de servidores. Deseleccione la
casilla Learn more about BitNami for XAMPP, a no ser que
realmente disfrute recibiendo correos de promocin!
Paso 7: El instalador est ahora preparado para instalar XAMPP.
Haga click en Next y espere a que el instalador desempaquete e
instale los componentes. Esto puede llevar varios minutos. Puede que
se le pida aprobar el acceso al cortafuegos para ciertos componentes
(como Apache) durante el proceso de instalacin.
Paso 8: El proceso de instalacin ha acabado! Marque la casilla Do
you want to start the Control Panel now? para abrir el panel de
control de XAMPP.
Entendiendo el Panel de Control de XAMPP
El panel de control de XAMPP le da un control completo sobre todos
los componentes de XAMPP instalados. Puede usar el panel de
control para iniciar/parar distintos mdulos, lanzar una ventana de
comandos UNIX, abrir el explorador de Windows, y ver todas las
operaciones que se ejecutan en segundo plano.
Aqu tiene una visin rpida del Panel de Control. Por ahora, lo nico
que necesita saber es cmo iniciar y parar el servidor Apache.
Probando Su Instalacin XAMPP
Siga los siguientes pasos para probar su instalacin XAMPP lanzando
un servidor web Apache y creando un simple fichero PHP.
Paso 1: En el panel de control XAMPP, haga click en Start bajo
Actions para el mdulo Apache. Esto le indica a XAMPP que inicie el
servidor web Apache.
Paso 2: Abra su navegador web y escriba: http://localhost o
127.0.0.1
Paso 3: Elija su idioma en la pantalla de presentacin.
Paso 4: Debera ver la siguiente pantalla. Esto significa que ha
instalado con xito XAMPP en su ordenador.

Paso 5: Ahora probaremos si XAMPP ha instalado PHP con xito.

Para hacer esto, lance Notepad y escriba lo siguiente en un documento
nuevo:
<?php
echo Hello world;
?>
Guarde este archivo como test.php en c:\xampp\htdocs\ (o en
cualquier otro directorio en el que haya instalado XAMPP).
Paso 6: Navegue a localhost/test.php. Debera ver el mensaje Hello
world:

Felicidades! Ha instalado con xito XAMPP e incluso ha escrito su

primer programa en PHP. Ahora puede usar su servidor web Apache
para crear y probar aplicaciones web PHP complejas, jugar con
MySQL e incluso aprender cmo los servidores web reales trabajan
con Tomcat, FileZilla, OpenSSL, y mucho ms. Puede dar sus
primeros pasos ahora mismo con este curso de creacin de Sitios
Web con PHP y MySQL. Apntese a este curso para obtener una
visin ms general de la programacin web con PHP y MySQL.
Como siempre, nos encantara escuchar tus pensamientos y
opiniones sobre el desarrollo web con XAMPP en los comentarios a
continuacin!

Cmo instalar xampp

portable lite en tu ordenador
La idea de este artculo es mostrarte como descargar e
instalar xamppportable lite en tu ordenador personal o porttil. Esta
herramienta es necesaria si quieres instalar Joomla o WordPress en tu
ordenador personal.
En uno de mis artculos anteriores te muestro como puedes descargar e
instalar una herramienta llamada Uniform Server en tu ordenador para, a
continuacin, instalar tu aplicacin web Joomla 2.5 o tu aplicacin web
WordPress. Ahora le toca el turno a otra aplicacin llamada Xampp
portable lite.
Xampp lite portable es una herramienta que nos va a permitir lo mismo
que Uniform Server. Te voy a mostrar la versin que funciona con
Windows, por lo que te hablar de una versin de tipo WAMP.
Cul es la diferencia entre uniform server y xampp portable lite? En
un smil de cocina diramos que se trata del mismo sabor pero con
distintas texturas. Coloquialmente hablando diramos que se trata del
mismo caldo realizado por diferentes cocineros. Suficiente como para
que te guste ms uno que otro.
Por tanto, tienes dos herramientas para hacer la misma cosa, con cul
te quedas? Con la que ms te guste. Yo te muestro las dos opciones y tu
decides.
1.- De dnde me descargo Xampp
portable lite?
La herramienta de la que te hablo en este artculo la puedes
descargar desde este enlace. Haz scroll vertical hasta que localices el
epigrafe XAMPP portable.
Descarga: http://www.apachefriends.org/en/xampp-windows.html

Vers 3 posibles descargas, un archivo .exe, un archivo .zip y un

archivo7zip. Con el .zip es suficiente. Tienes dos posibilidades,
descargarlo con la versin de php 5.5 o con la de php 5.4. Para nuestro
entorno de trabajo en el ordenador personal o porttil con sistema
operativo Windows, cualquiera de las dos opciones es perfectamente
vlida. Si me preguntas te dir que yo me he decantado por la versin
con php 5.4 y el archivo .zip.
Descarga directa XAMPP Portable Lite 1.8.2 PHP 5.4
http://www.apachefriends.org/download.php?xampp-portable-win32-
1.8.2-1-VC9.zip

Nota: hasta el momento no te he dicho que tienes dos versiones

disponibles de xampp: la versin normal y la versin recortada o lite. Si
estas empezando con las herramientas wamp o si tienes inters en
aprender a desenvolverte con ellas, mi consejo es que comiences con
herramientas que tengan lo justo y necesario, que ocupen lo mnimo
posible en tu ordenador e incluso que quepan en un pendrive.
Tambin creo importante que no sea necesario realizar una instalacin
clsica, como si se tratara de un programa, para ponerlas en marcha.
Xampp portable lite y Uniform Server cumplen estas premisas. Es por
ello por lo que te las estoy mostrando y me parece razonable que las
tengas en cuenta.
La versin normal de xampp contiene una relacion de herramientas que
no llegars a emplear en ninguna ocasin.
2.- Cmo pongo en marcha Xampp
portable lite?
2.1 Descomprime el arhivo descargado
Una vez descargado el archivo el archivo .zip procedes a descomprimirlo.
El resultado es una carpeta llamada XAMPP que contiene a su vez una
relacin de archivos y carpetas que conforman lo que es la herramienta
en si.
2.2 Copiamos el archivo a la raz de una unidad
Importante. La carpeta XAMPP debes colocarla dentro de la raz de una
unidad, es decir, que para que funcione todo correctamente, dentro de tu
disco C: del ordenador colocars la carpeta XAMPP.
Te quedar algo asi C:\xampp

2.3 Realiza un doble clic al archivo xampp-control.exe

Dentro de C:\xampp\ localizars un archivo llamado xampp-control.exe.
Haz un doble clic sobre este archivo. A continuacin vers que se
muestra un icono justo a la izquierda de la hora de Windows.
Haciendo clic sobre este icono se muestra la herramienta grfica que nos
permite poner en marche el servidor web apache y el servidor de bases
de datos mysql.
Haz clic sobre el botn start para el mdulo Apache y el mdulo MySQL.

En esta imagen puedes observar que los dos mdulos estn operativos.
Al llegar a este punto ya tienes la infraestructura necesaria para poder
instalar nuestro joomla o nuestro wordpress en nuestro ordenador
personal o porttil con Windows 7 o con Windows XP.
Si abres tu navegador por defecto y escribe la
direccin http://localhostvers que tienes acceso a la ventana que te
muestro en la imagen inferior.

En los siguientes artculos te mostrar eso mismo, como puedes

descargarte e instalar WordPress desde WordPress.org y Joomla desde
joomla.org para comenzar a trabajar con ellas.
Es necesario este paso previo, de otro modo no podremos trabajar ni con
Joomla ni con WordPress en nuestro ordenador. Bsicamente lo que
estamos haciendo es poner en marcha en nuestro ordenador las mismas
herramientas que tienen instaladas los servidores de Internet de los
proveedores de alojamiento web.
Vdeo. Como instalar xampp portable lite en tu ordenador
personal o porttil

Tutorial Bootstrap 3:
Introduccin e instalacin

Por ngel Manuel Robledanoel 27 de Mayo de 2015

Si ests metido en el mundo del desarrollo Web, habrs odo hablar
de Bootstrap, para los que no, Bootstrap es un framework basado en
HTML y CSS, fue creado por Twitter y lo liber en 2012, desde
entonces ha ganado muchos adeptos, hasta el nivel que cuenta con la
mayor comunidad de Github del mundo.
Este framework nos ayuda a agilizar la creacin del interfaz de
nuestra pgina web. Con la particularidad, que usando Bootstrap,
nuestro sitio estar adaptado a la pantalla del dispositivos con el que
accedemos, ya sea un ordenador, tablet, smartphone, television....
Esto significa que tendremos una Web responsive o adaptativa, y
desde hace pocos meses, es fundamental de cara al posicionamiento
en Google.
Adems de agilizar la creacin de nuestra Web, con Bootstap
conseguiremos crear un diseo limpio, intuitivo, usable y de poco
peso, por lo que la carga de nuestra web ser muy rpida. Es muy
cmodo, porque muchas de las funcionalidades que necesitaremos ya
estn desarrolladas, y si no, tienes acceso a una gran cantidad de
documentacin en varios idiomas y una comunidad que dar
respuestas a todas tus dudas.
Para seguir este tutorial no hace falta tener grandes conocimientos en
programacin, con unas noticias bsicas de HTML5 y CSS3,
conseguiremos crear nuestra primera web esttica o dinmica
compatible con todos los navegadores modernos.
Por qu usar Bootstrap?
1. Tendremos una Web responsive, se vera bien en todos los
dispositivos y ayudara al posicionamiento en buscadores.
2. Cmodo, tendremos gran cantidad de funcionalidades creadas.
3. La velocidad de carga de la web es rapida y tambi'en ayuda al
posicionamiento.
4. Compatibilidad con la mayoria de navegadores.
 5. En constante desarrollo, tiene una gran comunidad detras y el
framework va mejorando cada vez mas.
Como instalar Bootstrap
Para poder instalar iremos a la web oficial http://getbootstrap.com y le
damos a Download, hay tendremos tres opciones de descarga.

1. Descargar el cdigo compilado, es la ideal para comenzar a

trabajar con Bootstrap.
2. Descargar cdigo fuente, contiene todo los archivos
originales de Bootstrap, para poder usarlo necesitas compilarlo.
3. Descargar cdigo fuente en Sass, sta versin del cdigo
fuente esta convertida a Sass para facilitar la implementacin con
aplicaciones como Ruby,

Si no queremos tener en nuestro servidor los archivos de Bootstrap,

podemos utilizar el CDN disponible para ello. Para el que no lo sepa,
un CDN es un conjunto de servidores ubicados en diferentes puntos
de una red que contienen copias locales de ciertos contenidos, en este
caso, los archivos de Bootstrap. Con esto conseguimos mejorar la
carga de nuestra web.
En este tutorial nos decantaremos por la opcin 1, una vez que lo
hemos descargado, descomprimimos el framework en la carpeta de
nuestro nuevo proyecto, la estructura de la carpeta debera de quedar
as:
Carpeta del Proyecto/
css/
bootstrap.css
bootstrap.min.css
bootstrap-theme.css
bootstrap-theme.min.css
js/
bootstrap.js
bootstrap.min.js
fonts/
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

Esta es la estructura ms bsica de Bootstrap, los archivos acabados

en *.min.css o *.min.js son versiones comprimidas.
Si queris ver el tipo de web que podemos crear utilizando este
framework, en la web oficial hay una galera de webs creadas con
Bootstrap.

Nuestro primer ejemplo con Bootstrap

Estupendo, ya lo tenemos en nuestro ordenador, ahora vamos a ver
como empezar a usarlo. Primero escribimos una estructura bsica de
HTML5.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>

Perfecto, ya tenemos nuestra web, ahora llamamos a Bootstrap para

que podamos hacer uso de sus funcionalidades
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!
Con esto garantizamos que se vea bien en dispositivos mviles>
<title>Mi primer proyecto con Booststrap</title>

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!

Llamamos al archivo CSS >
</head>
<body>
<h1>Hola mundo!</h1>
<p> Hola a todos desde OpenWebinars.net, mi primera web con Bootsrap
;(</p>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></scri
pt> <! Importante llamar antes a jQuery para que funcione bootstrap.min.js
>
<script src="js/bootstrap.min.js"></script> <! Llamamos al JavaScript de
Bootstrap >
</body>
</html>

Como podis observar la etiqueta <script></script> est colocada al

final del documento HTML, se pon al final para que la carga de la Web
sea mucho ms rpida. Recomiendo que cuando queramos meter un
script lo hagamos siempre al final, aunque podemos meterlo en el
<head></head>, pero no se recomienda.
Usando el CDN
Si nos hemos decantado al final por utilizar el CDN, quedara as:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!
Con esto garantizamos que se vea bien en dispositivos mviles>
<title>Mi primer proyecto con Booststrap</title>

<link
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"
rel="stylesheet" media="screen"> <!Llamamos al archivo CSS a travs de CDN
>
</head>
<body>
<h1>Hola mundo!</h1>
<p> Hola a todos desde OpenWebinars.net, mi primera web con Bootsrap
;(</p>

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></scri
pt> <! Importante llamar antes a jQuery para que funcione bootstrap.min.js
>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></s
cript> <! Llamamos al JavaScript a travs de CDN >
</body>
</html>
https://openwebinars.net/tutorial-bootstrap-3-introduccion-e-instalacion/