FORMULARIO

Como hacer formulario con Acrobat reader


Una vez hemos creado el documento con indesign, procedemos a indicarle los campos de texto y botones con distintas acciones en Acrobat reader.


Primero preparamos con indesign todos los campos en los que queremos poner texto para que Acrobat los identifique automáticamente y no tengamos que crearlos a mano uno por uno, exportamos un .pdf y nos vamos a Acrobat reader.






Le damos a editar se rellenan los campos automáticamente y podemos editarlos, tenemos varias opciones como cambiar el fondo de color o hacer que salga el nombre del campo a completar poniendo el cursor sobre el campo.








Una vez creados los botones procedemos a cambiar la configuración de cada uno editando su nombre dándole distintividad para que entre ellos actúen como selectores si solo queremos que uno de ellos se seleccione y vayan todos actuando a través de el primero que hemos creado, incluso podemos cambiar la aprariencia del botón y podemos decirle la acción que queremos que haga.



Damos doble clic sobre el botón y editamos sus propiedades:











Como hacer un formulario con idesign

Podemos hacer lo mismo que en Acrobat reader pro pero desde indesign siempre y cuando exportemos el pdf en modo interactivo.


Atraves de estas opciones podemos crear botones campos de texto y darle la personalización necesaria en cuanto a apariencia y funcionalidad como en lo anterior explicado pero de distinto modo a continuación muestro donde esta la ventana.










Y el resultado de la práctica despues de haber realizado el formulario es este:

Los campos estan resaltados en otro color para que se vea toda la parte editable pero si se sale del modo de edición no quedan resaltados.

MAQUETACIÓN

Maquetación de libro de novela

-Le damos a archivo para crear un nuevo documento de página en indesign de 140 x 196mm con los margenes que se sacaron a partir de la técnica de proporción de Rosarivo.

-Después se crean los estilos de párrafo que se necesitan para ir aplicándolos al texto y darle las variantes a cada parte del libro o poder conseguir la estética que queremos darle cumpliendo una serie de reglas para que quede bien hecho.

Hemos creado los siguientes estilos de párrafo para ir aplicándolos:

Estilos para el texto cumún: En este estilo le indicamos la tipografía que queremos, el cuerpo y también, creamos varios estilos para tener variantes en la justificación y poder encajar el texto en las páginas sin dejar frases HUERFANAS o VIUDAS.

Línea viuda: Cuando una línea corta aparece al principio de una página o de una columna se denomina línea viuda; la línea viuda es siempre la ultima línea del párrafo

Línea huérfana: Es la primera línea de un párrafo cuando quedan situada al final de la página o de la columna y el resto del texto del párrafo se coloca en la página o columna siguiente.

Para el capitulo crearemos este estilo de párrafo: con la especificación en la tipografía y la sangría y espaciado que necesitamos.

Para crear un estilo de párrafo para nombrar los capítulos creamos este estilo de párrafo: Y le asignamos a la tipografía los siguientes valores.

Para la foliación creamos otro estilo de párrafo indicándole lo siguiente: Los formatos de carácter básicos y la justificación.

Para asignar rápidamente cada estilo de párrafo a cada segmento del texto le damos un atajo dentro de cada estilo para facilitarnos la faena desde aquí:

Practicas

Calendario

Una tabla en html viene marcada por las etiquetas <table> </table>. Entre esas dos etiquetas definiremos la tabla, las celdas que queremos, las columnas y las características de cada uno de estos parámetros. Pero vamos a empezar explicándo la etiqueta <table>.

La tabla: <table>

Como ya ocurre con la etiqueta body, a una tabla también lo podemos definir el fondo de la misma. Esto lo podemos conseguir con el parámetro "bgcolor", que nos pondrá un color de fondo,  o "background" para poner una imagen de fondo. Recuerda que si la imagen es más pequeña que la tabla, ésta se repetirá tanto a lo ancho como a lo largo.

Otro aspecto que podemos definir de la tabla es el borde. Esto lo haremos con el parámetro "border".
Ej:border= "x" siendo la x un número. Ese número indicará el grosor del borde. Si no ponemos borde o lo escribimos "0", la tabla no mostrará borde ninguno. Por supuesto, también podemos darle color al borde, escribiendo la etiqueta "bordercolor" e indicando el color que queramos para nuestro borde.

El parámetro "width" indirca la anchura de la tabla. Esta anchura la podemos poner en píxeles (width= "300") o con porcentaje (width= "100%").


Cellpadding 

Marca a la tabla el espacio que debe dejar alrededor del texto dentro de una celda.

Cellspacing

Define el espacio entre las celdas de la tabla.

Las filas: <tr>

