ACTIVIDAD 19 INTERFAZ DREAMWEAVER

DISEñO DE MI PAGINA WEB

PRACTICA 1

1 ¿CUALES SON TUS POSIBLES TEMAS A TRATAR EN TU PAGINA WEB? 

• VETERINARIA
• CINE

2  CLASIFICA TUS TEMAS

• CINE

3 ESCOGE EL TEMA PARA TU PÁGINA WEB 

• CINE YAZ

4 ¿DEFINE LA INFORMACIÓN QUE VA A CONTENER TU PAGINA? 

TIPOS DE PELÍCULAS DE :

• COMEDIA
• TERROR

 6 ESCABILIDAD : DAR AL PUBLICO LAS PELÍCULAS MAS EMOCIONANTES Y MAS ESPECTACULARES PARA ASÍ TENER UNA GRAN EMOCIÓN.

7 PLANIFICACION:(OBJETIVOS, PÚBLICO  Y ESTRUCTURA)

TENER MUCHOS OBJETIVOS PARA DAR MEJORES PELÍCULAS.

.

8  Diseño DE MI PAGINA WEB

PRACTICA # 1.2 INTRODUCION AL HTML

PRACTICA 1.2

1¿QUE  ENTIENDES POR UNA PAGINA HTML? Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

FUENTE

2 ¿DEFINE UNA DE LAS LETRAS QUE CONFORMAN HTML?HTML es la abreviatura de "HyperText Mark-up Language", es decir, "Lenguaje de marcado hipertextual", y esto ya es más de lo que necesitas saber a estas alturas. En todo caso, para mantener un buen orden, vamos a explicar qué significa con mayor detalle.

Híper es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratón era un animalillo que perseguía un gato- los programas de ordenador se ejecutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera. Por ejemplo, no es necesario visitar MSN.com antes de visitar HTML.net.

Texto se explica por sí solo.

Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.

Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés.

• FUENTE

3 ¿QUIEN INVENTO HTML?"En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet."

FUENTE

4 ¿CUAL ERA EL OBJETIVO DE CREAR HTML? El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. 

FUENTE

5 ¿MENCIONA CUATRO CARACTERÍSTICAS DEL  LENGUAJE HTML? Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. 

FUENTE

6 ¿ MENCIONA  7 REGLAS BÁSICAS QUE DEVES SEGUIR PARA EL Diseño DE UNA PAGINA WEB’?El presente submódulo tiene como OBJETIVO prepararte para que aprendas a diseñar y estructurar una página WEB. Por lo que como PROYECTO elaborarás el DISEÑO  de una página web PERSONAL en CÓDIGO HTML en el editor de TEXTO bloc de notas con las características siguientes: Una página principal que incluya:

? Encabezado

? Imágenes

? Hipervínculos a otras páginas web

? Hipervínculos a tus páginas.

? Opción para enviar un correo

Una segunda página, en la que apliques las tablas

Y por último una página, en la que apliques listas.

Las tres páginas deben de estar enlazadas entre sí y a una página en INTERNET. 

FUENTE

PRACTICA # 1.3 ELEMENTOS BÁSICOS DE HTML

PRACTICA 1.3

ANTES DE EMPANZAR A CREAR LA PAGINA WEB ES NECESARIO QUE CONOZCAS LOS TERMINO BESICOS QUE ESTARÁS UTILIZANDO EN EL TRANSCURSO DE TU BLOQUE.

1 BLOC DE  NOTAS: Bloc de notas (en ingles notepad) es un EDITOR DE TEXTO simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple. 

FUENTE

2 BUSCADOR: Un buscador es una página de Internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado. FUENTE

3 COMPATIBLE: La compatibilidad es la CONDICION que hace que un PROGRAMA y un sistema, arquitectura o APLICACION logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina AMULDADOR por el hecho de que es un INTÉRPRETE entre el programa y el sistema, arquitectura o aplicación.

FUENTE

4 ESTRUCTURA DE PÁGINA WEB: La estructura básica de una página web es la siguiente:

<HTML> <head></head> <body> </body> </HTML>

Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

5 ETIQUETA: Todo el mundo esta familiarizado con el concepto de ponerle una etiqueta a algo. Nos sirve para identificarlo, para etiquetarlo con alguna característica o palabra clave que lo distingue del resto. En INFORMATICA el uso de etiquetas se emplea igual que con una etiqueta física.

FUENTE

6 HIPERTEXTO: El hipertexto es una herramienta de SOFTWARE con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

FUENTE

7 LENGUAJE HTML: HTML es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

FUENTE

8 MARCAS (TAG)

FUENTE

9 NAVEGADOR: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.

FUENTE

10 PAGINA WEB: Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas web dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

FUENTE

11 SITIO WEB: Conjunto de páginas web que están relacionadas entre sí, por lo general porque se ingresan desde un mismo dominio (o porque mantienen constante la raíz de la dirección URL). Un sitio web puede estar constituido de una o más páginas web. La página web principal de un sitio web suele llamarse index, que puede tener la extensión .htm, .php, .asp.

FUENTE

12 PLATAFORMA : En INFORMATICA, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de HARDWARE o de SOFTWARE con los que es COMPATBLE. 

FUENTE

13 SERVIDOR WEB: Básicamente, un servidor web sirve contenido estático a un navegador, carga un archivo y lo sirve a través de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP.

FUENTE

14 VÍNCULOS: Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--estO ES un vínculo es un enlace, link, hipervínculo. 

FUENTE

3.3 CONCEPTOS BÁSICOS DEL SOFTWARE DE ANIMACIÓN

