Tema: Estructura de HTML5 y optimización de imágenes.

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Tema: Estructura de HTML5 y optimización de imágenes."

Transcripción

1 Diseño Digital V. Guía 3 1 Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Tema: Estructura de HTML5 y optimización de imágenes. Objetivos Contenidos Introducir al alumno en el lenguaje HTML para que comprenda la sintaxis de éste lenguaje de marcado de textos y comprenda la estructura y organización de un sitio web. Elementos de HTML5 Modelo de Caja Optimización de imágenes Materiales y Equipo Guía 2 previamente leída. Hoja de evaluación correspondiente a la guía 2. Elmentos de HTML 5 Muchos de los sitios web existentes hoy contiene código HTML así: <div id= nav >, <div class= header > o id= footer > <div, para indicar los enlaces de navegación, encabezado y pie de página. HTML5 ofrece nuevos elementos semánticos para definir claramente las diferentes partes de una página web: <header> <nav> <section> <article> <aside> <figure> <figcaption> <footer> <details> <summary> <mark> <time>

2 2 Manual de laboratorios El elemento <section> define una sección de un documento. De acuerdo con la documentación del W3C HTML5: Una sección es una agrupación temática de los contenidos, por lo general con un título. El elemento <article> especifica el contenido independiente, autónomo. Un artículo debe tener sentido por sí misma y que debería ser posible para distribuirla de forma independiente del resto del sitio web. El elemento <nav> define un conjunto de vínculos de navegación. El elemento <nav> está destinado para grandes bloques de enlaces de navegación. Sin embargo, no todos los enlaces en un documento deben estar dentro de un elemento <nav> El elemento <aside> define contenido aparte del contenido principal que se coloca en una barra lateral. Este contenido debe estar relacionado con el contenido de los alrededores. El elemento <header> especifica un encabezado de un documento o sección. El elemento <header> debe utilizarse como un contenedor para el contenido introductorio. Puede tener varios elementos <header> en un solo documento. El elemento <footer> especifica un pie de página de un documento o sección. Un elemento <footer> debe contener información acerca de su elemento contenedor. Un pie de página suele contener el autor del documento, información de derechos de autor, enlaces a términos de uso, información de contacto, etc La etiqueta <figure> especifica el contenido en sí mismo, como ilustraciones, diagramas, fotos, listados de código, etc Mientras que el contenido del elemento <figure> está relacionada con el flujo principal, su posición es independiente del flujo principal, y si se quita no debería afectar el flujo del documento. La etiqueta <figcaption> define un título para un elemento <figure>. El elemento <figcaption> puede ser colocado como el primer o el último hijo del elemento <figure>. Modelo de cajas El modelo de cajas o box model es seguramente la característica más importante del lenguaje de hojas de estilos CSS, ya que condiciona el diseño de todas las páginas Web. El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen mediante cajas rectangulares. Las cajas de una página se crean automáticamente. Cada vez que se inserta una etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de ese elemento. Los navegadores crean y colocan las cajas de forma automática, pero CSS permite modificar todas sus características. Cada una de las cajas está formada por seis partes, tal y como muestra en la imagen. Las partes que componen cada caja y su orden de visualización desde el punto de vista del usuario son las siguientes:

