Practica 24:Registro del sitio web

1.- ELegimos un sitio, en mi caso es: http://www.000webhost.com/
2.- Dar clic en 'Singing Up'
3.- En la ventan que aparece después, llenar todo lo necesario, nombre, dominio, etc.
4.- Después de esto, ya tenemos una cuenta hosting.
5.- Descargamos el programa portable filezilla, lo podemos descargar facilmente de google.
6.- En Inicio seleccionamos 'dodos'.
7.- Damos clic en File y después en Sitio Managger.
8.- En la parte inferior damos en 'new', damos el nombre oficial a nuestro sitio.
9.- Llenamos nuevamente con nuestros datos.
10.- Seleccionamos 'Conecta'.
11.- Arrastramos los archivos, imagenes, videos, sonidos, etc. a donde nos indique y listo.

Practica 23: Sitios que venden alojamiento

Entre los sitios que venden alojamiento tenemos los siguientes:

Actividad 22: Sitios gratis

Entre la infinidad de sitios de hosting que te proporcionan alojamiento gratis, tenemos los siguentes:

Actividad 18: Entorno del software de Dreamweaver

Realiza una entrada en tu blog identificando los elementos de la ventana de Dreamweaver; asi como su barra de herramientas

Actividad 17: terminología básica del software para diseñar paginas web

Realiza una búsqueda en internet y define lo siguiente; creando una entrada en tu blog:

1.    CSS: CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.

2.    Maquetación: Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.

3.    Plantilla en Dreamweaver: Son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver.

4.    Contenedor en Dreamweaver: se denomina contenedor a cada elemento de la pagina web.

5.    Región editable: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

6.    Comportamientos en Dreamweaver: Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.

7.    Tabla: sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

8.    Formulario: Su función principal es para recoger los datos de los usuarios que visitan nuestra web, y puede servirnos para muchas funciones, desde recoger los datos para registrar un usuario, guardar los datos de una compra online o una encuesta etc.

9.    Formulario de contacto: al rellenarlo el usuario dar a enviar, enviará esos datos por email.

10. Dreamweaver CS5: es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos

ACTIVIDAD 10: ETIQUETA FONT

Presenta atributos que nos permiten modificar el tamaño y color del texto incluido en la etiqueta de inicio y fin.
como por ejemplo los siguientes atributos:
Color: determina el color que se aplica al texto
Size: determina el tamaño relativo del texto. los tamaños validos son del 1 al 7, siendo el predeterminado el 3 y el mas grande el 1.
Face: asigna una fuente o tipo de letra.

actividad 8: Atributos de las etiquetas

  

hay muchísimos atributos a etiquetas, entre los mas usados están los siguientes:

actividad 4: estructura básica de HTML

actividad 3: elementos basicos de HTML

Bloc de notas

Es un programa que permite crear y modificar archivos compuestos por texto sin formato.

Buscador

Es un sistema informático que busca archivos almacenados la web.

Compatible

Es la condición que hace que un programa y un sistema, logren comprenderse correctamente directamente o indirectamente

Etiqueta

Es el lenguaje de marcado predominante para la elaboración de páginas web.

Hipertexto

Nombre que recibe el texto que permite conducir a otros textos relacionados.

Lenguaje HTML

 HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). Como por ejemplo:

Marcas (tag)

 las marcas tag se utilizan para dar interpretación en una etiqueta.

Navegador

Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla

Pagina web

Es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para computadora o dispositivo móvil.

Plataforma

Se refiere al sistema operativo o a sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.

Servidor web

Es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente

Vínculos

Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento

Actividad 1: Contenido y estructura de la Página Web

¿Que entiendes por pagina Web?

Que es un sitio donde puedes encontrar in formación directa y con Creta

¿Que tipo de información tienen las paginas Web?

In formación que nos puede ayudar a ser las tareas como presentaciones

¿Que entiendes por sitio Web?

Un sitio web es  como facebok, myspace, etc, etc.

¿Cual es la diferencia entre sitio Web y Pagina Web?

Que en el sitio web puedes subir fotos y tener segidores o puedes comunicarte co tus amigos o familiares

¿Para que crees que sirva una pagina Web?

Para poner información relevante y concreta para el pueblo en general y con un vocabulario didáctico

¿Que te gustaría que tuviera la pagina Web que diseñarías?

Que hable sóbrelo que  me gusta  que son las carreras  fuera de camino como la famosa baja 1000 y la baja 500 como la san Felipe 250 como también lo a contenido durante la carrera y participantes los autos que tienen los modelos a ganar la carrera  y los caminos que tomaran para llegar ala meta

P12- INTERPOLACION DE MOVIMIENTO

MARIPOSA EN MOVIMIENTO O VOLANDO

1.-Nuevo documento con actionsript 3.0

2.-Archivo... importar a escenario... selecciona la imagen.

3.-Click sobre la mariposa damos F8 (seleccionar clip de pelicula).

