miércoles, 6 de junio de 2012
practica-25: publicacion de la pagina web con dreamweaver.
Publicado por Vanessa en 15:45 0 comentarios
actividad 24: registro de la pagina.
Buscadores
GOOGLEhttp://www.google.comComo activa su éxito google.com? Es un resultado alfanumérico que se inicia al consultar una duda, ahí, en una espiral de resultados positivos, se activan cientos de miles de servidores, luego millones de procesadores a los que activan 14.000 millones de páginas web e inducen a una potencia a la "n" de cifra digital, que en una abrir y cerrar de ojos obtenemos una respuesta, afirmativa.
YAHOOhttp://www.search.yahoo.com
El motor de búsqueda que te ayuda a encontrar exactamente lo que buscas. Encuentra la información, los vídeos, imágenes y respuestas más relevantes de toda la Web. Yahoo! Inc. es una empresa global de medios con sede en Estados Unidos, cuya misión es "ser el servicio global de Internet más esencial para consumidores y negocios".
BINGhttp://www.bing.com
Bing (anteriormente Live Search, Windows Live Search y MSN Search) es un buscador web de Microsoft. Fue puesto en línea el 3 de junio de 2009 con una versión preliminar publicada el 1 de junio del 2009.
WOLFRAM ALPHAhttp://www.wolframalpha.com/
Wolfram Alpha es un buscador de respuestas desarrollado por Wolfram Resarch. A diferencia de otros como el de Google, Wolfram Alpha responde a las preguntas directamente en lugar de ofrecer una lista de los documentos o sitios que contengan parte de la palabra/s. Wolfram|Alpha no es un motor de búsqueda, ya que no busca respuestas a las preguntas de un conglomerado de páginas web o documentos.
Como subir la pagina
para subir la pagina segui los siguientes pasos:1.- Entre a http://www.000webhost.com/ y abri una cuenta llenando todos los espacios solicitados.
2.-Cuando nos ha creado la cuenta hay una opcion que dice Go to Cpanel damos clic.
3.-Nos iremos a la opcion que dice view FTP details.
4.-Acontinuacion nos apareceran todos los datos que necesitaremos en un cuadro que dice Account Information.
5.-Ahora nos iremos a dreamweaver y administramos el citio.
6.-Le damos clic en conectar al servidor remoto y le damos en añadir nuevo servidor.
7.-Acontinuacion llenamos los 4 primeros espacios en blanco esto con la informacion del cuadro mencionado en el paso 4.
8.-damos clic en la opcion prueba despues guardamos todo.
9.-Listo ya podemos buscar nuestra pagina en internet.
Como la registramos la pagina.
para registrar mi pagina yo escogi el buscador de google.solo tube que entrar a la blog de la profesora y segui el link que nos indico,despues nos aparece los buscadores y escoges el que mas te guste.
Acontinuacion llenas los espacios solicitados y envias la solicitud.
Publicado por Vanessa en 15:44 0 comentarios
sábado, 2 de junio de 2012
martes, 8 de mayo de 2012
lunes, 16 de abril de 2012
actividad-17: terminología básica del software para diseñar paginas Web.
1.-CSS: es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML(y por extensión en XHTML).
2.-maquetacion: 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.
3.-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.
4. región editable. Es donde pueden editar la parte de los pixls.
5.-comportamiento 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.
6.-contenedor en Dreamweaver: puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.
7.-tabla:Las tablas sirven para organizar datos e imágenes en un archivo HTML.
8.-formulario:es una sección de un documento que contiene contenido normal, código, elementos especiales llamadoscontroles (casillas de verificación (checkboxes), radiobotones (radio buttons), menúes, etc.), y rótulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un menú, etc.), antes de enviar el formulario a un agente para que lo procese (p.ej., a un servidor web, a un servidor de correo, etc.)
9.-formulario de contacto: en el las personas ingresan sus datos como: direccion, correo electronico, telefono y todos los datos referente a ellos.
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.Publicado por Vanessa en 10:56 0 comentarios
viernes, 3 de febrero de 2012
actividad-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.
fuente: http://www.webtaller.com/manual-html/estructura-basica-documento-html.php
Publicado por Vanessa en 16:15 0 comentarios
Actividad-3:elementos basicos de HTML.
1.-bloc de notas.
es un editor de texto simple, y su funcionalidad es muy sencilla.
un blog de notas es donde pues ir escribiendo cosas sobre las que pasas o te interesan.
2.-buscador.
es una pagina en internet en la cual puedes solicitar informacion de cualquier tipo y te arrojara muchos resultados de paginas que esten relacionadas con el tema que as solicitado.
3.-compatible.
puede ser algo que sea igual para que pueda unirse a otra cosa y que funcione de la misma manera.
4.-etiqueta.
es un código que gobierna las expectativas del comportamiento social, de acuerdo a las normas convencionales dentro de una sociedad, clase social o grupo social.
5.-hipertexto.
es un texto con enlaces esto puede contener enlace que son referencias a otras partes del documento a otros documentos.
6.-lenguaje HTML.
indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página
7.-marcas(tag)
es un título que concede el derecho exclusivo a la utilización de un signo para la identificación de un producto o un servicio en el mercado.
8.-navegador.
es una aplicacion en internet en la cual podemos realizar busquedas de cualquier tema de nuestro interes y arrojarnos a barios resultados.
10.-plataforma.
se refiere al sistema operativo o a sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.
11.-servidor web.
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.
12.-vinculos.
es una unión, relación o atadura de una persona o cosa con otra. Por lo tanto, dos personas u objetos vinculados están unidos, encadenados, emparentados o atados, ya sea de forma física o simbólica
fuentes:
http://es.wikipedia.org/wiki/Plataforma
http://es.wikipedia.org/wiki/Servidor_web
http://definicion.de/vinculo/
Publicado por Vanessa en 16:10 0 comentarios
jueves, 2 de febrero de 2012
Actividad-2: actividad integradora parte 1.
1.-¿cuales son tus posibles temas a tratar?
*maltrato animal
*cultura.
*belleza
2.-clasifica tus temas.
*belleza
*maltrato animal.
*cultura.
3.-escoge el tema para tu pagina web.
todo lo relacionado hacerca de belleza y los temas que este habarca.
4.-define la informacion que va a contener tu pagina.
*cosmeticos.
*tutoriales de maquillaje
*que productor utilizar.
*donde encontrar los productos.
5.-cuales fuentes de informacion tienes para tu pagina?
*libros de belleza.
*informacion investigacion.
*consejos.
6.-escalabilidad.el sitio web estara cambiando cada mes.
Publicado por Vanessa en 15:25 0 comentarios
miércoles, 1 de febrero de 2012
p-1:contenido y estructura de la pagina web.
Publicado por Vanessa en 16:03 0 comentarios
lunes, 9 de enero de 2012
jueves, 24 de noviembre de 2011
p-15:efecto lupa.
1-insertamos una imagen con Ctrl R.
2-insertamos una nueva capa e insertamos la misma imagen pero mas grande.
3-insertamos una tercera capa.
4-en la tercera capa hacemos un ovalo.
5-ponemos un keyframe clave en las tres capas en el mismo numero.
6-nos colocamos en la capa 3 y movemos el ovalo a cualquier lugar y hacemos un keyframe y asi sucecivamente hasta el keyframe clave.
7-boton derecho sobre la capa 3 y damos clic en mascara.
8-por ultimo damos Ctrl y enter y corre pelicula.
Publicado por Vanessa en 18:38 0 comentarios
martes, 15 de noviembre de 2011
p-11:Interpolacion de movimiento.
mariposa en movimiento.
*damos clic en archivo-importar
*damos clic en importar a escenario.
*seleccionamos la imagen-abrir.
*presionamos F8 y asignamos nombre a la imagen-aceptar.
*seleccionamos el fotograma 5 y damos F6.
*damos clic derecho en la imagen-clic en interpolacion de movimiento.
*seleccionamos la herramienta de transformacion libre.
*distorcionamos la imagen hacia dentro.
para poner en movimiento la mariposa:
*insertamos la imagen de la mariposa.
*seleccionamos (F8) para poder convertir la imagen a símbolo
* clic derecho sobre la imagen y le damos clic en crear interpolacion de movimiento.
*creamos un fotograma clave.
*seleccionamos la imagen y la hacemos pequeña o mas grande dependiendo en el fotograma en el que estemos.
*damos movimiento en la forma preferida.
*por ultimo presionamos Ctrl+enter y corre pelicula.
Publicado por Vanessa en 16:32 0 comentarios
lunes, 7 de noviembre de 2011
P-10: identificar los elementos de la ventana del software de animacion.

