Animaciones web

Fireworks

Firework.- Programa diseñado por macromedia Systems para la creación y edición de imagénes y gráficos vectoriales y mapa de bits mediante la utilización de una amplia gama de herramientas.
Fireworks forma parte junto con Dreamweaver, flash, contribute , flash paper y el paquete estudio 8 de macromedia.
Característocas fundamentales de fireworks

• Creación de elementos gráficos
• Creación de elementos web
• Edición de gráficos
• Optimización
• Exportación de documentos

Requerimientos mínimos de Fireworks (versión mas reciente de software)

• Procesador Intel a 300 Mhz.
• Windows 98 SE, ME, NT4, (Service Pack 6 ),2000 o XP.
• 64 Mb de RAM ( aunque se recomienda 128 Mb) mas 80 Mb de espacio disponible en disco duro.
• Monitor de 256 colores con resolución de 800X a 600 pixeles o superiores.
• Adobe Type Manager Versión 4 o superior, para utilizar funciones Type 1
• Unidad de CD-ROM.

Entorno de Trabajo de Fireworks

• Panel herramientas .- Contiene comandos necesarios para crear, seleccionar y modificar objetos.
• Barra de menús .-Presenta las siguientes opciones : Archivo, Edciòn, Ver, Seleccionar, Modificar, Texto, Comandos, Filtros, Ventana. Ayuda.
• Inspector de propiedades .- Muestra las propiedades de selección opción de las herramientas seleccionadas y propiedades predeterminadas del documento.
• Lienzo .-Es al área de trabajo.
• Ventana del documento.-Contiene la Barra de Titulo, Abajo aparecen 4 botones de visualización : Original, Vista previa, la opción 2 copias y 4 copias. En original se despliega un documento PNG las 3 restantes pueden verse versiones de exportación de documentos.
• La Barra de Herramientas Estándar .- Contiene botones para realizar acciones comunes en las aplicaciones que se ejecuten.
• Paneles.-Trabajan con fotogramas, capas, símbolos muestras de color y otros elementos.

Fireworks permite crear diferentes operaciones con vectoriales y mapa de bits utilizando el panel herramientas que son:

• Vector contiene:

Las Herramientas formas básicas ofrece medios esenciales para el dibujo.

La Herramienta línea permite crear trazos.

La Herramienta pluma permite trazos versátiles.

La Herramienta texto Crea texto.

La Herramienta Estilos contiene: Estilo libre(es posible empujar cualquier parte del trazo.) y la Herramienta cuchillo.

• Seleccionar contiene:

-Herramienta Puntero permite selecionar objetos al hacer clic en ellos o arrastrar un área se selección alrededor de un conjunto de objetos en el lienzo.

-La Herramienta seleccionar detrás se utiliza para seleccionar un objeto oculto por otros objetos.

Herramienta Recortar y Herramienta Exportar Área.

Herramienta Subselección se emplea para desplazar o modificar puntos de un trazo vectorial.

Herramienta Escala , Inclinar Distorsionar se utilizan con la trasformación de los controladores de esquinas.

• Mapa de bits contiene:

Herramienta Lazo, Lazo poligonal .Herramienta Recuadro, recuadro oval.Pincel.Barita Magica.Herramienta Borrador. Lápiz. Herramienta sello, Reemplazar color, Eliminación de objetos rojos. Herramienta Desenfocar, Perfilar, Aclarar, Obscurecer, Difuminar.

• Web contiene:

Herramienta Zona Interactiva rectangular, Circular, Poligonal. Herramienta división.

• Colores contiene:

Herramienta opciones de relleno , Opciones de trazo, Sin trazo, Sin relleno.

Diferencias de Selección, Trasformación, Mapa de bits Y texto de Fireworks, Corel Draw y Corel Photopaint en Gráficos Vectoriales y Mapa de bits.

• Selección en Corel Photopaint.

La Herramienta de menú lateral selección.- permite acceder a las herramientas selección de objetos y trasformacón de máscaras.

Herramienta selección de objetos.- permite seleccionar un objeto.

• Seleción Corel Draw

Selección.- permite seleccionar, cambiar y mover el tamañode los objetos con el ratón.

• Selección Fireworks

Subselección .- seleccciona puntos concretos.

Puntero.- selecciona alrededor de un conjunto de objetos en el lienzo o en la totalidad de ellos.

Selección detrás.- selcciona objetos ocultos por otros objetos.

• Trasformaciones de Fireworks

Las Herramientas que utiliza Firewoks para las Trasformaciones son: Distorsionar, Inclinar y Escalar.

• Trasformaciones de Corel Draw

Menú organizar /Trasformaciones/Posición-Rotación -Escala- Tamaño e iInclinación .- indica la trasformación del objeto.

• Organización de Fireworks

-Agrupamiento de los objetos

-selección independiente de los objetos de un grupo

- aplilamiento de los objetos y alineación de los objetos.

• Organización de Corel Draw

-Agrupamiento de los objetos .- une varios objetos de modo que se puedan seleccionar y manipular como uno solo.

-Desagrupamiento de objetos.-informa sobre varios niveles de agruapción de objetos.

