Professional Documents
Culture Documents
W E B PA R A D E S K T O P, M O V I L E S Y T A B L E T A S
Multiplataforma
Presentacin
El Diseo Web Adaptativo o Sencible a cualquire plataforma llmese pantallas desktop, mviles y tabletas (en ingls significa, Responsive Web Design) es una tcnica de diseo y desarrollo web que mediante el uso de estructuras e imgenes fluidas, as como de media-queries en la hoja de estilo CSS3, conseguiremos adaptar el sitio web al entorno del usuario. Haciendo el uso del lenguaje de programacin PHP, HTML5, CSS3 y junto al poder de jQuery disea y desarrolla todo tipo de pginas dinmicas basados en estandares, aade sonido, video, animaciones y realiza sitios webs increibles, convierte tu web en webapps y compilado para logra aplicaciones para iphone y android.
Multiplataforma
3.
6.
4.
www.mgp-peru.com
Multiplataforma
8.
10.
www.mgp-peru.com
Multiplataforma
14.
12.
15.
16.
www.mgp-peru.com
Presentacin
Por qu usar Adobe Edge para crear contenidos animados HTML5?
Poderosa herramienta que nos permite crear animaciones 2d en HTML5, CSS3 y jQuery, totalmente compatibles con todos los visores llmese navegadores estandares como Internet Explorer, Firefox, Chrome, Opera y Safari, adems es tambien compatible con los navegadores de los telefonos mviles inteligentes y tabletas. Tambin los contenido de adobe edge son totalmente indexables por los buscadores mas importantes como Google.
Porque tiene una plataforma muy amigable y de fcil uso tanto para los artistas grficos, programadores o desarrolladores, ya que cada uno tiene una forma distinta de crear contenidos. Entonces, esta aplicacin resulta la mejor alternativa para aquellos artistas que ya conocen una herramienta de dibujo como Adobe Illustrator, Photoshop o Flash. Y especialmente para los que no son expertos en escribir cdigos Javascript. En este caso, el artista se concentra en la creacin y perfeccionamiento de su contenido animado y Adobe Edge se encarga de generar el HTML5, JavaScript y los cdigos correspondientes para que su trabajo pueda ser visto en una pgina web y en todos los dispositivos mviles.
www.mgp-peru.com
1.
2.
3.
7.
4.
8.
www.mgp-peru.com
9.
10.
11.
14.
www.mgp-peru.com
jQuery Mobile
Presentacin
www.mgp-peru.com
jQuery Mobile Framework es un producto que sin duda va adquiriendo mas popularidad desde que se lanzo al mercado. Estamos asistiendo a la revolucin de los dispositivos mviles de acceso a Internet y este framework, basado en el popular jQuery, se ha a convertido en el mejor aliado para el desarrollo de sitios web orientados para al segmento de consumidores web en dispositivos mviles. Utilizando jQuery Mobile, PHP y HTML5 realmente podemos crear aplicaciones web y para mviles de manera muy sencilla y rpida, utilizando el phonegaph nuestra aplicacin web se convierte en una aplicacin para mviles Android, Iphone, Windows Phone, Black Berry, entre otros
jQuery Mobile
1.
jQuery Mobile
Introduccin Introduccin al jQuery Mobile 1.3 Caractersticas del jQuery Mobile 1.3 Requisitos para su uso Compatibilidad con dispositivos El framework jQuery Mobile 1.3 Ejemplos de Pginas con jQuery Mobile 6. El Nuevo Dreamweaver CS6 y Jquery Mobile Creacin de carpetas Creacin de sitio Uso de mdulo Jquery Mobile en Dreamweaver CS6 Configuracin de emuladores en Dreamweaver CS6 Descarga y Configuracin de Windows Resizer para Chrome Primeros pasos con el jQuery Mobile Descargando Framework jQuery Mobile Descargando Framework jQuery Instalacin jQuery Mobile remota Instalacin jQuery Mobile local Estructura principal de una web en jQuery Mobile Arquitectura de Roles jQuery Mobile Aplicando temas jQuery Mobile Pasos Preliminares para trabajar con temas Aplicar temas de diseo a los elementos Creacin de temas personalizados Exportacin e importacin de temas personalizados Creacin de estilos CSS3 propios Sistema de Navegacin en jQuery Mobile Pasos preliminares para trabajar con botones Creacin de botones bsicos Enlaces a pginas internas Enlaces a pginas externas Links absolutos Transiciones de pginas 7. Creacin de barras de navegacin Pasos Preliminares para trabajar con barras de navegacin Crear botones en header Crear botones en footer Personalizacin de botones con iconos Posicionamiento de iconos Fijar secciones header y footer en la pantalla Trabajar en modo fullscreen Creacin de cuadros de dilogo Agrupar Botones Trabajando la interfaz del usuario Pasos preliminares para crear una interfaz del usuario Personalizar diferentes temas Crear estructura principal de la webapp Crear estructura interna de la webapp Crear barras de navegacin avanzada Crear Contenidos colapsables Crear Efecto acorden Trabajar con Columnas y grillas Galera de fotos con columnas y grillas Trabajar con Listas Pasos preliminares para trabajar con listas Creando listas en jQuery Mobile Creando listas anidadas Creando divisores y botones dobles Personalizar listas con imgenes Personalizar listas con iconos Aplicando datos adicionales a las listas Aplicar filtros de bsqueda en las listas
2.
3.
4.
8.
5.
www.mgp-peru.com
jQuery Mobile
jQuery Mobile
9. Trabajar con Formularios Pasos preliminares para crear formularios Insertando formulario dentro de la webapp Campos de tipo texto Campos de tipo email Campos numricos Trabajando con Switch Slider Mens agrupados Mens no nativos Seleccin de mltiples campos Insertando Checkboxes y Radio Buttons Insertando rea de texto Colocar botn enviar Validar campos del formulario Enviando el formulario va php al email Puesta en Marcha y Re direccionamiento de clientes a la web mvil Pasos preliminares para la puesta en marcha Subir webapp jQuery Mobile al Hosting Re direccionamiento a web de escritorio, mvil y tabletas Instalar cdigo en pgina principal de la web para direccionar Puesta en Marcha de una web mvil Compilacin y Creacin de Aplicaciones Android Pasos preliminares para creacin de aplicacin Instalacin de Java Development Kit (JDK) 7u17 Instalacin del SKD Android Configuracin Servicio PhoneGap Build Configuracin de la Aplicacin config.xml Creacin y Emulacin de la Aplicacin Instalacin de la Aplicacin en un dispositivo Android Puesta en marcha de la aplicacin
10.
11.
www.mgp-peru.com
www.mgp-peru.com
www.mgp-peru.com
www.mgp-peru.com
W E B PA R A D E S K T O P, M O V I L E S Y T A B L E T A S