3 Diseño Digital V. Guía 3 3 Contenido (content): se trata del contenido HTML del elemento (las palabras de un párrafo, una imagen, el texto de una lista de elementos, etc.) Relleno (padding): espacio libre opcional existente entre el contenido y el borde. Borde (border): línea que encierra completamente el contenido y su relleno. Imagen de fondo (background image): imagen que se muestra por detrás del contenido y el espacio de relleno. Color de fondo (background color): color que se muestra por detrás del contenido y el espacio de relleno. Margen (margin): separación opcional existente entre la caja y el resto de cajas adyacentes. Imágenes para la Web Generalmente, las imágenes representan entre el 60 y 80% del contenido de un sitio web, el porcentaje restante corresponde a lenguaje de programación (HTML, CSS, javascript, entre otros). La premisa anterior, se traduce en que el componente gráfico es de vital importancia dentro de un sitio. Los formatos de imágenes Web más usados son.gif,.jpg,.png y ahora el.svg. GIF: GIF es el acrónimo de Graphic Image File Format. Fue desarrollado para el intercambio de imágenes en Compuserve y tiene como particularidad que el algoritmo de compresión es propietario, aunque se permite el uso a cualquier persona. Las características de esto formato son: Número de colores: 2, 4, 8, 16, 32, 128 ó 256 de una paleta de 24 bits. Compresión basada en el algoritmo de compresión LZW. Formato de compresión sin pérdida. Características añadidas en la versión 89a: Carga progresiva. Máscara de trasparencia de 1 bit. Animación simple. JPEG: JPEG es el acrónimo de Joint Photographic Experts Group. Fue diseñado para la compresión de imágenes fotográficas, basándose en el hecho de que el ojo humano no es perfecto y no es capaz de captar toda la información que se puede almacenar el una imagen de 24 bits. El formato JPEG intenta eliminar la información que el ojo humano no es capaz de distinguir, por eso se dice que posee un formato de compresión con pérdida, porque elimina información. Las características de este formato son: Número de colores: 24 bits color o 8 bits B/N Muy alto grado de compresión. Formato de compresión con pérdida. No permite trasparencia, ni canal alfa. No permite animación.

4 4 Manual de laboratorios PNG: PNG es el acrónimo de Portable Network Graphics. Fue diseñado para reemplazar al formato GIF por ser este último más simple y menos completo. El objetivo de este formato es proporcionar un formato compresión de imágenes sin pérdida para cualquier tipo de imagen. Las características de este formato son: Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel. Mayor compresión que el formato GIF (+10%) Compresión sin pérdida. Visualización progresiva en dos dimensiones. Canal alfa. (Transparencia variable) Detección de errores. No permite animación. Formato de gráficos vectoriales: SVG: Los formatos de imagen de mapa de bits (GIF, JPEG, WBMP y PNG) describen las imágenes utilizando una cuadrícula de píxeles. Los archivos resultantes tienden a ser voluminosos, limitados a una sola resolución, normalmente baja, y consumen mucho ancho de banda en Internet. Por otra parte, SVG es un formato de gráficos vectoriales que describe imágenes como formas, trazados, texto y efectos de filtro. Los archivos resultantes son compactos y ofrecen gráficos de alta calidad en Internet, en impresoras e incluso en dispositivos portátiles y con recursos limitados. Los usuarios pueden aumentar la vista de una imagen SVG en la pantalla sin tener que sacrificar el enfoque, el detalle o la claridad. Además, el formato SVG ofrece mejor compatibilidad con texto y colores, lo que garantiza que los usuarios vean las imágenes tal y como aparecen en la mesa de trabajo de Illustrator. El formato SVG está totalmente basado en XML y ofrece muchas ventajas tanto para desarrolladores como para usuarios. Con SVG, se puede utilizar XML y JavaScript para crear gráficos web que respondan a las acciones del usuario con efectos sofisticados, como el resaltado, la información de herramientas, el audio y las animaciones. Una ilustración se puede guardar en formato SVG utilizando los comandos Guardar, Guardar como, Guardar una copia o Guardar para Web y dispositivos. Para acceder al conjunto completo de opciones de exportación de SVG, utilice el comando Guardar, Guardar como o Guardar una copia. El comando Guardar para Web y dispositivos ofrece un subconjunto de opciones de exportación de SVG válidas para el trabajo orientado a Web. Optimización de imágenes: Las imágenes para la web pueden ser optimizadas y guardadas en cualquiera de los cuatro formatos expuestos anteriores, sin embargo deben tener una resolución máxima de 72 dpi, y modo de color RGB. El tipo de formato a escoger va a depender del objetivo a cumplir por la imagen. Así por ejemplo si la imagen posee colores planos el formato gif puede ser el más recomendable, pero si se trata de una imagen con mucho color y detalles, el formato jpg puede ser el más indicado por su alta compresión y mínima perdida de calidad. Por ejemplo, imágenes obtenidas a través de fotografías de personas o lugares el formato más recomendado es el JPEG.

