Pliego de principios

La primera parte de la tripa de un libro se llama pliego de principios; o, simplemente, principios, ya que no se trata estrictamente del primer pliego del volumen. En ella van los primeros contenidos esenciales del libro, ya que, en un sentido muy riguroso, todos los exteriores son prescindibles y, a veces, ni siquiera se consideran corno parte del volumen.

El pliego de principios abarca las siguientes partes internas del libro

Páginas de cortesía.

Portadilla, falsa portada o anteportada.

Contraportada o portada ilustrada.

Esquemas de posicionamiento

Los elementos de una página web están contenidos en una caja rectangular, de acuerdo con el modelo de caja. La manera en que los diferentes elementos de una página web se distribuyen en la pantalla dependen del esquema de posicionamiento elegido.

Existen tres esquemas de posicionamiento:

- normal
- relativo
- absoluto

El esquema normal es el que se aplica por omisión. En el esquema de posicionamiento normal, los elementos se muestran en la pantalla en el mismo orden en que se encuentran en el código fuente de la página. Los elementos pueden ser elementos de bloque o elementos en línea. Los elementos en línea están contenidos dentro de elementos de bloque y los elementos de bloque ocupan todo el ancho de la página y la altura necesaria para mostrar todo su contenido.

El esquema flotante es el que permite que un elemento no ocupe todo el ancho de la pantalla y se muestre a la izquierda o a la derecha de la página con otros elementos a su lado. En el esquema de posicionamiento flotante, los elementos se muestran en la pantalla en el mismo orden en que se encuentran en el código fuente, pero pueden estar desplazados a derecha a izquierda. Para asignar el esquema de posicionamiento flotante a un elemento se utiliza la propiedad float.

El esquema absoluto permite asignar cualquier posición a un elemento en la página (no solamente a izquierda o derecha como en el esquema flotante). En el esquema de posicionamiento absoluto, los elementos pueden mostrarse en la pantalla en un orden diferente al que se tienen en el código fuente, e incluso superponerse. Para asignar el esquema de posicionamiento absoluto a un elemento se utiliza la propiedad position.

Ej.5 ( casats 2 )

L'ultim exercici són targetons de mida 10x21cm, a dos tintes en un plec de 70x50 cm.
L'imposició serà un tiro retiro.

Model A: 2000
Model B: 4000

Traçat:

A continuació de agregar les creus de registre, les marques i la tira de control, fem el Job i el PDF:

Ej.4 ( casats 2 )

Tenim unes cartes mida A4 ( 297 x 210 ) en un plec de 45x64 cm.
L'imposició és a la dreta, cap amb peu. El traçat és aquest:

Agregarem les creus de registre, les marques i la tira de control. Farem el JOB i el PDF:

Ej.2 ( Casats 2 ) Targetes 55x85cm

Quart treball de placa, targetes 55x85 mm en un plec de 35x50cm horizontal.
Aquí tenim el traçat:

2 horizontal 5 vertical.
Aixì quedarà el PDF:

Ej.5 Tríptic tancat 20x15cm

El tercer exercici fet, la cosa es va complicant amb aquest tríptic tancat horizontal, en un plec de 45x64cm.
Com és un tríptic horizontal, multiplicarem l'amplada per 3. 20 x 3 = 60
L'imposició serà de 60x15cm.

Finalment, possarem les marques estatiques, farem el JOB i agregarem el PDF amb sang i diferencian el tríptic amb colors. Resultat final:

Ej.3 Tríptic obert A4

És el segon exercici que vam fer, una mica més complicat que el anterior, és un tríptic obert A4 en horizontal. El plec és de 35x50cm.
Aquí tenim que fer un tiro retiro i treballem al costat esquerre. Peu amb peu.
L'imposició es de 297 mm d'amplada i 210 mm d'alçada. Aquest és el traçat:

Desprès de fer el traçat i possar les marques estatiques, fem el JOB i agreguem el PDF. Resultat final:

Ej.1 Cartell

El primer exercici de traçats que vam fer va ser aquest, un exercici no masa difícil, treball en placa a una sola cara. Una sola imposició per que es un cartell. Aquí tenim el traçat fet amb preps:

Després de fer l'imposició, hem possat les creus de registre, les marques de tall, la tira de control i el registre de color. A continuació de fer tots aquests passos, falta adjuntar el PDF i fer el Job. Aquest serà el resultat final:

CSS Zen Garden

El Jardín Zen CSS es un recurso Web de diseño. El objetivo del sitio es mostrar las posibilidades del diseño basado en CSS. Se utilizan hojas de estilo contribuídas por diseñadores gráficos de todo el mundo para cambiar la presentación visual de un único archivo HTML, produciendo cientos de diseños diferentes. Aparte de la referencia a un archivo CSS externo, el código HTML en sí mismo nunca cambia. Todas las diferencias visuales son el resultado del CSS y el conjunto de imágenes que soportan el diseño.

etiquetes, id, classe..

Crèdits = Classe
Autor = Id
Títol = <h1> (etiqueta)
Alumne = Id
Índex = Tabla continguts
<p> = paràgraf etiqueta
Títol capítol = <h2>
Capítol = <h3>
Etiqueta = p

Elements CSS

1. Element en bloc:

-Ocupen tota l'amplada de l'element que conté.
-Es situen un sota de l'altre.
-Exemples: h1,h2,h3,h7..., p, table, ul, ol


2.Elements Inline:

-Ocupen nomès la pròpia amplada.
-Es situen un al costat de l'altre.
-Exemples: a,img,em,strong,b,u,span.


Unitats:

-ABSOLUTES

px, pt, mm, cm, pc
72 px = 1 polzada
pantalla = em, px, %

-RELATIVES

%, em, ex

Creación de un div

Puede crear diseños de página insertando manualmente etiquetas div y aplicando a estas 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.

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.

   
   

   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.)