Hacer funcionar los botones en el blog

-Abrir documento nuevo en flash 2.0
-Abrimos las bibliotecas con "cmd + L"
-Insertar el botón en el espacio de la linia de tiempo
-Pasa de ser simbolo a instancia(hijo del simbolo)
-Esvribir en propiedades el nombre del botón
-Clicamos con el boton derecho la instancia con su nombre personal y le damos a "Acciones"
-Apretamos al sibolo + > funciones globales > control de clip de pelicula > on >release
-On release quiere decir (cuando sueltes el botón...)
-Pulsamos otra ves funciones globales > Navegador/red/ GetURL
-En el parentesis de detrás de getURL hay que poner po reste orden y entre comitas ("url", "finestra", "metodo")
-Archivo > configuración de la publicación y ponemos a exportar el swf y html,en la ventana FLASH con una versión de flash en principio la 10 y el script ActionScript 1.0 y en HTML, flash con FSCommand
-Guardamos
-Compruevo que funcione
-Abro el HTML con el flash
-Subimos a SITIO el documento HTML, swf y flash

Como hacer botones en flash

lash, nos permite crear botones personalizados, de manera muy rápida; a la vez nos ayuda a darle mas vida a nuestras páginas web; en pocas palabras, nos ayuda a hacer más atractivo nuestro sitio y lógicamente eso es lo que queremos para aumentar el número de visitas a nuestro website.

Por medio de lenguajes de programación (por ejemplo Javascript), también podríamos crear botones, pero sería un poco más complicado; además no podríamos crear exactamente los mismos efectos que podemos hacer con Flash.

Empecemos:

1- Primero crearemos un nuevo símbolo, haciendo la siguiente combinación de teclas: ALT+F8.

Aparecerá el siguiente cuadro:



2- En Nombre (Name), escribe "botón 1", en Comportamiento (Behavior) selecciona la opción Botón (Button), finalmente haz click en Aceptar (OK).

Automáticamente, seremos enviado desde la Escena 1 al escenario del símbolo "botón 1"; ahí es donde crearemos un botón que será incluido en nuestra biblioteca.

El escenario únicamente para la creación de botones, será parecido a la siguiente imagen:

Mira hacia la línea del tiempo (Timeline), como puedes notarlo es diferente a la línea del tiempo de la Escena 1.

La línea del tiempo, del escenario para crear botones es parecida a la siguiente imagen:

Expliquemos el gráfico anterior:

Debemos entender que Reposo, Sobre, Presionado y Zona activa son los cuatro estados de un botón. Veamos a continuación, qué representa cada estado.

Reposo: es cuando el mouse no está colocado sobre nuestro botón o no se ha hecho click sobre él.

Sobre: es cuando el mouse está colocado sobre el botón, pero aún no se ha hecho click sobre él.

Presionado: lógicamente, es cuando haces click sobre el botón.

Zona Activa: su mismo nombre lo indica, es cuando el botón está activo.

Continuemos con la creación de nuestro "botón 1".

La cabeza lectora, en la línea del tiempo tiene que estar señalando el estado de Reposo.

4- Haz click sobre la Herramienta de Rectángulo (Rectangle Tool), que se encuentra en el Panel de Herramientas.

5- Dibuja un rectángulo en el centro del área de trabajo, y ponle el color azul.

6- Después presiona la tecla F6; ésto hará que la cabeza lectora en la línea del tiempo pase al estado Sobre.

Como podrás notarlo, el botón se copia, así que no necesitarás hacer un nuevo dibujo.

7- Aún estamos en el estado Sobre, si no tienes seleccionado el botón, hazlo (con la Herramienta Flecha y haz doble click sobre nuestro dibujo), luego dirígete a Color de Relleno que se encuentra en la sección colores del Panel de Herramientas, y escoge el color rojo, como se muestra a continuación:

