1

DISEÑO Y DESARROLLO WEB

Modulo Formativo: Diseño y desarrollo web
Objetivo: Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando herramientas multimedia que permitan
promocionar la información e imagen de una organización y/o cliente

GUIA N. 4
CONTENIDO ACTIVIDAD
Tema: Análisis del desempeño y disponibilidad del servidor Tarea1.1.
Realiza un organizador gráfico con las métricas que
A medida que una aplicación gana más usuarios en un entorno de producción, es cada vez más crítico que comprenda la función del servidor. debemos tener en cuanta cuando se pone lenta
Para determinar el estado de sus aplicaciones, debe recopilar métricas de rendimiento para los servidores que ejecutan sus aplicaciones web. una página web.
Todos los diferentes tipos de servidores web (como Apache, IIS, Azure, AWS y NGINX, por ejemplo) tienen métricas de rendimiento de
servidor similares. Estas métricas se pueden dividir en dos categorías:
1. métricas de rendimiento de la aplicación y
2. métricas de experiencia del usuario

Métricas de rendimiento de la aplicación

Métrica 1: solicitudes por segundo: son exactamente como suenan: es la cantidad de solicitudes que recibe su servidor cada segundo. Esta
es una métrica fundamental que mide el propósito principal de un servidor web, que es recibir y procesar solicitudes. Las aplicaciones a gran
escala pueden alcanzar hasta aproximadamente 2,000 solicitudes por segundo. Dada suficiente carga, cualquier servidor puede caer. Al
considerar el impacto, recuerde que las solicitudes son solo eso: una sola solicitud al servidor. Esta métrica no considera lo que sucede en
cada una de estas solicitudes.

Métrica 2: datos de entrada y salida de dato: La siguiente métrica que le sugiero que mire son sus datos de entrada y salida de datos. Los
datos en métrica son el tamaño de la carga útil de la solicitud que va al servidor web. Para esta métrica, una tasa más baja es mejor (menor
significa que pequeñas cargas útiles se envían al servidor). Unos datos altos en la medición pueden indicar que la aplicación está solicitando
más información de la que necesita. La salida de datos es la carga útil de respuesta que se envía a los clientes. A medida que los sitios web
se hacen más grandes con el tiempo, esto causa un problema especialmente para aquellos con conexiones de red más lentas. Las cargas
útiles de respuesta hinchada conducen a sitios web lentos, y los sitios web lentos no satisfarán a sus usuarios. Con suficiente lentitud, estos
usuarios abandonan el sitio web y continúan. Google sugiere que las páginas que tardan tres o más segundos en cargar los usuarios móviles
tienen aproximadamente un 53% de posibilidades de que los usuarios abandonen antes de completar la carga
Métrica 3: tiempo de respuesta promedio: Definido directamente, el tiempo de respuesta promedio es el tiempo promedio que el servidor
tarda en responder a todas las solicitudes que se le hacen. Esta métrica es un fuerte indicador del rendimiento general de la aplicación,
dando una impresión de la usabilidad de la aplicación. En general, cuanto menor es este número, mejor. Pero hay estudios que muestran
que el límite máximo para un usuario que navega por una aplicación es de alrededor de un segundo.

Métrica 4: Tiempo de respuesta pico Similar al tiempo de respuesta promedio, el tiempo de respuesta pico (PRT) es la medición de las
respuestas más largas para todas las solicitudes que llegan a través del servidor. Este es un buen indicador de los puntos débiles de
rendimiento en la aplicación. PRT no solo le dará una idea de qué partes de sus aplicaciones están causando bloqueos; También lo ayudará
a encontrar la causa raíz de estos bloqueos. Por ejemplo, si hay una página web lenta o una llamada particularmente lenta, esta métrica
puede darle una idea de dónde buscar

aiguasnia@gmail.com
 2
Métrica 5: Utilización de hardware A continuación, hablemos sobre la utilización general del hardware. Cualquier aplicación o servidor en
ejecución está limitado por los recursos que se le asignan. Por lo tanto, realizar un seguimiento de la utilización de los recursos es clave,
principalmente para determinar si existe un cuello de botella de recursos. Debe considerar tres aspectos principales de un servidor:
• El procesador
• La RAM (memoria)
• El espacio en disco y el uso
Al considerar estos, está buscando lo que puede convertirse en un cuello de botella para todo el sistema. Como lo mostrará cualquier
computadora física (¡o virtual!) Que funcione con estos componentes, el rendimiento es tan fuerte como su eslabón más débil. Esta métrica
puede decirle cuál es el cuello de botella y qué componente físico se puede actualizar para mejorar el rendimiento.

