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/Top Related