5 Diseño Digital V. Guía 3 5 JPEG GIF PNG bytes 24 bits bytes 256 cols bytes 24 bits Guardar imágenes para web con Photoshop CC Al preparar imágenes para Internet y otros soportes en línea, es habitual hacer concesiones entre la calidad de la imagen y el tamaño de archivo. Guardado para Web y dispositivos Las funciones de optimización del cuadro de diálogo Guardar para Web y dispositivos permiten visualizar imágenes optimizadas en diferentes formatos de archivo y con distintos atributos de archivo. Puede ver varias versiones de una imagen a la vez y modificar los ajustes de optimización conforme previsualiza la imagen para poder seleccionar la combinación de ajustes que mejor se ajuste a sus necesidades. También puede especificar la transparencia o halos, seleccionar opciones para controlar el tramado y redimensionar la imagen hasta unas dimensiones en píxeles determinadas o hasta un porcentaje determinado del tamaño original. Cuando guarda un archivo optimizado mediante el comando Guardar para Web y dispositivos, puede seleccionar que se genere un archivo HTML para la imagen. Este archivo contiene toda la información necesaria para visualizar la imagen en un navegador Web. En Photoshop, puede utilizar el comando Guardar como para guardar una imagen como archivo GIF, JPEG o PNG. Según el formato de archivo, puede especificar una calidad de imagen, transparencia o halos de fondo, visualización del color y método de descarga. Sin embargo, las características Web (como sectores, Enlaces y animaciones) añadidas al archivo no se conservan. El cuadro de diálogo Guardar para Web y dispositivos (Archivo > Guardar para Web y dispositivos) permite seleccionar las opciones de optimización y previsualizar las ilustraciones optimizadas.

6 6 Manual de laboratorios A. Opciones de visualización B. Cuadro de herramientas C. Menú emergente Optimizar D. Menú emergente Tabla de color E. Controles de animación (solo en Photoshop) F. Cuadro de texto Zoom G. Menú Previsualizar en navegador H. Imagen original I. Imagen optimizada Procedimiento 1. Optimice la imagen según las indicaciones del docente. 2. Realice una estructura de HTML5 y coloque las imágenes dentro de las diferentes etiquetas según convenga. 3. Guarde el documento HTML en la carpeta correspondiente a la guía 3.

7 Diseño Digital V. Guía 3 7 Hoja de resultados 3 Guía 3: Optimización de Imágenes y Recursos para la Web. NOTA FINAL: Alumno: Puesto No: EVALUACIÓN CONOCIMIENTO Optimización de Imágenes para la web, creación de recursos para la web, Adobe Firework como herramienta de edición % Nota 30% Conocimiento deficiente de los conceptos de optimización y creación de recursos para la Web Conocimiento y explicación incompleta de los conceptos de optimización y creación de recursos para la Web Conocimiento completo y explicación clara de los conceptos de optimización y creación de recursos para la Web APLICACIÓN DEL CONOCIMIENTO 20% No optimizó las imágenes o el peso no es adecuado. Optimizó las imágenes pero la calidad no es buena. Optimizó las imágenes según las indicaciones logrando una excelente relación peso-calidad. 20% La estructura del HTML5 no es correcta, no definió las etiquetas según su función La estructura del HTML5 posee una sintáxis correcta pero las etiquetas no están utilizadas correctamente. Desarrolló correctamente la estructura del HTML5 haciendo uso correcto de cada etiqueta según su función ACTITUD Responsabilidad, lectura de guías de laboratorio, materiales requeridos para la práctica, bocetos 20% Materiales incompletos o no cumplen con lo requerido para la práctica. Los materiales requeridos para la práctica no están desarrollados adecuadamente o no fueron entregados puntualmente. Trajo los materiales requeridos para la práctica y fueron presentados puntualmente. 10% No tiene actitud proactiva. Actitud propositiva y con propuestas no aplicables al contenido de la guía. Tiene actitud proactiva y sus propuestas son concretas.

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

GUÍA 8 Tema: Optimización y uso de diversos formatos.

GUÍA 8 Tema: Optimización y uso de diversos formatos. Publicidad 2. Guía 8 106 GUÍA 8 Tema: Optimización y uso de diversos formatos. Contenidos Manipulando la imagen acorde al soporte. Objetivos Específicos Que el estudiante comprenda las diversas formas

Más detalles

PRODUCCIÓN DIGITAL I Wenceslao Zavala