8- Después presiona nuevamente la tecla F6, para que la cabeza lectora pase al estado Presionado, y cambia el color de relleno de la misma forma que lo hicimos en el paso 7; y escoge un color verde. Finalmente presiona por ultima vez F6 para pasar al estado Zona activa, ésto hará que se copie el botón. Para este último estado, no es realmente necesario cambiar el color de fondo.

Con los colores que hemos aplicado, haremos que el botón cambie de color, cuando se lleven a cabo los Estados de los botones anteriormente descritos.

Nuestro botón ha sido creado, así que puedes volver a la Escena 1, abre la biblioteca y verás que ahí esta el símbolo llamado "botón 1", podrás arrastrarlo al escenario las veces que quieras para hacer varias copias de él.

Toma la Herramienta de Texto (A), y escribe lo que desees, después coloca el texto sobre el botón creado; para probar la película haz la tradicional combinación de teclas CTRL + Enter. Si después quieres ver la película en tu explorador de internet, únicamente presiona las teclas CTRL + F12.

Degradados transparentes con photoshop

especificar el gradiente de la transparencia

Cada relleno degradado contiene ajustes que controlan la opacidad del relleno en diferentes lugares del gradiente. Por ejemplo, puede establecer el color inicial y el 100% de opacidad y tienen el relleno poco a poco se funden en un color final con 50% de opacidad. El modelo del tablero indica la cantidad de transparencia en la previsualización de degradado.

1. Crear un degradado.
2. Para ajustar la opacidad de partida, haga clic en la parada de la opacidad a la izquierda por encima de la barra de degradado. El triángulo por debajo de la parada se vuelve negro, lo que indica que la transparencia de partida es que se está editando.
3. En la sección Detenciones del cuadro de diálogo, introduzca un valor en el cuadro de texto Opacidad o arrastre el control deslizante Opacidad de ventanas emergentes.
4. Para ajustar la opacidad del punto final, haga clic en la parada de la transparencia justo encima de la barra de degradado. A continuación, ajuste la opacidad en la sección Detenciones.
5. Para ajustar la ubicación de la no opacidad inicial o final, uno de los siguientes:
*

Arrastre la opacidad correspondiente parada a la izquierda oa la derecha.
*

Seleccione la parada de opacidad correspondiente e introduzca un valor en Ubicación.
6. Para ajustar la ubicación de la opacidad del punto medio (el punto medio entre el inicio y fin hacen opacidades), uno de los siguientes:
*

Arrastre el diamante encima de la barra de degradado a la izquierda oa la derecha.
*

Seleccione el diamante e introduzca un valor en Ubicación.
7. Para eliminar la opacidad parada que está editando, haga clic en Eliminar.
8. Para añadir una opacidad intermedia a la máscara, haga clic encima de la barra de degradado para definir una parada de opacidad. A continuación, puede ajustar y mover esta opacidad como si se tratara de una opacidad inicial o final. Para eliminar una opacidad intermedia, arrastre su transparencia tapar y fuera de la barra de degradado.
9. Para crear un degradado preestablecido, escriba un nombre en el cuadro de texto Nombre y haga clic en Nuevo. Esto crea un nuevo degradado preestablecido con la transparencia configuración que ha especificado.

Trucs Línies i figures amb illustrator

Hacer figuritas geometricas 3D, convinanto las teclas ''><'' y ''mayuscula''.

Ipad presentación

Como crear un sitio web con Dreamweaver

Este es el primer tutorial con el que comenzaremos. Es el paso mas basico, pero también es muy importante hacerlo bien para trabajar agusto con nuestro dreamweaver.

Para los usuario más nuevos, aquellos que se enfrenten con Dreamweaver MX por primera vez, han de saber que la herramienta de "administración de sitio" le permitirá iniciar sin ningún problema el paso más importante de todo el desarrollo web: la correcta organización. Verá como gana tiempo con ello y evita posteriores quebraderos de cabeza.