• Mapa de bits de Fireworks

La utilización de la harramienta dibujo y pintura de las selección de Mapa de bits del panel herramientas.

-Cambio de color de píxeles

-Eliminación o adición de píxeles

- La duplicación de elementos de la imágen con la herramienta sello.

-El fundido de los bordes de la imágen, el recorte y trasformación de la imágen.

• Mapa de bits de Corel Draw

-Convierte un Mapa de bits los objetos vectoriales creados.

-Edita la imágen de mapa de bits haciendo la liga con Corel Phopopaint.

- Modifica el tamaño y la resolución de imágenes mapa de bits.

-Convierte la imágen a otro formato de color y utiliza una máscara de color sobre la imágen.

• Mapa de bits de Corel Photopaint

Utilizamos las herramientas :Máscara rectangular, Máscara elipse, Máscara mano alzada, Máscara lazo, Máscara Magnética, Máscara varita mágica y Máscara pincel. para editar áreas de selección de de objetos.

• Texto de Corel Draw

-Permite agregar tecto artistico o de párrafo.

-Modifica atributos del texto. Inserción de símbolos.

-Adaptar texto aun trayecto.

-Ajustar espacio entre carácteres para el texto sobre trayecto.

-Adaptar texto a un marco. Alinear con línea de base.

-Enderezar texto. Convertir texto artitico a texto de párrafo.

-Convertir texto a curva.

• Texto de Corel Photopaint

Permite añadir texto a uan imagen y modificar el texto existente.

• Texto de Fireworks

-Editor de texto. Dirección y orientación del texto.

-Aplicación de color del texto. Suavizado de los bordes del texto.

-Almacenamiento de los atributos del texto. Asociación del texto a un trazado.

-Trasformación del texto. Conversación de texto en trazado. Importación de texto.

-Revisión ortografica

• Ventajas

JPEG.- Emplea y desenfocado ligeramente la imágen para reducir el tamaño de archivo.

GIF.- Es el formato más utilizado ofrece una buena comprensión, pero si la imágen contiene más de 256 colores es posible que su calidad reduzca de manera significativa.

GIF.- Son idóneos para crear gráficos animados, logotipos y gráficoscon áreas trasparentes o animaciones.

JPEG.- Admite millones de colores 24 bits produce una calidad más alta para los datos de imágenes contrasiciones de color en degradado o cualquier imágen que presice mas de 256 colores.

PNG.- Formato de gráfico web más versátil.

SVG.-Describe gráficos vectoriales bidimencionales tanto estáticos como animados.

SVG.-Admite lenguajes XML y SMIL.

• Denventajas de PNG

PNG.- No todos los exportadores web pueden beneficiarse completamente de sus ventajas a menosque utilicen un plu-in.

PNG.- No es un archivo común para web.

Tecnologías de comunicaciones

Introducción a las redes

Redes es una conexión unificada de computadoras impresoras, faxes, modem y servidores.
Algunas de las razones de las redes don las siguientes:

• Ahorrran dinero a las empresas porque permiten compartir recursos entre los empleados .
  
• Permiten compartir la información de una forma rapida y eficiente mediante el envio electronico de emnsajes y archivos.
  
• Proporcionan formas de comunicación directa con personas que están en otra ubicación ( otra habitacion otro edificio,otra ciudad etc.).


• Comparten un acceso a Internet.
  
• Comparten base de datos.


• Gestionan eficazmente la seguridad d elos equipos.
  
• Realizan copias de seguridad centralizada.

Existen algunso tipos de redes:

• LAN (Local Area Network). Red de Area Local. Este tipo de redsurgio en los beneficios de conectar los PC a las microcomputadoras o fin de compartir información .
  
• MAN(Metropolitan Area Network). Red de Area Metropolitana .Es un sistema hibrído, que se encuenta entre las redes tipo LAN y MAN.
  
• WAN (Wide Area Network).Red de Area Amplia Es un sistema de redes de largo alcance , se extiende a lo largo de paises y contienentes.

Elementos de las redes:

Servidor : Es el sisitema de computo central que ejecuta un software especializado para proveer acceso compartido a los usuarios de la red; es el sitema operativo de la red de la red y es el que configura toda la red en sí, ya que está consituido para satisfacer dos necesidades primordiales; la trasferencia de datos de una manera rapida y segura de integridad de datos.

Estaciones de Trabajo:

Son los isistemas de cómputo que comparten los recursos del servidor, realizan un proceso distribuido y se interconectan a la red mediante una tarjeta de interfaz de red.

• Tarjetas de Interfaz de Red también conocida como Network Interface Card
• Tarjeta de red ISA arquitectura estándar de la industria
• Tarjeta de PIC Interfaz de componentes periféricos
• Tarjeta de red PCMCIA Adaptador de Interfaz de tarjeta de memoria para computadoras personales

Cableado

Es el medio utilizado para la conexion de las estaciones de trabajo y el servidor dentro de la red.

Sistema operativo de red

Es un conjunto de programas y protocolos de comunicación que permiten a varias computadoras interconectadas en una red compartir recursos de una manera organizada, eficiente y trasparente.

Modelo OSI

