sábado, 18 de febrero de 2012

Adobe Dreamweaver CS5


Adobe Dreamweaver CS5



Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visuall. Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa.

Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del programa.

Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.


La pantalla inicial

Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante.




Aquí les dejare un vídeo sobre el área de trabajo de Dreamweaver CS5.






La barra de la aplicación.


La barra la aplicación se incorporó en la versión anterior de Dreamweaver. Si tenemos la ventana maximizada veremos todos los elementos de la barra ocupando una sola línea, si no, ocuparán dos líneas, como en la imagen superior.

Esta barra contiene los siguientes elementos: los menús (en la imagen, en la parte inferior), varios botones propios de la aplicación, el conmutador de espacio de trabajo y una caja de búsquedas para obtener ayuda on line.

Los botones propios de la aplicación, que aparecen junto al icono, nos permiten (de derecha a izquierda) cambiar entre la vista de diseño o código, acceder a las extensiones que se pueden añadir, o al administrador de sitios, que ya veremos.

Más hacia la derecha observamos el conmutador del espacio de trabajo, como un desplegable. Un espacio de trabajo es la configuración del entorno (paneles visibles y su disposición) que podemos guardar y cargar. Lo veremos más adelante.

Los menús, están agrupados en categorías


Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver. Todas las opciones de Dreamweaver son accesibles a través de los menús, aunque en ocasiones nos envíen a los paneles.

Las pestañas de documento


Cada archivo que tengamos abierto, mostrará una pestaña con su nombre, lo que nos permitirá cambiar de uno a otro fácilmente. Si junto al nombre aparece un *, indica que ese archivo tiene cambios sin guardar. Podemos cerrar cada documento clicando en el aspa de la derecha, o acceder a otras acciones haciendo clic con el botón derecho, como Cerrar otros archivos.

Debajo de las pestañas encontramos los archivos a que utiliza nuestra página, como la hoja de estilos, archivos JavaScript, etc... pudiendo acceder a ellos con un clic. Esto nos ahorrará bastante tiempo.

La barra de estado



Esta barra la encontramos debajo de la ventana de documento, y nos da información sobre el mismo.

A la izquierda, encontramos el selector de etiquetas. Nos sirve para seleccionar etiquetas completas. Siguiendo hacia la derecha encontramos las herramientas de Selección, Mano (para desplazarse) y Zoom. Y otros datos como el tamaño de la ventana, el tamaño de la página o su codificación.

Hasta aquí las barras que siempre veremos en la aplicación. A parte, existen otras que podemos ver u ocultar desde el menú Ver → Barras de herramientas.




La barra de herramientas estándar


La barra de herramientas estándar contiene iconos para realizar las acciones más habituales del menú Archivo y Edición. De izquierda a derecha: Nuevo archivo, Abrir, explorar con Adobe Bridge, Guardar, Guardar todo, Imprimir el código fuente, Cortar, Copiar, Pegar, Deshacer y Rehacer. Esta barra puede ser muy útil, pero en realidad casi todo el mundo usa esos comandos directamente con el teclado (Ctrl + G para guardar, Ctrl + C para copiar, etc.)

La barra de herramientas de documento


La contiene iconos que nos permiten cambiar entre las distintas vistas de edición y la vista en vivo, acceder cómodamente al título de la página, o realizar las distintas opciones de validación que nos ofrece el programa.

La barra de representación de estilos

 

Esta barra, menos utilizada, nos permite ver la apariencia de nuestra web en distintos dispositivos, si estamos utilizando hojas distintas que dependan del eso. En esta nueva versión se han añadido más opciones, como las de ver los estilos que dependen de pseudo clases activas, como cuando el cursor está sobre un elemento.

 La barra de navegación con navegador


Esta barra nos permite usar Dreamweaver como un navegador web y navegar por las páginas de nuestro sitio, aunque sólo tiene sentido con la Vista en vivo, como ya veremos.


______________________________________________________________________________________________________________________________________________________________________________________________




Deseas mas información, haz clic aquí.!!



Corel Draw X5

Corel Draw X5



Corel DRAW es un programa de dibujo vectorial que facilita la creación de ilustraciones profesionales: desde simples logotipos a complejas ilustraciones técnicas. Proporciona una variedad de herramientas y efectos que te permiten trabajar de manera eficiente para producir gráficos de alta calidad. Asimismo, te permite enviar una ilustración a un servicio de filmación para su impresión o para la publicación de un documento en Internet.


Este curso se resarrolló inicialmente para CorelDRAW X4, y posteriormente fue revisado y adaptado para CorelDRAW X5. Por ello, algunas imágenes pueden corresponder a la versión CorelDRAW X4, pero todo lo comentado es aplicable para CorelDRAW X5.







El Área de Trabajo




Aquí les dejo un pequeño vídeo del área de trabajo de Corel Draw X5.







La barra de Título



La barra de título contiene el nombre del programa y también el nombre del documento (si el documento aún no se ha guardado aparece el nombre Sin título-1). En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar la ventana.


La barra de menús