Por ejemplo, puede tener problemas al intentar procesar datos desde un disco duro físico. Eso provocará un cuello de botella en las
interacciones de E / S entre recopilar archivos y presentarlos al usuario. Mientras el disco duro gira y recopila datos, los otros componentes
físicos no hacen nada. Una actualización a una unidad de estado sólido mejoraría el rendimiento de toda la aplicación porque el cuello de
botella desaparecerá.

Métrica 6: Conteo de hilos: La siguiente métrica, el recuento de subprocesos de un servidor, le indica cuántas solicitudes concurrentes están
ocurriendo en el servidor en un momento determinado. Esta métrica lo ayudará a comprender cómo se ve la carga general de un servidor
desde un nivel de solicitud. También le dará una idea de la carga que se coloca en el servidor al ejecutar varios subprocesos. Un servidor
generalmente se puede configurar con un recuento máximo de subprocesos permitido. Al hacer esto, está estableciendo un límite máximo
de solicitudes que pueden suceder a la vez. Si el recuento de subprocesos supera este valor máximo, todas las solicitudes restantes se
diferirán hasta que haya espacio disponible en la cola para procesarlas. Si estas solicitudes diferidas tardan demasiado, generalmente expiran.
Vale la pena señalar que aumentar el recuento máximo de subprocesos generalmente depende de tener los recursos apropiados disponibles
para su uso

Métricas de experiencia del usuario

Métrica 1: Tiempo de actividad: Aunque no está directamente relacionado con su rendimiento, el tiempo de actividad del servidor es una
métrica crítica. El tiempo de actividad es el porcentaje que el servidor está disponible para su uso. Idealmente, busca un tiempo de actividad
del 100%, y verá muchos casos de tiempo de actividad del 99.9% (o más) cuando busque paquetes de alojamiento web. No es raro que los
proyectos de software cumplan con un acuerdo de nivel de servicio que dicta una tasa de tiempo de actividad del servidor en particular. Si
la comprobación de métricas de tiempo de actividad no es algo que su servidor puede proporcionarle, hay muchos servicios de terceros,
como Updown.io quepueden hacerlo por usted.

Métrica 2: tasa de error del servidor HTTP: La tasa de error del servidor HTTP es una métrica de rendimiento que no se relaciona
directamente con el rendimiento de la aplicación, pero es muy crítica. Devuelve el recuento de errores internos del servidor (o códigos HTTP
5xx) que se devuelven a los clientes. Estos errores se devuelven de mal funcionamiento de las aplicaciones cuando tiene una excepción u
otro error que no se maneja correctamente. Una buena práctica es configurar una alerta cada vez que se produce este tipo de errores.
Debido a que 500 errores se pueden prevenir casi por completo, puede estar seguro de que tiene una aplicación sólida. Ser notificado de
todos los errores del servidor HTTP le permite estar al tanto de cualquier error que ocurra. Esto evita el problema de que se acumulen errores
en la aplicación con el tiempo.

aiguasnia@gmail.com
 3
Tema: Alojamiento web o Hosting Tarea 2
Realiza un mapa conceptual sobre el alojamiento
El alojamiento web es un servicio que almacena su sitio web o aplicación web y lo hace fácilmente accesible a través de diferentes dispositivos web
como el escritorio, el móvil y las tabletas. Cualquier aplicación web o sitio web suele estar formado por muchos archivos, como imágenes,
vídeos, texto y código, que hay que almacenar en ordenadores especiales llamados servidores. El proveedor de servicios de alojamiento web ¿Por qué se originan los Cuellos de botella y
mantiene, configura y ejecuta los servidores físicos que usted puede alquilar para sus archivos. explique una solución?

Los servicios de alojamiento de sitios y aplicaciones web también proporcionan apoyo adicional, como seguridad, copias de seguridad y
rendimiento del sitio web, con lo que se ahorra tiempo para poder centrarse en las funciones principales del sitio web.

