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

Creación de un libro en InDesign

Para crear este libro hemos tenido que crear primero unos estilos de párrafo para automatizar el trabajo y hacerlo mas sencillo.

También hemos creado unas plantillas para cada tipo de página, A, B y C. 

Según donde acabe el capítulo o donde empiece, la página siguiente puede ir en blanco, puede estar o no numerada, etc.

Depende el tipo de tipografia o relleno, podemos crear un estilo de carácter.

Todo el trabajo tiene que estar con guías para trabajar mejor, con páginas maestras y todo bien alineado.

Epub

Epub es un formato redimensionable de código abierto para archivos de libro electrónico (e-book) creado por International Digital Publishing Forum (IDPF). En el formato de libro digital ePub se marca el contenido, pero no se delimita su formato, que se adapta a los diferentes tamaños de las pantallas de los múltiples lectores de libros electrónicos del mercado.

Los archivos ePub terminan con la extensión .epub.

Un fichero EPUB consiste en un archivo comprimido .zip que contiene tres ficheros XML basados en tres estándares abiertos, como son: OPS, OPF, OCF.

Algunos programas que permiten la lectura del formato en computadores son:

• Calibre
• Okular
• Stanza
• Adobe Digital Editions
• Sumatra PDF

Sin retroiluminación (tinta electrónica):

• BeBook
• Bookeen Cybook Gen3, Cybook Opus
• bq
• Boox de Onyx.
• Cool-er
• iRex Digital Reader 1000
• Hanlin eReader
• Hanvon N516, N518, N520, N526
• Nook (Barnes & Noble)
• Papyre
• Plastic Logic
• iRiver Story
• Sony Reader

Con retroiluminación:

• iPad
• Playbook
• IFreeTablet
• Toshiba folio 100
• PSP utilizando Albite reader mediante el emulador JAVA PSPKVM.
• Nintendo DS en sus distintas versiones utilizando programas homebrew como DSlibris o Ikureader.

ComicLife

Publicació Elèctronica

- Llibres elèctronics

- Suport
- Dispositiu
- Lector
- Físic --> continent --> sistema de lectura

- Document
- Escrit
- Digital --> contingut --> llibre elèctronic

- Ordinadors 13'-21'
- Tauletes 7'-21'
- E-Reader 5'-9'
- Dispositius mòbils 2,5'-5'



Tinta elèctronica

- B/n
- Matriu passiva
- Matriu activa - TFT
- Led-Lcd

LCD: Ideal per multimèdia, pot durar 10h mes o menys

E-INk: Ideal per llegir, pot durar 30 dies

Web ( Dreamweaver )

Frames --> Marcs

- Nuevo sitio

- Nuevo --> Crear página en blanco

- Diseño --> Marcos (insertar) --> (html)

- Propiedades --> Porcentajes

- Modificar propiedades de la página (click derecho) --> apariencia html

- Selecciono una ventana y guardo marco individual

- Frameborder --> No hay margen

- Frameset --> Conjunto de marcos

- Scrolling --> Barra de desplazamiento

Crear un submarco: Crear dos marcos y guardar

- BLANK: Guardar los archivos en una nueva ventana

- PARENT: El marco que engloba el conjunto de marcos

- SELF: El propio marco

- TOP: Marco superior, ventana que ocupa todo

Estilos de párrafo y de carácter

Un estilo de párrafo incluye atributos de formato de párrafo y carácter, y se puede aplicar a un párrafo seleccionado o a un intervalo de párrafos.

Un estilo de carácter es un conjunto de atributos de formato de carácter que se puede aplicar a un texto en un solo paso.

Documento electrónico

Son un conjunto de datos que se almacenan bajo undeterminado formato; puede ser guardado en eldisco duro de la computadora o en algún otro medio dealmacenamiento como disquete, disco compacto,unidad ZIP, etc.

Un documento electrónico es un documento cuyo soporte material es algún tipo de dispositivo electrónico y en el que el contenido está codificado mediante algún tipo de código digital que puede ser leído o reproducido mediante el auxilio de detectores de magnetización.

La extensión "html" indica que el contenido del archivo está elaborado en lenguaje html, que es el manejado por internet, entonces para visualizar su contenido se requiere un navegador de internet, como Internet Explorer, Netscape, Opera o cualquier otro.