Cuando definimos un sitio, estamos indicando a Dreamweaver el lugar en el que se van ha almacenar todos los archivos de un sitio concreto. Para trabajar de una manera eficaz tendrá que definir siempre un sitio local para cada sitio Web que cree.


Para ello accede a la ventana de sitio, puede acceder desde:
- Sitio / Nuevo sitio.
- desde el botón x situado en la esquina inferior derecha de la ventana.


Ahora aparecerá una ventana en la que rellenar los datos del sitio

- En la casilla “Nombre del sitio”, hay que poner el nombre que quieras poner para el sitio.

-En “Carpeta raíz local” hay que poner la dirección local del sitio. Es decir, hay que hacer una carpeta para el sitio y buscarla pulsando en el icono que pone una carpeta.

- En Dirección HTTP, hay que poner la dirección del site en Internet. Puede dejarse en blanco.

- La casilla Caché debe dejarse siempre activada, para que Dreamweaver pueda actualizar rápidamente los vínculos al mover, cambiar el nombre o eliminar un archivo.

- Y por último le damos al botón aceptar.


La ventana de Sitio ya mostrará una lista de todas las carpetas y archivos contenidos en el sitio local , en ella también actúa podremos copiar, pegar, eliminar, mover y abrir archivos del mismo modo que en el escritorio del PC.

MARCS O FRAMES

Són molts els portals que estan estructurats amb marcs, és a dir en sectors de pantalla que funcionen de manera independent.

Com s'aconsegueix això? Simplement, creant el que s'anomena una pàgina de
definició de marcs. Aquesta pàgina indica al navegador que ha de dividir la pantalla en
una sèrie de parts que s'anomenen marcs, i que a cada una hi ha de mostrar una
pàgina HTML diferent.

Suposem una pàgina de definició de marcs anomenada index.htm. Aquesta pàgina
pot establir, per exemple, que hi hagi un marc superior on es mostri la pàgina
superior.htm, i que el marc inferior es divideixi al seu torn en dos marcs: un marc
esquerre estret que contingui la pàgina esquerra.htm, i un marc més ample on es
mostri la pàgina benvinguts.htm i totes les altres pàgines quan fem clic als vincles.
Com podeu imaginar, les pàgines poden tenir qualsevol altre nom.




Per altra banda, la vinculació en una web amb marcs és més complexa. Si fem els
vincles sense més ni més, la pàgina s'obrirà al mateix marc que conté el vincle.
Gairebé sempre caldrà definir el TARGET (Destinoal Dreamweaver), és a dir, el marc
on s'ha d'obrir la pàgina on apunta el vincle.

Dreamweaver ''CSS''

El panel Estilos CSS permite supervisar las reglas y propiedades CSS que afectan al elemento de página seleccionado (modo Actual) o todas las reglas y propiedades que afectan al documento (modo Todo). Un botón situado en la parte superior del panel permite cambiar entre estos dos modos. El panel Estilos CSS también le permite modificar propiedades CSS tanto en modo Todo como en modo Actual.

Panel Estilos CSS

En modo Actual, el panel Estilos CSS muestra tres secciones: un panel denominado Resumen de la selección que muestra las propiedades de CSS de la selección actual del documento, un panel denominado Reglas que muestra la ubicación de las propiedades seleccionadas (o una cascada de reglas para la etiqueta seleccionada, en función de la selección) y un panel denominado Propiedades que permite editar las propiedades CSS de la regla aplicada a la selección.

Puede cambiar el tamaño de los paneles arrastrando los bordes que los separan, y el tamaño de las columnas arrastrando las líneas de división.

El panel Resumen de la selección muestra un resumen de propiedades CSS y sus valores para el elemento seleccionado en el documento activo. El resumen muestra las propiedades de todas las reglas que afectan directamente a la selección. Sólo se muestran las propiedades establecidas.

Por ejemplo, las siguientes reglas crean un estilo de clase y un estilo de etiqueta (en este caso de párrafo):