• Rendimiento: Una empresa de alojamiento web que administra recursos de hardware para varios sitios web goza de un mayor poder
adquisitivo. Invierte en tecnología de vanguardia para que usted disponga de servidores web de alto rendimiento con capacidad de
procesamiento, memoria interna y otros recursos de computación. Esto mejora el rendimiento del sitio web, por lo que las páginas se
cargan rápidamente para los visitantes.
• Fiabilidad: Gracias a los proveedores de servicios de alojamiento web, es posible evitar el estrés que supone el mantenimiento
continuo de los servidores. Realizan actualizaciones periódicas del sistema para mantener un alto nivel de seguridad. Al hacerlo,
permiten que los recursos de TI queden disponibles, con lo cual es posible centrarse en la entrega de aplicaciones en lugar de en la
administración de los servidores.
• Soporte técnico: La mayoría de los servicios de alojamiento web ofrecen una asistencia completa para solucionar los problemas de
rendimiento. También optimizan la supervisión y el análisis del sitio web, la copia de seguridad y la recuperación de datos, y otras
características similares que hacen que el sitio web funcione con mayor fluidez.
• Seguridad y cumplimiento: Los servicios de alojamiento web utilizan un enfoque integral para proteger la infraestructura, que
incluye medidas físicas, operativas y de software que satisfacen todos los requisitos de cumplimiento.

¿Cuáles son las características del alojamiento web?

La mayoría de las empresas de alojamiento web ofrecen diferentes paquetes y planes de alojamiento. El costo mensual del alojamiento
web puede variar desde opciones gratuitas hasta de pago, en función de factores como los siguientes:
• Tamaño del sitio web.
• Cantidad diaria de visitantes que recibe el sitio web.
• Tráfico de sitios o páginas web en horas pico.
• Las características de alojamiento web que se requieran.

Antes de seleccionar un servicio de alojamiento web, explore las diferentes características que ofrecen los distintos servicios. A
continuación, se indican las principales características que generalmente se ofrecen.

Espacio en disco; El sitio web necesita espacio de almacenamiento para los correos electrónicos, los archivos web, las imágenes y las
bases de datos. Al calcular las necesidades de almacenamiento, tenga en cuenta también el crecimiento futuro del sitio web y su tráfico. Un
espacio en disco reducido repercute en la experiencia del usuario, por lo que es un factor importante en la selección de un servicio de
alojamiento web.

Ancho de banda y transferencia de datos: En el ámbito del alojamiento web, los términos anchos de banda y transferencia de
datos con frecuencia se utilizan indistintamente. Sin embargo, se trata de dos conceptos diferentes. El ancho de banda se refiere a la
cantidad de datos que puede transferir el sitio web a los visitantes a la vez. La transferencia de datos se refiere a la cantidad real de datos
que transfiere.

aiguasnia@gmail.com
 4
Puede concebir el ancho de banda como una tubería. Cuanto más grande sea la tubería, más agua podrá pasar por ella. Sin embargo, por
diversas razones, es posible que no se utilice la capacidad total de la tubería. La transferencia de datos es como la cantidad real de agua
que pasa por la tubería en un periodo determinado.

• Cuentas de correo electrónico: Muchos planes de alojamiento web incluyen una cuenta de correo electrónico. Puede vincular la
dirección de correo electrónico con el nombre del sitio web. Por ejemplo, si el nombre del sitio web es example.com, la dirección de
correo electrónico será yourname@example.com. A continuación, se indican los principales tipos de cuentas de correo electrónico.
o POP3: Las cuentas POP3 proporcionan un espacio en el servidor para almacenar los correos electrónicos, a los que se puede
acceder directamente o mediante el programa de cliente de correo electrónico.
o Reenvío de correo: Las cuentas de reenvío de correo redirigen los correos electrónicos a otra dirección de correo
electrónico. Esta cuenta puede ser una cuenta de correo electrónico personal con un proveedor de servicios de correo
electrónico o una cuenta de terceros que administre los correos electrónicos del sitio web por usted.
o Alias: Algunos alojamientos web cuentan con planes de correo electrónico que puede utilizar para crear varios alias o
nombres de cuentas de correo electrónico sin necesidad de crear una cuenta POP3 completa. Por ejemplo, es posible que
desee mostrar las direcciones de ventas@, soporte@ y pedidos@ en diferentes páginas del sitio web. En lugar de tener varias
cuentas POP3 que deben ser revisadas y administradas, podría redirigir todo a una sola bandeja de entrada.
o Acceso FTP: FTP se refiere a la transferencia e intercambio de archivos del sitio web. Numerosos sitios web tienen
documentos, como archivos PDF o de imagen, para que los internautas los descarguen. La empresa de alojamiento web
utiliza el acceso FTP para prestar este servicio.