La barra de menús contiene las operaciones de CorelDRAW X5, agrupadas en menús desplegables. Al hacer clic en Ver, por ejemplo, veremos las operaciones relacionadas con la visualización de los elementos que se pueden encontrar en CorelDRAW X5.

Todas las operaciones se pueden hacer a partir de estos menús. Pero las cosas más habituales se realizan más rápidamente desde los iconos de las barras de herramientas que veremos en el siguiente punto.

Cada opción tiene una letra subrayada, esto indica que se puede acceder directamente a la opción pulsando simultáneamente la tecla alt y la letra subrayada, por ejemplo si pulsamos alt + a se abre la opción Archivo .

Así mismo, algunas opciones contienen una combinación de teclas, que presionadas simultáneamente realizan la acción, por ejemplo si pulsamos la tecla alt y la tecla enter a la vez, podremos ver las propiedades del objeto (dibujo) seleccionado.

Los menús desplegables de la barra de menús contienen tres tipos básicos de elementos:
Comandos inmediatos. Se ejecutan de forma inmediata al hacer clic sobre ellos.

Se reconocen porque a la derecha del nombre del comando, o no aparece nada o bien aparece la combinación de teclas para ejecutarlo desde el teclado.

Por ejemplo, en el menú Archivo, Ctrl+N para crear un documento Nuevo.


Opción con otro menú desplegable. Al situar el puntero del ratón sobre éste, se abre un nuevo menú a su lado con más opciones para que elijamos una de ellas.

Se reconocen porque tienen un triángulo a la derecha.

Por ejemplo, en el menú Archivo, Adquirir imagen.


Opción con cuadro de diálogo. Al hacer clic en la opción aparece un cuadro de diálogo donde nos pedirá más información y que tendrá botones para aceptar o cancelar la acción.

Se distinguen porque el nombre acaba con puntos suspensivos.

Por ejemplo, en el menú Archivo, Abrir...







______________________________________________________________________________________________________________________________________________________________________________________________




Deseas mas información, haz clic aquí.!!




Adobe Photoshop CS5

Adobe Photoshop CS5
Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente y popular de hoy en día.

Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, para eso es recomendable que utilices Illustrator, también de Adobe. Photoshop está principalmente orientado a tratar y manipular imágenes, o bien creadas por otros programas, o digital-izadas por un escáner o máquina fotográfica. Entonces, una vez introducida la imagen en el programa podrías retocarla, transformarla y editarla con un sinfín de posibilidades.

De hecho, esta es una de las características más interesantes de Photoshop, pues Adobe ha sabido crear un programa intuitivo y muy completo que hace que se desmarque de la competencia y sea el software más utilizado por diseñadores e ilustradores.

Photoshop es un software comercial, y se ha de comprar una licencia para poder usarlo indefinidamente. No obstante, Adobe permite descargar y probar el programa totalmente gratis, pero por un periodo de 30 días.



Funciones mejoradas:

1. Se ha mejorado la gestión de medios. Por ejemplo, se ha añadido Adobe Mini Bridge para acceder a los archivos, y se ha mejorado el contenido en línea con Adobe CS.

2. Se ha mejorado el tratamiento de imágenes RAW, adaptándolo a las imágenes obtenidas con los últimos modelos de cámara. Hablaremos de esto en la unidad 12.

3. Se ha mejorado el rendimiento general del programa, y se ha adaptado a plataformas de 64 bits.

4. Imágenes de HDR de gran calidad. Se han mejorado las opciones para crear imágenes de alto rango dinámico, combinando imágenes de distinta exposición. Lo veremos al final de la unidad 14.



Un aporte de aulaclic.es , '' Manejo Basico de Photoshop CS5 ''




Tipos de Guardado de Adobe Photoshop



a) Guardar Imágenes inacabadas o en proceso:

Si todavía no hemos alcanzado el estado final de la imagen y queremos guardar el trabajo que hemos hecho, nos gustaría que la imagen permaneciese exactamente en el estado en el que se encuentra, manteniendo las capas, transparencias y objetos tal y como están para poder seguir trabajando con ellos después.

Entonces deberemos decirle al programa que el tipo de archivo que queremos crear al guardar la imagen sea de tipo Photoshop (.PSD o .PDD). Este tipo de archivo ocupa mucho espacio, pero es debido a que guarda gran cantidad de información sobre el estado en el que se encuentra nuestra composición.

Así que haremos clic sobre la lista desplegable de Tipo y seleccionaremos Photoshop.

.PSD y .PDD no son archivos de imagen, son archivos de trabajo propios de Photoshop y por tanto sólo podrá utilizarse con este programa.




b) Guardar imágenes terminadas para su posterior almacenamiento, publicación o impresión.

En este caso, nuestra imagen ya ha alcanzado su estado final, hemos trabajado con la imagen y queremos finalizar su proceso.

Pues bien, ahora lo que haremos será guardar la imagen como un archivo de imagen para que pueda ser utilizada más tarde como mejor nos interese. Para ello haremos clic en la lista desplegable de Tipo y seleccionaremos el formato de imagen digital que queremos darle a nuestra imagen.