PRODUCCIÓN DIGITAL I Wenceslao Zavala PRODUCCIÓN DIGITAL I Wenceslao Zavala 09/05/2013 www.producciondigitalup.com.ar Convenciones Web Diseño Web El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio)

Más detalles

GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes.

GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes. 73 GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes. Contenidos Optimización de Imágenes: Guardar para Web y dispositivos. Creación de páginas Web en Photoshop Objetivo Específico Que

Más detalles

Tema: Estilos CSS. Combinadores. Posicionamiento.

Tema: Estilos CSS. Combinadores. Posicionamiento. Diseño Digital V. Guía 5 1 Tema: Estilos CSS. Combinadores. Posicionamiento. Objetivos Contenidos Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V A través del desarrollo

Más detalles

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital 2. Imagen 146 2.1 Conceptos básicos de imagen digital 147 2.1 Conceptos básicos de imagen digital Antes de estudiar los procedimientos más habituales de optimización y tratamiento de imágenes es conveniente

Más detalles

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Acerca de los gráficos vectoriales: PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales) están compuestos de líneas y curvas

Más detalles

CONVENCIONES DEL DISEÑO WEB

CONVENCIONES DEL DISEÑO WEB CONVENCIONES DEL DISEÑO WEB El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio) El Color: Colores seguros para la Web (colores hexadecimales) Colores de pantalla

Más detalles

Aprovecha! Si necesitas guías de corte para elementos, seleccionalos y usa la opción: filter>create>crop marks. Filtros

Aprovecha! Si necesitas guías de corte para elementos, seleccionalos y usa la opción: filter>create>crop marks. Filtros Filtros Illustrator Pág. 62 Crop marks / marcas de recorte A diferencia de Crop area, estas, no eliminan la forma original, y además quedan independientes de la misma forma. Otra diferencia, es que se

Más detalles

Curso de Adobe Illustrator CS4

Curso de Adobe Illustrator CS4 Curso de Adobe Illustrator CS4 El objetivo de este curso es proveer a los alumnos con poco o ningún conocimiento, la habilidad necesaria para trabajar con las herramientas precisas y poder crear gráficos,

Más detalles

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos).

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos). Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

Tema: Maquetación Web y CSS

Tema: Maquetación Web y CSS Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante

Más detalles

2. Encuadre y redimensionado

2. Encuadre y redimensionado 2. Encuadre y redimensionado Al crear un documento nuevo se definen características como la resolución, el tamaño y el modelo de color, todo esto visto con anterioridad. También al guardar un archivo definimos

Más detalles

> Temario Curso de Diseño Web <

> Temario Curso de Diseño Web < le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido

Más detalles

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen Los archivos gráficos, o archivos de imagen, son los archivos utilizados para crear, almacenar y manipular imágenes mediante un computador

Más detalles

DREAMWEAVER CS6. Curso de Iniciación. Diego Rovira

DREAMWEAVER CS6. Curso de Iniciación. Diego Rovira DREAMWEAVER CS6 Curso de Iniciación Diego Rovira 1 Dreamweaver CS6. Curso de Iniciación DREAMWEAVER CS6. Curso de Iniciación Diego Rovira De la edición: INFORBOOK S, S.L. Se ha puesto el máximo interés

Más detalles

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva

Más detalles

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1 MÓDULO 4 2013-2014 www.dianarodriguezcursos.com 1 DIANA RODRÍGUEZ Capacitaciones y Servicios de información digital Planificación y gestión de Bibliotecas Digitales Módulo 4 (Resumen) 2013-2014 www.dianarodriguezcursos.com

Más detalles

CURSOS CON CERTIFICACION UNIVERSITARIA

CURSOS CON CERTIFICACION UNIVERSITARIA Descripción: Curso para aprender a utilizar los programas del paquete Adobe Creative Suite (CS), que engloba los programas de edición y publicación de documentos impresos y para la web Adobe Illustrator

Más detalles

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de

Más detalles

PHOTOSHOP - DISEÑO GRAFICO

PHOTOSHOP - DISEÑO GRAFICO 01. Conocer Photoshop 01.1. Conceptos 01.2. Requerimientos mínimos del sistema para Photoshop 01.3. Entrar en Photoshop 01.4. Área de trabajo 01.5. Salir del programa 01.6. Práctica - Entrar y Salir de

Más detalles