Un cuello de botella en la producción es un punto que ralentiza el flujo de producción. Puede tratarse de una máquina, de zonas
sobrecargadas o de cualquier recurso que esté "frenando" la producción.

aiguasnia@gmail.com
 5
Tema: Instalación de WordPress sin Hosting a través de WampServer PRÁCTICA 1. INSTALACIÓN DE WAMPSERVER
Instale en un ordenador de escritorio y/o portátil
WampServer Wampserver, siga los pasos de la práctica 1
Es un entorno de desarrollo web de Windows. Te permite crear aplicaciones web con Apache2, PHP y una base de datos MySQL. Además,
PhpMyAdmin permite usted para administrar fácilmente sus bases de datos

Características:
• Manejo de Bases de datos con MySQL
✓ La información esta almacenada en una base de datos
• Software para servidor web Apache
✓ Establece conexión entre un servidor y los navegadores de los visitantes del sitio web mientras envía archivos de los visitantes entre ellos
✓ Permite ingresar y observar lo que hay dentro de la base de datos y funciona las 24 horas del año
✓ Solo los ordenadores que tengan instalado apache o similar pueden recibir conexión de otros ordenadores
• Software para poder programar script con PHP (generalmente)
✓ Para llegar a la información de la base de datos necesitamos un guía, PHP a través de su código permite recoger información de la base de
datos y presentarla de forma dinámica y bonita en el navegador

Práctica N. 1: INSTALACIÓN DE WAMPSERVER

Ir a estos sitios descargar https://www.wampserver.com/en/
http://www.wampserver.com/
http://www.wampserver.es/
Guía de instalación
https://ortizvivas.com/blog/configurar-wamp/

PASOS1
1. Revisar en Panel de control el tipo de sistema operativo tiene

2. Abrir la dirección indicada http://www.wampserver.com/ y/o https://www.wampserver.com/en/ desplazarse hacia abajo

1
https://www.youtube.com/watch?v=HN03i8j3pOg

aiguasnia@gmail.com
 6

3. Descargue el servidor WAMP DE 64 BITS (X64) 3.2.6 o WAMP DE 32 BITS (X86) 3.2.6 y se abre la siguiente ventana 1 o esta ventana2 en forma
resumida que tienen lo mismo. Descargue el programa Wampserver y las librerías

aplicación

aplicación

Librerías

Ventana 2

Para las librería, marcamos y procedemos a descargar clic en Next e inicia la descarga de las aplicaciones. Para las librerias selección español pero
lastimosamente para Wordpress solo existen en Ingles.

aiguasnia@gmail.com
 7

4. Instalo en primer lugar las librerías dos de ellas funciona y vcredist_arm.exe genera un error y usted no se preocupe. Solo de doble clic en los
programas, finalizada esta operación procedo a instalar Wampserver, diríjase a descargas y busque el programa y de doble clic. Acepte, seleccione
Ingles y clic en Ok y después clic en Yo acepto que esta en ingles

aiguasnia@gmail.com
 8

5. Solo sigua las ventanas, no cambie nada. Finalizada la instalación revise el icono de que se encuentra instalado en el escritorio de Windows. De
doble clic el mismo que se encarga de activar la Bases de datos con MySQL, el servidor web Apache entre otras características importantes.

aiguasnia@gmail.com
 9

6. Diríjase a la barra de tareas, en mostrar iconos ocultos se encuentra el programa Wampserver, la misma que debe estar de color verde, color que
indica que esta bien instalado y activa

7. Finalmente Ir a la barra de tareas clic derecho sobre el icono de Wampserver y cambiar el idioma a SPANISH

Práctica N. 2
El color verde de Wampserver singnifica instalación correcta. Si es naranja es muestra que existen problemas de inicialización y es necesario repetir el
proceso de instalación, y si es rojo toca eliminar y volver a instalar.

1. Vamos a barra de tareas, clic izquierdo en el icono verde de Wampserver y seleccionamos LocalHost y nos aparece la ventana que se muestra a
continuación aparece la siguiente ventana