4.-En la linea del tiempo selecciona el `tiempo` al que le quieres dar a tu pelicula y  F6.

5.-En el fotograma 1 damos clic derecho y seleccionamos crear interpolacion de movimientos.

6.-Seleccionamos otro fotograma de nuestro agrado (ejemplo fotograma 10)

7.-Movemos la mariposa a otro lugar del escenario.

8.-Al dar click sobre la mariposa seleccionamos la herramienta transformacion libre y hacemos mas pequeñas las alas.

9.-Movemos la mariposa a otro lugar del escenario

10.-Seleccionamos otro fotograma (el 20 por ejemplo) y abrimos nuevamente las alas.

11.-Movemos la mariposa a otro lugar del escenario.

12.-Al mover nuevamente la mariposa, seleccionamos otro fotograma.

13.-Asi hasta llegar al lo requerido. repitiendo los pasos del 8 al 10.

14.-Al aparecer la linea verde, podemos modificarla arrastrando uno de los puntos verdes de la misma haciendo click en el.

15.-Al final damos ctrl+Enter para ver la pelicula

P13- ANIMACION EN 3D

Se escribe el texto en texto TLF

1. Se modifica.
2. Clic sobre el icono de 3d y se modifican en base a los colores del color que sea.
3. Clic sobre botón derecho en el primer fotograma y clic en interpolación de movimiento.
4. Clic sobre el ultimo fotograma ya se el tiempo ke sea.
5. Clic de nuevo sobre el icono y se vuelve a modificar para crear .
6. CONTROL Y Enter.

P14- ANIMACION MORPHING

1. Se crea una imagen con la herramienta de dibujo
2. Se selecciona un fotograma mas y realiza un key frame
3. SE Mueve la imagen al otro lado del escenario.
4. SE Elimina la imagen que creaste.
5. hacemos un key frame clave.
6.  SE realiza una nueva imagen con otro color diferente a la anterior
7. Se Selecciona en medio de la linea de tiempo y clic sobre el menú insertar Interpolacion de forma
8. Y ahora simplemente, corre la película.
9. Control/enter

P15- ANIMACION POR MASCARAS

1.-  Archivo nuevo de ActionScript 3.0, seleccionamos archivo... impotar a escenario.

2.-Seleccionamos la imagen... aceptar.

3.-En la linea del tiempo seleccionamos el fotograma 60 y damos F6.

4.-damos click derecho sobre el fotograma 1 y seleccionamos crear interpolacion de movimiento.

5.-Creamos nueva capa, seleccionamos archivo... impotar a escenario... seleccionamos la misma imagen...aceptar.

6.-Seleccionando la herramienta transformacion libre, hacemos la imagen de la segunda capa, mas grande.

7.-Creamos nueva capa, seleccionamos la herramienta ovalo, y lo dibujamos en el escenario.

8.-En la linea de tiempo seleccionamos frame 5, damos F6 y movemos el ovalo.

9.-Selecionamos frame 15, damos F6 y movemos nuevamente el ovalo.

10.-Seleccionamos el frame 25, damos F6 y movemos nuevamente el ovalo.

11.-De nuevo el paso 9, con la diferencia de que elegimos otro frame, el 60 por ejemplo, damos F6 y movemos nuevamente el ovalo.

12.-Damos click derecho sobre el nombre de la capa 3 y seleciconamos ¨mascara¨.

13.-Para visualizar la pelicula damos Ctrl + ENTER

Practica 11 Ampliar Animacion Frame To Frame

1.-Abrimos un archivo Action Script 3 y en el fotograma 1 dibujamos un ovalo.2.-Despues se selecciona en la linea del tiempo el fotograma 2 con F6.
3.-Movemos el ovalo poquito a la derecha o a donde queramos.
4.-Nos vamos al siguiente fotograma y con F6.
5.-Nos vamos otravez al ovalo y lo movemos a la derecha.
6.-Repetiremos eso asta el ovalo este en la otra esquina.
7.-Cuando allamos terminamos le damos click en ctrl enter y ahi vamos a observar todo lo que hizimos con el ovalo.

P.-6: Panel de Herramientas

P.- 9 Conocer la terminología básica del software para elaborar animaciones

Crea una entrada a tu blog donde des respuesta a las siguientes preguntas que a continuación se te plantean:
Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
Que es flash?

Es una aplicación en forma de reproductor multimedia creado inicialmente por Macromedia y actualmente distribuido por Adobe Systems. Permite reproducir archivos SWF que pueden ser creados con la herramienta de autoría Adobe Flash,^[2] con Adobe Flex o con otras herramientas de Adobe y de terceros. Estos archivos se reproducen en un entorno determinado. En un sistema operativo tiene el formato de aplicación del sistema, mientras que si el entorno es un navegador, su formato es el de un Plug-in u objeto ActiveX.

http://es.wikipedia.org/wiki/Adobe_Flash_Professional