Al seleccionar texto de un párrafo con el estilo de clase .foo en la ventana de documento, el panel Resumen de la selección muestra las propiedades correspondientes para ambas reglas, dado que ambas afectan a la selección. En este caso, el panel Resumen de la selección mostraría las propiedades siguientes:

El panel Resumen de la selección organiza las propiedades por orden creciente de especificidad. En el ejemplo anterior, el estilo de etiqueta define el tamaño de fuente y el estilo de clase define la familia de fuentes y el color. (La familia de fuentes definida por el estilo de clase tiene prioridad sobre la familia de fuentes definida por el estilo de etiqueta porque los selectores de clase son más específicos que los selectores de etiquetas. Para más información sobre la especificidad de CSS, consulte www.w3.org/TR/CSS2/cascade.html.)

El panel Reglas muestra dos vistas distintas (vista Acerca de o vista Reglas) en función de la selección realizada. En la vista Acerca de (la vista predeterminada), el panel muestra el nombre de la regla que define la propiedad CSS seleccionada y la ubicación del archivo que contiene la regla. En la vista Reglas, el panel muestra una cascada o jerarquía de reglas que afectan, directa o indirectamente, a la selección actual. (La etiqueta a la que se aplica la regla directamente aparece en la columna de la derecha.) Puede cambiarse entre las dos vistas haciendo clic en los botones Mostrar información y Mostrar reglas en cascada en la esquina superior derecha del panel Reglas.

Al seleccionar una propiedad del panel Resumen de la selección, todas las propiedades de la regla de definición aparecen en el panel Propiedades. (La regla de definición también se selecciona en el panel Reglas si la vista Reglas está activada.) Por ejemplo, si tiene una regla denominada .maintext que define una familia de fuentes, un tamaño de fuente y un color, la selección de cualquiera de las propiedades del panel Resumen de la selección mostrará todas las propiedades definidas por la regla .maintext en el panel Propiedades, así como la regla .maintext seleccionada en el panel Reglas. (Además, la selección de cualquier regla del panel Reglas muestra las propiedades de dicha regla en el panel Propiedades.) Posteriormente podrá utilizar el panel Propiedades para modificar rápidamente la CSS tanto si está incrustada en el documento actual como si está vinculada a través de una hoja de estilos adjunta. De manera predeterminada, el panel Propiedades sólo muestra las propiedades que ya se han establecido y las ordena por orden alfabético.

Puede optar por mostrar el panel Propiedades en otras dos vistas. La vista de categoría muestra las propiedades agrupadas en categorías, como Fuente, Fondo, Bloque, Borde, etc., con las propiedades situadas en la parte superior de cada categoría y mostradas en texto azul. La vista de lista muestra una lista alfabética de todas las propiedades y también sitúa las propiedades establecidas en la parte superior con texto azul. Para cambiar entre estas vistas, haga clic en los botones Mostrar vista de categoría, Mostrar vista de lista o Mostrar sólo las propiedades establecidas, situados en la parte inferior izquierda del panel Propiedades.

En todas las vistas, las propiedades establecidas aparecen en color azul; las propiedades que no son pertinentes para la selección aparecen tachadas con una línea de color rojo. Al pasar el cursor por encima de una regla que no es importante aparecerá un mensaje donde se indicará el motivo por el cual dicha regla no tiene importancia. Normalmente las propiedades son irrelevantes porque se anulan o porque no son propiedades que se han heredado.

Todos los cambios que realice en el panel Propiedades se aplican de forma inmediata; de este modo, podrá previsualizar el trabajo a medida que lo vaya llevando a cabo.

Dreamweaber ''DIV''

Utilización de etiquetas div

Puede crear diseños de página insertando manualmente etiquetas div y aplicando a éstas estilos de posición CSS.

Una etiqueta div es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades.

Nota: Dreamweaver trata todas las etiquetas div con posición absoluta como elementos PA (elementos con posición absoluta) aunque no haya creado dichas etiquetas div con la herramienta de dibujo de Div PA.

