sitios gratis

sitios de paga

link de mi pagina web

http://asociaciondeanimales.herobo.com/

Como subir una pagina web Actividad 23

Lo primero que tienes que hacer es crear una cuenta en una pagina donde te dejen subir tu pagina web
yo la subi en la pagina http://www.000webhost.com
Ahi cree una cuenta con un correo que hize para subir mi pagina, ya que ise mi cuenta, y puse el nombre que qeria para mi pagina web,
Ya que cree mi cuenta, ahora se tiene que subir al sevidor.
Entree a dreamweaver, para subir mis archivos,
Me fui a administrar sitios, y cree uno nuevo, puse donde estaban mis docuementos,
Despues ya me fui ahi mismo a servidores, y puse todos los datos que me pedia, direccion de mi pagina, de servidor, mi usuario y contraseña.
Y ya con todos los datos, conecte dreamwaver a la pagina,
Despues me fui a expandir un boton que esta en la parte izquierda de los archivos,
En la ventana que se abrio, salieron mis archivos de mi sitio y en el otro los qu tenia la pagina por default,
Arrastre mis archivos a e lado donde estan los de la pagina, y espere que se subieron, y ya con todo los archivos subidos cerre esa ventana, y ya abri mi pagina web y estaba mi pagina web subida ya!

actividad 18.entorno del sofware del dreamweaver

terminologia basica de sofware para diseñar paginas web

CSS: un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

Maquetación: colocar visualmente los elementos de la página, en el lugar adecuado con la apariencia deseada. Una manera rápida de maquetar una página web y empleada por muchos diseñadores, es maquetar con las capas, Dreamweaver, ofrece además la posibilidad de convertir, las capas en tablas o las tablas en capas.

Plantilla en dreamwearver: 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 dreamwearver:  cada contenedor 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.

Región editable:

 Son secciones de una plantilla que incluyen contenido cambiante, como el de un artículo, por ejemplo. Las regiones bloqueadas son secciones de una plantilla que incluyen contenido estático que no cambia, como el logotipo de una empresa o los elementos de navegación estándar del sitio.

Comportamientos en dreamwearver: 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.

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

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, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.

Formulario de contacto: Cuando hacemos nuestra página Web, un aspecto muy importante que nunca debemos dejar de lado es otorgarle a nuestros visitantes un medio de contacto con nosotros, en caso de que tengan consultas, comentarios, o bien esten interesados en algún bien o servicio que ofrezcamos.

dreamwearver CS5:  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.

http://www.comolohago.cl/2008/10/07/como-hacer-un-formulario-de-contacto/

http://www.forosdelweb.com/f17/formularios-contacto-dreamweaver-carteles-como-evitarlos-735312/

practica 8 atributos de las etiquetas

practica 4 estructura basica del html

<HTML>
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>

Proyecto Final Flash

practica 3 elementos basicos de HTML

bloc  de  notas  : es un editor de texto simple incluido en los sistemas operativos de Microsoft
buscador :es una página web en la que se ofrece consultar una base de datos en la cual se relacionan direcciones de páginas web con su contenido. Su uso facilita enormemente la obtención de un listado de páginas web que contienen información sobre el tema que nos interesa.
compatible:es la condición que hace que un programa y un sistema, arquitectura o alicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo).
etiqueta  :es  un  texto  incluido  entre lo  simbolos
himpertexto :es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico, permite conducir a otros textos relacionados, pulsando con el ratón en ciertas zonas sensibles y destacadas.
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) :una palabra clave o término asociado con o asignado a una pieza de información.
navegador :
progrma  software    que  permite acceder  alos  distintos  lugares  de  internet  o  otra   red  informatica  de  comunicaciones de  uno  a  otro  utilizando  himperenlaces.
paginas  web  :Fuente de información compatible con la WWW y que puede ser accedida a través de un navegador en internet.
plataforma:es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible.
servidor  web : es un programa informático que procesa una aplicación del la 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.
vinculo:Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--esto es un vínculo


http://www.alegsa.com.ar/Dic/tag.php
http://es.wikipedia.org/wiki/HTML
http://es.wikipedia.org/wiki/Hipertexto
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)

practica 2 actividad integradora parte 1

¿  cuales    son  tus   posibles   temas  a  tratar  en  tu  pagina  web .?
 relacionado  con  animales
 ¿ clasifica     tus  tema ?
animales  en  adopcion  ,  servicios ,animales  extraviados

¿escoge    el  tema   para  tu  pagina  web ?
asociacion  de animles
pobreza
¿define  la  informacion  que  va   a contener ?
videos ,  fotos     ,  texto  de  informacion