JPG, GIF y PNG son los formatos más comunes. El primero, está pensado para imágenes con muchos colores, como fotografías, para las cuales se obtiene mejor calidad en menor tamaño que otros formatos. El segundo, GIF, esta ideado para gráficos, imágenes con pocos colores (un máximo de 256) y áreas de color uniforme. Por lo general, un archivo GIF es muy ligero, ya demás permite transparencias y animaciones. PNG tiene varias versiones: PNG 8 puede usarse como los GIF, y PNG 24 está especialmente diseñado para gráficos con degradados y transparencias de distinta intensidad.. Eligiendo el formato adecuado, obtendremos la mejor relación calidad - tamaño.

En esta opción se te presentará el siguiente cuadro de diálogo:


Desde aquí podrás configurar diferentes opciones de la imagen al guardarla. Observa el apartado de Calidad, puedes elegir entre calidad baja, media, alta ymáxima. Si escoges una calidad alta el archivo de salida tendrá un tamaño mayor, mientras que si reduces la calidad ganarás en espacio en disco.








El Área de Trabajo



Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado haciendo clic en la opción Ventana → Espacio de trabajo:


O directamente desde la barra superior:


Otra de las opciones que se te presentan es seleccionar un espacio de trabajo predefinido, podrás seleccionar entre 3D avanzado, Análisis, Automatización, Color y tono, Pintura, etc...



La barra de menú

La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de programas por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. También podrás acceder a opciones mucho más complejas que iremos viendo a lo largo del curso.






El panel de herramientas

El panel alargado que vemos en la imagen de la derecha es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop.

 Este panel tiene dos formas diferentes de presentarse, una es la que puedes ver en la imagen. La otra (predefinida por Photoshop CS4) es exactamente igual pero con todas las herramientas dispuestas en vertical. Para cambiar de visualización sólo tendrás que hacer clic en el botón que aparece en la esquina superior izquierda .

Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha . Éste es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y mantienes pulsado un instante el botón del ratón (o pulsas el botón derecho), se desplegará la lista de herramientas pertenecientes al grupo.

Por ejemplo, si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo.

Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel, el Lápiz y la Herramienta Sustitución de color. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La herramienta activa se encuentra siempre marcada por un cuadrado negro a la izquierda del icono.
En el panel de herramientas podemos encontrar también los selectores de color , en Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente configurados por el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán como color de trabajo. El que se encuentra detrás es el color de Fondo, podemos establecer este color como el color del fondo del documento, de esta forma podemos utilizar herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de píxeles.


El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento podemos hacer clic sobre el icono de doble flecha  e intercambiaremos los colores de los recuadros entre sí, haciendo que el color que se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras herramientas usarán ese color como predeterminado.

Observa que en cualquier momento puedes hacer clic sobre el icono  para restablecer los colores activos a negro y blanco (los iniciales de Photoshop).

Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop te ofrece.


Al seleccionar un color puede que te aparezcan unos iconos como estos:




El icono  advierte al usuario que el color seleccionado se halla fuera de la paleta de impresión, y es posible que cuando quieras imprimir la imagen, este color no se corresponda exactamente con el que escogiste y se muestre con un tono diferente.

Lo mismo ocurre con el icono de incompatibilidad web , si creas una imagen que contenga un color no compatible con los estándares web es muy probable que se muestre de diferentes formas según el navegador y el sistema operativo utilizado.

Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la extensión que eso supondría dejaremos algunas de lado por tratarse de herramientas avanzadas o de escasa utilidad para el usuario novel.

Aun así, mostraremos un listado de las herramientas que pasaremos por alto y una breve explicación de su funcionalidad:

Este grupo de herramientas se utiliza para crear trazados.

Los trazados se utilizan para crear formas vectoriales (líneas y curvas definidas matemáticamente). Estas formas son independientes a la resolución y pueden redimensionarse sin problemas.


La primera opción, la herramienta Cuentagotas, toma muestras de color de cualquier parte del lienzo

La herramienta Muestra de color toma hasta como máximo 4 muestras de color del lienzo para mostrar sus propiedades en la paleta deInformación (junto al Navegador).

La herramienta Regla, mide la distancia entre dos puntos dados mostrándose el resultado, también, en la paleta Información.

La herramienta Nota, nos permite crear una nota, como un post-it, en el Área de trabajo.


______________________________________________________________________________________________________________________________________________________________________________________________


Deseas mas información, haz clic aquí.!!


viernes, 17 de febrero de 2012

Programas para usar tu Creatividad




Aquí les daremos ciertos programas que podemos utilizar para dejar fluir nuestra creatividad, claro dependiendo de que manera la dejaremos fluir, ya sea por medio de una imagen, musicalmente, un vídeo, etc.


Aquí les dejare una lista de ciertos programas y que los pueden descargar en la sección ''  DESCARGAS  '' de nuestro blog.




Retoque Fotográfico, Dibujo Vectorial, Etc.




Desarrollo y Creación de Web's






Este es un listado de los programas mas utilizados para poder dejar fluir tu creatividad.




____________________________________________________________________________________________________________________________________________________




En un comentario deja, cual de todos estos te llaman mas la atención, opina.