Google Web Designer - Historial de revisiones

Nela ciget.pinardelrio: /* Entorno de creación 3D */

2019-12-09T21:55:12Z

‎Entorno de creación 3D

Nela ciget.pinardelrio en 21:54 9 dic 2019

2019-12-09T21:54:46Z

Nela ciget.pinardelrio: /* Fuentes */

2019-12-09T21:47:48Z

‎Fuentes

Nela ciget.pinardelrio en 21:45 9 dic 2019

2019-12-09T21:45:40Z

Nela ciget.pinardelrio en 21:43 9 dic 2019

2019-12-09T21:43:14Z

Zooproject: Normalización del artículo

2019-11-19T11:53:36Z

Normalización del artículo

Humbertoccabrera en 16:28 20 ago 2019

2019-08-20T16:28:22Z

Javiermartin jc: Texto reemplazado: «
» por «»

2019-08-13T14:40:45Z

Texto reemplazado: «<div align="justify">» por «»

Ruslan unhicch en 16:17 11 ene 2019

2019-01-11T16:17:36Z

Yanalia: Página creada con « {{Ficha Software |nombre= Google Web Designer |familia= Herramienta para la Programación Web |imagen= GWD.png |descripción= Programa para crear sitios web interactivos…»

2018-12-11T20:29:55Z

Página creada con « {{Ficha Software |nombre= Google Web Designer |familia= Herramienta para la Programación Web |imagen= GWD.png |descripción= Programa para crear sitios web interactivos…»

Página nueva

{{Ficha Software
|nombre= Google Web Designer
|familia= Herramienta para la Programación Web
|imagen= GWD.png
|descripción= Programa para crear sitios web interactivos
|creador= Google
}}
<div align="justify">
La herramienta [[Google Web Designer]] es un programa para crear sitios web interactivos [[HTML]]5 y [[banners]] publicitarios. Es un[[software]] independiente para [[Windows]], [[Mac]] y [[Linux]]. Es un editor [[WYSIWYG]] (Lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en [[HTML]]5.
GWD (Google Web Designer) es una herramienta simple para desarrollar contenido compatible con varias pantallas. Esta herramienta de [[Google]] basada en [[GUI]] es fácil de usar incluso para principiantes y permite a los desarrolladores experimentados profundizar más.
Las funciones de automatización de GWD le dan la libertad de diseñar sin preocuparse por las pantallas, ya que los diseños y gráficos en movimiento de GWD se pueden ejecutar en cualquier dispositivo.
[[Google]] lanzó el [[software]] [[Google Web Designer]] por primera vez en [[2013]]. Ha evolucionado continuamente desde entonces. Las estadísticas muestran que más de 7679 sitios web han usado GWD y 2,175 sitios web en vivo lo siguen usando con un agregado de 5,504 que lo usaron anteriormente.
==Características==
[[Archivo: GWD1.jpg|400px|thumb|right|GWD]]
=== Disposición fluida===
El diseño fluido permite a los usuarios utilizar porcentajes al configurar los estilos superior, izquierdo, ancho y alto. Cuando el tamaño y la posición de los elementos se establecen en porcentaje, pueden reducirse y crecer con el contenedor, manteniendo la estructura general sin cambios.
Este fue el principal problema con el diseño fijo que, para realizar incluso un pequeño cambio en el contenedor, requería que el usuario reposicionara manualmente todos los elementos. Y con la introducción del diseño fluido, los usuarios pueden mantener fácilmente el diseño mientras cambian el tamaño del contenedor.
=== Sistema de eventos ===
Le permite generar documentos, componentes y acciones de línea de tiempo altamente interactivo relacionado con cualquier elemento en algún otro documento de [[Google Web Designer]]. Para obtener más diseños creativos, puede establecer nuevas acciones personalizadas en [[javascript]] y convertir acciones predefinidas en acciones personalizadas.
=== Entorno de creación 3D===
Proporciona una herramienta 3D Stage Rotate para examinar el efecto de un elemento en cada lado. Puede simplemente hacer clic y arrastrar el objeto para girarlo. Por lo tanto, [[Google Web Designer]] espera un entorno de creación 3D completo.
=== HTML con Pages ===
Tiene una característica fantástica para convertir una página en un archivo [[HTML]]. Puede incorporar cualquier página de [[Google Drive]] en [[Google Web Designer]] para la conversión automática al [[HTML]].
=== Publicar directamente en los estudios de DoubleClick ===
[[DoubleClick Studios]] ofrece instalaciones de pantalla cruzada. Por lo tanto, puede crear rápidamente anuncios para pantallas móviles y de escritorio. [[Google Web Designer]] está integrado con el flujo de trabajo de [[DoubleClick Studio]] que le permite agregar galerías de imágenes, videos, mapas y otras funciones interactivas a su diseño. Asocia el anuncio con la cuenta, el anunciante y la campaña adecuados. Una vez que su diseño esté listo, puede publicarlo directamente en los estudios.
=== Integración con Google Drive ===
[[Google Drive]] se considera principalmente como una copia de seguridad o una plataforma para compartir documentos. [[Google Web Designer]] lo utiliza de manera altamente innovadora para publicar los documentos. Esta función facilita una vista previa de su creación en cualquier navegador, desde un escritorio o un dispositivo móvil. Esta característica hace que [[GWD]] sea único entre los otros editores disponibles.
=== BYOC (Construye tu propio componente) ===
Proporciona un conjunto de componentes integrados. Y la función "Construye tu propio componente" (BYOC) es compatible con los componentes de nueva construcción y mejora los existentes. Estos componentes personalizados se incluirán en un archivo ZIP. Una vez que se importan a [[Google Web Designer]], se convierten en los componentes nativos.
=== Modos de animación ===
Incluye muchas opciones de animación, como el arrastre de la animación, los eventos de la línea de tiempo y los fotogramas clave con modos de animación. Tiene dos modos de animación: Rápido y Avanzado.
En el modo de animación rápida, puede crear una animación escena por escena agregando una nueva vista de toda la página. Puede cambiar los elementos, modificar las líneas de tiempo de transición, facilitar y mucho más.
Pero en el modo avanzado, tienes mejor comando sobre marcos individuales. Mostrará las capas para modificar cada elemento de una pila de elementos.
=== Muestras personalizadas===
Proporciona un rico panel de colores para elegir los colores predeterminados y puede crear los nuevos colores personalizados o degradados complejos. Puede guardar estos como una muestra personalizada.
=== Grupos ===
Permiten diseñar objetos reutilizables. Cualquier cambio que hagas al grupo se reflejará en todas sus instancias. No hay necesidad de copiar y pegar. Si no hay instancias de un grupo, se guardará como un archivo complementario. El tamaño total del archivo no se verá afectado por él. Los grupos pueden encapsular animaciones y pueden usarse para generar galerías dinámicas.
=== Componentes web renovados ===
Tiene muchos componentes web renovados como formas de lienzo, Galería 360, Galería de carrusel, Galería de Swipeable, iFrame, Mapa, Área de tap, Video y [[YouTube]], etc. para ofrecer. Además, consta de los componentes de gestos para facilitar el uso del rastreo táctil y del mouse, los toques, los clics y otros gestos táctiles. Le brinda una función TaptoCall para iniciar una llamada telefónica a su número de contacto especificado.
====Componentes====
*'''Toque Área''': Es un elemento transparente que se puede colocar en cualquier parte de la pantalla para activar una acción con un toque o clic del mouse.
*'''Gesto''': Se aplica para capturar las interacciones del usuario con su contenido [[HTML]] o con el anuncio.
*'''Botón de imagen''': Este componente de botón de imagen se utiliza para formar un botón con tres estados visuales. Incluye una imagen sin comprimir, una imagen presionada y una imagen flotante.
*'''Toque para llamar''': Es otro elemento transparente para iniciar una llamada o SMS a un número de contacto especificado.
*'''Galería deslizable''': Google Web Designer le permite configurar una galería simple para moverse libremente hacia atrás o hacia adelante a través de imágenes o grupos.
* '''Galería de navegación''': permite agregar un panel de navegación posicionable a una Galería que se puede deslizar.
*'''Galería de carrusel''': Un componente de la galería de Carrusel lo ayuda a construir una galería similar a un carrusel para múltiples imágenes para darle un aspecto 3D.
*'''Galería 360 °''': Muestra un objeto en todos los lados, deslizando hacia adelante y hacia atrás para girar el objeto.
* '''Mapa / Video / Audio / YouTube''': permite colocar un video personalizado, video de YouTube, audio o mapa en su anuncio.
* '''Street View''': Puede incluir imágenes de Google Street View en su proyecto. Puede mencionar la ubicación, el desplazamiento y la rotación para una mejor interacción del usuario.
* '''Añadir a componente de calendario''': Puede colocarlo sobre cualquier parte de la pantalla para crear un recordatorio de evento que los usuarios pueden agregar a sus calendarios.
* '''Componente iFrame''': permite cargar elementos de [[URL]] externos en su proyecto a través de iFrame.
* '''Hoja de Sprite''': Este componente se utiliza en animaciones de estilo sprite y para colocar varias imágenes dentro de una hoja de sprite.

==Desventajas==
*Demasiadas opciones de control en el panel hacen que parezca más pesado.
*No puede abrir los archivos HTML creados por otras herramientas de diseño web.
*Carece de características de creación de contenido de texto.
*Para obtener los resultados deseados, es obligatorio tener conocimiento sobre el código fuente.
*Tal vez sea una excelente opción y una herramienta sin igual para la creación de anuncios, pero no es tan hábil como un diseñador web. Si desea diseñar un sitio web completo, necesita herramientas de diseño de sitios web confiables y sofisticados.

==Fuentes==
*https://translate.google.com/translate?hl=es&sl=en&u=https://www.google.com/webdesigner/&prev=search
*https://blog.templatetoaster.com/google-web-designer/
*https://translate.google.com/translate?hl=es&sl=en&u=https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/
* https://www.google.com/webdesigner/

[[Category: Ciencias Aplicadas y Tecnologías]]

@@ Línea 43: / Línea 43: @@
 Le permite generar documentos, componentes y acciones de línea de tiempo altamente interactivo relacionado con cualquier elemento en algún otro documento de Google Web Designer. Para obtener más diseños creativos, puede establecer nuevas acciones personalizadas en [[javascript]] y convertir acciones predefinidas en acciones personalizadas.
 === Entorno de creación 3D===
-Proporciona una herramienta 3D Stage Rotate para examinar el efecto de un elemento en cada lado. Puede simplemente hacer clic y arrastrar el objeto para girarlo. Por lo tanto, [[Google Web Designer]] espera un entorno de creación 3D completo.
+Proporciona una herramienta 3D Stage Rotate para examinar el efecto de un elemento en cada lado. Puede simplemente hacer clic y arrastrar el objeto para girarlo. Por lo tanto, Google Web Designer] espera un entorno de creación 3D completo.
 === HTML con Pages ===
 Tiene una característica fantástica para convertir una página en un archivo [[HTML]]. Puede incorporar cualquier página de [[Google Drive]] en Google Web Designer para la conversión automática al [[HTML]].

@@ Línea 86: / Línea 86: @@
 == Fuentes ==
-* [https://www.google.com/webdesigner/&prev=search/www.google.com]
+* [https://www.google.com/webdesigner/&prev=search google.com]
-* [https://blog.templatetoaster.com/google-web-designer/blog.templatetoaster.com]
+* [https://blog.templatetoaster.com/google-web-designer blog.templatetoaster.com]
-* [https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/en.wikipedia.org]
+* [https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search en.wikipedia.org]
 [[Category: Ciencias Aplicadas y Tecnologías]]

@@ Línea 86: / Línea 86: @@
 == Fuentes ==
-* https://www.google.com/webdesigner/&prev=search/[[www.google.com]]
+* [https://www.google.com/webdesigner/&prev=search/www.google.com]
-* https://blog.templatetoaster.com/google-web-designer/[[blog.templatetoaster.com]]
+* [https://blog.templatetoaster.com/google-web-designer/blog.templatetoaster.com]
-* https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/ [[en.wikipedia.org]]
+* [https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/en.wikipedia.org]
 [[Category: Ciencias Aplicadas y Tecnologías]]

@@ Línea 1: / Línea 1: @@
-{{Normalizar}}
 {{Ficha Software
 |nombre=Google Web Designer
@@ Línea 47: / Línea 47: @@
 Tiene una característica fantástica para convertir una página en un archivo [[HTML]]. Puede incorporar cualquier página de [[Google Drive]] en [[Google Web Designer]] para la conversión automática al [[HTML]].
 === Publicar directamente en los estudios de DoubleClick ===
-[[DoubleClick Studios]] ofrece instalaciones de pantalla cruzada. Por lo tanto, puede crear rápidamente anuncios para pantallas móviles y de escritorio. [[Google Web Designer]] está integrado con el flujo de trabajo de [[DoubleClick Studio]] que le permite agregar galerías de imágenes, videos, mapas y otras funciones interactivas a su diseño. Asocia el anuncio con la cuenta, el anunciante y la campaña adecuados. Una vez que su diseño esté listo, puede publicarlo directamente en los estudios.
+DoubleClick Studios ofrece instalaciones de pantalla cruzada. Por lo tanto, puede crear rápidamente anuncios para pantallas móviles y de escritorio. Google Web Designer está integrado con el flujo de trabajo de DoubleClick Studio que le permite agregar galerías de imágenes, videos, mapas y otras funciones interactivas a su diseño. Asocia el anuncio con la cuenta, el anunciante y la campaña adecuados. Una vez que su diseño esté listo, puede publicarlo directamente en los estudios.
 === Integración con Google Drive ===
-[[Google Drive]] se considera principalmente como una copia de seguridad o una plataforma para compartir documentos. [[Google Web Designer]] lo utiliza de manera altamente innovadora para publicar los documentos. Esta función facilita una vista previa de su creación en cualquier navegador, desde un escritorio o un dispositivo móvil. Esta característica hace que [[GWD]] sea único entre los otros editores disponibles.
+[[Google Drive]] se considera principalmente como una copia de seguridad o una plataforma para compartir documentos. Google Web Designer lo utiliza de manera altamente innovadora para publicar los documentos. Esta función facilita una vista previa de su creación en cualquier navegador, desde un escritorio o un dispositivo móvil. Esta característica hace que Google Web Designer sea único entre los otros editores disponibles.
 === BYOC (Construye tu propio componente) ===
-Proporciona un conjunto de componentes integrados. Y la función "Construye tu propio componente" (BYOC) es compatible con los componentes de nueva construcción y mejora los existentes. Estos componentes personalizados se incluirán en un archivo ZIP. Una vez que se importan a [[Google Web Designer]], se convierten en los componentes nativos.
+Proporciona un conjunto de componentes integrados. Y la función "Construye tu propio componente" (BYOC) es compatible con los componentes de nueva construcción y mejora los existentes. Estos componentes personalizados se incluirán en un archivo ZIP. Una vez que se importan a Google Web Designer, se convierten en los componentes nativos.
 === Modos de animación ===
 Incluye muchas opciones de animación, como el arrastre de la animación, los eventos de la línea de tiempo y los fotogramas clave con modos de animación. Tiene dos modos de animación: Rápido y Avanzado.
@@ Línea 86: / Línea 86: @@
 == Fuentes ==
-* https://translate.google.com/translate?hl=es&sl=en&u=https://www.google.com/webdesigner/&prev=search
+* https://www.google.com/webdesigner/&prev=search/[[www.google.com]]
-* https://blog.templatetoaster.com/google-web-designer/
+* https://blog.templatetoaster.com/google-web-designer/[[blog.templatetoaster.com]]
-* https://translate.google.com/translate?hl=es&sl=en&u=https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/
+* https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/ [[en.wikipedia.org]]
-* https://www.google.com/webdesigner/
 [[Category: Ciencias Aplicadas y Tecnologías]]

@@ Línea 28: / Línea 28: @@
 }}
-'''Google Web Designer'''. Es un programa para crear sitios web interactivos [[HTML|HTML 5]] y [[banners]] publicitarios. Es un [[software]] independiente para [[Windows]], [[Mac]] y [[Linux]]. Es un editor [[WYSIWYG]] (Lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en HTML 5.
+'''Google Web Designer''' es un programa para crear sitios web interactivos [[HTML|HTML 5]] y [[banners]] publicitarios. Es un [[software]] independiente para [[Windows]], [[Mac]] y [[Linux]]. Es un editor [[WYSIWYG]] (lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en HTML 5.
 GWD (Google Web Designer) es una herramienta simple para desarrollar contenido compatible con varias pantallas. Esta herramienta de [[Google]] basada en [[GUI]] es fácil de usar incluso para principiantes y permite a los desarrolladores experimentados profundizar más.

@@ Línea 33: / Línea 33: @@
 Las funciones de automatización de GWD le dan la libertad de diseñar sin preocuparse por las pantallas, ya que los diseños y gráficos en movimiento de GWD se pueden ejecutar en cualquier dispositivo.
-[[Google]] lanzó el [[software]] [[Google Web Designer]] por primera vez en [[2013]]. Ha evolucionado continuamente desde entonces. Las estadísticas muestran que más de 7679 sitios web han usado GWD y 2,175 sitios web en vivo lo siguen usando con un agregado de 5,504 que lo usaron anteriormente.
+[[Google]] lanzó el [[software]] Google Web Designer por primera vez en [[2013]]. Ha evolucionado continuamente desde entonces. Las estadísticas muestran que más de 7679 sitios web han usado GWD y 2,175 sitios web en vivo lo siguen usando con un agregado de 5,504 que lo usaron anteriormente.
 ==Características==
@@ Línea 41: / Línea 41: @@
 Este fue el principal problema con el diseño fijo que, para realizar incluso un pequeño cambio en el contenedor, requería que el usuario reposicionara manualmente todos los elementos. Y con la introducción del diseño fluido, los usuarios pueden mantener fácilmente el diseño mientras cambian el tamaño del contenedor.
 === Sistema de eventos ===
-Le permite generar documentos, componentes y acciones de línea de tiempo altamente interactivo relacionado con cualquier elemento en algún otro documento de [[Google Web Designer]]. Para obtener más diseños creativos, puede establecer nuevas acciones personalizadas en [[javascript]] y convertir acciones predefinidas en acciones personalizadas.
+Le permite generar documentos, componentes y acciones de línea de tiempo altamente interactivo relacionado con cualquier elemento en algún otro documento de Google Web Designer. Para obtener más diseños creativos, puede establecer nuevas acciones personalizadas en [[javascript]] y convertir acciones predefinidas en acciones personalizadas.
 === Entorno de creación 3D===
 Proporciona una herramienta 3D Stage Rotate para examinar el efecto de un elemento en cada lado. Puede simplemente hacer clic y arrastrar el objeto para girarlo. Por lo tanto, [[Google Web Designer]] espera un entorno de creación 3D completo.
 === HTML con Pages ===
-Tiene una característica fantástica para convertir una página en un archivo [[HTML]]. Puede incorporar cualquier página de [[Google Drive]] en [[Google Web Designer]] para la conversión automática al [[HTML]].
+Tiene una característica fantástica para convertir una página en un archivo [[HTML]]. Puede incorporar cualquier página de [[Google Drive]] en Google Web Designer para la conversión automática al [[HTML]].
 === Publicar directamente en los estudios de DoubleClick ===
 DoubleClick Studios ofrece instalaciones de pantalla cruzada. Por lo tanto, puede crear rápidamente anuncios para pantallas móviles y de escritorio. Google Web Designer está integrado con el flujo de trabajo de DoubleClick Studio que le permite agregar galerías de imágenes, videos, mapas y otras funciones interactivas a su diseño. Asocia el anuncio con la cuenta, el anunciante y la campaña adecuados. Una vez que su diseño esté listo, puede publicarlo directamente en los estudios.

@@ Línea 1: / Línea 1: @@
 {{Normalizar}}
 {{Ficha Software
-|nombre= Google Web Designer
+|nombre=Google Web Designer
 |familia= Herramienta para la Programación Web
-|imagen= GWD.png
+|imagen=GWD.png
-|descripción= Programa para crear sitios web interactivos
+|tamaño=
-|creador= Google
+|descripción= Programa para crear sitios web interactivos.
 }}
-La herramienta [[Google Web Designer]] es un programa para crear sitios web interactivos [[HTML]]5 y [[banners]] publicitarios. Es un[[software]] independiente para [[Windows]], [[Mac]] y [[Linux]]. Es un editor [[WYSIWYG]] (Lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en [[HTML]]5.
+'''Google Web Designer'''. Es un programa para crear sitios web interactivos [[HTML|HTML 5]] y [[banners]] publicitarios. Es un [[software]] independiente para [[Windows]], [[Mac]] y [[Linux]]. Es un editor [[WYSIWYG]] (Lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en HTML 5.
 GWD (Google Web Designer) es una herramienta simple para desarrollar contenido compatible con varias pantallas. Esta herramienta de [[Google]] basada en [[GUI]] es fácil de usar incluso para principiantes y permite a los desarrolladores experimentados profundizar más.
 Las funciones de automatización de GWD le dan la libertad de diseñar sin preocuparse por las pantallas, ya que los diseños y gráficos en movimiento de GWD se pueden ejecutar en cualquier dispositivo.
 [[Google]] lanzó el [[software]] [[Google Web Designer]] por primera vez en [[2013]]. Ha evolucionado continuamente desde entonces. Las estadísticas muestran que más de 7679 sitios web han usado GWD y 2,175 sitios web en vivo lo siguen usando con un agregado de 5,504 que lo usaron anteriormente.
 ==Características==
 [[Archivo: GWD1.jpg|400px|thumb|right|GWD]]
@@ Línea 54: / Línea 77: @@
 * '''Hoja de Sprite''': Este componente se utiliza en animaciones de estilo sprite y para colocar varias imágenes dentro de una hoja de sprite.
-==Desventajas==
+== Desventajas ==
-==Fuentes==
+== Fuentes ==
-*https://translate.google.com/translate?hl=es&sl=en&u=https://www.google.com/webdesigner/&prev=search
+* https://translate.google.com/translate?hl=es&sl=en&u=https://www.google.com/webdesigner/&prev=search
-*https://blog.templatetoaster.com/google-web-designer/
+* https://blog.templatetoaster.com/google-web-designer/
-*https://translate.google.com/translate?hl=es&sl=en&u=https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/
+* https://translate.google.com/translate?hl=es&sl=en&u=https://en.wikipedia.org/wiki/Google_Web_Designer&prev=search/
 * https://www.google.com/webdesigner/
- [[Category: Ciencias Aplicadas y Tecnologías]]
+[[Category: Ciencias Aplicadas y Tecnologías]]