Localhost: acceder con el navegador a los contenidos del servidor web. Es lo mismo que abrir un navegador e ir a la dirección http://127.0.0.1
que es equivalente a ir a http://localhost.

aiguasnia@gmail.com
 10

2. Vamos al menú de Wampserver y elegimos phpMyAdmin/ phpMyAdmin y nos pide el usuario, escribirnos root, en la contraseña borramos la PRÁCTICA 2. Creación de base de datos
palabra contraseña, y clic e continuar. Clic en la pestaña Base de datos.
• Desde esta práctica en adelante active
Wampserver, dando Doble clic en el icono de
Wampserver para que se cargue la base de datos
Mysql, el servidor Apache, etc.
• Diríjase a la barra de tareas y en iconos ocultos va
estar de color verde el icono de Wampserver

3. En esta ventana, 1) clic en Nueva base de datos, 2) escriba el nombre de la base de datos ( bdprueba) y 3) en la caja de alado seleccione
cotejamiento o elija utf8 general, clic en CREAR. y hemos creado la base de datos

• Clic derecho sobre el icono de wampserver y

selecciono Language y escojo español
1
2 33

• Siga los pasos de la practica2

Para crear una tabla, se escribe el nombre de la tabla llamada Docente en este caso las 4 columnas se refieren a los campos y clic en crear

aiguasnia@gmail.com
 11

tabla
campos

Para crear los 4 campos aparece automáticamente. Si deseo añadir mas campos doy clic en continuar. Al finalizar clic en guardar.

Si deseo añadir mas tablas clic baso el árbol de bdprueba y repito los pasos aprendidos

aiguasnia@gmail.com
 12
4. Crear la base de datos UENT, y dentro de esta crear la tabla ESTUDIANTE con los siguientes campos: matricula, nombre, apellido, curso,
especialidad y sección. Asi mismo cree la tabla docentes con los siguientes campos: cedula, nombre, apellido, titulo, años de experiencia, año de PRÁCTICA N. 3. INSTALACIÓN DE WORDPRESS
nacimiento y sueldo En el ordenador instalado Wampserver
5. Cree una base de datos denomina Wordpress1 (el 1 para el paralelo A, 2 para el paralelo B y 3 para el paralelo C) cree una tabla llamada • Active Wampserver
Estudiante con los campos: cedula, nombre y apellido.
• Instale WordPress siga los pasos de la práctica
N. 3
WORDPRESS

WordPress, es un sistema de gestión de contenidos, desarrollado en PHP y MySQL, conocido como software de código libre (GPL). Sus creadores fueron
Matt Mullenweg y Mike Litte, y su éxito radica en su flexibilidad y en su facilidad para gestionarlo, con un escritorio muy intuitivo. Es la aplicación ideal
para desarrollar desde un sitio personal hasta web profesional o comercial. Su condición de código libre ha permitido que muchos desarrolladores elaboren
infinidad de extensiones del software original (los denominados plugins) y plantillas o temas (los llamados themes) ampliando casi hasta el infinito las
funcionalidades de la aplicación.

Es una colección de archivos que trabajan juntos para producir un interfaz gráfico con un diseño unificado subyacente para un weblog. Estos archivos se
llaman archivos de plantilla. Un tema modifica el modo en que el sitio es mostrado, sin modificar el software subyacente. Los temas pueden incluir archivos
de plantilla personalizados, archivos de imagen (*.jpg, *.gif), hojas de estilo (*.css), Páginas personalizadas, así como cualquier otro archivo de código
(*.php) necesario. Para una introducción a archivos de plantilla

Práctica N. 3
NSTALACIÓN DE WORDPRESS
Enlace para descargar Wordpress español: https://wordpress.org/
Descargar WordPress:: https://wordpress.org/download/

1. Abra en primer link https://wordpress.org/ y/o https://wordpress.org/download/ busque Obtener WordPress y clic en Descargar Wordpress 6.1.1.
una vez iniciado, esperamos que termine

2. Por defecto se guarda en descargas, en la carpeta descargas EXTRAER AQUI la información y copie la carpeta Wordpress en C:\wamp64\www\

aiguasnia@gmail.com
 13

Recuerde en copiar la subcarpeta en C:\wamp64\www\

