SlideShare una empresa de Scribd logo
Por : Profesor, Samuel Scott
Universidad de Panamá
Facultad de Informática, Electrónica y Comunicaciones.
Asignatura: Animación Web 1
Trabajando con Botones animados en páginas Web
Trabajando con Botones animados en páginas Web
Cuando se selecciona el comportamiento de un botón, SWISHMAX crea un periodo de tiempo
automáticamente para los efectos asociados del botón.
Pulsar y no te aburrirás
Por : Profesor, Samuel Scott
Trabajando con Botones animados en páginas Web
Criterios en diseño de animaciones relacionados a la creación o uso de botones que podemos poner en práctica :
Utilizar un mismo diseño estándar para representar las funciones de eventos tales como: hundido, suelto,
pasar por arriba o pasar por debajo, sugerimos no ser tan innovador par los diseños básicos.
Sólo son recomendables botones que representan funciones comunes a la navegación en cualquier página web:
Página de Inicio ("Home")
Página anterior ("Back")
Página siguiente ("ForwardInicio de sección ("Top page")
Última página de sección ("End page")
Imprimir ("Print")
Ayuda ("Help")
Para acciones de navegación específicas de nuestra página: es preferible utilizar botones acompañados de
etiquetas.
En la mayoría de casos es preferible utilizar un texto y luego convertirlo en botón simple y las clases o formas
de estilo adecuadas para darle apariencia.
Al empezar a diseñar botones animados tenemos que tener en cuenta varios características para que los mismos
cumplan con los objetivos que otorguen la máxima visualización y funcionalidad, entre estas características
podemos mencionar entre las más importantes : La forma, Color, Efectos y etiquetados.
Por : Profesor, Samuel Scott
NOS VEMOS EN EL PRÓXIMO
Por : Profesor, Samuel Scott

Más contenido relacionado

Similar a Trabajando con botones en paginas web

Unidad 4
Unidad 4Unidad 4
Unidad 4
susanabiebs
 
Presentaciones
PresentacionesPresentaciones
Presentaciones
guestf4d3d0
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
karinarobles21
 
Pract.3 aguagallo doris
Pract.3 aguagallo dorisPract.3 aguagallo doris
Pract.3 aguagallo doris
Doris Aguagallo
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
gonzalovizuete
 
Elaboración de presentaciones con power point
Elaboración de presentaciones con power pointElaboración de presentaciones con power point
Elaboración de presentaciones con power point
cindybarron
 
Power point
Power point  Power point
Power point
fernandoalzavelasquez
 
Configurar equipo y sus dispositivos
Configurar equipo y sus dispositivosConfigurar equipo y sus dispositivos
Configurar equipo y sus dispositivos
keevin_caabrera
 
DIAPOSITIVAS DE POWERPOINT
DIAPOSITIVAS DE POWERPOINTDIAPOSITIVAS DE POWERPOINT
DIAPOSITIVAS DE POWERPOINT
CaterinMatas
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Salma Solis
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Salma Solis
 
Configurar equipo y sus dispositivos
Configurar equipo y sus dispositivosConfigurar equipo y sus dispositivos
Configurar equipo y sus dispositivos
Wichogarcia
 
PROYECTO POWER POINT
PROYECTO POWER POINT  PROYECTO POWER POINT
PROYECTO POWER POINT
Yuyis Caicedo
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
Cintya Dannaye
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
Cintya Dannaye
 
Manual Microsoft Power Point
Manual Microsoft Power PointManual Microsoft Power Point
Manual Microsoft Power Point
KelvinVelasquez1
 
Power point Level 08
Power point  Level 08Power point  Level 08
Power point Level 08
Duvan Hernandez
 
El tutoriaaaalll
El tutoriaaaalllEl tutoriaaaalll
El tutoriaaaalll
DavidKronos
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
Domitho Ibarra
 
Modulo
ModuloModulo
Modulo
guest1cce06
 

Similar a Trabajando con botones en paginas web (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Presentaciones
PresentacionesPresentaciones
Presentaciones
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Pract.3 aguagallo doris
Pract.3 aguagallo dorisPract.3 aguagallo doris
Pract.3 aguagallo doris
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
 
Elaboración de presentaciones con power point
Elaboración de presentaciones con power pointElaboración de presentaciones con power point
Elaboración de presentaciones con power point
 
Power point
Power point  Power point
Power point
 
Configurar equipo y sus dispositivos
Configurar equipo y sus dispositivosConfigurar equipo y sus dispositivos
Configurar equipo y sus dispositivos
 
DIAPOSITIVAS DE POWERPOINT
DIAPOSITIVAS DE POWERPOINTDIAPOSITIVAS DE POWERPOINT
DIAPOSITIVAS DE POWERPOINT
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Configurar equipo y sus dispositivos
Configurar equipo y sus dispositivosConfigurar equipo y sus dispositivos
Configurar equipo y sus dispositivos
 
PROYECTO POWER POINT
PROYECTO POWER POINT  PROYECTO POWER POINT
PROYECTO POWER POINT
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Manual Microsoft Power Point
Manual Microsoft Power PointManual Microsoft Power Point
Manual Microsoft Power Point
 
Power point Level 08
Power point  Level 08Power point  Level 08
Power point Level 08
 
El tutoriaaaalll
El tutoriaaaalllEl tutoriaaaalll
El tutoriaaaalll
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Modulo
ModuloModulo
Modulo
 

Último

Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CARMENSnchez854591
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
eleandroth
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
Fernández Gorka
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
LinoLatella
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
Ana Fernandez
 
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBALMATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
Ana Fernandez
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
ROCIORUIZQUEZADA
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
JonathanCovena1
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
shirherrer
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
Demetrio Ccesa Rayme
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
johnyamg20
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
Módulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escrituraMódulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escritura
marilynfloresyomona1
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 

Último (20)

A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
 
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBALMATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
Módulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escrituraMódulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escritura
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 

Trabajando con botones en paginas web

  • 1. Por : Profesor, Samuel Scott Universidad de Panamá Facultad de Informática, Electrónica y Comunicaciones. Asignatura: Animación Web 1 Trabajando con Botones animados en páginas Web
  • 2. Trabajando con Botones animados en páginas Web Cuando se selecciona el comportamiento de un botón, SWISHMAX crea un periodo de tiempo automáticamente para los efectos asociados del botón. Pulsar y no te aburrirás Por : Profesor, Samuel Scott
  • 3. Trabajando con Botones animados en páginas Web Criterios en diseño de animaciones relacionados a la creación o uso de botones que podemos poner en práctica : Utilizar un mismo diseño estándar para representar las funciones de eventos tales como: hundido, suelto, pasar por arriba o pasar por debajo, sugerimos no ser tan innovador par los diseños básicos. Sólo son recomendables botones que representan funciones comunes a la navegación en cualquier página web: Página de Inicio ("Home") Página anterior ("Back") Página siguiente ("ForwardInicio de sección ("Top page") Última página de sección ("End page") Imprimir ("Print") Ayuda ("Help") Para acciones de navegación específicas de nuestra página: es preferible utilizar botones acompañados de etiquetas. En la mayoría de casos es preferible utilizar un texto y luego convertirlo en botón simple y las clases o formas de estilo adecuadas para darle apariencia. Al empezar a diseñar botones animados tenemos que tener en cuenta varios características para que los mismos cumplan con los objetivos que otorguen la máxima visualización y funcionalidad, entre estas características podemos mencionar entre las más importantes : La forma, Color, Efectos y etiquetados.
  • 4. Por : Profesor, Samuel Scott
  • 5. NOS VEMOS EN EL PRÓXIMO Por : Profesor, Samuel Scott