Como hemos visto en el encabezado las filas se escriben gracias a las etiquetas <tr> con su correspondiente cierre </tr>. El contenido de las columnas que están dentro de la fila lo podemos alínear tanto horizontal como verticalmente.

Para alinearlo verticalmente utilizaremos el atributo "valign" para poder alinearlo arriba de la celda ("top"), en el centro ("middle") o debajo ("bottom").

Para alinearlo horizontalmente utilizaremos el atributo "align". Con este atributo podremos alinear el contenido de las celdas en el centro ("center"), a la izquierda ("left"), a la derecha ("right") o justificado ("justify").

Por supuesto a las filas también les podemos definir el color de fondo ("bgcolor") y el color del borde ("bordercolor").

Las celdas <td>

Las celdas que van dentro de cada fila las tenemos que escribirlas con la etiqueta <td> y su correspondiente cierre </td>.

Al igual que en las filas, en las celdas podemos definir el la alineación del contenido que está dentro con los atributos "valign" y "align".

Las celdas poseen unos atributos que nos ayudan a poder agrupar tantas celdas o tantas columnas como indiquemos en él. Para agrupar celdas utilizaríamos el atributo "colspan" y para agrupar celdas el atributo "rowspan".

Por ejemplo, para agrupar en una celda 2 columnas tenemos que escribir: <td colspan="2"></td>. Y para agrupar dos filas, la indicación sería la siguiente: <td rowspan= "2"></td>.

Las celdas <th>

Las celdas escritas con la etiqueta <th> y su correspondiente cierre, admiten los mismos atributos que las etiquetas <td> y funcionan de la misma forma, salvo que el contenido que esté dentro de una etiqueta <th> está considerado como el encabezado de la tabla, por lo que se creará en negrita y centrado sin que nosotros se lo indiquemos.

m2m8uf300 

Creamos un nuevo documento html con su corresonciente sitio.
Creamos una tabla para poder asignar los espacisos para las imagenes cabecera y cajas de texo.
Para combinar las celdas primero las seleccionamos y dandole al clic derecho seleccionamos la opcion de combinar deldas.
Se colocan las imagenes previamente adaptadas con photoshop vara visualizarlas en pantalla (exportar para web), y con el tamaño que queremos para que se ajuste a el tamaño que hemos creado anteriormente en las celdas, y se inserta el texto directamente sobre las celdas en dreamweaver.


m2m8uf301

Para hacer esta página creamos una tabla para hacer la botonera y preparamos dos imagenes una para el estado normal y otra para cuando pasamos el raton por encima.
Esto se hace seleccinando la celda y insertando una imagen de substitución.

Y asignamos una imagen para cada estado.

m2m8uf302



Dividimos la pagina en tres columnas la de los extremos para dejar un margen lateral y la del centro para el contenido y despues tantas filas como sean necesarias.

Dependiendo de lo que necesitemos le asignamos al texto un encabezado que es el que define el cuerpo por defecto al texto. (desde el encabezado 1 que es el más grande, hasta el 6 que es el mas pequeño)

Enlaces

Para crear un enlace seleccionamos el texto que queremosenlazar y en la barra de propiedades añadimos la URL del sitio al qwue queremos que nos dirija.

Anclas con texto / imagenes.

Para utilizar las anclar primero nos disponemos a situarla dentro del documento, y le damos un nombre como referencia para despues poder llamar a el ancla atraves de enlaces o fisguras poligonales.

Para llamar el ancla a traves del texto seleccionamos el texto el que queremos vincularlo y en la casilla de preopiedades ponemos #(seguido de la referencia que le hemos puesto al ancla)

Para hacerlo con imagenes utilizamos la herramienta de Zona interactiva poligonal (al seleccionar la imgen se encuantra en la barra de propiedades) y con ella definimos el área que queremos vincular.

Para colocar la imagenes con animaciones bamos a photoshop abrimos la ventana de linea de tiempo, seleccionamos los segundo que quieres que dure creamos los objetos que queremos que accionen de alguna manera jugando con las capas.

Finalemente se exportaria como .gif

asdsdf

Como vincular hoja de estilos .css a documento .html

DESDE EL DOCUMENTO .html y habiendo creado previamente la hoja de estilos .css y habiendola guardado en el servidor web.
Abrimos la pestaña VENTANA / ESTILOS y seleccionamos el icono de abajo a la derecha.(cadenita)

Ahi seleccionamos la ruta del servidor web donde almacenamos la hoja de estilos .css

Seleccionamos que queremos VINCULAR esa hoja de estilos.Y despues en media: nos dice para que tipo de soporte queremos aplicar esa hoja de estilos es este caso ponemos all, pero podria ser que la crearamos para moviles tabletas o para ciertas pantallas con carácteristicas concretas. 

