Ya quedo atrás las paginas de HTML donde todo era estático y plano sin animaciones ahora ya podemos crear un diseño dinámico impactante y sencillo utilizando las ultimas tecnologias en HTML5 Y CSS3
Google ha lanzado un producto gratuito al mercado que nos va a permitir introducir el dinamismo de las animaciones 3D y su conjunción con lo último en diseño gráfico para nuestros sitios web: Google Web Designer.
Temario:
Introducción a Google Web Designer
¿Qué es Google Web Designer?
Requisitos del sistema
Notas de la versión
La interfaz de Google Web Designer
Definir el idioma
Configurar el entorno
Cómo iniciar sesión en su cuenta de Google
Combinaciones de teclas
Cómo unirse al foro de Google Web Designer
Licencias y componentes de código abierto
Cómo crear y modificar contenido
Crear un nuevo documento
Trabajar con la posición, el tamaño y otras propiedades de los elementos
Fundamentos básicos de las páginas
Diseñar para varios tamaños de pantallas
Añadir etiquetas
Usar imágenes y vídeos
Cómo utilizar las herramientas de lápiz y forma
La herramienta de texto
Añadir color a un objeto
Usar gradientes
Cambiar el código
Cambiar estilos usando el panel de CSS
Cómo usar herramientas 3D
Diseño adaptable
Visión general del diseño adaptable
El panel Capacidad de respuesta
Añadir puntos de interrupción y administrar intervalos
Alinear elementos con diseño fluido
Cambiar el tamaño de la ventana gráfica
Crear animaciones
Acerca de las animaciones
Modo rápido
Modo avanzado
Acerca de los easings
Anidar animaciones
Ejecutar animaciones en bucle
Use assets, wraps, and groups
Usar la Biblioteca de recursos
Agrupar y encapsular recursos
Cómo usar componentes
Componente Área sensible
Componente Gesto
Componente Botón de imagen
Componente Tocar para llamar o enviar mensaje de texto
El componente Hoja de sprite
Componente Galería de imágenes deslizables
El componente Navegación por la galería
Componente Galería en expositor giratorio
Componente Galería 360°
Componente de vídeo
El componente YouTube
El componente Audio
Componente Mapa
El componente Street View
El componente Añadir a calendario
Componente Marco flotante
Utilizar componentes personalizados
APIs de componentes
Añadir eventos
Información acerca de los eventos
Añadir eventos a elementos de la fase
Añadir marcadores de evento y etiquetas de evento a la línea de tiempo
Crear acciones personalizadas
Cómo crear un anuncio
Anuncios de banner
Anuncios desplegables
Anuncios intersticiales
Cambiar la orientación en anuncios para móviles
Recolocar la página expandida
Crear un anuncio a partir de una plantilla
Crear una plantilla personalizada
Crear un anuncio dinámico
Cómo obtener una vista previa y publicar el trabajo
Obtener una vista previa de su anuncio o página HTML
Publicar localmente
Publicar en Google Drive
Publicar en DoubleClick Studio
No hay comentarios:
Publicar un comentario