3.3: CONCEPTOS BÁSICOS DEL SOFTWARE DE ANIMACIÓN 

1.-¿Que es animacion? Es cualquier cambio visual que se produce a lo largo del tiempo. Se puede modificar varios aspectos de un elemento gráfico para animarlo: posicion, tamaño, rotación, color, transparencia. 

¿QUE ES ANIMACION?

 

2.-Menciona 5 Softwares comerciales para realizar animaciones:

1.- Anime Studio Pro 5: Es un software 2D que permite crear animaciones de manga y anime, trae consigo algunas cargas previas que son de mucha ayuda.

2.- Adobe Fireworks: Con Adobe Fireworks es posible crear gráficos con expresiones y óptimos para la web, así como prototipos que pueden ser editados con facilidad tanto de manera vectorial como en mapa de bits. Es posible crear animaciones con anuncios, logotipos y viñetas en movimiento.

3.- Autodesk Maya 3D: Se trata de un software de animación que proporciona herramientas de modelado, simulación, efectos visuales, rastreo de movimientos, así como la representación de movimientos y una plataforma que puede extenderse.

4.- Autodesk 3ds Max: Este es considerado uno de los programas de animación 3D más utilizados, pues mantiene una sólida plataforma de edición y plugin. 

5.- Autodesk Softimage X51: Se trata de un software para modelado, animación, efectos visuales y composición en 3D. Proporciona manejo de datos y equipamiento facial Softimage Face Robot además de la creación de entornos creativos interactivos.

5 FOFTWARES COMERCIALES

3.-Menciona 5 Softwares libres para realizar animaciones:

 1.- Blender:

 

FUENTE:BLENDER

2.-Flahs:

 

3.- 3D Canvas: Permite la creación de objetos simples y complejos, los cuales se pueden modelar, pintar, texturizar y animar.

4.- Google SketchUp: Permite la modelación de objetos y escenarios 3D. Cuenta con completas herramientas que permiten modelar, dar efectos, texturizar.

5.- El software de K3D: Permite crear objetos y animaciones en 3D. También es multiplataforma y se lo puede mejorar con una serie de plugins. Es útil para perfilar imágenes comunes hacia el 3D, soportando moldeado poligonal. Incluye herramientas básicas para NURBS, parches, curvas y animación.

SOFTWARES LIBRES

4.-¿Que es un efecto especial? Son una variedad y conjunto de técnicas, creadas para darnos una visión fantástica de la realidad, haciendo desaparecer la barrera entre la realidad y la imaginación, y darnos la posibilidad de vivir durante unos momentos en un mundo lleno de fantasía a través de la gran pantalla.

¿QUE SON LOS EFECTOS ESPECIALES?

5.-¿Que es un grafico de computacion? Es el campo de la informática visual, donde se utilizan computadoras para generar imágenes visuales y espaciales del mundo real.

¿QUE ES UN GRAFICO COMPUTACION?

6.-¿Que es video games? Son juegos electrónicos que se desenvuelven en un ordenador o en una videoconsola. El juego es creado en forma de programa informático que es grabado en algún medio de almacenamiento como lo pueden ser discos duros, CDs, o cartuchos especiales.

¿QUE SON LOS VIDEO GAMES?

7.-¿Que es SynttheSpians? Son dibujos creados por medio de una computadora.

 POR EJEMPLO:

          

 

8.-¿Que es un fotograma? Es un instante o momento de una película, es un equivalente a cuadro de un film. Cuanto más fotogramas existan más duración tendrá la película flash. Es posible agregar, mover, eliminar, cortar, pegar y limpiar fotogramas.

¿QUE ES UN FOTOGRAMA?

 9.-¿Que es un grafico 3D? Son todos los objetos que se pueden dibujar en un espacio R3: puntos, segmentos, curvas, supericies y varios cuerpos formados por caras poligonales, así como textos y macros.  
¿QUE ES UN GRAFICO 3D? 

10.-¿Que es Flash? Es una tecnología para crear animaciones gráficas vectoriales independientes del navegador y que necesitan poco ancho de banda para mostrarse en los sitios web.

Programa de edición multimedia desarrollado originalmente por Macromedia (ahora parte de Adobe) que utiliza principalmente gráficos vectoriales, pero también imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional para crear proyectos multimedia. - See more at: http://www.alegsa.com.ar/Dic/flash.php#sthash.QPKr24Nu.dpuf

¿QUE ES FLASH?

11.-Explica los tipos de movimiento en Flash:

1.-Interpolacion de movimiento: Es la acción básica de las animaciones en Flash. Permite desplazar un símbolo Flash de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la película.
INTERPOLACION DE MOVIMIENTO 

2.-Animacion 3D: Se refiere a presentar una sucesión de imágenes, cada imagen ligeramente distinta de la otra creando así la ilusión de movimiento. (imagen de animación).
ANIMACION DE MOVIMIENTO

3.-Animacion de morphing: Se conoce con el nombre “Morphing” a una técnica de manipulación de imágenes digitales que permite obtener una animación -transición controlada- entre dos imágenes diferentes. La transformación necesaria para su cálculo se realiza en el denominado “espacio de imagen”.
ANIMACION DE MORPHING

4.-Aniamacion de mascaras: Es cualquier forma que dibujemos en la capa máscara, será la forma a través de las que se muestre el contenido de las capas enmascaradas.
ANIMACION DE MASCARAS

PROYECTO FINAL

VENTANA DE FLASH Y BARRA DE HERRAMIENTAS DE FLASH