www.maclearn.mx Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ]

www.maclearn.mx Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ] Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ] Circuito Médicos # 3, Segundo Piso Ciudad Satélite, C.P. 53100 Naucalpan Estado de México contacto@maclearn.mx Curso de Adobe Fireworks

Más detalles

EDUCASTUR BLOG. Comunidad Educativa de Blogs. Edición de imágenes

EDUCASTUR BLOG. Comunidad Educativa de Blogs. Edición de imágenes Comunidad Educativa de Blogs Edición de imágenes Edición de imágenes 2007. Educastur y Servicios Educativos en Línea. Consejería de Educación y Ciencia del Principado de Asturias blog@educastur.princast.es

Más detalles

GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones.

GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones. 101 Diseño Digital I. Guía 10 GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones. Contenidos Almacenamiento de ilustraciones en diversos formatos. Creación de documentos PDF. Objetivo

Más detalles

INFORMÁTICA Tema: PÁGINA WEB

INFORMÁTICA Tema: PÁGINA WEB INFORMÁTICA Tema: PÁGINA WEB Mucha información se guarda en nuestra computadora, si recorremos las carpetas de nuestro disco duro encontraremos multitud de archivos o ficheros de distinta naturaleza que

Más detalles

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO CONTENIDO TEMATICO: HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador INSTALACIÓN DE NAVEGADORES Y HERRAMIENTAS Descarga e instalación de Mozilla Firefox Descarga e instalación

Más detalles

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes:

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: ARCHIVOS GRAFICOS Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: Imágenes vectoriales: se definen matemáticamente en forma de series de puntos unidos

Más detalles

DISEÑO GRÁFICO Y MAQUETACIÓN

DISEÑO GRÁFICO Y MAQUETACIÓN MÓDULO I ADOBE PHOTOSHOP CS5 01. INTRODUCCIÓN A ADOBE PHOTOSHOP CS5 02. BARRA DE HERRAMIENTAS DE ADOBE PHOTOSHOP 03. TAMAÑO Y RESOLUCIÓN DE LA IMAGEN 04. CAPAS El entorno y la barra de opciones en Adobe

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

Capítulo II La Imagen Digital

Capítulo II La Imagen Digital Definición Clasificación de las imágenes digitales Imágenes Vectoriales Imágenes Ráster Formatos de Imágenes Ráster TIFF BMP GIF JPEG PNG Tipos de Imágenes Digitales RGB Indexadas Escala de grises Binarias

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Definición, características y usos

Definición, características y usos Definición, características y usos En qué difieren unas de otras? Al capturar una imagen con cámara digital, escanearla o crear una imagen de cualquier tipo estas se crean con algún formato de archivo.

Más detalles

SEO POSICIONAMIENTO WEB

SEO POSICIONAMIENTO WEB SEO POSICIONAMIENTO WEB Qué es SEO? Acrónimo de SEARCH ENGINE OPTIMIZATION Consiste en una serie de técnicas y estrategias a considerar en la estructuración de un sitio Web para ayudar a obtener un mejor

Más detalles

Adobe Illustrator CS5. Duración: Objetivos:

Adobe Illustrator CS5. Duración: Objetivos: Adobe Illustrator CS5 Duración: 40 horas Objetivos: Se estudia la aplicación Adobe Illustrator CS5, incluido dentro de la suite Adobe Creative Suite 5, que es uno de los programas de diseño vectorial más

Más detalles

Capitulo 2: Introducción a RAW de cámara

Capitulo 2: Introducción a RAW de cámara Capitulo 2: Introducción a RAW de cámara Acerca de los archivos RAW de cámara Los archivos RAW de cámara contienen datos de imágenes en escala de grises sin procesar ni comprimir del sensor de imagen de

Más detalles

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital.

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital. La imagen digital Una imagen es una representación de la realidad. Una imagen digital es, básicamente, un tipo de imagen que puede ser manipulada mediante un equipo informático. Desde este punto de vista

Más detalles

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1 Florentino Marugán Florentino Marugán 1 Todas las imágenes se representan, procesan y guardan utilizando diferentes técnicas de codificación. Hay dos tipos básicos de imágenes en dos dimensiones (2D) generadas

Más detalles

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un

Más detalles

