Examen Web

Hoy hemos echo el examen final de conocimientos de web, al principio ha sido todo un poco desastre porque me he quedado en blanco, luego poco a poco, las cosas han ido saliendo... si no de una forma, de otra.

Creo que el resultado final no ha estado tan mal aunque han quedado sin resolver un par de detalles, como el centrado en pantalla y la separación entre la cabecera y el cuerpo.

Espero obtener un buen resultado...

Marcos con Dreamweaver

Aquí trabajamos con marcos independientes, para poder modificar cada parte individualmente sin tener que preocuparnos de que se modifique todo lo demás.

Esta web consta del marco de inicio en el cual estes donde estes, siempre aparece para poder navegar con más facilidad y el marco central que es el que se modifica dependiendo de lo que queramos visualizar en ese momento del menú.

Tablas con Dreamweaver

Complicamos un poco más las cosas y nos ponemos a trabajar con tablas para poder hacer una página un poco más completa y visualmente más comoda de utilizar.

La función de las tablas es organizar de forma simple la información dentro de una página web y podenar navegar por ella más facilmente.

Inicio con Dreamweaver

Dejamos atrás la creación de páginas web en html desde cero, para adentrarnos en la creación desde Dreamweaver.

La visualización del programa, tan visual como todo CSS, hace mucho más facil el diseño y la colocación de los elementos. 

Esta práctica consiste en en una página web referente a ipod que explica las características del propio. Aquí practicamos los anclajes de un titular con su texto o su imagen de bits correspondiente.

Como ya hablé en la entrada anterior, necesitamos un servidor FTP para la localización de las imágenes, el Wuala, que nos facilita la visuallización de la página en cualquier dispositivo donde se encuentre instalado el servidor.

Segunda página en html

Esta práctica es muy similar a la anterior. Lo que la diferencia es el uso de un FTP para la localización de nuestros archivos, en nuestro caso el Wuala, una herramienta muy útil que trata de un servidor en la nube donde poder colocar nuestros archivos desde cualquier ordenador y visualizarla al instante en otro dispositivo, siempre y cuando tenga instalado el programa.

Primera página en html

Bueno, aquí tenemos lo que viene siendo la primera página web que hicimos en clase. Es algo muy sencillo ya que la gestionamos desde la nada con ayuda de las etiquetas que nuestro profesor nos facilitó.

Para hacer esto no se necesita ningún programa especial, basta con cualquier editor de texto; como el bloc de notas.

En esta primera página web, jugamos con los distintos tamaños de texto, así como con colores, tipografias, listas ordenadas, listas desordenadas, imágenes y enlaces. El texto es un lorem ipsum que nos ayudó a poder llenarlo más rápidamente.

Corrección de color dominante

En esta práctica, corregimos una imágen de color, donde hay una dominante clara, en este caso el verde.

Para ello, seguiremos los siguientes pasos:

1. Desenfocar y promediar.

2. Cojer muestra de color con el cuentagotas.

3. Apuntar el LAB del color muestrado.

4. Cancelar paso 1. 

5. Abrir capa nueva.

6. Añadir filtro de fotografia.

7. Seleccionar color muestreado e invertir A y B.

8. Subir la densidad hasta encontrar el punto justo de color correcto.

Retoque de imagen de color

En esta práctica hemos practicado el retoque de fotografias en color que presentan errores saturación de color.

Para su corrección cal tener en cuenta una serie de condiciones y un procedimiento a seguir que detallo a continuación...

A tener en cuenta:

- Procurar retocarlas al 100% de visualización
- Este procedimiento SÓLO se puede aplicar a aquellas imágenes donde podemos encontrar zonas en blanco y zonas en negro.
- Tendremos que buscar un punto de referencia neutro a medios tonos. Este punto neutro nos da 3 valores RGB, la media de los dos más cercanos, será el valor a tener en cuenta como valor de Salida de los medios tonos.
- Para retocar la imagen en color de cara a la impresión offset también deberemos tener en cuenta la ganancia de punto, pero sólo después de retocar las desviaciones que tenga.

Procedimientos a seguir:

1. Abrir IMAGEN> AJUSTAR> UMBRAL para buscar las zonas en blanco y las zonas en negro.
2. Con la herramienta CUENTAGOTAS y apretando la tecla MAYÚSCULAS, marcar las zonas de luces (1) y sombras (2) encuentros (aparecerán dos "puntos de referencia" en la imagen).
3. Cerrar el cuadro Umbral pulsando CANCELAR. Sólo usamos Umbral para poder marcar los puntos de referencia (1) y (2).
4. Buscar un tono neutro de medios tonos y marcarlo como punto de referencia (3).
5. Abrir la paleta Capas y añadir una CAPA DE AJUSTE que sea de curvas. Se abrirá una ventana de curvas para hacer los cambios siguientes a cada uno de los canales RGB por separado.
- Para las luces. Seleccionar el punto SUPERIOR de la curva y poner a Salida 255 y Entrada el valor que nos da el "punto de referencia" (1).
- Para las sombras. Seleccionar el punto INFERIOR de la curva y poner a Salida 0 ya Entrada el valor que nos da el "punto de referencia" (2).
- Para los medios tonos. Añadir un punto EN MEDIO de la curva y poner a Salida el valor de media determinado antes y Entrada el valor que nos da el "punto de referencia" (3).
6. Si es necesario, en el canal RGB aclarar u oscurecer los medios tonos.
7. Cerrar la ventana de curvas pulsando OK.
8. Seleccionar la capa de la imagen y aplicar el filtro ENFOCAR.

