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 2: Actividad integradora parte 1

1.- ¿Cuáles son tus posibles temas a tratar en tu pagina web?

Fotografía.

2.-Clasifica tus temas

·         Fotografía Normal y su crítica.

·         Fotografía Rostros y Paisajes (cultura).

·         Photoshop.

3.-Escoge el tema para tu pagina web

Arte

4.-Define la información para tu pagina web

En esta pagina web se podrá encontrar criticas sobre las fotografías, fotografías artísticas (photoshop) y fotografías de rostros y paisajes de la ciudad de Ensenada además como tips para crear efectos.

5.- ¿Cuáles fuentes de información tienes para tu pagina?

Tengo paginas web como Kabytes (http://www.kabytes.com/), Paulette´s photograpy, fotografias.net (http://www.fotografias.net/), además de diversas fuentes de información en internet.

6.-Escalabilidad

Cada semana.

7.-Planificacion: (objetivos, público y estructura)

Objetivo: que la gente pueda ver los mensajes que se trata de transmitir a travez de la fotografía así como dar su punto de vista y aprender nuevas técnicas en photoshop.

Publico: para todo aquel que le interesé la fotografía

Estructura: el sitio web tendrá como home page un collage de fotografía y este serán links para las diferentes páginas en las que estarán (en orden) Fotografía Normal y su crítica, Fotografía Rostros y Paisajes de Ensenada (cultura) y Photoshop.

8.-Definicion del diseño

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

¿Que entiendes por página Web?

Es una página en internet donde podemos encontrar cualquier información que va desde entretenimiento hasta información con sentido científico.

 

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

Las paginas web contienen información variada que van desde temas simples como la farándula y/o modas hasta complejos como medicina y ciencia.

¿Que entiendes por sitio Web?

Un sitio web es donde localizas información en diferentes páginas, como si fuera una colección de páginas web.

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

Un ejemplo claro seria un libro y sus paginas. El libro seria el sitio web mientras que su contenido seria las páginas web.

¿Para que crees que sirva una pagina Web?

Para encontrar información  de cualquier tipo del gusto del usuario, ya sea en texto, imágenes o videos.

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

Información relevante a la fotografía.

proyecto final

Practica 15: Animacion por mascaras

1.- En un 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 50 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.-Repetimo el paso 9, con la diferencia de que elegimos otro frame, el 45 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 12: interpolacion de movimientos

ACTIVIDAD

1- MARIPOSA VOLANDO

Pasos:

1.-Abrimos un nuevo documento con actionsript 3.0

2.-Ve a archivo... importar a escenario... selecciona la imagen.

3.-Al dar 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 damos 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 y repetimos el paso 8.
12.-al mover nuevamente la mariposa, seleccionamos otro fotograma (por ejemplo el 30) y  repetimos el paso 10.
13.-Asi sucesivamente hasta llegar al deceado. 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