Como crear SITIO para página web

Empezamos conociendo bocabulario básico que contiene un documento .html al crear uno nuevo.

Las etiquetas basicas que encontramos al abrir un nuevo documento de .html son:

<html>    
</html>
Estas etiquetas son las que rodean todo el contenido del documento que se colocan al iniciar el código <html> y al final del código </html>, cuyas etiquetas contienen en su interior otras 2 etiquetas más que son <head> y <body> .

<head>
</head>
Delimitan la cabecera en el encabezamiento del docuemento .html, contiene el titulo del documento (que no aparece visible en la web, solamente es el nombre con el que va ser reconocido esa página).
Y contiene información de las hojas de estilos .css que estan vinculadas a ese documento .html .

<body>
</body>
Es el contenido visual el que va a estar dentro de estas etiquetas como texto y otras estiquetas dentro de estas que definiran ciertos aspectos, e iran relacionadas con las hojas de estilos.


CREAR UN NUEVO SITIO PARA COMENZAR A CREAR PÁGINA WEB:

1-Le damos a ARCHIVO / NUEVO / documento .html, y repetimos los pasos con un nuevo documento de hoja de estilos .css, y lo guardamos todo en una carpeta local del pc o mac.

2-Creamos una CARPETA PÚBLICA en un servidor via web en una  ya sea en "google drive", wuala, dropbox, el caso es que siempre sea accesible para cargar esos dodumentos y se vea la web al completo. (a poder ser con el mismo nombre de carpeta que en el local del pc o mac para que nos sea menos lioso y la tengamos mejor localizada)

3.Dentro de esa carpeta pública en el servidor creamos otra carpeta para las imagenes (IMG)

4.Una vez creada la estructura de los que sera nuestro habitaculo para almacenar nuestros documentos tanto en la carpeta local del pc o mac, procederemos a crear "EL SITIO" desde dream weaver.

5.Vamos a la pestaña de VENTANA / ARCHIVOS, (ahi veremos todo lo que estara dentro de nuestro sitio)

6.Le damos a la pestaña SITIO / NUEVO SITIO...

7.Nos aparece esta ventana donde tenemos que indicar donde queremos almacenar todo el contenido .html, .css y imagenes.

8.En la barra de pestañas de la izquierda en SITIO seleccionamos el nombre de nuestro proyecto y la carpeta donde lo vamos a almacenar dentro de nuestro pc o mac en una CARPETA LOCAL.

9.En la pestaña de SERVIDORES indicamos el mismo nombre de carpeta pero la ubicamos en el servidor web (en nuestro caso en la carpeta raiz donde se alla GOOGLE DRIVE), y seleccionamos la carpeta.

Seleccionamos que se conectará através de RED LOCAL.

Y guardamos...

10.En CONFIGURACIÓN AVANZADA seleccionamos la carpeta del sitio en el SERVIDOR WEB donde vamos a poner las imagenes (carpeta "IMG").

Y CON ESTO YA TENDREMOS NUESTRO SITIO PERFECTAMENTE CREADO!!!   :)

*Para que nos aprarezca la duplicidad de archivos en la carpeta local y el servidor web teniendo instalado el google drive en el equipo, le damos al icono de conectar y despues actualizamos (el boton de al lado), asi podremos comprobar como estos documentos estan correctamente subidos en el servidor web y son accesibles en todo momento al estar ubicados en una carpeta pública.*

PARA SEGUIR NUESTRO PROYECTO DESDE OTRO EQUIPO SERIA NECESARIO CREAR NUEVAMENTE OTRO SITIO SIGUIENDO ESTAS MISMAS INDICACIONES LO UNICO QUE CREANDO NUEVAMENTE UNA CARPETA EN EL SITIO LOCAL DEL PC O MAC Y SELECCIONANDO LA CARPETA DEL SERVIDOR WEB QUE CORRESPONDE, Y POR ULTIMO DESCARGAR ATRAVÉS DEL SITIO DESDE DREAMWEAVER EN LA VENTANA ARCHIVOS LOS DOCUMENTOS ACTUALES EN LA CARPETA QUE HEMOS ESPECIFICADO PREVIAMENTE EN EL LOCAL DEL PC O MAC.

SE HARIA LO MISMO CON LO AVANZADO DEL PROYECTO PARA SEGUIR DESDE OTRO EQUIPO SUBIENDO DE NUEVO PARA QUE SE ACTUALICEN LOS DOCUMENTOS AL SERVIDOR WEB I ACCEDER AL NUEVO DOCUMENTO MÁS ACTUALIZADO.

