jueves, 26 de octubre de 2017

DISEÑO, WIREFRAME

La clásica forma de diseñar algo, es hacer dibujos, modelos, maquetas, planos, etc. Para hacer una página web también, este modelo de arquitectura web es lo que conocemos como WIREFRAME, que es el modelo de la página.
Ejemplo de un Wireframe


FUENTE:
http://en.wikipedia.org/wiki/Website_wireframe
http://techtastico.com/post/wireframes/
http://www.masternewmedia.org/es/2010/06/12/wireframing_y_prototipos_para_websites_mejores_herramientas.htm

Una manera de mejorar la web es utilizando un banner.


"Un banner (en españolbanderola) es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión."
"...Están diseñados con la intención de llamar la atención, resultar notorios y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio..."
         Dejo el hipervinculo de donde saque la definición que tenemos entre comillas. http://es.wikipedia.org/wiki/Banner
Hay una página que nos permite crear nuestro banner, utilizando plantillas, en las que podemos editarlas para hacer que se ajuste a nuestras necesidades, es más podemos elegir nosotros la imagen, fuente, etc.

Muy útil
http://www.mybannermaker.com/

¿Qué es la WEB?

Web significa "telaraña", pero no es precisamente una telaraña este servicio de Internet. La manera correcta de llamarla es WWW, es decir, World Wide Web, lo que vendría a significar "gran telaraña mundial", o algo parecido. Esta telaraña forma parte de la gran Red de redes Internet, y es uno de los servicios más utilizados de la misma. Este servicio está constituido por varias páginas web.

Entonces, ¿Qué es una web? Es, simplemente, un archivo que contiene un código (llamado código HTML), que se encuentra en una de las computadoras conectadas a Internet. al recibirlo tras nuestro pedido, un programa se encarga de transformar ese código en lo que el webmaster (creador de dicho código) quiso que apareciera. Y este programa del que estoy hablando es  nada más ni nada menos que el tan famoso browser, o navegador, Explorador, etc.


¿Qué es una página de Inicio lanzadora?
Llamamos con este nombre a la conocida página que muchos usuarios tienen configurada como la inicial en su Explorador, que esta alojada en su propio disco rígido y que se utiliza para (justamente) lanzar los sitios web que mas visitamos

http://colegiotecno.blogspot.com.ar/2011/08/nuevo-manual-de-frontpage.html 

1)   ¿Cuáles son los elementos de la pantalla inicial de FrontPage? Describe cada uno de ellos y explica su ubicación.
2)   ¿Cómo elijo un tema? 
3)   ¿Cómo se hace para insertar imágenes? 
4)   ¿Qué es un hipervínculo y como hago para crear uno?
5)   ¿Qué es un marco y como se pueden utilizar?

lunes, 23 de octubre de 2017

CONCEPTOS STOP MOTION (2° ES)

Trabajamos con un blog especializado en la técnica del Stop Motion.

ENLACE BLOG PARA TRABAJAR

Preguntas:

1) Define el concepto stop motion.
2) Nombrar las distintas técnicas de stop motion.
3) Crear una lista de "tips" útiles para crear un buen stop motion

jueves, 5 de octubre de 2017

ACTIVIDAD STOP MOTION (2° ES)

  • Buscar una definición de STOP MOTION y copiarla en la carpeta. 
https://es.wikipedia.org/wiki/Stop_motion 

  • Pensar como realizar un video con fotos, utilizando la técnica del stop motion utilizando la tématica del Bullying, para crear conciencia acerca del maltrato escolar.
  • Para sacar las fotos debemos tener en cuenta dos cosas:
  1.  La ubicación de la camara, siempre que saquemos fotos para utlizar la técnica del stop motion, la altura y posición de la cámara siempre tiene que ser la misma para lograr el efecto correcto, si cambiamos la posición de la camara va a cambiar el ángulo y por ende va a cambiar tamaño del objeto que quiero animar, logrando un zoom en la imágen lo cual quedaria mal.
  2. Tener en cuenta la iluminación del lugar, sea natural o artificial, cualquier cambio de luz se va a notar en el resultado final del video.

Recomendamos para trabajar la aplicación de android Stop Motion Studio y para pc el programa Monkey Jam. 

EJEMPLOS:
https://www.youtube.com/results?search_query=stopmotion+bullying

lunes, 2 de octubre de 2017

ACTIVIDAD PÁGINA WEB (3° ES)

  • Registrase en www.wix.com
  • Realizar una página web en wix, la página debe tener alguna temática: cantante, deportista, equipo..etc
  • Debe contener al menos 3 botones (biografía, videos, información).

TP INFOGRAFÍA (2° ES)

18/09
  • Buscar un definición de infografía, copiar la definición en la carpeta.
  • Realizar una presentación en la computadora utilizando el programa powerpoint. Realizar una infografía sobre el Bullying.
  • Utiliza una diapositiva como menú (insertando formas con texto), que contengan los diferentes botones: Definición, Tipos de bullying, Ciberbullying, Grooming, Campana, Videos, páginas consultadas. Utiliza los botones como hipervinculos que lleven a esas diapositivas con sus respectivos contenidos.
  • Exponer cada grupo el trabajo.