3. Vamos a instalar Wordpress, escriba en el navegador localhost/wordpress y mágicamente se inicia la instalación de Wordpress, selecciono
español, continuar.

1 2 3

aiguasnia@gmail.com
 14
4. Despues aparece la siguiente ventana

Por favor guarde su contraseña,

escriba la misma de facebook

aiguasnia@gmail.com
 15
¿Para qué necesitamos lidiar con base de datos en nuestra web?
Porque prácticamente todos los sitios web medianos o grandes, todos los portales, los sitios de noticias que se actualizan al instante y las redes
sociales las utilizan para almacenar los contenidos de sus páginas, contenidos elaborados por personas ubicadas en cualquier parte del mundo, que
se agregan a la base de datos mediante un formulario, y que, sin que ningún diseñador necesite darles formato, quedan publicados instantáneamente. PRÁCTICA N. 4. CREACIÓN DE PÁGINAS
Esta "magia" es posible gracias a las bases de datos En el ordenador instalado Wampserver
• Active Wampserver
Pràctica N. 42 CREACION DE PAGINAS: Recuerde en activar Wampserver para que funcione, cuyo icono debe estar en verde • Realice la practica 4
1. Clic en http://localhost/wordpress/ o http://localhost/wordpress/wp-login.php y acceda escribiendo su correo electrónico y contraseña.

Apariencia de mi sitio web en WordPress

El menú de apariencia de WordPress es la vía para impresionar a los usuarios de tu web.

2. Ir a la pestaña de Apariencia/⁄Temas/marque la plantilla de su eleccion y activar Twenty Twenty-One o Twenty Twenty-Two, clic en
ACTIVAR

3. Clic /Visitar el sitio . Cada tema activado tiene su propia forma de administrat la apariencia

4. De clic en el + que permite Añadir nuevos temas y seleccione uno a su interes personal

aiguasnia@gmail.com
 16
ENTRADA Y PAGINAS
PRÁCTICA 5. CREACIÓN DE ENTRADAS
Las entradas o posts son las noticias o artículos que forman parte del diario, del blog En el ordenador instalado Wampserver
propiamente dicho. Se organizan de forma cronológica, admiten categorías y etiquetas. • Active Wampserver
• Realice la practica 5
Las páginas son contenidos estáticos que normalmente se utilizan para la información
genérica de un blog. Son artículos que no forman parte del diario, no se organizan de TAREA 6. DIFERENCIAS
forma cronológica, sino de forma jerárquica. Las páginas de primer nivel aparecen en el Realice un mapa conceptual con 5 diferencias entre
Menú principal.. Las páginas no se muestran automáticamente en la web, pero sí que entradas y paginas de Wordpress.
puede acceder a ellas escribiendo su dirección, por ejemplo, http://.../wordpress/contacto. Además, de
forma predeterminada, no se pueden crear comentarios en las páginas

Categorias: Las categorías son una forma de organización de los posts (entradas, artículos) de tu WordPress
5. Creacion un sitio web para la UNIDAD EDUCTIVA NACIONAL TENA. Crear la siguientes 4 paginas.
Pagina1: Bienvenida, mision, vision e historia del plantel. Cuando finalice publique.
Pagina 2: Oferta Educativa
Pagina 3: Directivos y el personal docente
Pagina 4: Ubicación y contactos.
6. Para ver lo realizado clic en

Pràctica N. 5. Creacion de entradas

1. Clic en http://localhost/wordpress/ o http://localhost/wordpress/wp-login.php y acceda escribiendo su correo
electrónico y contraseña

2
https://www.youtube.com/watch?v=P1vMMAAfTRM&list=PLPl81lqbj-4KuiW_p8OejglqTEHmfeEto
aiguasnia@gmail.com
 17
2. Crear 3 entrada con las siguietes categorias Unidad Educativa Nacional Tena, Inforamtica, Bachillerato Tecnico.
Entrada 1: El Bachillerato Tecnico y su incidencia en la ciudad de Tena. Cuando finalice publique.
Entrada 2: La Informatica y su importancia en el mundo actual. Cuando finalice publique.
Entrada 3: El mal uso del Internet en los estudiantes de la UENT. Cuando finalice publique.

3. Añada imágenes, audio, videos

Para ver lo realizado clic en Visitar sitio

aiguasnia@gmail.com