¿cuales   fuentes   de  info.  tienes  para  tu  pagina   web?
http://animalistas.com/Directorio.htm
http://www.pnamexico.com/
etc  y  libros
escalabilidad.

practica 1 contenido y estructura de la pagina web

¿Qué entiendes por una página WEB?

es  informacion   electronica  ala que  puedes  entrar  a  ella  mediante  un  navegador

¿Qué tipo de información tienen las páginas WEB?

varidad   de informacion  en  texto y  multimedia

¿Qué entiendes por sitio WEB? 

son  varias  paginas  relacionadas o  que  tienen  algo  en  comun.

¿Cuál es la diferencia entre sitio WEB y pagina WEB?

que  un  sitio   web  es  como  el  tema  del  cual  se  originan  los  subtitulos que  seria  pagina  web  y  estan  unidas  por  un  inperenlace .

¿      ¿para qué crees que sirva una página WEB?para   informarte  o  hablar  de  un  tema  en  comun  
¿Qué te gustaría que tuviera la pagina web que diseñarías?
imagenes  ,  videos  e  informacion

animacion por mascara

Seleccionamos un archivo  y lo o  importamos.
Seleccionamos la imagen  clic aceptar.
en  la línea del tiempo escogemos el fotograma y damos F6.
clic derecho sobre el fotograma 1 y seleccionamos crear interpolación de movimiento.
Creamos nueva capa, seleccionamos archivo ,  impotar, seleccionamos la misma imagen, Seleccionando la herramienta transformación libre, la  imagen  de  la  capa  dos  debe  ser  mas  grande  Creamos nueva capa, seleccionamos la herramienta ovalo, y lo dibujamos en  la  imagen .

En  la  línea  seleccionamos  un   frame   y  le  damos   F6    Y después  movemos   el  ovalo   y  asi  sucesivamente asta  que el  ultimo  fotograma   escogido . click derecho sobre   la capa 3 y seleciconamos  mascara .

Animacion en 3D

1.- Se el programa  Flash Professional
2.- se crea un nuevo documento y escribimos un texto cualquiera
3.- Cambiamos el texto a TLF 
4.- Aplicamos interpolacion de movimiento
5.- Despues se va  moviendo el texto, y cada que lo movemos, damos F6, para que se guarde el movieento
6.- Ya hechos todos los moviemientos, vemos el resultado. corriendo la pelicula.

inteporlacion de movimiento

1¨:  importar   imagen de  la mariposa
2:  F8  convertirlo  en  simbolo  ¨:aceptar¨
3¨cambiar  la  pocision  de la  mariposa
4¨  crear  interpilacon  de  movimiento
5:  seleccionar   F6  y  mueves  la  mariposa   cambiandola  de  posicion
6:  click  en  otro  fotograma   y se   vuelve  a  cambiar  la  pocicion  de  la  mariposa y  la  arrastras  hacia  donde  quieras
7: control -  enter

p*9Terminologias basica de software para elaborar animaciones

Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.

Adobe Flash Player 11 11.0.1.152 (Firefox, Chrome, Opera) ¨Imprescindible para disfrutar plenamente de la web. ...navegador Cuando cargues una animación

Blender 2.58a (32 bits)  Potente pack de modelado, animación y renderizado. ... programa gratuito para el modelado, animación y renderizado ...

Pivot Stickfigure Animator 3.1 Beta  Crea divertidas animaciones con figuras de palo. ... una introducción ideal a la animación fotograma a fotograma

CrazyTalk 6.21  Convierte tus imágenes en animaciones con voz y movimiento. CrazyTalk es un fantástico programa con el que puedes ...

Sothink SWF Decompiler 6.3

Extrae todos los componentes de una animación SWF. ... puedes previsualizar la animación Flash con la que estés ...

*  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. Con Flash los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales.

*¿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. Los cuadros se pueden generar dibujando, pintando, o fotografiando los minúsculos cambios hechos repetidamente a un modelo de la realidad o a un modelo tridimensional virtual; también es posible animar objetos de la realidad y actores.

*¿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, como por ejemplo un viaje al espacio o la transformación de un hombre en hombre lobo. pueden ser usados para la representación de objetos o seres inexistentes, como por ejemplo un dragón, pero la mayor parte de veces se recurre a ellos cuando la obtención del efecto por medios normales es demasiado cara o peligrosa.

*¿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

*¿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, 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,^[]hoy en día se utiliza para hacer uso de cualquier tipo de visualizador.

*¿Que es un Synthespians? son los “actores humanos” simulados en computadora, cuyo primer intento en grande fue Final Fantasy