El Modelo OSI (Interconexion de sistemas abiertos) no es un dispositivo ni un componente de rutinas de software, si no un marco te{orico para comprender las comunicaciones de la red.

El modelo OSI esta formado por siete capas apilas una sobre otra que son las siguientes:

• Fisica


• Enlace


• Red


• Trasporte
  
• Sesión


• Presentación
  
• Aplicación

Las topologias de una red definen unicamente la distribucion del cable que interconecta las diferentes computadoras, el mapa de distribución del cable que forma la red.

Los tipos de topologías son los siguientes:

• Bus


• Anillo


• Estrella


• árbol jerárquico


• Bus-estrella

Protocolo son las reglas de seguirse en la comunicación de equipo.

Los protocolos de comunicación mas comunes son:

• NetBeui (Sistema básico de entrada/salida para red).
  
• IPX/SPX (Intercambio de paquetes entre redes/Intercambio de paquetes seuenciados)


• TCP/IP (Ptotocolo de control de trasmición/Protocolo de Internet).

Medios de trasmisión:

Es el elemento que conecta fisicamente las estaciones de trabajo del servidor y a los ecursos de la red.

• Cable coaxial


• Cable de par trenzado


• Fibra óptica


• Tecnologias inalámbricas (ondas de radio, inflarrojos,y microondas.

Los componentes del cable estructurado son:

• Red vertebral


• Cuarto de telecomunicaciones


• Cuarto de equipo


• Rack (o sopore metálico)


• Swiches

Dispositivos de red:

• Multiplexores


• Repetidor


• Puente


• Ruteador


• Swiches


• Modem

Características de las redes Ethernet

• La trasmisión de los datos no está gobernada para ningún controlador central.


• Se puede acceder a la red desde muchos puntosy todos los nodos tienen la misma posibilidad de trasmitir


• Los datos se trasmiten encapsulados en tramas


• Cada una de las tramas trasmitidas contienen la dirección del nodo que realiza el envío y del que lo recibe.


• Los nodos revisan todas las tramas de la red


• El direccionamiento de la trama incluye la posibilidad de especificar la dirección de un nodo, de varios o de todos los nodos de la red


• El nodo receptor tiene la posibilidad de aceptar y de organizar las tramas que tenga su dirección de destino


• La trasmisión de los datos es relativamente rápida. Puede ser de 10 o de 100 Mbps, auque las velocidades de trasmisión actuales en una red varían dependiendo de la topología y del volumne del tráfico.


• Una buena detención de errores hace que los retardos de trasmisión sean mínimos.


• La especificación de comunicación no aconseja desarrollar características especiales, que podrían conducir haciaq varias incompatibles en la red.

Las comunicaciones Ethernet pueden utilizar algunos medios de trasmisción que son:

• Cable coaxial grueso
  
• Coaxial delgado


• STP, cable de par trenzado apantallado


• UTP,cable de par trenzado sin apantallar


• Fibra óptica

Características de la Fast Ethernet

• Utiliza el método de accesoal medio CSMA/CD


• Soporta los esquemas populares de cableado


• Los datos pueden moverse entre Ethernet y Fast Ethernet sin un traductor de protocolos


• Fast Ethernet también usa las mismas aplicaciones y los mismos controladores usados por Ethernet tradicional.
  
• Fast Ethernet utiliza las mismas aplicaciones y los mismos controladores usados por Ethernet tradicional, con la ventaja que es mucho mas rápida .

Las características generales de thicknet son las siguientes:

• Cable coaxial grueso RG-8 DE 50 ohmios.


• Velocidad de 10 Mbps por segundo.


• Trasmisión en banda base.


• Longitud máxima del segmento: 500 metros (esto se especifica por la característica del cable, ya que de no cumplirse puede llegar a causar reflexiones de señal).


• Número máximo de repetidores:4.


• Número máximo de segmentos: 5.


• Número máximo de nodos: 1024.


• No debe de existir mas de dos repetidores entre cualquier estación, de manera que la distancia máxima de entre ellos sea de 1.5 km .


• Codificación : Código manchester.

Características de Ethernet 10Base2 ( Thinnet)

• Cable coaxial delgado.


• Velocidad de trasmisión: 10 Mbps por segundo.


• Trasmisión en banda base.


• Distancia máxima entre estaciones: 0.5 metros.


• Número máximo de estaciones por segmento: 30.


• Longuitud máxima del enlace: 925 metros.


• Número máximo de repetidores: 4.


• Número máximo de segmentos: 5.


• Número máximo de estaciones:1024.


• No debe de existir mas de dos repetidores en un enlace.


• Codificación: Código Manchester.

Características de Ehernet 10BaseT

• Cable tipo part trenzado calibre 22-26 AWG, 4 hilos.


• Cabler con conectores RJ-45.


• Concentradores


• Longuitud máxima del segmento : 100 metros


• Máxima atenuación : -11.5dB.


• Impedencia característica de 85 a 111 ohmios.


• Velocidad de 10 Mbps.


• Trasmisión en banda base.


• Retardo de propagación :5.7 nanoseg/km.


• Máximo retardo por segmento: 1000 neg.


• Codificacion : Código Mnchester.