Orduña - Compaginació

A classe de compaginació (C5) vam fer la maquetació d'una entrevista a Beatriz Orduña. Al ser una entrevista vam haver de fer un estil enniuat, l'estil de caràcter eren les preguntes i l'estil enniuat eren les respostes.

Estudio educación española (comparación finlandia) from Paloma Hernando Robledo

Web Àrtic

A classe de C5 hem fet amb Dreamweaver una web en contra del desglaç de l'àrtic.
L'hem fet utilitzant els divs, divs pa y estils CSS que he pujat a entrades anteriors.

No hem va donar temps a acabar-la, i vaig tenir uns problemes amb la posicionació, és molt important co·locarli a cada estil la posicionació que li pertoca (static, relative, absolute, fix).

La web final havia de quedar així:

Creació de botóns Dw

Crear un botó que cambíi quan passis el cursor pel d'amunt d'ell es molt fàcil. Només hi ha que fer 2 imatges:
L'original (com vols que sigui el botó), y l'imatge com vols que es torni el btó quan passem el cursor pel damunt. Una vegada fetes, només hi ha que seleccionar al Dreamweaver l'imatge original i, a on possa imatge de substitució, seleccionar la alternativa.

InDesign - Paràmetres imatges

A clase de C5 hem fet una revista a partir de la web de l'àrtic. Les imatges d'aquesta revista, habien de portar l'espai de treball Adobe RGB 1998, CMYK Coated FOGRA27.
La resolució habia de ser de 300ppp (150lpi). Algunes imatges no tenien aquesta resolució, i, per poder pasarles a aquesta resolució habien dos possibilitats:
- Si la resolució era més petita, teniem que tenir en compte que no estigués activada l'opció de remostrejar, perquè si estiguès activada a l'hora de aumentarli la resolució, el software s'inventaria pixels.
- Si la resolució era més gran, si que habia d'estar activada l'opció de remostrejar, i també habia d'estar activada l'opció bicúbica (óptima per a reduccions). d'Aquesta manera no possarà pixels falsos.

Estils CSS

Els estils CSS són una eïna molt útil de Dw. Funciona creant un full d'estils CSS per després adjuntar amb un arxiu HTML Aquest arxiu CSS, haurà de contindre els estils que nosaltres volguem aplicar a aquesta web HTML, per exemple: si nosaltres al full d'estils li fem un estil d'etiqueta <p> y li diem que ha de portar la font Arial, Helvetica, Times; Tamany: 12px; Interlineat: 11px. Tots els paràgrafs de l'arxiu HTML vinculat a aquest full d'estils, portaràn els paràmetres que li hem dit abans.

impoCRIPTA

Hem fet la imposició d'un llibre que vam maquetar nosaltres mateixos (El Misterio de la Cripta - Eduardo Mendoza). El meu constaba de 160 pàgines (200x280mm) a un plec de 70x100cm.

impo0203

Revista A5 horitzontal (fresada) de 48 pàgines en plecs de 65x90cm

 - Per que es pugui fer fresada, als lloms hi ha d'haber una distancia de 8 cm entre ells.

impo0201

Imposició d'un llibre 21x21cm de 36 pàgines en plecs de 70x100cm

impo0104

Imposició d'un llibre A4 vertical de 24 pàgines en plecs de 70x100cm

impo0102

Imposició d'una revista (grapada) de mida 15x15cm de 48 pàgines en plecs de 50x70cm

impo0101

Consistia en fer la imposició d'un llibre A5 vertical de 320 pàgines imprès en plecs de 70x100 cm

EpubMerge + Calibre

EpubMerge es un plug-in del software de gestión de libros Calibre.

EpubMerge sirve para crear nuevos ePubs combinando los contenidos de libros electrónicos existentes en formato ePub.

No hay muchas herramientas capaces de hacer esto, por lo menos no de una manera que preserve la calidad necesaria.

Para poder fusionar dos documentos en un ePub, primero hay que seleccionar los documentos deseados en Calibre, acto seguido, hay que establecer el orden, editar los metadatos para el nuevo libro electrónico combinado, y combinar el contenido de los ePubs juntos en el nuevo libro electrónico.

También se puede elegir si desea o no insertar una tabla de contenido para cada libro resultante de la fusión.

El plug-in puede ser instalado fácilmente en el menú de preferencias de Calibre. Se necesita la versión 0.8.30 o superior de Calibre.

Alternative.to

Alternative.to es una web que serveix com una eïna que mostra alternatives per a softwares. Per exemple si busques alternatives per a Windows Internet Explorer, sortirán softwares com a Opera, Mozilla Firefox, Google Chrome o Safari.

http://www.alternative.to/

Patrons

Els "patterns" o patrons, són imatges petites (10x10) que colocant-les una al costat de l'altre coincidirán sempre, de manera que semblará que sigui la mateixa imatge, però més gran.
Aquí hi deixo una imatge y una web on es poden descargar una gran varietat de patrons:

http://patterns.ava7.com/

Iframe

Un iframe es un elemento HTML, que permite incrustar en un documento HTML, otro documento HTML.

<iframe width="420" height="315" src="http://www.youtube.com/embed/F_niftW-D4M" frameborder="0" allowfullscreen></iframe>

Este código iframe, por ejemplo, contiene este video:

Páginas maestras

Las páginas paestras en InDesign son una herramienta muy útil, ya que sirven para crear una espécie de "plantilla" que luego podras poner en las páginas que tu quieras.
Es decir, todo lo que tu incluyas en la página maestra permanecera bloqueado en la página a la que tu le apliques esa págna maestra.

Divs y divs pa

¿Que es un div?
Es una caja que ocupa todo lo que contenga la etiqueta. Se colocan uno sobre el otro. Se suelen utilizar para agrupar elementos para fines de estilo.

Botón de creación de div

A partir de ésta pestaña puedes decidir, dónde colocar el div, que clase aplicarle y que ID ponerle.

Un div pa vendría a ser lo mismo que un div pero con posicionamiento absoluto.
Aquí dejo un vídeo en el que ensea como crear y posicionar los divs pa:

Botón de creación de div pa

El div "pa" tiene la diferencia que lo colocas tu donde quieras y con el tamaño que quieras,como si fuera u.na caja de texto

Empaquetar archivos PDF

Puedes compilar un grupo de archivos relacionados en un paquete PDF, y así facilitar el envío y la distribución. Los archivos con otros formatos se convertirán en PDF y se agregarán. El archivo del paquete se puede generar a partir de una plantilla predefinida o del primer elemento de la lista de archivos.

Hype HTML5

Hype es un programa para hacer presentaciones (similar al flash) del que luego puedes incluirlas en un archivo HTML.

Proyecto Guttemberg

És una biblioteca de libros electrónicos gratis creada en 1971 por Michael Hart donde tu puedes descargar tus libros preferidos. És una web legal ya que los libros son de dominio público.

http://www.gutenberg.org/

CSS Zen Garden

Esta web viene a ser un sitio en el que  miles de diseñadores de todo el mundo contribuyen hojas de estilos que se pueden encajar en un mismo y único archivo. El código HTML en si nunca cambia, aparte de la referencia de un CSS externo.

http://www.csszengarden.com/

OCR

Un OCR (Optical character recognition) es algo como un software que crea una imagen a partir de los carácteres de un texto y hace que puedan intervenir programas de edición de textos en ellos. De manera que si tienes una imágen en la que hay insertado un texto y quieres editarlo, solamente tendrás que reconocer ese texto con un OCR, y podrás editarlo sin problemas.
Hay distintos programas que funcionan como OCR:         - ABBYY FineReader Professional 11
                                                                                           - Softi FreeOCR 2.6
                                                                                           - ITI OCR 
También hay programas como Adobe Acrobat Pro que llevan un OCR incorporado. 

Retículas

Una retícula es algo parecido a una base que se utiliza en maquetación para saber cómo estructurar la información que se quiere incluir en un documento. Es una manera creativa de ver diferentes formas de organizar un texto o incluso unas imágenes.
 En las retículas hay que tener en cuenta la anchura y la legibilidad en las columnas. No es bueno que haya pocas palabras por linea ni que el texto sea muy extenso.


Hoy en clase de C5 hemos tenido que hacer 3 tipos de retículas y llenarlas con texto falso para ver las distintas opciones que tenemos para estructurar los textos.

- Retícula a dos columnas simetrica
- Retícula a tres columnas simetrica
- Retícula asimétrica modular:

 

Dispositivos de lectura

Un dispositivo de lectura o también llamado libro electrónico, es un aparato que te permite disfrutar de los libros sin necesidad de llevarlos encima, sólo con llevar tu dispositivo de lectura contigo ya podras disfrutar de todos ellos en un mismo aparato. No sólo almacena libros sinó que tambien puedes almacenar en él diarios o incluso tu propio blog de internet.

Los principales formatos utilizados para dispositivos de lectura són EPUB y AZW.
EPUB es un formato basado en un estándar libre promovido, el International Digital Publishing Forum, Google ya ofrece su propio catálogo de libros electrónicos en fomato EPUB.
AZW es el formato utilizado por AMAZON y su tienda online de libros, este formato sólo puede ser utilizado por el kindle de AMAZON, es decir, los libros comprados en la tienda online de AMAZON sólo pueden ser leídos en sus propios dispositivos.

También se utilizan formatos como PDF, TXT, HTML, Tome Raider, PostScript o Plucker. Los dos primeros, són mas utilizados en la actualidad, pero ninguno de estos formatos son los ideales para utilizar en tu dispositivo de lectura.

¿Qué es RSS?

RSS sirve para poder tener actualizada la información de las webs que sueles visitar, sin necesidad de entrar en ellas. Para ello, la web en sí tiene que disponer del servicio RSS, y además tendras que tener instalado un lector RSS. Hay varios lectores RSS, como por ejemplo Google Reader, FreeReader, RS Reader, NetNewsWire, NewsMac, Straw o Evolution.
Es muy fácil de utilizar, sólo tienes que abrir tu lector de RSS y introducir la URL de la web que quieras tener registrada, una vez hecho esto ya podras ver las últimas noticias de la web en cuestión.
Una manera rápida de enterarte de lo que ocurre en tus webs favoritas sin necesidad de visitarlas una a una.

Elementos en bloque y elementos inline

Elementos en bloque: - Ocupan todo el ancho del elemento que lo contenga.
                                 - Se situan uno debajo del otro.
                                 - Ejemplos: h1, h2, h3, p, table, ul, ol, div,...

Elementos inline: - Ocupan solamente la propia anchura.
                          - Se situan uno al lado del otro.
                          - Ejemplos: a, img, em, i, strong, b, v, span,...

Tabla de contenidos

Una tabla de contenidos es, como bien dice la palabra, una tabla en la que se incluira todo a lo que le hayas aplicado el estilo de parrafo con el que irá "vinculada" por así decirlo. Yo lo utilizaré para hacer el índice de un libro, así que incluire el estilo que le he aplicado a los capítulos.
Una vez que sabemos esto, lo primero que hay que hacer es crear un estilo de párrafo que utilizaremos en la tabla de contenidos. Este estilo lo he llamado "TDC", y contiene estos parámetros:

- Basado en: Nada.
- Fuente: Georgia, regular, tamaño: 9, interlineado: 16.
- Alineación: Justificado a la izq.
                    Sin sangrías.
                    Espacio después: 0.
                    No alinear con cuadrícula.
- Tabulaciones: Trasladar a la derecha.
                        Carácter: "." (Esto hará que las tabulaciones estén formadas por puntos).
- No separar sílabas.

Ahora queda crear la tabla de contenidos que contendrá estas especificaciones:
- Composición:
    - Título: Índice.
    - Estilo: Capítulos.
    - Incluir estilos de párrafo: Capitulos.
    - Estilo de entrada: Estilo TDC.
    - Numero de página: Después de entrada.
    - Estilo: Bold.
    - Entrada y número: ^t.
    - Fuente Georgia, regular, 7/16: - Tabulación a la derecha: 102mm.
                                                     - Justificado a la izq.

Misterio de la cripta electronic

A compaginació hem creat un llibre web amb el DreamWeaver y un llibre electronic amb el Sigil. Primer hem fet unes diagonals a les pàgines per saber on anirán els marges



Quan ja teniem els marges teniem que crear les pagines mestres: a les pagines de cortesia li posarem ninguna com a pàgina mestra, a les de l'esquerre li posem capcelera, foliació i els marges de pàgina esquerra. A la dreta lo mateix que a l'altre però amb els màrges de pàgina dreta. Per últim farem dues més, una per a la pàgina virolí, solament amb capcelera, sense foliació, i l'altre per a les pàgines d'inici de capítol amb els màrges a la dreta i amb foliació, però sense capcelera.

El misterio de la cripta embrujada

CSS - web

CSS fa referència a un llenguatge de fulles d'estils usat per descriure la presentació semàntica (l'aspecte i format) d'un document escrit en llenguatge de marques. La seva aplicació més comuna és donar estil a pàgines webs escrites en llenguatge HTML i XHTML, però també pot ser aplicat a qualsevol tipus de documents XML, incloent SVG i XUL.

Es poden crear estils de classe, de id y de etiqueta.
L'estil de id serveix per donar identitat a un objecte y es aplicable a un sol element.
El de classe serveix per donarli uns atributs a més d'un element.
Amb el d'etiqueta pots aplicar-li uns atributs a una etiqueta com per exemple un paràgraf <p></p> si fas l'estil, totes les etiquetes tindrán aquests atributs.