*¿Que es un fotograma? 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.

*¿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.

p*6 panel de herramientas

p¨5 elementos de la ventana de harramientas del software de diseño

p*4 terminologia basica de software

Explica para que se utiliza un editor de imágenes.

para mejorar las imagenes  o cambiar  un paisaje , recortar  una  imagen, cambiar  o  poner  algo  que  no tenia  la  imagen

¿Que es una imagen digital?

es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros)

¿Cuales son los tipos de imagenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?

Mapa de bits, corresponde a una matriz de puntos, denominados píxels, y a cada uno de ellos se les asigna un determinado color, el conjunto de todos estos puntos corresponde a la imagen creada. Los gráficos de mapa de bits tienen el inconveniente de que al ampliar la fotografía, los píxeles crecen de tamaño, por lo que da una impresión de “mosaico”(imagen pixelada), esto no sucede en los gráficos vectoriales, ya que se pueden ampliar o reducir hasta el infinito sin que cambie la perfección del dibujo. GIMP trabaja con imágenes de este tipo y, cuando las modifica, lo que hace es cambiar los píxeles (el número de ellos, los colores, etc.).

• Vectoriales, se obtienen a base de líneas, respondiendo cada una de ellas a una ecuación matemática. Una imagen de este tipo está formada por trazos controlados por coordenadas.

Los gráficos vectoriales tienen el inconveniente de que no presentan el nivel dedetalle que los mapas de bits. La ventaja de estas imágenes es que se pueden reducir y ampliar sin perder calidad puesto que los trazos se redibujan al cambiarde tamaño

Explica cada uno de los formatos de archivos. (.psd, .jfif, .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)

* Un archivo PSD puede contener, entre otras características, máscaras de recorte, trazados, canales de color y alfa, capas, niveles de transparencia u opacidad; así mismo soporta distintos modos de color ( rgb, index, cmyk, .. ) todas estas opciones pueden ser editadas posteriormente.

*JFIF (JPEG File Interchange Format) En un formato, como ya hemos avanzado, de los llamados sin pérdida visual muy difundido a partir de que los navegadores web empezaron a soportarlo. Admite imágenes en escala de grises a 8 bits y en color a 24 bits de profundidad.

*JPG es un formato gráfico con compresión. Quiere decir que el formato jpg se utiliza para guardar imágenes y que comprime esas imágenes para que ocupen menos en el disco.

*El formato PNG (Portable Network Graphics, Gráficos de red portátiles o formato Ping) es un formato de archivos de gráficos de mapa de bits (una trama). permite almacenar imágenes en blanco y negro (una profundidad de color de 16 bits por píxel) y en color real (una profundidad de color de 48 bits por píxel), así como también imágenes indexadas, utilizando una paleta de 256 colores.

 *formato de archivo de lenguaje PostScript encapsulado (EPS) puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas. El formato EPS se utiliza para transferir imágenes PostScript entre aplicaciones.

*El formato TIF (Formato de archivo de imágenes con etiquetas) es un formato de archivo de gráficos de mapa de bits (una trama). es un formato de gráficos antiguo, que permite almacenar imágenes de mapas de bits (trama) muy grandes (más de 4 GB comprimidos) pero perdiendo calidad y sin considerar las plataformas o periféricos utilizados (Mapa de bits independiente del dispositivo, reconocido como DIB).

*Un archivo BMP es un archivo de mapa de bits, es decir, un archivo de imagen de gráficos, con píxeles almacenados en forma de tabla de puntos que administra los colores como colores reales o usando una paleta indexada. El formato BMP ha sido estudiado de manera tal que permite obtener un mapa de bits independiente del dispositivo de visualización periférico (DIB, Mapa de bits independiente del dispositivo).

*El formato GIF (Graphic Interchange Format, Formato de intercambio de gráficos) es un formato de archivos de gráficos de mapa de bits (una trama) desarrollado por Compuserve.Una imagen GIF puede contener entre 2 y 256 colores (2, 4, 8, 16, 32, 64, 128 ó 256) entre 16,8 millones de su paleta. Por lo tanto, dado que la paleta tiene un número de colores limitado (no limitado en cuanto a colores diferentes), las imágenes que se obtenían con este formato por lo general eran muy pequeñas.

*El formato SVG (Scalable Vector Graphics, Gráficos vectoriales escalables) es un formato estándar y abierto de gráficos vectoriales que permite diseñar páginas Web con gráficos de alta resolución que incorporan datos en tiempo real. Puede exportar una página, un pliego o una selección de elementos desde un documento de InDesign mediante los formatos SVG o SVGZ. El formato SVGZ es una versión comprimida del formato SVG.

