sábado, 24 de noviembre de 2012

Macromedia Flash


 Adobe Flash Professional También en sus version cs es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe, junto con sus programas hermanos Adobe Illustrator y Adobe Photoshop. Se trata de una aplicación de creación y manipulación degráficos vectoriales con posibilidades de manejo de código mediante un lenguaje de scripting llamado ActionScript. Flash es un estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la familiaAdobe Creative Suite, su distribución viene en diferentes presentaciones, que van desde su forma individual ó como parte de un paquete, siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Se usa sobre animaciones publicitarias, reproducción de vídeos (como YouTube) y otros medios interactivos que se presentan en la mayoría de sitios web del mundo, lo que le ha dado fama a éste programa, dándoles el nombre de "animaciones Flash" a los contenidos creados con éste.
Adobe Flash utiliza gráficos vectoriales y gráficos rasterizados, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno de desarrollo y Flash Player es el reproductor utilizado para visualizar los archivos generados con Flash. En otras palabras, Adobe Flash crea y edita las animaciones o archivos multimedia y Adobe Flash Player las reproduce.
Los archivos de Adobe Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vistos en unnavegador web, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo comoanimaciones en sitios web multimedia, y más recientemente en Aplicaciones de Internet Ricas. Son también ampliamente utilizados comoanuncios en la Web.
En versiones anteriores, Macromedia amplió a Flash más allá de las animaciones simples, convirtiéndolo en una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para Internet.
Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequeña empresa de desarrollo de nombre FutureWave Software y su nombre original fue FutureSplash Animator. En diciembre de 1996 Macromedia adquiere FutureWave Software, y con ello su programa de animación vectorial que pasa a ser conocido como Flash 1.0.
En 2005 Adobe compra Macromedia y junto con ella sus productos, entre ellos Flash, que pasa a llamarse Adobe Flash.

Ahora os voy a mostrar la serie de practicas que he ido haciendo a lo largo de estas ultimas semanas. Son unas practicas bastante sencillas.
1º La casa: Se trataba de hacer una especie de casa. No habia que hacer muchas texturas ni nada raro, tan solo una casa con un jardin.


 2º El personaje: En esta practica teniamos que diseñar un personaje (en este caso Homer) Y tenia que parecerse lo mas posible al modelo.


3º El caracol: En esta practica teniamos que calcar un dibujo, para luego pintarlo con el cuentagotas.

4º Texto con sombra: En esta practica teniamos que diseñar un fondo con dimensiones y luego ponerle un texto que tuviera un sombra.


5º Pez nadando: En esta practica teniamos que crear un pez en movimiento con una burbuja.


6º Letras en movimiento: En esta practica teniamos que hacer que un texto se moviera. Aqui os dejo el video.


7º Pelota Botando: En esta practica teniamos que hacer que una pelota pareciera que esta en movimiento. Para eso (ademas de los fotogramas en movimiento) hay que utilizar la deformacion de la pelota. Aqui os dejo mi practica.


8º Banner: Esta practica era opcional, pero yo la he hecho para subir nota.


9º La pelicula final: Aqui os dejo la pelicula que he elaborado para la clase :)


Mi pagina de HTML

Bueno chicos, aqui os dejo mi pagina del HTML :)

 http://galeon.com/starrose/frame.html

Codigo HTML



¿Que es el HTML?


HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1


HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Códigos HTML básicos


Artículo principal: Anexo:Etiquetas HTML/XHTML5.
<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.
<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:







Un ejemplo de código HTML con coloreado de sintaxis.
<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.
<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.
<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
<table>: define una tabla.
<tr>: fila de una tabla.
<td>: celda de una tabla (debe estar dentro de una fila).
<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia).
<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).
<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).
<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)13 14


La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:
<table><tr><td>Contenido de una celda</td></tr></table>.
<script>Código de un [[script]] integrado en la página</script>.

Aqui os dejo mi pagina del HTML. Es muy sencilla, pero no esta mal. Espero que Don Jose me ponga buena nota :)

http://galeon.com/starrose/frame.html

Google Drive


 Google Docs se originó de dos productos separados, Writely y Google Spreadsheets. Writely era un procesador de texto individual en red creado por la compañía de software Upstartle, el cual fue lanzado en agosto de 2005. Sus características originales incluían un sitio para la edición de textos en colaboración, además de controles para su acceso. Los menús, atajos en el teclado y cuadros de diálogo eran presentados de una manera muy similar a la que los usuarios suelen esperar en un procesador de texto tradicional, como OpenOffice.org o Microsoft Office.