Publicado por Vanessa en 19:25 0 comentarios
domingo, 6 de noviembre de 2011
P-9: conecer la terminologia basica del software para animaciones.
1.-Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.Los programas mas utilizados son 3D Studio Max, Lightwave, Maya, Softimage, Cinema 4D
*3D Studio Max – más utilizada para crear videojuegos, pero también puede ser utilizada para cine y vídeo. Modela, anima y renderiza.
*Maya – modela, anima y crea efectos visuales para cine y televisión.
*Softimage – genera efectos visuales y producción de juegos, pero también modela, anima y renderiza.
*LightWave – es un programa completo para modelar, animar y renderizar.
*Cinema 4D – modelado paramétrico y poligonal.
2.-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. La animación en Flash se ve exactamente igual en todos los navegadores, un navegador sólo necesitan un plug-in para mostrar animaciones en Flash.
3.-Que es animación? Es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados.
4.-Que es un efecto especial?Los efectos especiales son un conjunto de técnicas,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.
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?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;este dispositivo electrónico puede ser una computadora, una máquina arcade, una videoconsola.
7.-Que es un Synthespians? son los “actores humanos” simulados en computadora, cuyo primer intento en grande fue Final Fantasy.
8.-Que es un fotograma?Es 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.
9.-Que es un gráfico 3D? se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D. 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 3D.
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: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.
*Animacion en 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:muestran solamente una parte de una imagen, texto o forma vectorial. En el ejemplo que a continuación se te presenta 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:es un efecto especial que utiliza la animación por computadora para para transformar la imagen fotográfica de un objeto real en la imagen fotográfica de otro objeto real. Se lo utiliza sobre todo para crear la ilusión de la transformación de una cosa en otra, como por ejemplo la metamorfosis de un hombre lobo.
*Bones/huesos:permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora.
http://es.wikipedia.org/wiki/Fotograma
http://es.wikipedia.org/wiki/Gr%C3%A1ficos_3D_por_computadora
http://en.wikipedia.org/wiki/Video_game
http://es.wikipedia.org/wiki/Computaci%C3%B3n_gr%C3%A1fica
http://es.wikipedia.org/wiki/Efectos_especiales
http://es.wikipedia.org/wiki/Animacion
http://www.masadelante.com/faqs/flash
http://curiositytmu.wordpress.com/2009/05/08/programas-para-animacion/
http://es.wikipedia.org/wiki/Stop_motion
http://www.aulaclic.es/flashcs3/t_13_1.htm
http://uklanor.wordpress.com/2009/01/09/la-herramienta-hueso-de-flash/
Publicado por Vanessa en 19:47 0 comentarios
miércoles, 14 de septiembre de 2011
Terminología básica del software para editar imágenes.
Publicado por Vanessa en 18:10 0 comentarios
martes, 13 de septiembre de 2011
panel de herramientas de photoshop teclas rapidas.
2.-La herramienta Mover. Una vez que seleccione un área, al seleccionar la herramienta Mover para moverlo. También puede mover capas o elementos sin seleccionarlos. El atajo de teclado para esta herramienta es la tecla V.
5.-Herramienta de Corte. Evidentemente esta herramienta sirve para cortar las imagenes. Su atajo es la tecla C, además puedes pulsar Mayús + C para elegir la herramienta de corte y selección de un sector, útil para la creación de múltiples imágenes a partir de una sola, por lo general para el contenido web.
6.-Herramienta de Cuentagotas (Igualador de colores). La función primordial de esta herramienta es el igualar los colores de alguna otra imagen, nos facilita la selección de colores como tal, su atajo es la tecla I, pero este botón no solo realiza esta función si no otras como Muestra de color, Regla, y la Nota de herramientas.
7.-Herramienta Correctora. Una herramienta muy útil en el retoque de fotos, nos sirve para borrar manchas, arañazos o ruido no deseado en la imagenes, y todo de forma automática basta con pintar sobre la zona deseada. Su atajo es la tecla J, y además puedes pulsar Mayús + J para sacar el pincel corrector, la herramienta de Parche, y corrector de ojos rojos.
8.-Herramienta de Pincel. Básico pero a la vez la herramienta más compleja en la caja de herramientas. Pintar con un poco de pintura y unos clicks y seleccionar diferentes estilos cepillo así como su grosor, esparcimiento, etcétera. Su atajo es la tecla B, además puedes presionar Mayús + B para tomar el Lápiz, las herramienta Sustitución de color, y el mezclador.
9.-Herramienta de Sello para Clonar. Para edición de fotografías o la creación de efectos que lucen muy profesionales, esta herramienta tal y como su nombre lo indica, nos sirve para clonar algunos de los efectos que ya hayamos realizado, o algunas de las capas que tengamos ya hechas. Su atajo es la tecla S.
10.-Herramienta de Historial de Pincel. Trabaja en conjunto con la paleta del historial del proyecto, y basicamente nos permite “pintar en el tiempo”. Teniendo la posibilidad de deshacer algunas partes que ya hayamos hecho. Su atajo es la tecla Y.
11.-Herramienta Borrador. La herramienta mas básica pero mas útil que nos sirve para borrar nuestros errores, o para dar algunos efectos bastante interesantes jugando un poco con la opacidad del borrador. Su atajo es la tecla E.
12.-Herramienta de Gradiente. Nos facilita la tarea de hacer algunos efectos de gradiente, además de que es una herramienta básica para hacer casi cualquier efecto. Tenemos la pociñon de varios gradientes (elíptico) así como ajustar sus niveles y colores. Su atajo es la tecla G.
13.-Herramienta de desenfoque, enfoque y mancha. Una herramienta enfocada mucho mas a los efectos de un diseño original, o dar magníficos efectos a las fotografías, y no tiene un atajo de teclado por default.
14.-Herramientas Dode y Burn. Enfocadas para la edición de fotografías nos sirven para aclarar u oscureces las fotografías. Su atajo es la tecla O.
15.-Herramienta de Pluma. Una de las herramientas mas difíciles de utilizar, sobre todo para los principiantes. Nos ayuda a realizar trazos personalizados y marcarlos sobre nuestra creación, muy parecido a lo que se trabaja en Illustrator de Adobe. Su atajo es la tecla P.
16.-Herramienta de Texto. Simple y sencillamente nos permite colocar textos dentro de nuestra creación, además nos permite acomodarlo como nosotros prefiramos. Su atajo es la tecla T.
17.-Herramienta de Selección de Trazos. Esta herramienta nos permite seleccionar algún segmento de los trazos que hayamos realizado con la pluma. Esta herramienta se lleva de la mano con la Pluma que ya habíamos mencionado. Su atajo es la tecla A.
18.-Herramienta de Formas Personalizadas. Herramienta muy básica que nos permite insertar varias formas o autoformas a nuestro trabajo. Su atajo es la tecla U.
http://www.webadictos.com.mx/2011/06/18/conociendo-photoshop-y-la-barra-de-herramientas/
Publicado por Vanessa en 8:15 0 comentarios