*RAW (en inglés crudo) es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal como ha sido captada por el sensor digital de la cámara fotográfica . El formato RAW no suele llevar aplicada compresión (sea con o sin pérdidas) .

         ¿Que es un mapa de bits?

es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor de ordenador, papel u otro dispositivo

       ¿Que es un gráfico vectorial? también conocidos como gráficos orientados a objetos, son el segundo gran grupo de imágenes digitales. Son más simples que los gráficos de mapas de bits, ya que en ellos las imágenes se almacenan y representan por medio de trazos geométricos controlados por cálculos y fórmulas matemáticas, tomando algunos puntos de la imagen como referencia para construir el resto.

¿Que es un Pixel?

abreviatura de Picture Element, es un único punto en una imagen gráfica. Los monitores gráficos muestran imágenes dividiendo la pantalla en miles (o millones) de pixeles, dispuestos en filas y columnas. Los pixeles están tan juntos que parece que estén conectados.

¿Que es un Vóxel?

es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensional y es, por tanto, el equivalente del píxel en un objeto 3D.

¿Que es un Texel?

 es la unidad mínima de una textura aplicada a una superficie, ^[]usada en gráficos por computador. De la misma forma que una imagen digital se representa mediante una matriz de píxeles, una textura se puede representar mediante un matriz de texels.

¿Que es rasterizacion?

también llamada mapa de bits, imagen matricial o bitmap, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor, papel u otro dispositivo de representación.

¿Que es vectorizacion?

Se llama vectorización al proceso necesario que convierte una imagen de formato rasterizado (.jpg, .png, .tiff, .gif…) en formato vectorial (.ai, .fh, .cdr…).

¿Que es una resolucion de imagen?

La resolución de una imagen indica cuánto detalle puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía ....  

¿Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles? *

 Escala de grises , * RGB , * CMYK Escala de grises (comúnmente llamado blanco y negro): ocupa 8 bits por píxel.
RGB (Rojo Verde y Azul, en inglés. Son los colores primarios de la luz): 24 bits por píxel.
CMYK (Cyan, Magenta, Amarillo y Negro, en inglés. Son los colores primarios de las tintas, como aprendimos en la escuela -rojo, amarillo y azul-): ocupan 36 bits por píxel.

3.2 compartir recursos y asignar permisos para el manejo seguro de informacion a traves de redes .

1.      Lo primero es declarar nuestra impresora como compartida, para esto nos posicionamos en la computadora que tiene directamente conectada la impresora, y seleccionamos Botón INICIO – Impresoras y faxes.

2.      Botón derecho del mouse sobre el icono de la impresora, opción “Compartir”

3.      Opción “Compartir esta impresora”, donde dice “Nombre del recurso compartido” podemos poner el modelo de la impresora o algo que sea descriptivo. Luego oprimimos “Aceptar”.

4.      Lo siguiente es dar de alta la impresora en cada una de las computadoras restantes. Pero ojo, no necesitas instalarla de nuevo con su CD de instalación, sino que haremos lo siguiente:

5.      Escoger botón INICIO – Impresoras y faxes

6.      En la columna izquierda escoger “Agregar una impresora”, luego “Siguiente”

7.      Escoger la opción “Una impresora de red o una impresora conectada a otro equipo”

8.      Escoge “Buscar una impresora”. Windows deberá detectar automáticamente la impresora que acabamos de compartir, escogemos la ruta correcta y damos “Siguiente”

9.      ¿Desea usar esta impresora como determinada? Contestamos que sí.

10. Botón “Finalizar” y listo

compartir una carpeta

1.   Haga clic en Inicio, seleccione Programas, Accesorios y, a continuación, haga clic en Explorador de Windows.

2.   Haga clic con el botón secundario del mouse en la carpeta apropiada (por ejemplo, Deudores) y, a continuación, haga clic en Compartir.

3.   En las propiedades de la carpeta, haga clic en Compartir esta carpeta. Use el nombre predeterminado para el recurso compartido. Haga clic en Permisos.

4.   En el cuadro de diálogo Permisos de, haga clic en Agregar.

5.   En el cuadro de diálogo Seleccionar usuarios, equipos o grupos, haga doble clic en el grupo Usuarios autenticados y, después, en Aceptar.

6.   En el cuadro de diálogo Permisos de, haga clic en Usuarios autenticados.

7.   En la lista Permisos, para el permiso Control total, haga clic en Permitir. Una vez configurados los permisos apropiados, haga clic en el grupo Todos y, después, haga clic en Quitar.