GUÍA 9 TEMA: PREPARAR PARA IMPRIMIR.

GUÍA 9 TEMA: PREPARAR PARA IMPRIMIR. 93 Diseño Digital I. Guía 9 GUÍA 9 TEMA: PREPARAR PARA IMPRIMIR. Contenidos Impresión. Creación de animaciones. Objetivo Específico Conocer ampliamente las operaciones extras que ofrece el programa, como

Más detalles

Curso Superior de Diseño Web

Curso Superior de Diseño Web Curso Superior de Diseño Web Duración: 60 horas. Objetivos: En la actualidad, Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web.

Más detalles

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web.

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web. DISEÑO WEB, DREAMWEAVER, FLASH, FIREWORKS. Curso destinado al Diseño Web, con los tres programas más utilizados DreamWeaver, Flash y Fireworks, todos de la marca Adobe/Macromedia. Con este curso el alumno

Más detalles

Diplomatura en Diseño Gráfico

Diplomatura en Diseño Gráfico Programa Nuestro Curso de Diseño Gráfico está dirigido a estudiantes y profesionales sin conocimientos o con experiencia básica en dibujo (FreeHand o Illustrator), maquetación (QuarkXPress o Indesign)

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

Diseño Gráfico Experto

Diseño Gráfico Experto Diseño Gráfico Experto Modalidad: Distancia Duración: 150 horas Objetivos: Photoshop CS 3 Aprender a trabajar con las herramientas de Photoshop para la creación, edición y retoque de imágenes. Conocer

Más detalles

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal

Más detalles

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Modalidad de realización del curso: - Número de Horas: 300 Horas Titulación: Diploma acreditativo con las horas del curso OBJETIVOS Formación

Más detalles

Tema: Importar y editar texto.

Tema: Importar y editar texto. Diseño Editorial. Guía 3 Manual de laboratorios Facultad: Ciencias y Humanidades Escuela: De Comunicaciones Asignatura: Diseño Editorial Tema: Importar y editar texto. Objetivo Específico Importar texto

Más detalles

Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2

Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2 Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2 Clase 3 y 4:Introducción a gráficos por computadora: gráficos de vector y gráficos bitmaps. Combinando vectores y bitmaps.

Más detalles

INDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes

INDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes INDICE Antes de comenzar XIII Capitulo 1. Internet y la Web 1 Internet 3 Protocolos de Internet 4 El hipertexto y la Web 4 Funcionamiento de la Web 8 Cliente Web 8 Servidor Web 8 Transferencia de la pagina

Más detalles

La guía de la programación HTML5, CSS y JavaScript con Visual Studio

La guía de la programación HTML5, CSS y JavaScript con Visual Studio Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR... 18 ESPECIFICACIONES

Más detalles

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados Clase Tema Actividad en casa 20% Evaluación 1 Introducción: Descripción del programa Webliografía y bibliografía Lista de programas vectoriales diferentes a illustrator (Pc, Mac, Linux, otros). Formas

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

Tutorial de VSO Image Resizer

Tutorial de VSO Image Resizer Tutorial de VSO Image Resizer Una vez descargado en nuestro equipo nos aparecerá en inglés, así que lo primero es configurarlo en nuestro idioma; para ello hacemos clic en Settings: Ahora pinchamos en

Más detalles

Formación de la imagen digital

Formación de la imagen digital Formación de la imagen digital La trayectoria que sigue la cámara para formar la imagen digital es la siguiente: La luz que detecta el objetivo de la cámara llega hasta el sensor de imagen, denominado

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

1. Temario Curso Web Design 2014

1. Temario Curso Web Design 2014 1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas

Más detalles

DIGITALIZACION DE DOCUMENTOS IMPRESOS

DIGITALIZACION DE DOCUMENTOS IMPRESOS DIGITALIZACION DE DOCUMENTOS IMPRESOS Lima, Mayo 2007 Temario I. Introduciendo conceptos básicos sobre el tema de digitalización. Qué es digitalizar? Imágenes digitales. El escáner. Formatos gráficos.

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA DISEÑO MULTIMEDIALES Y WEB I-A INTRODUCCIÓN AL DISEÑO GRÁFICO FUNDAMENTOS DEL DISEÑO: DEFINICIÓN

Más detalles

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

Más detalles

