7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

1/11

TECNOLGICO DE ESTUDIOS SUPERIORES DE VALLE DE BRAVO

MATERIA

Arquitectura de Software para Computo Mvil.

PRESENTAN

Vctor Alfonso Garduo Velzquez.

PROFESOR

M. en I.S.C Roque Matas Lpez.

PRACTICA

Prctica # 1 Pgina Web Fluida

Valle de Bravo, Estado de Mxico; 27 de Marzo del 2015.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

2/11

INTRODUCCIN.

Hoy en da los usuarios acceden nuestras pginas web desde diferentes medios:

un ordenador de Escritorio, un mvil, una Tablet. Partiendo de la base de que el

diseo de una web, para que funcione, tiene que estar centrada en el usuario, es

importante que nuestra web se adapta a cualquier medio para su correcta

visualizacin. Es por ello que ltimamente se estn utilizando lo que se llama

Responsive Web Design.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

3/11

OBJETIVO GENERAL.

Realizar un programa HTML que muestre los datos y caractersticas de que

parte se est visitando el sitio ejemplo (pc, navegador, direccin IP etc.)

OBJETIVOS ESPECFICOS.

Abordar de forma concreta y prctica el diseo Web Responsive para lograr

sitios que se adapten a las distintas resoluciones de pantalla y los distintos

tipos de dispositivos mviles.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

4/11

MATERIAL/EQUIPO.

Laptop

Servidor XAMPP.

Dreamweaver Editor de HTML.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

5/11

PROCEDIMIENTO.

Se Realiza un programa web mediante el uso del diseo web adaptable y el uso de

diferentes mtodos para que se muestre el las caractersticas de donde o de que

dispositivo se est visualizando la pgina realizada como el navegador donde se

navega, la plataforma, la direccin IP del dispositivo.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

6/11

TRATAMIENTO DE DATOS.

PGINA WEB PROPIEDADES DEL SISTEMA

1.- Se crea un nueva pgina en el cual va a tener un estilo llamado Diseo Web.

2.Se crea la pgina web que va a contener las propiedades del sistema y en

cuando se ejecute se tiene que ir adaptando a la propiedades del sistema.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

7/11

3.-Ejecuta el XAMPP y los Servicios de Apache.

4.-Ejecuta la pgina web y se verifica que todo est bien.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

8/11

5.-Haciendo ms pequea la pgina para ver que se est adaptando el texto con

la pantalla.

6.-Se verifican las propiedades del sistema.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

9/11

RESULTADOS.

Esta pgina al cambiar el tamao el texto que se encuentra en la pantalla se

va ajustando automticamente conforme se va cambiando el tamao de la

ventana.

Muestra las Caractersticas del dispositivo donde se est viendo o ejecutando

la pgina web (pc, mvil, Tablet etc.)

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

10/11

CONCLUSIONES.

El diseo web adaptativo es definitivamente una solucin eficaz con el fin de ofrecer

una experiencia deseada al usuario. Es una evolucin superior del diseo web que

invita a los diseadores a un nuevo desafo y asegura a los usuarios una experiencia

enriquecida. En cuanto a los inconvenientes de esta tcnica, se solucionan con una

mayor inversin al nivel del diseo y al nivel del desarrollo del sitio web.

VICTOR ALFONSO GARDUO VELAZQUEZ.

7/21/2019 Pgina Web Victor Alfonso Garduo Velazquez

11/11

BIBLIOGRAFA.

http://www.revista.unam.mx

http://www.emenia.es

http://www.sail.com.mx

http://www.genbetadev.com

http://www.revista.unam.mx/http://www.revista.unam.mx/http://www.emenia.es/http://www.emenia.es/http://www.sail.com.mx/http://www.sail.com.mx/http://www.genbetadev.com/http://www.genbetadev.com/http://www.genbetadev.com/http://www.sail.com.mx/http://www.emenia.es/http://www.revista.unam.mx/