Foliación Indesing

Para crear la foliación automatica tendremos que:

-Crea cajas de texto en la/s página/s maestra/s que tengan estilo, cuerpo y tipo que desees para la numeración.
-A continuación en el menú Texto/insertar carácter especial/marcadores/número de página actual (o la opción que prefieras de entre las que vienen).
-voilà! Aparecen todas las páginas numerdas en su orden correcto.

El primer y segundo paso son intercambiables.

Empaquetar indesing

El empaquetado es el último paso para enviar nuestros proyectos a impresión, garantizando que todos sus recursos estén incluidos, listos para procesarse.

El empaquetado nos permite guardar en una sola carpeta todo lo que estamos requiriendo en nuestro proyecto. Para empaquetar tenemos que ir a archivo, empaquetar, o con el atajo de teclado Alt+May+Ctrl+P o Comand+Shift+Option P en Mac.

La ventana que aquí nos aparece contiene un resumen de todo lo que esta ocurriendo en el documento, las fuentes que se utilizan, los vínculos e imágenes, colores y tintas, configuración de impresión y los plugins externos (Fig1).

Al oprimir la opción «Empaquetar», el programa nos abrirá un cuadro de instrucciones de impresión, que es de gran utilidad si nos comunicamos con el impresor a través de este elemento (Fig2).

Al oprimir la tecla Continuar se genera automáticamente una carpeta con todo el contenido del documento, al oprimir la tecla Empaquetar puede ser que salte una alarma que nos indica que copiar fuentes es ilegal y que sólo será para uso exclusivo de reproducción del documento.

Practica orduña

Primero hemos hecho la  proporción de la pagina para poder sacar los márgenes a esta, después hemos colocado nuestro texto junto alas imágenes y nos a quedado algo así

IFRAME (dreamweaver)

El elemento IFRAME define un cuadro en línea para la inclusion de objetos externos, normalmente documentos HTML, la ventaja de usar un iframe con respecto a una plantilla, es que el iframe carga las paginas de contenidos, en cambio las plantillas descargan todo el entorno gráfico que acompaña una página, cada vez que se descarge un contenido, por tanto el IFRAME hace mucho mas eficiente el uso de los recursos de una red.

La principal ventaja del IFRAME, es que funciona como un contenedor de paginas, estas son algunas de sus propiedades.

Sintáxis:

<iframe src="http://cci.udea.edu.co" name="contenedor" width="400"height="100" align="middle" frameborder="1" marginwidth="10"marginheight="10" scrolling="yes" ></iframe>

SRC: especifica el URI o documento a cargar inicialmente en el IFRAME.NAME: especifica el nombre del frame

WIDTH: (Pixels)especifica el ancho del iframe

HEIGHT: (Pixels) Especifica el alto del iframe

ALIGN = [ top | middle | bottom | left | right ]: especifica la alineaciòn del iframe.

FRAMEBORDER = [ 1 | 0 ]:especifica si el iframe tiene borde o no

MARGINWIDTH = Pixels (margin width): especifica el margen del iframe

MARGINHEIGHT = Pixels (margin height):especifica el margen del iframe

SCROLLING = [ yes | no | auto ] (ability to scroll): especifica si el iframe tiene o no barra de scroll.

LONGDESC = URI (link to long description)

Creació DIV (dreamweaver)

Inserción de etiquetas div

Puede utilizar etiquetas div para crear bloques de diseño CSS y colocarlos en el documento. Esto resulta útil si ha adjuntado al documento una hoja de estilos CSS con estilos de posición. Dreamweaver le permite insertar rápidamente una etiqueta div y aplicar a ésta estilos existentes.

1. En la ventana de documento, sitúe el punto de inserción en el lugar donde desea que aparezca la etiqueta div.
2. Siga uno de estos procedimientos:
   • Seleccione Insertar > Objetos de diseño > Etiqueta Div.
   • En la categoría Diseño del panel Insertar, haga clic en el botón Insertar etiqueta Div .
3. Defina cualquiera de las opciones siguientes:

   Insertar

    

   Permite seleccionar la ubicación de la etiqueta div 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 seleccionar el estilo que desea aplicar a la etiqueta.

   ID

    

   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.

   Nueva regla CSS

    

   Abre el cuadro de diálogo Nueva regla CSS.

4. Haga clic en Aceptar.
   La etiqueta div tendrá el aspecto de un cuadro en el documento con texto de marcador de posición. Al desplazar el puntero sobre el borde del cuadro, Dreamweaver lo resaltará.
   Si la etiqueta div se sitúa con una posición absoluta, se convierte en un elemento PA. (Puede editar las etiquetas div que no tengan una posición absoluta.)

CSS Zen Garden (dreamweaver)

CSS Zen Garden demuestra que los diseñadores pueden transformarse una sola página web en cientos de variaciones dramáticas, simplemente mediante la aplicación de un estilo CSS. Las posibilidades son que para deslumbrar, especialmente si usted entiende el concepto clave. En CSS Zen Garden todas las variantes contienen exactamente el mismo código HTML subyacente. Diseñadores produjeron sus variaciones presentación con sólo añadir o modificar una docena de líneas de una hoja de estilo CSS, y mediante el uso de CSS para llamar a sus propios gráficos ... todo ello, sin necesidad de editar una sola línea de código HTML. El resultado final: una página web HTML, cientos de presentaciones generadas a través de CSS. Adicionalmente se rompe como un repositorio de destino de ejemplos que los diseñadores puedan estudiar y ampliar.

Si perplejo, lea la siguiente explicación de lo que usted experimentará en CSS Zen Garden.

Tenga en cuenta que si te pierdes en CSS Zen Garden, especialmente si usted tiene problemas para navegar por el sitio, utilizar mi lista de favoritos de diseños CSS Zen Garden.

Creació css (dreamweaver)

El CSS (Hoja de Estilo en Cascada, Cascading Style Sheet para los de colegio inglés) ha sido el gran alivio para los que hemos tenido que maquetear una gran cantidad de archivos. Separa el diseño de la maquetación, no van unidos. Es un simple indicador al browser que le informa 'Hey socio, esas letras las necesito rojas por favor y más todas las que le diga'. Afortunadamente si quiero cambiar las instrucciones de ese indicador, lo hago sólo una vez y no las 235 veces. Pero hay más. 

CSS tiene grandes posibilidades de cambiar la apariencia de un sitio. Entre los trucos más solicitados están: el de cambiar las características de los links (sacarle el subrayado por ejemplo); hacer que en un documento existan todos los tipos de links que yo quiera; jugar con las imágenes de fondo; cambiar la apariencia de objetos de formularios; cambiar cursores; agregar filtros; cambiar características de los elementos de HTML, entre otros. Ustedes deben ser los descubridores: acá va un pequeño empujón. 

Vamos a la práctica. Dreamweaver > Windows > CSS Styles. O Shift+F11 es más sencillo. Abre esa paleta y aparecerá por defecto la palabra none y unos iconos abajo a la derecha. Básicamente Dreamweaver da la posibilidad de vincular un nuevo estilo CSS desde un archivo (archivo de extensión .css que puedes abrir desde el block de notas y desde el que puedes tener todos los estilos que necesites), crear un nuevo archivo, editarlo, crear estilos sólo para esa página (incrustados) y además editarlos.