Inserción de etiquetas div

1. En la ventana de documento, situar el punto de inserción en el lugar donde deseas que aparezca la etiqueta div.

2.Sieguir uno de estos procedimientos:

• Seleccione Insertar > Objetos de diseño > Etiqueta Div.

• En la categoría Diseño de la barra Insertar, haga clic en el botón Insertar etiqueta Div

3. Definir cualquiera de las opciones siguientes:

Insertar

Permite seleccionar la ubicación de la etiqueta div (bien en el punto de inserción, antes o después de la etiqueta, o bien antes o después del comienzo de la etiqueta) y el nombre de la etiqueta si no es una etiqueta nueva.

Clase

Muestra el estilo de la clase aplicado actualmente a la etiqueta. Si ha adjuntado una hoja de estilos, las clases de la hoja de estilos aparecerán en la lista. Utilice este menú emergente para seguir uno de estos procedimientos:

• Seleccionar el estilo que desea aplicar a la etiqueta.

• Seleccionar Ninguno para quitar el estilo seleccionado actualmente.

• Seleccionar Adjuntar hoja de estilos para abrir el cuadro de diálogo en el que poder adjuntar una hoja de estilos externa.

ID de div

Permite modificar el nombre utilizado para identificar la etiqueta div. Si ha adjuntado una hoja de estilos, aparecerán en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya están en el documento.

Nota: Dreamweaver le avisa si introduce el mismo ID de otra etiqueta del documento.

Cuando se selecciona una etiqueta div, se puede ver y editar sus reglas en el panel Estilos CSS. Para añadir contenido a la etiqueta div también puede situar el punto de inserción dentro de la etiqueta div y, a continuación, añadir el contenido como lo haría en una página.

PREPS

Preps es un programa de imposición que nos permite realizar un montaje digital para su posterior impresión. El montaje se realiza sobre un trazado y éste depende de la manipulación posterior que precise el impreso, ya sea bien por la máquina de imprimir y por su encuadernación final. Deberemos introducir una serie de datos que nos ayudarán a automatizar el proceso de imposición, así al generar nuestro trazado o trazados, el mismo programa repitirá la operación hasta finalizar la imposición completa del impreso.

Preps: tipos de imposiciones

• en el sentido de la página: cara dorso (CD)
las páginas de la cara tienen sus corresponientes dorsos (plancha cara/plancha dorso), el giro de la hoja se realiza en sentido horizontal y en consecuencia tenemos el mismo espacio de pinza.

• imposición de media hoja: tira retira (TR)
cara y dorso se imprimen en la misma hoja por las dos caras en un igual y el resultado obtenido lo cortaremos por la mitad antes de plegarlo (2 pliegos iguales en la misma impresión), el giro de la hoja se realiza en sentido horizontal y en consecuencia tenemos el mismo espacio de pinza.

• imposición de cabeza a pie: tira retira a la voltereta (TRV), en este caso se necesita doble pinza porque el giro de la hoja se hace en sentido vertical.

• de una sóla cara: cuando el dorso no va impreso

• de retiradora: cara dorso girando en sentido vertical, necesidad de doble pinza (maquinaria que gira el papel en su interior).

PREPESTILOS DE ENCUADERNACIÓN

Trabajo de placa: un sólo pliego.
No hay encuadernación posterior entre diferentes pliegos.

Sin cosido: alzado, rústica, cosido sin hilo, etc.
Los distintos pliegos se pliegan y se alzan uno al lado del otro.

Cosido a galápago: en grapa, a caballo, embuchado, etc.
Los distintos pliegos se pliegan y se colocan uno dentro del otro.

Cortar y apilar: impresos que no requieren manipulación posterior salvo un solo corte.

Ida y vuelta: doble producción en encuadernación.
Los distintos pliegos se pliegan y se alzan uno al lado del otro, se encuaderna y entonces se corta obteniendo dos ejemplares iguales ya encuadernados.