Si la imagen se debe utilizar para impresión offset:

- Ir a ARCHIVO> Ajustes de color> Ajustar CMYK y escoger los valores que se ajusten al trabajo que hacer. Estos valores los determinará el impresor de acuerdo al papel y tintas a utilizar.
- Ir a IMAGEN> MODO> CMYK.

9 º. Guardar la imagen.
 

Si queremos conservar la capa de ajuste tenemos que usar el formato PhotoShop.
Si es para imprimir utilizaremos el formato TIFF.
Si es para web el formato JPEG.

Retoque de imagen en escala de grises

En esta práctica hemos practicado el retoque de fotografias en blanco y negro que presentan errores de claros y oscuros.

Para su corrección cal tener en cuenta una serie de condiciones y un procedimiento a seguir que detallo a continuación...

A tener en cuenta: 

- Procurar retocar las fotografías al 100% de visualización.

- Este procedimiento SÓLO se puede aplicar a aquellas imágenes donde podemos encontrar zonas en blanco y zonas en negro. 

- La ganancia de punto que se produce en la impresión offset, con papel estucado, hace que tengamos que utilizar los siguientes valores: 

 5% a las luces 

95% en las sombras 

- Para otros sistemas de impresión, papeles o medios de reproducción (vídeo, web, etc.) Se utilizarán otros valores de referencia. Por ejemplo:. - Para el diario "La Vanguardia" con un papel mucho más poroso, se utilizan los valores 12% en las luces y 85% en las sombras. 

 - Para imágenes que tengamos que preparar para la web o para proyectarlas se utilizarán los valores 0% luces y 100% sombras. 

Procedimientos a seguir: 

1. Abrir IMAGEN> AJUSTAR> UMBRAL para buscar las zonas en blanco y las zonas en negro. 

2. Con la herramienta CUENTAGOTAS y apretando la tecla MAYÚSCULAS, marcar las zonas blancas y negras encontradas (aparecerán dos "puntos de referencia" en la imagen). 

3. Cerrar el cuadro Umbral pulsando CANCELAR. Sólo usamos Umbral para poder marcar los puntos de referencia (1) y (2). 

4. Abrir la paleta CAPA y añadir una CAPA DE AJUSTE que sea de curvas. Se abrirá una ventana de curvas para hacer los cambios siguientes. 

5. Seleccionar el punto SUPERIOR de la curva y poner a Salida 95 ya entrada el valor que nos da el "punto de referencia" que hemos marcado antes. 

6. Seleccionar el punto SUPERIOR de la curva y poner a Salida 5 y Entrada el valor que da el "punto de referencia" que hemos marcado antes. 

7. Ajustar los medios tonos añadiendo los puntos que se crean necesarios. 

8. Cerrar la ventana de curvas pulsando OK. 

9. Seleccionar la capa de la imagen y aplicar el filtro ENFOCAR. 

10. Guardar la imagen. Si queremos conservar la capa de ajuste tenemos que usar el formato PhotoShop. Si es para imprimir utilizaremos el formato TIFF. Si es para web el formato JPEG.

Examen C6

Open publication - Free publishing - More c6

PDF Catálogo Ikea - Issuu

Open publication - Free publishing - More 2008

Adobe Acrobat Professional

En las primeras clases del crédito 6 nos han presentado un programa que todo el mundo usa a diario pero que desconoce la inmensa cantidad de funciones que tiene, a parte de la lectura de documentos .pdf, ya que la versión gratuita suele ser el "reader".

En la versión "professional" nos damos cuenta que con este programa cualquier documento .pdf puede ser totalmente editable.

Citaré, pues, alguna de las funciones que por el momento hemos aprendido:

- Editar tanto texto como cualquier imagen convirtiéndola en vectorial.
- Subrayar texto, como si de un libro se tratara e incluso dejar cualquier comentario en él.
- Recortar cualquier parte de una página a la medida deseada.
- Rotar páginas.
- Modificar su tamaño.
- ...

Tengo que decir, que por mi experiéncia laboral, este programa no era un gran desconocido para mi, claro que, no es lo mismo que tengas un instructor que pueda enseñarte paso por paso a realizar acciones, a que tengas que apañarte tu solito y aprender de tu propia experiéncia. Para lo que más utilizaba este programa era a la hora de digitalizar documentos de un gran número de páginas, en las que tenia que, una por una, orientarlas correctamente y crear un índice con hipervínculos para que posteriormnete ese documento pudiera ser consultado con mas facilidad.

Por lo general lo que más me llama la atención es la edición de imágenes vectoriales dentro de un documento. Espero poder familiarizarme casi al completo con este programa porque creo que agiliza mucho la faena y me parece un programa muy completo en su campo.