En el momento de la adquisición, Upstartle tenía 4 empleados. Writely cerró los registros a sus servicios hasta que estuviese completo el movimiento a los servidores de Google. En agosto de 2006 Writely envió invitaciones de cuentas a todos aquellos que hubieron requerido ser ubicados en una lista de espera y luego se volvió disponible al público el 23 de agosto. Writely continuó manteniendo su propio sistema de usuarios hasta el 19 de septiembre de 2006 cuando fue integrado con Google Accounts. Writely se ejecutaba originalmente sobre tecnología Microsoft ASP.NET, la cual usa Microsoft Windows. Desde julio de 2006, los servidores de Writely funcionan bajo el sistema operativo Linux. Mientras tanto, Google desarrolló Google Spreadsheets introduciendo muchas de las bondades encontradas hoy en Google Docs. Google anunció Spreadsheets el 6 de junio de 2006 e inicialmente lo puso a disposición sólo de una cantidad limitada de usuarios, según orden de llegada. El test limitado fue reemplazado después con una versión beta disponible para todos los titulares de una cuenta de Google. En febrero de 2007 Google Docs fue liberado para todos los usuarios de Google Apps.

En junio del mismo año Google cambió la página principal para incluir carpetas en vez de etiquetas organizadas en una barra lateral. El 17 de septiembre del 2007 Google lanzó su programa de presentación para Google Docs. A partir de enero del 2010, Google ha empezado a aceptar cualquier archivo subido en Google Docs.1 [editar]Acceso móvil Google Docs permite que los usuarios de telefonía móvil puedan navegar por sus documentos de Google Docs. Los usuarios pueden ver y desde hace muy poco pueden editar los documentos. Existe una versión de Google Docs para el iPhone que incluye la funcionalidad para la visualización y edición de presentaciones, junto con una interfaz diseñada específicamente para este dispositivo. [editar]Limitaciones Existen ciertos límites al manejar documentos por cada cuenta. Los documentos de texto pueden tener hasta 500 KB más 2 MB para imágenes incrustadas. Cada hoja de cálculo puede tener hasta 10.000 filas, 256 columnas, 100.000 celdas y 40 hojas. Sólo pueden abrirse hasta 11 hojas al mismo tiempo. Sólo pueden importarse presentaciones de hasta 10 MB. Google Docs es actualmente soportado por Google Chrome, Mozilla Firefox, Internet Explorer, Opera y Safari, entre otros. Tampoco es posible hacer modificaciones a los documentos sin la autorización del editor del documento y para descargar los archivos es necesario disponer de una cuenta de Google.


Gestiona Google Docs desde el escritorio de Windows con gExplore

Todos saben que Google Docs es una de las mejores suites ofimáticas en línea, aunque muchos todavía se resisten a cambiar por un servicio basado ciento por ciento en la nube. Sin embargo cada vez existen más herramientas que nos permiten disfrutar de la plataforma desde el escritorio de Windows.
Tal es el caso de gExplore, un potente cliente que nos ofrece la posibilidad de gestionar la mayoría de las opciones de Google Docs (documentos, plantillas, etc.) desde el sistema operativo de Microsoft. Es una herramienta sencilla pero con herramientas potentes y que merecen ser tenidas en cuenta. A continuación resumiremos sus principales características.
Una vez que instalen el programa tendrán que iniciar sesión con sus credenciales de Google y podrán empezar a trabajar. La aplicación permite subir y descargar archivos en Docs, encriptar archivos antes de subirlos a la nube, compartir archivos o colecciones con otros usuarios y realizar todas las tareas típicas de gestión de ficheros (crear, renombrar, organizar, eliminar, etc.).
En la página de descarga encontrarán dos versiones: una gratuita y otra de pago, pero la diferencia entre ambas es mínima. El software está disponible en inglés y es compatible con las últimas versiones de Windows: XP, Vista y 7.


Blogger


Lanzado en agosto de 1999, es una de las primeras herramientas de publicación de bitácora en línea y es acreditado por haber ayudado a popularizar el uso de formularios. Más específicamente, en vez de escribir a mano el código HTML y frecuentemente subir las nuevas publicaciones, el usuario puede publicar a su bitácora en línea, que se actualiza dinámicamente, llenando un formulario en el sitio web de Blogger. Esto puede ser realizado por cualquier navegador web actualizado y los resultados se reflejan inmediatamente. En el 2003, Pyra Labs fue adquirido por Google; por ende, también Blogger. Google consiguió los recursos que Pyra requería. Más adelante, las "características premium", que eran de pago, fueron habilitadas para el público en general gracias a la ayuda de Google. En el 2004, Google compró Picasa y su utilidad de intercambio de fotografías Hello.

