Curricula Responsive Design

download Curricula Responsive Design

of 15

Transcript of Curricula Responsive Design

  • 7/22/2019 Curricula Responsive Design

    1/15

    Responsive DesignMaster en

    MultiplataformaW E B P A 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

  • 7/22/2019 Curricula Responsive Design

    2/15

    Maquetacin Web Responsive

    Multiplataforma

    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 basa-

    dos 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.

    Presentacin

  • 7/22/2019 Curricula Responsive Design

    3/15

    Maquetacin Web Responsive

    Multiplataforma

    1. Introduccin al PHP y HTML5

    Objetivos del curso

    Instalacin de visores de navegacin y herramientas extras

    Creando estructura de carpetas para una web

    Instalando Wampserver

    Puesta en marcha del WampserverPasos preliminares antes de empezar

    2. Introduccin al Adobe Dreamweaver CS6

    Creacin de sitios dinmicos en Dreamweaver CS6

    Crear pgina de prueba PHP y ejecutar en los navegadores

    Editar un sitio web

    Borrar un sitio web

    Reconocimiento de la plataforma de trabajo

    Abrir, grabar y cerrar archivos

    Configurar visores para pre visualizacin

    3. Estructura de una web en PHP y HMTL5

    Abrir un documento PHP basado en HMTL5

    Uso de la etiqueta DIV

    Uso de la etiqueta HEADERUso de la etiqueta NAV

    Uso de las etiquetas SECTION, ARTICLE y ASIDE

    Uso de la etiqueta FOOTER

    Crear compatibilidad con navegadores antiguos

    Uso del PHP dentro del HTML5

    Aadir comentarios

    Variables de Cadena

    Trabajar con cadenas

    Numero enteros y Nmeros decimales

    Trabajar con matrices

    Valores Bolanos y nulos

    Conversin de tipo

    Constantes

    4. Introduccin a las hojas de estilo CSS3

    Abrir un nuevo documento CSS3

    Vincular hojas de estilo CSS3 con PHP

    Colocar estilos predeterminados para trabajar con PHP

    Separar los estilos generales y de maquetacin

    Aplicar estilos a etiquetas HMTL5

    Aplicar estilos a etiquetas a travs de su ID

    Aplicar estilos a etiquetas a travs de su CLASE

    Diferencias entre ID y CLASE

    5. Introduccin a Responsive Design

    Que es responsive design

    Para que sirve responsive design

    CSS3 y los Media Querys

    Adaptacin web para Mviles

    Adaptacin web para Tabletas

    Adaptacin web para Desktops

    Ejercicios simples y prcticos

    6. Maquetacin web PHP y HTML5 bsica de 4 cuerpos

    Maquetando estructura principal y los cuerpos de la web

    Aplicando diseo a nuestra maquetacin

    Usar imgenes de diseo en CSS3

    Aplicar estilos que determinen ancho, alto, margen y padding

    Aplicar colores Hexadecimales, RBG, RGBA a elementos

    Insertar imgenes como contenidos de una web

    Insercin cabecera , , , , ,

    Insercin prrafo

    Colocar elementos uno sobre otro

    Aplicar estilos de textos, fuentes, color, tamao, margen, sombras

    Aplicar estilos a los enlaces

    Creacin barras de navegacin con listas desordenadas Aplicando estilos al men

    Trabajando el contenido de los pies de pagina

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    PHP, HTML5, CSS3

  • 7/22/2019 Curricula Responsive Design

    4/15

    Maquetacin Web Responsive

    Multiplataforma

    7. Estructuras de Control, Maquetacin Web PHP y HTML5 con bordes

    redondeados y degradados

    Operadores de comparacin

    Sentencias If

    Sentencias Else y ElseIf

    Operadores LgicosSentencia Switch

    Creacin de sitio, PHP, CSS, vincular PHP con CSS

    Optimizar y exportar imgenes a usar

    Maquetar la estructura principal del web

    Aplicar fondo de web con degradados en CSS3

    Crear compatibilidad de degradados para Internet Explorer 9, 8 y 7

    Aplicando estilos a la cabecera

    Determinar ancho, alto, relleno degradado al men

    Bordes redondeados al men

    Determinar ancho y alto de redes sociales

    Crear barra de navegacin con listas desordenadas

    Aplicando estilos a la barra de navegacin usando degradados y

    bordes arqueados

    Estilo del banner con color de fondo, bordes redondeados y padding

    Insercin de Imgenes como contenidosColocar elementos con posicin absoluta y relativa

    Aplicar sombra y otros estilos a los textos

    Trabajar articles como elementos flotantes, aplicando estilos

    Insercin de cabeceras , aplicando estilos de encabezados

    Insercin de prrafos

    Diseando pies de pagina

    8. Bucles Repetitivos, Transformaciones y Transiciones

    Bucles Repetitivos While

    Bucles Repetitivos For

    Bucles Foreach

    Comando Continue

    Comando Break

    Estructura principal de la pgina webAplicar fondo degradado con ms de 2 colores y medidas

    Aplicando estilos de maquetacin para la web

    Creando la barra de navegacin con ms de 2 elementos

    Aplicando estilos bsicos a la barra de navegacin

    Aplicando transiciones y transformaciones a cada botn

    Aplicando transiciones a los elementos internos del botn

    Trabajando textos en el pie de pagina

    Colocando icono redes sociales en el pie de pagina

    Maquetando paginas internas

    Creando barra de navegacin interna

    Diseando barra de navegacin interna

    Aplicando transiciones y transformaciones a botones internos

    Diseando contenidos de la web imgenes, ttulos y textos

    9. Animaciones CSS3, tipografas, transiciones y transformaciones

    Creacin de nuevo sitio

    Pasos preliminares antes de comenzar

    Maquetacin y diseo de web

    Colocar elementos con posicin absoluta y relativa

    Crear animacin de elementos

    Creacin de barra de navegacin

    Diseo de barra de navegacin

    Tipografas externas google fonts

    Transicin y transformacin de barra de navegacin

    Colocar pies de pgina y aplicar transiciones a las redes sociales

    Maquetacin paginas interinas

    Diseando barra de navegacin interna

    Diseando contenidos de la pagina

    Creando enlaces y las paginas internas

    10. Trabajar con vectores SVG

    Adobe Illustrator como herramienta de dibujo vectorialOptimizar y exportar formato SVG desde Illustrator

    Maquetacin principal de la web

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    PHP, HTML5, CSS3

  • 7/22/2019 Curricula Responsive Design

    5/15

    Maquetacin Web Responsive

    Multiplataforma

    Posicionando elementos con posicin absoluta y relativa

    Importar formatos SVG o vectores a nuestra web

    Aplicando animaciones a formatos SVG

    Creando la barra de navegacin con grficos SVG y

    Diseando la barra de navegacin con transiciones

    Maquetando el cuerpo de la pginaColocando elementos de diseo en formato SVG

    Colocando contenidos del cuerpo

    Creacin del pie de pagina

    11. Incluir sonidos en formatos (MP3, OGG) en una web PHP y HMTL5

    Pasos preliminares antes de empezar

    Diseando la estructura de la web

    Colocar elementos con posicin relativa y absoluta

    Crear y disear barra de navegacin

    Definir una tipografa personalizada

    Diseando logo y titulo

    Diseando pie pgina y sociales

    Preparando sonidos para nuestra pgina web

    Insercin de sonidos compatibles con todos los navegadores

    Introduccin y descarga del jQueryInsercin de fondo musical desde el jQuery

    Controlar elementos del HTML desde el jQuery

    Controlar sonidos desde el jQuery

    Controlar rotacin de discos con jQuery

    12. Trabajar con videos en HTML5

    Maquetar estructura principal de la web

    Disear estructura web

    Preparar zona del video

    Insercin de videos

    Disear logo con tipografas propias

    Crear y disear barra de navegacin

    Crear y disear controles de sonido

    Colocar sonidos desde el jqueryCreando, diseo paginas internas ycreando, diseando pie de pagina

    13. Trabajar Mens DesplegablesCrear y disear maquetacin principal de la web

    Aplicar mens desplegables usando dreamweaver

    Editando css del men desplegable

    Disear cuerpo y texto superior de la web

    Crear y disear pie de pgina de la web

    Separar segmentos de cdigo en mdulos

    Comando Include y Required

    Incluir mdulos PHP en una sola pagina

    Preparar plantilla interna PHP

    Crear Pginas internas PHP

    Diseando pginas internas I

    14. Incluir formularios HTML5 a una pgina

    Insercion de un formulario

    Agrupar campos con Fieldset

    Insercin y validacin de campos textos y numricos

    Insercin y validacin de campos fecha y email

    Insercin y validacin de campos range

    Insercin y validacin de campos botn de opcin

    Insercin y validacin de campos botn casilla de verificacin

    Insercin y validacin de campos lista de mens

    Insercin y validacin de campos rea de texto

    Preparar elementos para disear formularios

    Aplicar diseo CSS3 a cada elemento del formulario

    Crear lgica PHP para enviar datos del formulario al correo electrnico

    15. Dar de alta una pgina web

    Preparar archivos a subir al servidor

    Conexin a FPT va Dreamweaver CSS6

    Conexin a FTP va FilezilaCrear actualizaciones en la web

    Puesta en marcha de la pgina web

    16. Testeo y prueba de una web online

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    PHP, HTML5, CSS3

  • 7/22/2019 Curricula Responsive Design

    6/15www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Animacin HMTL5, CSS3 y jQuery

    Adobe Edge 1.5

    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 inteligen-

    tes y tabletas. Tambin los contenido de adobe edge son totalmente indexables por los buscadores mas importantes como Google.

    Por qu usar Adobe Edge para crear contenidos animados HTML5?

    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 concen-

    tra 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.

    Presentacin

  • 7/22/2019 Curricula Responsive Design

    7/15

    1. Introduccin

    Introduccin a Adobe Edge

    Crear, grabar y abrir proyectos de animacin

    Reconociendo la plataforma de trabajo

    Crear nuestra primera animacin simple

    2. Aprender tcnicas de lnea de tiempo y transicin

    Presentacin de la lnea de tiempo

    Entender los controles de lnea de tiempo

    Mtodos abreviados para el manejo de la lnea de tiempo

    Animar propiedad EscalaX y EscalaY

    Animar propiedad rotacin

    Animar propiedad transparencia

    Animacin de una intro

    3. Creacin y animacin de elementos en Adobe Edge

    Preparando el escenario de la animacin

    Creacin de cajas rectangulares

    Alineacin, organizar y distribucin elementos en escena

    Crear una animacin de rectngulosTrabajar con rectngulos redondeados

    Trabajar con sombras para los grficos y textos

    Recortar determinadas zonas de un grfico

    Importar imgenes de Adobe Fireworks al Edge

    Importar grficos de Adobe Illustrator al Edge

    Mostrar y ocultar elementos en Adobe Edge

    4. Degradados lo nuevo del Adobe Edge 1.5

    Preparando el escenario de la animacin

    Aplicar degradados para el fondo de la pelicula

    Definir degradados con 2,3 y ms colores

    Tipos de degradados Linear, Radial y Eliptica

    Aplicar degradados los objetos dibujados en Adobe Edge

    5. Aplicar Filtros CSS3 lo nuevo del Adobe Edge 1.5

    Paleta FiltrosAplicar contraste, saturacin y sepia a los elementos.

    Aplicar filtros escala de grises, desenfoque y sombra

    Trabajar con el modo invertido de un objeto

    Ejemplo practico

    6. Adicin de textos y aplicar formatos

    Agregar texto a un proyecto

    Cambio de las propiedades especficas del texto

    Uso de fuentes web

    Cambiar otras propiedades de texto

    Aplicar recorte de texto

    Cmo hacer la cada de un titular

    Agregando un poco de rebote

    Agregar vnculos a texto

    Etiquetas HTML dentro de una animacinFinalizacin de la animacin de banners

    7. Uso de la Herramienta Edge Web Font lo Nuevo de Adobe Edge 1.5

    Para qu sirve la paleta Edge Web Fonts

    Aplicar una tipografa del Edge Web Fonts

    Personalizar Web Fonts

    Ejemplo prctico

    8. Acciones y control de animacin

    Elementos, eventos y acciones

    Acciones de eventos para otros elementos

    Acciones para la lnea de tiempo

    Control de elementos en escena

    Creando un Slide Show

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Adobe Edge 1.5

    Animacin HMTL5, CSS3 y jQuery

    Adobe Edge 1.5

  • 7/22/2019 Curricula Responsive Design

    8/15

    9. Trabajar con smbolos en Adobe Edge

    Acerca de los smbolos

    Creando smbolos

    Trabajo con smbolos en la lnea de tiempo

    Animacin dentro de un smbolo

    Smbolos de anidacin dentro de smbolos

    10. Edge Animate con HTML5 y JavaScript

    Preparar sitio en Dreamweaver CS6

    Preparar pelcula en Adobe Edge

    Trabajar con HTML5 y CSS3 bsico

    Preparar zona para la pelcula

    Abrir HTML producido por Adobe Edge

    Colocar la composicin en un documento HTML5

    Colocar dos composiciones en un documento HTML5

    Aplicar una precarga a la composicin

    Subir web con pelcula incrustada al hosting

    Realizar carga y prueba del proyecto

    11. Botones con efectos RollOver en Edge

    Pasos preliminaresPreparar escenario de trabajo

    Dibujando los botones rectangulares

    Importar grficos y colocar en su posicin final

    Creacin de smbolos botn

    Definiendo los estados del botn

    Animando los estados del botn

    Aplicando acciones MouseOver y MouseOut

    Creando enlace de botones a pginas HTML5

    Insertando pelcula en HTML5

    Publicacin y puesta en marcha de la web con pelcula

    12. Trucos y tips tiles de JavaScript

    Tcnicas para mostrar y ocultar elementosIntercambio de imgenes en Animate

    Identificacin y modificacin de elementos y smbolos

    Identificacin de elementos dentro de los smbolos

    Reproduccin de una lnea de tiempo de smbolo

    Uso de instrucciones condicionales

    13. Crear paginas integras en Adobe Edge

    Preparar elementos graficos SVG, JPG y PNG

    Preparar la pelicula tamaano, color, precarga

    Realizar animacin de elementos de entrada

    Creacion de barras de navegacin

    Crear y animar pginas internas

    Crear interactividad de los botones

    14. Crear pginas deslizables horizontal y verticalmentePreparar elementos grficos

    Preparar elementos animados en adobe edge

    Maquetar web en PHP, HTML5 y CSS3

    Crear jQuery para controlar deslizamiento horizontal o vertical

    Unir HTML5 y Adobe Edge

    Puesta en marcha de la web deslizable

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Adobe Edge 1.5

    Animacin HMTL5, CSS3 y jQuery

    Adobe Edge 1.5

  • 7/22/2019 Curricula Responsive Design

    9/15www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Webs y Web Apps para Mviles

    jQuery Mobile

    jQuery Mobile Framework es un producto que sin duda va adquiriendo mas popularidad desde que se lanzo al mercado. Estamos asistiendo a la revolu-

    cin 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

    Presentacin

  • 7/22/2019 Curricula Responsive Design

    10/15

    1. 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.3Ejemplos de Pginas con jQuery Mobile

    2. 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

    3. 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 MobileArquitectura de Roles jQuery Mobile

    4. 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

    5. 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

    6. 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

    7. 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 avanzadaCrear Contenidos colapsables

    Crear Efecto acorden

    Trabajar con Columnas y grillas

    Galera de fotos con columnas y grillas

    8. 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

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Webs y Web Apps para Mviles

    jQuery Mobile

    jQuery Mobile

  • 7/22/2019 Curricula Responsive Design

    11/15

    9. Trabajar con Formularios

    Pasos preliminares para crear formularios

    Insertando formulario dentro de la webapp

    Campos de tipo texto

    Campos de tipo emailCampos 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

    10. Puesta en Marcha y Re direccionamiento de clientes a la web mvil

    Pasos preliminares para la puesta en marcha

    Subir webapp jQuery Mobile al HostingRe 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

    11. 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

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    Webs y Web Apps para Mviles

    jQuery Mobile

    jQuery Mobile

  • 7/22/2019 Curricula Responsive Design

    12/15

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    SEO Posicionamiento WebSocial Media Manager

    El crear una pgina web bien estructurada e impecable no lo es todos, despus de esta gran labor viene el dificil trabajo de posicionar en los primeros

    lugares de busqueda de los principales motores de bsqueda, como google. En este mdulo se ensea a seguir todos los pasos para que una web

    pueda ser optimizada para los buscadores, logrando en corto tiempo posicionar la web en los resultados de bsqueda.

    Presentacin

  • 7/22/2019 Curricula Responsive Design

    13/15

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    SEO Social Media ManagerInvestigacin y estrategia: Palabras Claves

    Anlisis competitivo de las palabras claves

    Lista palabras claves por frases

    Lista palabras claves por URL

    Lista de palabras claves por frase

    Lista de CompetidoresPalabras semanticas

    Relacin palabras claves y pginas web

    Ejemplo obtencin palabras claves

    Evaluacin completa de pginas SEO

    Estructura semntica

    Uso del plugin Web Developer Tools

    Contenidos de nuestras pginas web

    Tcnica para escribir contenidos

    Cdigo HTML

    Cdigo de tablas

    Uso indebido de tablas anidadas: Teora

    Uso indebido de tablas anidadas: Prctica

    Tiempo de bajada una pgina web

    Uso del atributo NofollowAntigedad del dominio

    Densidad de palabras claves

    Validacin del cdigo HTML

    Validacin del cdigo CSS

    Validacin web

    Meta Robots NOINDEX, NOFOLLOW

    Nombre de los archivos HTML

    Evaluacin de combinacin de palabras clave

    Optimizacin de nuestras pginas SEO

    Titulo

    Metatags

    Meta description

    Meta keywords

    Atributo Alt

    Contenidos de nuestras pginas SEO

    Pginas indexadas

    Enlaces internos y externos

    Mapa del sitio web

    Promocionando nuestra web

    Sumisin Google

    Sumisin otros buscadores

    Sumisin a directorios: Yahoo y DMOZ

    Sumisin a otros directorios

    Programa de afiliados

    Modelo HTML para intercambiar enlaces

    Intercambio de enlaces

    Tcnicas para el intercambio de enlaces

    Creacin de blog

    Promocin en un blog

    Informes de seguimientos y mejoras

    Creacin cuenta GoogleDensidad de Palabras Claves

    Archivo robots.txt

    Creacin Google sitemap

    Creacin Google analticas

    Reglas de oro seguimiento SEO

    Directrices para webmaster

    Extensiones SEO para Firefox

    Google Trends

    Google Sitemap

    Aadir el sitemap

    El interfaz de Google sitemap

    Diagnstico del sitemap

    Estadsticas Google sitemap

    Enlaces detectados por Google SitemapInformacin acerca de mi sitemap

    Herramientas para webmaster

  • 7/22/2019 Curricula Responsive Design

    14/15

    www.mgp-peru.com Master en Responsive Design Multiplataforma PHP, HTML5, CSS3 y jQuery

    SEO Social Media ManagerGoogle Analticas

    Creando una cuenta de analticas

    Panel de analticas

    Usuarios

    TrficoPginas de destino y abandono

    Extensiones SEO Quake

    Redireccin 301 y pgina no encontrada 404

    Redes sociales

    Creacin de cuenta en twitter

    Creacin de Blog

    Personalizar y crear entradas al blog

    Creacin de Canal Youtube

    Crear videos institucionales con sistema animoto

    Google Adwords

    Creacin de cuenta en google adwords

    Preparando el Landing Page para el google adwords

    Creando nuestra primera campaa en google adwords

    Evaluacin de la campaa

    Marketing On-Line One to One

    Inscripcin a sistemas de envos de boletines informativos

    Creacin de lista de suscriptores

    Subir listas de suscriptores

    Crear un boletn informativo en Dreamweaver CS5.5 y CSS3

    Enviar boletines informativos

    Reporte de nuestra campaa informativa

    Social Media Manager

    Cmo obtener clientes en eventos locales

    Cmo encontrar a tus primeros clientes

    Cmo Vender Servicios a Empresas LocalesCmo Buscar Negocios Locales

    Cmo hacer branding personal

    Cmo consultar ayuda sobre el tema de las redes sociales

    Cmo hacer encuestas con las empresas

    Cmo gestionar Facebook y YouTube semanalmente

    Cmo hacer planificacin de vdeo marketingCrear videos promocionales a partir imagenes y textos

    Cmo Monitorizar la Reputacin de la Empresa

    Cmo reservar nombres de usuarios para la empresa

    Cmo crear presupuestos para dar servicio de social media

    Facebook para Negocios

    Introduccin a las pginas de Facebook

    Cmo crear una pgina en Facebook

    Cmo personalizar la pgina de Facebook

    Cmo promocionar tu pgina de Facebook

    Cmo analizar las estadsticas de la pgina de Facebook

    Cmo analizar las estadsticas de la pgina de Facebook parte II

    Cmo generar trfico con el botn de me gusta

    Cmo posicionar tu contenido en la pgina de inicio de Facebook

    Cmo expandir tu network comercial en Facebook

    Cmo promocionar tus eventos en Facebook

    YouTube para Negocios

    Cmo utilizar YouTube para promocionar y mejorar la presencia de tu

    empresa en Internet.

    Cmo subir y optimizar los vdeos en YouTube de forma correcta y eficaz.

    Cmo combinar la aplicacin de vdeo marketing con Social Media Marke-

    ting, a travs de estrategias eficaces que implican compartir tus vdeos a

    travs de diversos canales como: Facebook, Twitter y en tu blog.

    Cmo realizar la bsqueda de las palabras clave correctas para tu sector de

    mercado de manera que las puedas utilizar de forma eficaz en relacin con

    tu vdeo.

    Tcnicas avanzadas para aumentar el trfico de tus vdeos utilizando diferen-

    tes funcionalidades de YouTube.Cmo analizar los resultados obtenidos con YouTube marketing e interpretar

    las estadisticas que proporciona YouTube.

  • 7/22/2019 Curricula Responsive Design

    15/15

    Responsive DesignMaster en

    MultiplataformaW E B P A R A D E S K T O P , M O V I L E S Y T A B L E T A SCurricula Propuesta por

    www.cursos-paginas-web.comLima - Per

    Telfonos: (511) 99.3654170 / (511) 99.401193 7