Que es animación?

Por animación entendermos que los objetos que aparecen en la pantalla cambien de posición, tamaño, aspecto, color, que giren, se deformen, etc...

http://www.terra.es/personal/tamarit1/flash/animacion.htm

Que es un efecto especial?

Los efectos especiales son un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual: farándula, ilusionismo, teatro, ópera, cine, televisión, vídeos divulgados en Internet, conciertos de rock etc. Estas técnicas están destinadas a crear una ilusión visual gracias a la cual el espectador asiste a escenas que no pueden ser obtenidas por medios normales, como por ejemplo un viaje al espacio o la transformación de un hombre en hombre lobo.

http://es.wikipedia.org/wiki/Efectos_especiales

Que es un grafico de computadora?
La computación gráfica o gráficos por ordenador es el campo de la informática visual, donde se utilizan computadoras tanto para generar imágenes visuales sintéticamente como integrar o cambiar la información visual y espacial probada del mundo real.
El primer mayor avance en la gráfica realizada por computadora era el desarrollo de Sketchpad en 1962 por Ivan Sutherland.

http://es.wikipedia.org/wiki/Computaci%C3%B3n_gr%C3%A1fica

Que es un video game?
Un videojuego o juego de vídeo es un software creado para el entretenimiento en general y basado en la interacción entre una o varias personas y un aparato electrónico que ejecuta dicho videojuego;^[1] este dispositivo electrónico puede ser una computadora, una máquina arcade, una videoconsola, un dispositivo handheld (un teléfono móvil, por ejemplo) los cuales son conocidos como "plataformas". Aunque, usualmente el término "video" en la palabra "videojuego" se refiere en sí a un visualizador de gráficos rasterizados,^[1] hoy en día se utiliza para hacer uso de cualquier tipo de visualizador.

http://es.wikipedia.org/wiki/Videojuego

Que es un fotograma?
Se denomina fotograma a cada una de las imágenes impresionadas químicamente en la tira de celuloide del cinematógrafo o bien en la película fotográfica; por extensión también se llama de ese modo a cada una de las imágenes individuales captadas por cámaras de video y registradas analógica o digitalmente.
Cuando una secuencia de fotogramas es visualizada de acuerdo a una determinada frecuencia de imágenes por segundo se logra generar la sensación de movimiento en el espectador. La fórmula de esta frecuencia es la siguiente:

  http://es.wikipedia.org/wiki/Fotograma

Que es un gráfico 3D?
El término gráficos 3D por computadora (o por ordenador) se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales. En general, el término puede referirse también al proceso de crear dichos gráficos, o el campo de estudio de técnicas y tecnología relacionadas con los gráficos tridimensionales.

http://es.wikipedia.org/wiki/Gr%C3%A1ficos_3D_por_computadora

Identifica y explica los tipos de animaciones de Flasch CS5:

Cuadro por cuadro

El stop motion, parada de imagen, paso de manivela, foto a foto o cuadro por cuadro es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas. En general se denomina animaciones de stop motion a las que no entran en la categoría de dibujo animado, ni en la animación por ordenador; esto es, que no fueron dibujadas ni pintadas, sino que fueron creadas tomando imágenes de la realidad.

P.-10: Identificar los elementos de la ventana del software de animacion

 

12. Interpolacion de movimiento

1.- Abrir documento

 2.-Archivo, importar a escenario, selecciona la imagen que se vaya a manipular

 3.-se haceClick sobre la imajen de mariposa damos F8

4.-En la linea del tiempo selecciona los fotoramas que marcaran el tiempo 

5.-En el fotograma 1 damos clic derecho y seleccionamos crear interpolacion de movimientos.

6.-Seleccionamos otro fotograma (ejemplo fotograma 5)

7.-Movemos la mariposa a otro lugar del area de trabajo.

8.-Al dar click sobre la sobre la imagen seleccionamos la herramienta transformacion libre y se distorciona haciendola  mas pequeñas para que paresca que las alas se mueven.

9.-Movemos la imagen a otro lugar.

10.-Seleccionamos otro fotograma y nuevamente las alas y las asemos grandes.

11.-Movemos la mariposa a otro lugar

12.-Al mover nuevamente la mariposa, seleccionamos otro fotograma.

13.- repitiendo los pasos del 8 al 10.

14.-Al aparecer la linea verde, podemos modificarla arrastrando uno de los puntos verdes de la misma haciendo click en el.

15.-damos ctrl+Enter

practica 15-animacino por mascaras

1 se abre el programa flash
2 con ctrl r insertas una imajen
3 key frame al 50
4 aora damos damos frame i y le damos a interpolacion clasica
5 se crea una capa nueva con una imajen mas grande
6 se crea ota capa con un circulo
7 y damos movimiento con f6 asta yeguar al 50
8 la capa 3 se cambiara a mascara
9 y aora recorre tu película

PROYECTO FINAL.