viernes, 8 de junio de 2012
actividad-24: registro de la pagina
GOOGLE
http://www.google.com
ASK JEEVES
http://www.ask.com/
BING
http://www.bing.com
YAHOO
http://www.search.yahoo.com
como subir la pagina
debes ingresar a la pagina http://www.000webhost.com/ en la opción sign up te registras después te mandaran a tu correo una pagina donde vas a poner tus datos que llenaste al principio tienes que descargar un programa que se llama filezilla en este programa creas un sitio donde pones tu pagina ya que tenemos la pagina dentro de este sitio solo metemos los archivos ala pagina y ya la subiste
jueves, 7 de junio de 2012
viernes, 11 de mayo de 2012
practica 17:terminologia basica del software para diseñar pajinas web
css:
es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.
maquetacion:
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.
plantilla en dreamweaver:
Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.
contenedor en deamweaver:
El comportamiento Definir texto de contenedor reemplaza el contenido y el formato de un contenedor existente (es decir, cualquier elemento que pueda contener texto u otros elementos) en una página con el contenido que usted especifique. Dicho contenido puede incluir cualquier código HTML válido.
region editable:
son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.
comportamiento en dreamweaver:
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.
tabla:
representan relaciones entre datos. Los autores especifican estas relaciones en el lenguaje del documento y especifican su presentación en CSS, de dos maneras: visualmente y auditivamente. Los autores pueden especificar el formato visual de una tabla como una grilla rectangular de celdas. Las filas y columnas de celdas pueden organizarse en grupos de filas y en grupos de columnas. Las filas, columnas, grupos de filas, grupos de columnas y las celdas pueden tener bordes dibujados alrededor de ellos (hay dos modelos de bordes en CSS2). Los autores pueden alinear los datos verticalmente u horizontalmente dentro de la celda y alinear los datos en todas las celdas de una fila o columna
formulario:
se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios
formularo de contacto:Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
dreamweaver cs5:
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.
maquetacion:
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.
plantilla en dreamweaver:
Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.
contenedor en deamweaver:
El comportamiento Definir texto de contenedor reemplaza el contenido y el formato de un contenedor existente (es decir, cualquier elemento que pueda contener texto u otros elementos) en una página con el contenido que usted especifique. Dicho contenido puede incluir cualquier código HTML válido.
region editable:
son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.
comportamiento en dreamweaver:
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.
tabla:
representan relaciones entre datos. Los autores especifican estas relaciones en el lenguaje del documento y especifican su presentación en CSS, de dos maneras: visualmente y auditivamente. Los autores pueden especificar el formato visual de una tabla como una grilla rectangular de celdas. Las filas y columnas de celdas pueden organizarse en grupos de filas y en grupos de columnas. Las filas, columnas, grupos de filas, grupos de columnas y las celdas pueden tener bordes dibujados alrededor de ellos (hay dos modelos de bordes en CSS2). Los autores pueden alinear los datos verticalmente u horizontalmente dentro de la celda y alinear los datos en todas las celdas de una fila o columna
formulario:
se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios
formularo de contacto:Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
dreamweaver cs5:
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
miércoles, 29 de febrero de 2012
practica 4: estructura basica de html
<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.
jueves, 2 de febrero de 2012
practica 3: Elmentos basicos de HTML
- bloc de notas:
es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla. Algunas características propias son:
Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
Inserción de hora y fecha actual automática si el documento comienza por ".LOG".
Ajuste de línea.
- 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. Digo se supone porque como veremos más adelante, esto no es siempre así.
Aunque el modo de utilización es muy fácil a nivel básico, los buscadores permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se puede acotar la búsqueda y obtener un número de páginas más manejable.
Aunque el modo de utilización es muy fácil a nivel básico, los buscadores permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se puede acotar la búsqueda y obtener un número de páginas más manejable.
- compatible:
La compatibilidad es la cualidad de ser compatible, de poder concurrir en buenas condiciones con algo o alguien. Puede referirse a cualquiera de los siguientes artículos:
Compatibilidad, en informática, entre un programa y un sistema;
- etiqueta:
El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.
- hipertexto:
Un hipertexto es un documento digital que se puede leer de manera no secuencial y el sistema que lo implementa. Es un texto que encontramos en internet, que se puede leer linealmente o a través de links, pero también tiene varias opciones , por lo que los lectores pueden elegir la que prefieran , a su gusto, de modo que no es un texto predeterminado en el cual tengas que leer lo que el autor quiere, sino que de alguna manera tú puedes elegir lo que más te guste para seguir leyendo.
- lenguaje HTML:
es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
- marcas(tag):
HTML es un lenguaje para escribir páginas de hipertexto definido por tags.
Los tags, a veces llamados "etiquetas" en español, son los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
- 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,
- paginas 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 mostrarse en un monitor de computadora o dispositivo móvil. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto.
- plataforma:
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.
- 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. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web
- vinculos:
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. Combinado con una red de datos y un protocolo de acceso, un hipervínculo permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.
miércoles, 1 de febrero de 2012
practica 2:integradora parte 1
- ¿cuales son tus posibles temas a tratar en tu pagina? deportes
- clasifica tus temas: noticias, videos, estadisticas, top ten, imagenes, otras ligas
- escoge el tema para tu pag.web: noticias de deportes
- define la informacion que va contener tu pag.: informacion videos y textos
- cuales fuentes de inf. tienes para tu pag.: futbol total(paj. web), revistas de futbol picante y deportv en televicion
- escalabilidad: cada 24 horas
practica 1: Contenido y estructura de la Página Web
¿Que entiendes por pagina Web?es un documento electronico en internet donde puedes encontrar imagenes videos e informacion y tambien existen hipervinculos que te pueden llevar a otra pagina
¿Que tipo de informacion tienen las paginas Web? texto, imagenes y videos de todo tipo
¿Que tipo de informacion tienen las paginas Web? texto, imagenes y videos de todo tipo
¿Que entiendes por sitio Web? es un portal donde existen videos o subtemas e imagenes y existe un hipervinculo hacia una pagina web que contiene toda la informacion que buscas sobre lo que seleccionaste
¿Cual es la diferencia entre sitio Web y Pagina Web? el sitio es el portal o entrada y la pagina contiene la informacion que seleccionaste en algun sitio
¿Para que crees que sirva una pagina Web?algun anuncio o una fuente de informacion
¿Que te gustaria que tuviera la pagina Web que diseñarias? de futbol buena informacion y muy bien diseñada
sábado, 14 de enero de 2012
jueves, 12 de enero de 2012
practica 15 animacion por mascara
debes importar la imagen seleccionas el key frame donde quieras creas una 2da capa e insertas la misma imagen que insertaste en la primera y la ases mas grande y selecciones el key frame que seleccionaste en la otra capa despues creas una tercera capa y creas un ovalo y selecciona el key frame que seleccionaste en las otras capas te colocas en la tercera capa y mueves el ovalo y seleccionas un fotograma click en f6 lo muebes las veces que quieres seleccionando un fotograma y precionas f6 ya que yegaste al key frame que seleccionaste seleccionas la capa 3 le das clic derecho y seleccionas mascara y listo
practica 9 conocer la terminologia basica del software para elaborar animaciones
1. Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
2.Que es flash?
5. Que es un grafico de computadora?
6.Que es un video game?
8.Que es un fotograma?
Consiste en crear un símbolo de clip de película por cada hueso que se quiera insertar en la película. De esta manera al dibujar el personaje hemos de distribuir las partes del cuerpo en diferentes “piezas” y convertirlas en clip de película
animaciones 2D toon boom studio 3.0 para dibujos y animaciones
Blender animaciones en 2D y 3D
macromedia studio 8
Adobe Affter efects
CrazyTalk 6.21
2.Que es flash?
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.
3. Que es animación? un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Existen numerosas técnicas para realizar animaciónes
4. Que es un efecto especial?
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.
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.
5. Que es un grafico de computadora?
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.
6.Que es un video game?
Un videojuego es un juego electrónico que implica la interacción humana con una interfaz de usuario para generar información visual en un dispositivo de vídeo .
7.Que es un Synthespians? Los actores virtuales de Avatar8.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;
9.Que es un grafico 3D?
9.Que es un grafico 3D?
El término gráficos 3D por computadora o por ordenador (en inglés 3D computer graphics) se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.
10.Identifica y explica los tipos de animaciones de Flasch CS5:
10.Identifica y explica los tipos de animaciones de Flasch CS5:
- 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.
- Interpolacion de Movimiento:
- Animacion de 3D:
Una animación 3d hace referencia a un tipo de animación que simula las tres dimensiones. Se trata de la descripción de los objetos de un modelo 3d a lo largo del tiempo. Para que exista animación, esa descripción debe variar en algo con respecto al tiempo: movimiento de objetos y cámaras, cambio de luces y formas, etc.
- Animacion de Mascaras:
Las animaciones de máscaras muestran solamente una parte de una imagen, texto o forma vectorial. trabajaras con una combinación de animaciones de movimiento y forma en una misma capa, posteriormente esta capa será transformada en una capa de máscara. La capa máscara estará aplicara a una imagen importada a la Escena.
- Animacion de Transformacion /forma Morphing:
- Bones/Huesos
Consiste en crear un símbolo de clip de película por cada hueso que se quiera insertar en la película. De esta manera al dibujar el personaje hemos de distribuir las partes del cuerpo en diferentes “piezas” y convertirlas en clip de película
Suscribirse a:
Entradas (Atom)