Esto permitió a los usuarios de Blogger poner imágenes en sus bitácoras, y de esta manera, el Fotolog (o la posibilidad de publicar fotografías en las bitácoras) se hacía realidad en Blogger con la integración de Hello.  El 9 de mayo de 2004, Blogger fue relanzado, añadiendo nuevas plantillas de diseño basadas en CSS, archivaje individual de publicaciones, comentarios y publicación por correo electrónico. Después Google lanzaría una herramienta llamada BlogThis! en la barra de búsqueda Google. La herramienta BlogThis! permite abrir una nueva ventana con un formulario de publicación que permite al usuario publicar sin necesidad de visitar la página principal de Blogger.

 A finales de 2006, con el nuevo Blogger Beta, se hizo posible lo que tanta falta hacía en Blogger: el poder publicar artículos por categorías o etiquetas, (labels) como son llamados en Blogger, así como la posibilidad de poner bitácoras de acceso restringido para personas invitadas por un administrador del blog, entre otras funciones. Inicialmente el servicio de Blogger Beta no permitía hacer los cambios a la plantilla modificando el código HTML. Tiempo después se migraron las cuentas anteriores de Blogger al nuevo Blogger Beta sin que signifique ninguna molestia a sus usuarios. La actualización al nuevo Blogger requiere del registro de una cuenta de Google e incluye, entre otras mejoras, el servicio de etiquetado de artículos y una mejora en la interfaz de edición y publicación de artículos. La nueva versión no modificó en absoluto la apariencia de las bitácoras en línea creadas en la versión antigua, salvo algunos pequeños problemas con acentos y caracteres especiales como la letra ñ. Una vez actualizado un blog, puede decidirse dar un paso más y modificar el código HTML de la plantilla, teniendo precaución, de hacer una copia de seguridad de la plantilla actual.

A continuacion os dejo los pasos basicos para crear un Blog en Blogger :

                                                                         1º Paso 


2º Paso


3º Paso


4º Paso


5º Paso


6º Paso







Primera Entrada


Buenos dias (para los que se atreven a decir buenos dias en horario escolar), esta es mi primera entrada y no se muy bien que poner. Lo unico que se me ocurre es poner algun tutorial relacionado con algo que daremos en este curso: El Photoshop.

Adobe Photoshop es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe Systems, junto con sus programas hermanos Adobe Illustrator y Adobe Flash, y que se trata esencialmente de una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits. Su nombre en español significa literalmente "tienda de Fotos" pero puede interpretarse como "taller de foto". Su capacidad de retoque y modificación de fotografías le ha dado el rubro de ser el programa de edición de imágenes más famoso del mundo. Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y comercializado por Adobe Systems Incorporated inicialmente para computadores Apple pero posteriormente también para plataformas PC con sistema operativo Windows. Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Photoshop en sus versiones iniciales trabajaba en un espacio bitmap formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas. A medida que ha ido evolucionando el software ha incluido diversas mejoras fundamentales, como la incorporación de un espacio de trabajomulticapa, inclusión de elementos vectoriales, gestión avanzada de color (ICM / ICC), tratamiento extensivo de tipografías, control y retoque de color, efectos creativos, posibilidad de incorporar plugins de terceras compañías, exportación para sitios web entre otros. Photoshop se ha convertido, casi desde sus comienzos, en el estándar de facto en retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital,fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales. Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para convertirse en una herramienta usada profusamente por fotógrafos profesionales de todo el mundo, que lo usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por unlaboratorio más que para la impresión del material. Con el auge de la fotografía digital en los últimos años, Photoshop se ha ido popularizando cada vez más fuera de los ámbitos profesionales y es quizá, junto a Windows y Flash (de Adobe Systems También) uno de los programas que resulta más familiar (al menos de nombre) a la gente que comienza a usarlo[cita requerida], sobre todo en su versión Photoshop Elements, para el retoque casero fotográfico. Aunque el propósito principal de Photoshop es la edición fotográfica, éste también puede ser usado para crear imágenes, efectos, gráficos y más en muy buena calidad. Aunque para determinados trabajos que requieren el uso de gráficos vectoriales es más aconsejable utilizar Adobe Illustrator. Entre las alternativas a este programa, existen algunos programas libres como GIMP, orientada a la edición fotográfica en general, o privativos como PhotoPaint de Corel, capaz de trabajar con cualquier característica de los archivos de Photoshop, y también con sus filtros plugin.

Mi blog

Hola  a todos. Este sera mi blog para la asignatura de Tecnologia. Lo primero decir que espero que este bien, y lo que intentare conseguir es que este blog funcione como una libreta electronica de clase. Espero que os guste.
Firmado: Red Power (Estrella)