GUÍA 11 Tema: Creación de Galerías WEB y PDF.

GUÍA 11 Tema: Creación de Galerías WEB y PDF. 89 Edición Fotográfica. Guía 11 Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Edición Fotográfica. GUÍA 11 Tema: Creación de Galerías WEB y PDF. Contenidos Uso de otras acciones

Más detalles

DESARROLLO Y OBJETIVOS DEL CURSO - Conceptos y antecedentes - Historia de la comunicación visual

DESARROLLO Y OBJETIVOS DEL CURSO - Conceptos y antecedentes - Historia de la comunicación visual curso temario 01/ CONCEPTOS INTRODUCTORIOS DESARROLLO Y OBJETIVOS DEL CURSO - Conceptos y antecedentes - Historia de la comunicación visual CONCEPTOS TEÓRICOS - Diseño y Comunicación - Color - CMYK & RGB

Más detalles

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas CURSO HTML5 1) Instalación de Navegadores y Herramientas Descarga e instalación de Mozilla Firefox Descarga e instalación de Google Chrome Descarga e instalación de Opera No tiene nombre en planilla Descarga

Más detalles

GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados.

GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados. 89 Edición Fotográfica. Guía 10 Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Edición Fotográfica. GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados. Contenidos Uso de otras

Más detalles

TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO

TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO LECCIÓN 1 El entorno de trabajo LECCIÓN 2 1. Introducción 2. Requisitos del sistema 3. Abrir el programa 4. Cerrar el programa 5. Interfaz de Photoshop CS4

Más detalles

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web Página 1 de 12 Fecha Elaborado / Perfeccionado por 25 de Mayo 2010 Sección Web Revisión Nº 00 Revisado por Rodrigo Almonacid Arismendi Aprobado por Waldo

Más detalles

CURSO DISEÑO DE MODA ILLUSTRATOR Y PHOTOSHOP

CURSO DISEÑO DE MODA ILLUSTRATOR Y PHOTOSHOP CURSO DISEÑO DE MODA ILLUSTRATOR Y PHOTOSHOP Realización de plantillas de FICHAS TÉCNICAS. Realización de prendas Técnicas e incorporar en fichas Técnicas. Realización de ESTAMPADOS y Efectos de tejidos

Más detalles

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB OBJETIVOS El máster está compuesto por los módulos de Diseño de páginas Web profesionales y Desarrollo de sitios Web con PHP y Javascript. Al finalizar el

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

13.3. Personalización avanzada

13.3. Personalización avanzada 13.3. Personalización avanzada Cómo crear informes mediante Report Builder Un informe es un documento que nos va a mostrar una información. En un informe disponemos de varias secciones. El encabezado de

Más detalles

Formatos de Imagen 1

Formatos de Imagen 1 Formatos de Imagen 1 Formatos de Imagen Un Formato de Imagen en una forma estándar de organizar y almacenar imágenes En el dispositivo de despliegue o de captura, el tamaño de una imagen esta relacionado

Más detalles

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web 56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

DIRECCIÓN GENERAL DE CÓMPUTO Y DE TECNOLOGÍAS DE INFORMACIÓN Y COMUNICACIÓN Dirección de Docencia en TIC FICHA TÉCNICA NOMBRE DEL CURSO

DIRECCIÓN GENERAL DE CÓMPUTO Y DE TECNOLOGÍAS DE INFORMACIÓN Y COMUNICACIÓN Dirección de Docencia en TIC FICHA TÉCNICA NOMBRE DEL CURSO NOMBRE DEL CURSO MÓDULO DE DISEÑO EDITORIAL Y GRÁFICO MODALIDAD PRESENCIAL A QUIEN VA DIRIGIDO Personas que trabajan en el área de diseño gráfico, fotografía o afines y que estén interesadas en la generación

Más detalles

Introducción a la imagen digital: Mapa de bits. Vectores

Introducción a la imagen digital: Mapa de bits. Vectores Introducción a la imagen digital: Mapa de bits Vectores Mapa de bits La imagen de mapa de bits, rasterizada o bitmap es una imagen formada por pixeles en una cuadrícula. Los píxeles son los elementos de

Más detalles

Diseño de imágenes para incluirlas en reactivos de opción múltiple