PREPS

PREPS:

La imposición consiste en disponer las páginas en el pliego, de forma que las acomodemos a la posterior encuadernación y manipulación que hemos elegido para el producto gráfico, y para aprovechar lo mejor que podamos el papel. Al realizar la imposición obtenemos el cuadernillo, que contiene las páginas debidamente ordenadas

Al imprimir debemos aprovechar al máximo el papel, por lo tanto intentamos usar el formato de papel más grande y también llenar al máximo la superficie impresa.

Antes la imposición se realizaba manualmente ordenando las páginas del trabajo en el astralón de montaje. Los fotolitos de cada página se pegaban al astralón con sus márgenes, marcas de corte y plegado, etc. Todo esto se realizaba sobre una mesa de luz para visualizar con precisión la posición de cada elemento.



















Actualmente la imposición se realiza digitalmente utilizando distintos programas informáticos o plugins, como pueden ser Preps (de Kodak) o Quark ALAP Imposer Pro.Hay varios elementos que forman parte de la imposición y que determinan cómo será: el número de pliegos y su formato, los blancos en el pliego (blanco de pinzas), el número de páginas y su formato, las marcas de corte, las marcas de plegado, la tira de control, cómo voltearemos el papel en la máquina y si realizaremos alzado o embuchado.


http://www.youtube.com/watch?v=K6y2PEwrG_k

NF1 NORMAS DE COMPAGINACIÓN (Libro)

TIPOS DE LIBROS:

Científicos

Literatura y lingüísticos

De viaje

Biografías

La biografía es la historia de la vida de una persona narrada desde su nacimiento hasta su muerte, consignando sus hechos logrados, fracasos, sucesos relevantes de su vida, así como todo lo que pueda interesar de la misma persona.

Para ello suele adoptar la forma de un relato expositivo y frecuentemente narrativo y en tercera persona de la vida de un personaje real desde que nace hasta que muere o hasta la actualidad. En su forma más completa, sobre todo si se trata de un personaje del pasado, explica también sus actos con arreglo al contexto social, cultural y político de la época intentando reconstruir documentalmente su pensamiento y figura. La biografía puede registrarse en forma audiovisual o en forma escrita; las cuales se dividen en distintos subgéneros; no cabe confundirla con algunos tipos de novela histórica o historia novelada.

Diccionario

Enciclopedias:

Guias

Manuales:

Receta de cocina

Guia de viaje

Libros de texto

Es un manual de instrucciones o un libro estándar en cualquier rama de estudio. Los libros de texto surgieron como instrumentos de enseñanza con la invención de la imprenta por Johann Gutenberg; el contenido de estos libros en muchos casos se basa en apuntes de un curso.

De referencia o consulta

Poéticos

PARTES DE UN LIBRO:

Sobrecubierta: No todos los libros la tienen, pero es relativamente frecuente.

Cubierta: se llama también "pasta" es consistente. Constituye el aspecto externo del libro y se extienden por la cubierta, lomo y la contracubierta.

Lomo: es donde se imprimen los datos de título, número o tomo de una colección, el autor, logotipo de la editorial, etc.

Guardas: hojas que unen las tapas con el resto del libro.

Anteportada o portadilla: va antes de la portada y se pone el título.

Contraportada: Página par posterior a la portadilla, generalmente blanca.

Portada: se indican los datos del libro.

Página de derechos de propiedad o de créditos: Reverso de la portada. Es la página de propiedad literaria o copyright, editor, fechas de las ediciones del libro, reimpresiones, depósito legal, título en original si es una traducción, créditos de diseño, etc.

Hojas de cortesía o de respeto: folios en blanco que se colocan al principio y al final del libro.

Cuerpo de la obra: conjunto de hojas que constituyen el texto del libro.

Página: Cada una de las hojas con anverso y reverso numerados.

Cita

Dedicatoria (Texto con el cual el autor dedica la obra, se suele colocar en el anverso de la hoja que sigue a la portada. No confundir con dedicatoria autógrafa del autor que es cuando el autor, de su puño y letra, dedica la obra a una persona concreta.)

Paratexto

Epígrafe

Prólogo o introducción: Es el texto previo al cuerpo literario de la obra.

Índice: es una lista ordenada que muestra los capítulos, artículos materias u otros elementos del libro, etc.

Prefacio = Avant-propos

Preámbulo

Presentación

Capítulo

Bibliografía

Colofón

Epílogo

Biografía: En algunos libros se suele agregar una página con la biografía del autor o ilustrador de la obra.

IMAGENES DE LAS PARTES MAS IMPORTANTES QUE COMPONEN UN LIBRO: