Float

Per a la posició dels elements de la pàgina HTML, és necessari fer servir els "Floats". Ara veurem les diferentes opcions d'aquesta eina:

LEFT: traduït al català, esquerra. Serveix perquè l'element seleccionat es traslladi a l'esquerre.

RIGHT: traduït al català, dreta. Serveix perquè l'element seleccionat es mogui a la dreta.

NONE: és a dir, que no volem que es mogui

Div

El div és un codi que fem servir per aplicar-li un estil a la part que nosaltres desitjem. Per crear un div hem d'anar a la fulla d'estils, i dir "Nuevo estilo", i hi possem les dades que nosaltres veiem adients.

Exemple:
En aquest cas crearem un div ID, ja que només l'aplicarem a una part del document.

Aleshores, al obrir la pàgina CSS, hi podrem apreciar el següent:

Els divs són molt útils, ja que amb ells la organització i el disseny del document és molt més sencilla i bàsica.

Maquetació Filemón

Per fer una maquwtació similar a la del PDF hem d'agafar el mateix PDF i insertar-lo a InDesign per tenir-lo com a plantilla. Acte seguit, bloquejem la capa perquè no ens molesti i pugui ser-nos molt útil.

Aleshores, tenint el document imprés, amb el tipómetre, medim les tipografíes i els marges per aconseguir fer el document tal i com ens l'han demanat.

Crear botó per a formulari desde InDesign CS6

1- Creem un rectangle i hi col·loquem dins seu el text

2- Anem a botones y formularios

A "Tipo" li diem que sigui un Botó

A "Apariencia" li donem el color que volem que tingui en els següents estats del botó: 

"Normal", "Al pasar sobre él" i "Clic"

3- Si volem donar-li alguna funció al botó anem a "Acciones" i cliquem a  "+" i li asignem la funció que desitjem

Formulari

1- Agafem l'imatge que vulguem aplicar-hi el formulari

2- Aclarem l'imatge amb Photoshop ("Imagen", "Ajustes", "Brillo contraste")

  (anem tocant fins que es vegi clar perquè Adobe PDF pugui identificar les paraules)

3- Retallem l'imatge fins que no surti cap zona que no sigui blanca (com la taula)

4- L'obrim amb l'Acrobat

5- Anem a "Formularios" i cliquem a "Iniciar Asistente de formularios"

Al obrir-lo ens sortiran aquestes opcions: 

Esperem una estona a que es faci el procés i al obrir-lo haurá identificat les zones que considera com a part óptima per a escriure

6- Com no és un programa 100% exacte, haurem de marcar els llocs que no hagi marcat nosaltres manualment. Per fer-ho anem a "Agregar nuevo campo", a la part superior esquerra.

Segons el que volguem fer seleccionem el que creiem convenient.

En aquest cas seleccionarem "Campo de texto".

7- Per fer-ho és molt fàcil: sencillament seleccionem la grandària de la caixa de text i la posem on vulguem

Li posem el nom de l'element al que faci referéncia (en aquest cas, Interiores)

8- Si la zona que vulguem marcar és un lloc on s'ha de possar un "tic", hem d'anar a "Agregar nuevo campo" i seleccionem "Casilla de verificación"

Anem a la part que vulguem aplicar-hi la casilla de verificació i la posem

9- Si el camp de text que hàgim de possar té més d'una línea, fem doble clic i se'ns obrirà un cuadre d'opcions

Anem a opciones

Marquem la casella de "Multilínea"

Amb paciéncia (molta paciéncia...), anem fent el que s'ha indicat als pasos anteriors i anem col·locant-hi els camps fins haber-ne possat tots...