Diseño de imágenes para incluirlas en reactivos de opción múltiple ANEXO Diseño de imágenes para incluirlas en reactivos de opción múltiple 23 de marzo de 2011 Elaboró: Mtra. Teresa Zamudio Flores Las Imágenes como elemento de un reactivo de opción múltiple Los reactivos

Más detalles

Diseño Web. Temario. www.capacitaciongrafica.com

Diseño Web. Temario. www.capacitaciongrafica.com Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

Imágenes y gráficos. 1 Introducción

Imágenes y gráficos. 1 Introducción Imágenes y gráficos 1 Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Qué es Fireworks? Los mapas de bits

Qué es Fireworks? Los mapas de bits Qué es Fireworks? Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que van a utilizarse en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan

Más detalles

DISEÑO GRÁFICO & WEB

DISEÑO GRÁFICO & WEB MÓDULO I ADOBE PHOTOSHOP CS5 01. INTRODUCCIÓN A ADOBE PHOTOSHOP CS5 02. BARRA DE HERRAMIENTAS DE ADOBE PHOTOSHOP 03. TAMAÑO Y RESOLUCIÓN DE LA IMAGEN 04. CAPAS El entorno y la barra de opciones en Adobe

Más detalles

Cursito 29: Curso de HTML Parte 5

Cursito 29: Curso de HTML Parte 5 Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito

Más detalles

Adobe Illustrator CS3 - Curso online

Adobe Illustrator CS3 - Curso online Adobe Illustrator CS3 - Curso online Índice Presentación Presentación 01:00 Presentación del formador y el curso Introducción Pantalla de bienvenida 09:33 Primer contacto con el programa a través de la

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet.

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet. Imágenes en la web Uno de las principales decisiones a la hora de incluir gráficos en la Web será elegir el formato correcto para cada tipo de imagen de manera que se logre una correcta relación entre

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

Más detalles

DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES

DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES ORGANIZA ESI Valladolid. DIRECCIÓN Sonia de la Calle Vicente INTRODUCCIÓN El curso de especialización en Diseño y desarrollo de webs para dispositivos

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

PROGRAMA DE DISEÑO GRÁFICO

PROGRAMA DE DISEÑO GRÁFICO PROGRAMA DE DISEÑO GRÁFICO Objetivo El objetivo de esta capacitación es brindar a los alumnos los conocimientos para poder desenvolverse con las herramientas de Diseño Gráfico más utilizadas hoy en día:

Más detalles

GUÍA 2 Tema: APLICACIONES BÁSICAS.

GUÍA 2 Tema: APLICACIONES BÁSICAS. Diseño Digital II. Guía 2 16 GUÍA 2 Tema: APLICACIONES BÁSICAS. Contenidos Mapa de bits y vectores Mano alzada, creación y manipulación de curvas y modificación de trazados. Guías Reglas y cuadrículas.

Más detalles

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Importar y exportar

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Importar y exportar Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 9: Importar y exportar Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Importar y

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

CONCEPTOS BASICOS DE IMAGEN DIGITAL

CONCEPTOS BASICOS DE IMAGEN DIGITAL CONCEPTOS BASICOS DE IMAGEN DIGITAL 1- Conceptos Básicos Una imagen analógica es una imagen natural captada con una cámara o cualquier otro instrumento óptico, presenta unas características de sombras

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este

Más detalles

CARRERA OPERADOR EN DISEÑO GRAFICO VISIO

CARRERA OPERADOR EN DISEÑO GRAFICO VISIO CARRERA OPERADOR EN DISEÑO GRAFICO DURACION: 3 MESES DE L-V Requisito: Conocimiento en Windows VISIO FREEHAND COREL DRAW PHOTOSHOP FLASH ILUSTRATOR INDESING VISIO 1 semana 1 semana 1. INTRODUCCIÓN A VISIO

Más detalles

Seminario: Tratamiento de la imagen digital con GIMP IES Valle de Aller 2007/08

Seminario: Tratamiento de la imagen digital con GIMP IES Valle de Aller 2007/08 Sesión 1 Introducción Es necesario acceder al ordenador con nuestro nombre de usuario y contraseña ya que va a ser necesario guardar datos en la carpeta mapeada con nuestro nombre en el ordenador. Para

Más detalles