Source: http://docplayer.es/2805257-Diplomado-aplicaciones-para-el-diseno-web.html
Timestamp: 2017-01-17 15:50:10+00:00

Document:
⭐Diplomado Aplicaciones para el Diseño Web
Download "Diplomado Aplicaciones para el Diseño Web"
Natalia Ramos Gómez
1 Diplomado Aplicaciones para el Diseño Web2 Descripción Conocer e interactuar con recursos, aplicaciones y herramientas necesarias para el diseño, desarrollo, publicación, difusión, medición y posicionamiento de sitio web. Clases Días: Lunes - Miércoles - Viernes Horario: Unidad I y II: 18:30hrs. a 22:00hrs. Unidad III: 18:45hrs. a 21:45hrs. Café: 20:00hrs. Evaluación Nota: 4,0 (Cuatro Coma Cero). Asistencia: 80%3 Unidades UNIDAD I: Diseño y desarrollo de sitios web + Tratamiento de imágenes y soluciones para la web. + Creación de soluciones animadas para la web. + Desarrollo y edición de sitios web. + Profesor Orlando Durán4 Unidades UNIDAD II: Diseño web con HTML5, CSS3 y jquery + Desarrollo de Sitios Web con HTML5, CSS3 y jquery + Desarrollo de Sitios Web Responsivos + Integración de Interactividad con jquery + Profesor Carola Miranda5 Unidades UNIDAD III: Estrategias de Marketing OnLine y Community Manager + Desarrollo de Sitios Web con HTML5, CSS3 y jquery + Desarrollo de Sitios Web Responsivos + Integración de Interactividad con jquery + Profesor Marcio Granado Rodrigo Orellana Orlando Durán6 Unidad I Diseño y desarrollo de sitios web7 Orlando A. Durán Sáez Comunicación Gráfica y Estratégica Magister Comunicación Estratégica y Digital (UFT) Diplomado en Diseño y Desarrollo Web Diplomado en Educación Superior Estrategias de Marketing OnLine y Community Manager Académico Pregrado y Postgrado Director Diplomado en Aplicaciones para el Desarrollo Web (UFT) Profesor UFT, USACH y UCINF Director-Propietario de ORION Producciones Gráficas y Editoriales Director-Propietario de Revista TallyHo (www.tallyho.cl)8 Unidad I Edición de imágenes, con Photoshop Soluciones Animadas, con Flash Desarrollo Web, con Dreamweaver9 La Sociedad de la Información Parte 110 la sociedad de la información 1964 Marshall McLuhan Educador Filósofo Investigador Semiólogo 1983 Richard Stallman Software libre Libertad y democracia en la Internet11 la computación y la internet Gestión Desarrollo Comunidad Interacción Aplicaciones gratuitas. Sistemas Operativos gratuitos. GNU Navegadores Web gratuitos. LINUX Netscape Navigator Firefox Mozilla12 la internet Conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, funcionando como una red lógica única, de alcance mundial. web Consumidor Solo lectura No hay interacción Comunicación plana web Prosumidor Interacción Web Social Redes Sociales web Multipropósito Mucha interacción Base de datos Aplicaciones múltiples Inteligencia artificial Semántica Evolución al 3D13 Diseño y Desarrollo Web la imagen pixel y vector MAPA DE BITS VECTORIAL Grupo de píxeles con información cromática. + Paint y Picture Manager + Photoshop y Fireworks Gráficos formados por curvas y líneas definidos como vectores. + Freehand + Illustrator14 la resolución 1 pulgada PIXELES Cuadratines con información cromática. 0,04 cms. 1 pulgada 10 ppp (100 px.) RESOLUCIÓN MÍNIMA 72 ppp (5.184 px.) > Cantidad de pixeles, que hay en un área específica (Pulgada). > Resolución = Peso / Calidad15 la resolución EJEMPLO Resolución de pantalla Imagen resolución 72 ppp. Cuadrícula 1 pulgada.16 la clasificación Blanco y Negro 1 Bit Escala de Grises 8 Bits Color 24 bit17 la edición según plataforma SITIO WEB Tamaño: 5 cms X 5 cms. DIARIO Tamaño: 5 cms X 5 cms. REVISTA Papel Especial Tamaño: 5 cms X 5 cms. Resolución: 72 ppp (Pantalla) Resolución: 150ppp Resolución: 350ppp Extensión: JPEG Extensión: PSD Extensión: PSD Canal: RGB Canal: CMYK Canal: CMYK Peso: 167 Kb / 0,167 Mb Peso: Kb / 2,35 Mb Peso: Kb / 7,5 Mb18 el texto Aa Sin Serif Aa Con Serif Aa Fantasía Modular Geométrica Palo seco Romana Egipciana Decorativas Helvetica Arial Tahoma Verdana Calibri Trebuchet Time New Roman Time Bookman Baskerville Californian Giorgia Curlz MT Brush Algerian Bauhaus 9319 el texto TAHOMA Sistema de Gestión de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas Web, por parte de los administradores, editores y participantes. TAHOMA Sistema de Gestión de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas Web, por parte de los administradores, editores y participantes. TAHOMA Sistema de Gestión de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas Web, por parte de los administradores, editores y participantes. PAPYRUS Sistema de Gestión de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas Web, por parte de los administradores, editores y participantes. Texto Gris 90% Fondo Gris 15% Fondo / Texto Fondo-Texto-Tipografía20 el texto CALIBRI CALIBRI CALIBRI CALIBRI Sistema de Ges/ón de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración 10 pt. Sistema de Ges/ón de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración 12 pt. Sistema de Ges/ón de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración Sistema de Ges/ón de Contenidos (Content Management System, CMS) es un programa free, que permite crear una estructura de soporte para la creación y administración 14 pt. 16 pt. > Notas y Lecturas de foto > Texto: Diario, revistas, suplementos, libro, etc > Recuadros, bajadas, etc > Recuadros, bajadas, destaques, subctulos, etc21 los formatos o extensiones JPEG Joint Photographers Experts Group Comprime las imágenes. Comprime la información, conservando calidad y bajando el peso. Ideal para preparar imágenes para la Web. PSD PhotoShop Defect Formato por defecto de Photoshop. Permite guardar todas las creaciones realizadas por el programa. GIF Graphics Interchange Format Desarrollado por Compuserve, para obtener archivo de imagen de tamaño muy pequeño. Permite crear animaciones y transparencias. Ideal para la Web. PNG Portable Network Graphics Desarrollado para sustituir a GIF. Permite una mayor profundidad de color de hasta 24 bits Comprime sin perdida de calidad. TIFF Tagged Image File Format Desarrollado por Aldus. Ideal para guardar imágenes de alta calidad, Conserva las Capas y los Canales Alfa.22 los formatos o extensiones RAW Crudo Ofrece una máxima calidad, ya que contiene los pixeles en bruto o negativo digital. Imagen pura captada por el sensor (chips) CMOS. BMP BitMap Guarda imágenes de 24 bits (16,8 millones de colores), 8 bits (256 colores) y menos. Sirve para generar imágenes de poco peso. AVI Audio Video Interleave Formato contenedor de audio y video lanzado por Microsoft en 1992 HTML HyperText Markup Language Lenguaje de programación que se utiliza para el desarrollo de páginas Web. Podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. HTML5 HyperText Markup Language Corresponde a última versión de HTML, más dinámica permitiendo publicaciones de archivos de audio y video.23 los formatos o extensiones SWF Shockwave Flash Formato de extensión de las películas animadas comprimidas, generadas desde Adobe Flash. FLV Flash Video Formato de video de Adobe Flash. MP3 Moving Picture Formato de audio usado en computadores como en reproductores de audio portátiles. Fue desarrollado por el Moving Picture Experts Group (MPEG). DOC o DOCX Extensión o formato del procesador de texto de Microsoft Word24 las configuraciones y tamaño 640 x 480 px. 800 x 600 px x 768 px. 22,58 x 16,93 cms. 28,22 x 21,17 cms. 36,12 x 27,09 cms x 870 px x 768 px x 768 px. 40,60 x 30,69 cms. 45,16 x 27,09 cms. 47,98 x 27,09 cms. Monitor Wide fullscreen widescreen x px x px x px x px. 56,44 x 42,33 cms. 72,25 x 54,19 cms. 91,44 x 68,58 cms. 108,37 x 81,28 cms.25 las configuraciones y tamaño26 las configuraciones y tamaño Configuración Wide 1360 x 768 px27 el color digital PERCEPCIÓN - OJO/CEREBRO - INTERPRETACIÓN - COLOR (H) TONALIDAD : Distinguir entre colores (Rojo, Verde, Azul, etc). (S) SATURACIÓN : Mayor o Menor mezcla del color con el blanco. (B) BRILLO : Intensidad del color. RGB Rojo-Verde-Azul (color generado por la luz) Aditivo / Primario CMYK Cian-Magenta-Amarillo (color por mezcla de tinta líquida) Sustractivo / Secundario28 el color digital color hexadecimal Colores para la Web 256 Colores seguros para la Web 216 # FFFFFF # # FF0000 # 00FF00 # 0000FF R G B # FF0000 FF # F Orlando Durán Sáez Parte 229 el color digital color hexadecimal Paleta de los 216 Colores Hexadecimal, seguros para la Web. Relación de porcentajes y código hexadecimal30 Edición de Imágenes para la Web31 Unidad I Photoshop Prepara y exportar imágenes para la web. Diseñar el cabezal de un sitio web (head). Realizar animaciones simples. Editar video. Integración con Fireworks.32 gracias Documentos relacionados
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 FORMATOS. paisaje.jpeg. Nombre de archivo extensión
FORMATOS Para qué es un formato? Un formato es la manera particular que tiene cada archivo de tener almacenada su información. Hay diferentes tipos de formatos para diferente tipo de información. Sin embargo, Más detalles 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 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 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 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 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 OPERACIONES AUXILIARES CON TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN. Entornos multimedia. Unidad 3
Entornos multimedia Unidad 3 Introducción Entorno multimedia. Sonido. Texto. Vídeo. Animación. Sistema multimedia. Sistema multimedia interactivo. Dispositivos multimedia Concepto. Tarjetas de sonido. 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 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 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 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 CONCEPTOS BASICOS IMAGEN DIGITAL. Por Lic. Sandra M. Perez
CONCEPTOS BASICOS IMAGEN DIGITAL Por Lic. Sandra M. Perez QUÉ ES UNA IMAGEN DIGITAL? Es la representación de una imagen utilizando BITS (unos y ceros). Se obtiene por medios electrónicos (cámaras, escáneres, Más detalles INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR
INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR Los programas de diseño gráfico suelen necesitar más memoria y capacidad de proceso que la misma información representada exclusivamente Más detalles Mapa de bits. 2 La imagen. Programa de Formación y Actualización Docente 2014-B Diseño básico en Corel Draw Actividad 2
2 La imagen Mapa de bits Las imágenes de mapa de bits están compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Los píxeles son los Más detalles Tema: Estructura de HTML5 y optimización de imágenes.
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 Más detalles 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 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 4.- Características del soporte como pieza comunicacional
4.- Características del soporte como pieza comunicacional Al igual que el resto de las piezas de diseño, las páginas web tienen características específicas que las diferencian. Para empezar, es fundamental Más detalles 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 ARCHIVOS EN DISEÑO GRÁFICO
ARCHIVOS EN DISEÑO GRÁFICO Tipos de archivos en Diseño Gráfico Extensiones:.psd -Photoshop Document- Photoshop es utilizado en todo el mundo por diseñadores, ilustradores, fotógrafos, videógrafos y autores Más detalles Diseño de páginas web Unidad 3. Edición de imágenes
Diseño de páginas web Unidad 3 Edición de imágenes ÍNDICE 3 Edición de imágenes 3.1. Introducción 3.2. Gráficos en la página web 3.2.1. Tipos de gráficos: vectorial frente a mapa de bits 3.2.2. Formatos Más detalles A web 2.0 e a páxina web do centro. Grupo de Traballo IES O Mosteirón
A web 2.0 e a páxina web do centro Grupo de Traballo IES O Mosteirón Webs Dinámicas Los bitmaps (mapas de bit en castellano) son las típicas imágenes que conocemos en nuestro día a día habitual (fotos, Más detalles 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 Nombre: M. Rosmery Santos J. Materia: Arquitectura de Computadoras. Docente: Lic. Mirna Baena
Nombre: M. Rosmery Santos J. Materia: Arquitectura de Computadoras Docente: Lic. Mirna Baena Fecha: 27-09-2011 Defunción Sistemas De Representación: [Representacion de Imagen] Procedimientos utilizados Más detalles Conceptos y fundamentos generales. Curso 2009 2010 Manuel A. Martín Santiago
Conceptos y fundamentos generales. Curso 2009 2010 Manuel A. Martín Santiago Podemos definir multimedia como aquella tecnología que permite crear contenidos integrando texto, audio, vídeo, imagen y animaciones. 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).
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 IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL
1 IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL IMAGEN DIGITAL DIGITAL Digitalizar es hacer que cierta información pase a ser de carácter numérico; es decir, a expresarse Más detalles TRATAMIENTO DE IMÁGENES 1. CREAR DIBUJOS E IMÁGENES. 2. ADQUISICIÓN DE IMÁGENES
TRATAMIENTO DE IMÁGENES Si algo ha cambiado en los últimos años por el uso de la informática es el tratamiento de imágenes. Hoy en día casi todo el mundo tiene una cámara digital. Se hacen fotos continuamente Más detalles 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 Draw. Dibujo vectorial Profundización. Glosario. Ministerio de Educación, Cultura y Deporte
Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Profundización Glosario Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Glosario GLOSARIO Más detalles 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 Photoshop 7.0 - Nivel Fundamentos
TALLERES DE PREPARACIÓN UTN Photoshop 7.0 - Nivel Fundamentos Libro 01 Prof. José Velásquez CONCEPTOS BÁSICOS 1) Mapa de Bits Frente al Vectorial: Es importante conocer la diferencia entre una imagen vectorial Más detalles 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 Comenzando a trabajar con videos.
Producción Comenzando a trabajar con videos. El término vídeo se refiere comúnmente a varios formatos: los formatos de vídeo digital, incluyendo DVD, QuickTime, DVC y MPEG-4 y las cintas de vídeo analógico, Más detalles U.D. Tratamiento digital de imágenes (3ª evaluación)
U.D. Tratamiento digital de imágenes (3ª evaluación) TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN 1º BACHILLERATO *Fechas orientativas: Lunes Martes Miércoles Jueves Viernes PRUEBA INICIAL 27 28 29 Más detalles 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 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 Píxel. Un píxel ( picture element ) es la menor unidad homogénea en color que forma parte de una. fotograma de video, gráfico)
La imagen digital Esta formada por una secuencia de ceros y unos que se almacenan en una memoria informática. Cuando es interpretada (leída), los ordenadores la transforman en una imagen visible a través Más detalles COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN
COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN Copyright P. Batlle, 2000 QUIENES SOMOS BATLLE IMAGEN DIGITAL es una novedosa empresa venezolana dedicada a la digitalización, restauración de fotografías antiguas Más detalles INICIO IMAGEN DIGITAL GUÍA DE APRENDIZAJE
1_LA IMAGEN DIGITAL 2_RESOLUCIÓN 3_DIMENSIONES DE LA IMAGEN 4_PROFUNDIDAD DE COLOR 5_RESOLUCIÓN DEL MONITOR 6_TAMAÑO DEL ARCHIVO 7_FORMATOS DE COMPRENSIÓN 8_MODO DE COLOR 1.-LA IMAGEN DIGITAL Al captar Más detalles PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS. Por: Eylem Epifanía Bran Vargas. Docente: Genny Usuga
PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS Por: Eylem Epifanía Bran Vargas Docente: Genny Usuga COLEGIO SANTA LEONI AVIAT GRADO: DÉCIMO COPACABANA 2015 ACTIVIDAD DEL SENA 1. Defina las características principales Más detalles Modos y extensión de la imagen
Modos y extensión de la imagen MODOS DE LA IMAGEN MODO ESCALA DE GRISES El modo de color en las imágenes digitales, es la cantidad de colores que aparecen en una imagen, es decir, es la expresión de datos Más detalles INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER
CIUDAD AUTÓNOMA DE CEUTA.CONSEJERÍA DE EDUCACIÓN, CULTURA Y MUJER. UNIVERSIDAD DE GRANADA. VICERRECTORADO DE ENSEÑANZAS DE GRADO Y POSGRADO. AULA PERMANENTE DE FORMACIÓN ABIERTA. PROGRAMA UNIVERSITARIO Más detalles DISEÑO MICROCURRICULAR
DISEÑO MICROCURRICULAR Código: F-GAC-03D Versión: 01 Edición: 18/02/2009 Nombre del Programa DISEÑO Y DESARROLLO WEB I Facultad articulada: Tipo de Evento: Duración: Comunicación Curso 50 Horas Objetivo Más detalles Photoshop. Conceptos Básicos
Photoshop Conceptos Básicos Qué es Photoshop? Tratamiento de imágenes Retoque fotográfico Pintura Posee gran versatilidad Herramienta de post-producción (separación de colores y medios tonos) La ventana Más detalles POLÍTICAS DE PUBLICACIÓN DE CONTENIDOS EN INTERNET DE CAPUFE ÍNDICE
EN INTERNET DE ÍNDICE PÁGINA INTRODUCCIÓN OBJETIVO 3 DEFINICIONES 4 FUNDAMENTO LEGAL 6 DISPOSICIONES GENERALES 7 1 EN INTERNET DE INTRODUCCIÓN La plataforma Web en Caminos y Puentes Federales de Ingresos Más detalles Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio
Índice 1. Crear contenido en un curso 2. Cómo crear un elemento 3. Cómo crear un archivo 4. Cómo crear enlaces de audio 5. Cómo crear enlaces de Imagen 6. Cómo crear enlaces de Video 7. Cómo crear un enlace Más detalles Software Creativo 2009 Arq. Raúl Abad Bausset - Lic. Valeria Drelichman Escuela de Comunicación Multimedial Universidad Maimónides
Software Creativo 2009 Arq. Raúl Abad Bausset - Lic. Valeria Drelichman Escuela de Comunicación Multimedial Universidad Maimónides Imagen digital Clase 01 Gráficos vectoriales e imágenes bitmap Los gráficos Más detalles U.D. Tratamiento digital de imágenes (3ª evaluación)
U.D. Tratamiento digital de imágenes (3ª evaluación) ÍNDICE IMÁGENES GRÁFICAS 1. TIPOS DE IMÁGENES 2. CALIDAD DE UNA IMAGEN DIGITAL (bitmap) 3. TAMAÑO DE IMAGEN Y TAMAÑO DE ARCHIVO 4. TAMAÑO DE IMAGEN Más detalles ESDi Escola Superior de Disseny Marquès de Comillas, 79-83 Sabadell 08202 [Barcelona] Tel. 93 727 48 19 Fax 93 727 42 49 www.esdi.
ESDi Escola Superior de Disseny Marquès de Comillas, 79-83 Sabadell 08202 [Barcelona] Tel. 93 727 48 19 Fax 93 727 42 49 www.esdi.es 1. TEORÍA DE LA IMAGEN DIGITAL Y SU TRATAMIENTO. 1. 1 Sistemas operativos Más detalles 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 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 DIPLOMADO EN DISEÑO DE SITIOS WEB
DIPLOMADO EN DISEÑO DE SITIOS WEB Dirigido a: Público en general que tenga conocimientos básicos en computación y esté interesado en crear un Sitio Web profesional y de calidad. En este plan de estudios Más detalles IMÁGENES ANALÓGICAS E IMÁGENES DIGITALES
ÍNDICE DEL TRABAJO: IMÁGENES ANALÓGICAS E IMÁGENES DIGITALES.... 1 IMÁGENES DE MAPAS DE BITS... 3 TAMAÑO Y RESOLUCION DE IMÁGENES.... 3 Compresión de imágenes:... 6 Tipos de de formato de imágenes:... Más detalles 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 Guía para Sobrevivir entre Archivos y Formatos
Página 1 de 8 Guía para Sobrevivir entre Archivos y Formatos María Gabriela Herrera gherrera@inf.udec.cl Cuando se busca información en Internet es posible encontrarla almacenada en archivos de diferentes Más detalles Capitulo VIII. Multimedios. En informática, multimedios es la forma de presentar información que emplea
Capitulo VIII Multimedios. En informática, multimedios es la forma de presentar información que emplea una combinación de texto, sonido, imágenes, animación y vídeo. Entre las aplicaciones informáticas Más detalles UNIDAD DIDÁCTICA. Proceso de Diseño de productos. editoriales multimedia. Objetivos ADAMS. Conocer las características específicas de los productos
UNIDAD DIDÁCTICA 2 Proceso de Diseño de productos editoriales multimedia Objetivos Conocer las características específicas de los productos editoriales multimedia. Identificar las fases de un proyecto 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 Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva Más detalles IES DOCTOR MARAÑON. DTO TECNOLOGIA. FOTOGRAFIA
FOTOGRAFIA Hoy en día conviven dos formas de práctica fotográfica completamente diferentes en cuanto al modo en que captan y procesan sus imágenes. Junto a la fotografía tradicional o analógica (con un Más detalles 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 Diseño de Recursos Informativos en el Entorno Web Licenciatura en Documentación Curso 2011/2012
Diseño de Recursos Informativos en el Entorno Web Curso 2011/2012 Miguel Ángel Rodríguez Luaces Laboratorio de Bases de Datos Universidade da Coruña Codificación de la información Contenidos 1 Codificación Más detalles GIMP, APLICACIONES DIDÁCTICAS
MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN EDUCATIVA GIMP, Más detalles TUTORIAL BÁSICO DE GIMP
TUTORIAL BÁSICO DE GIMP Rossana Marqués Javier Acuña Pilar Barbeira Departamento de Formación Plan Ceibal Introducción GIMP 1 - GNU Image Manipulation Program - es un programa de edición de imágenes digitales 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. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal Más detalles Computadores y Comunicaciones. Tema 6: Aplicaciones Multimedia
Computadores y Comunicaciones Tema 6: Aplicaciones Multimedia Febrero, 2011 Jorge Juan Chico , Julián Viejo Cortés Departamento de Tecnología Electrónica Universidad Más detalles 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 TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III
TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III Eliana Altamirano Existen dos categorías principales de imágenes: * imágenes de mapa de bits: (también denominadas imágenes raster): son imágenes Más detalles Vídeo digital. Figura 1
VÍDEO DIGITAL Vídeo digital Como ya hemos explicado anteriormente, cuando empleamos el término digital, nos referimos a que la información sobre el contenido está expresada en forma binaria (0 y 1) para 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 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 Aspectos a revisar en la maquetación.
Aspectos a revisar en la maquetación. Resolución de imágenes de mapa de bits La resolución óptima de las imágenes de mapa de bits depende de la lineatura de impresión: La resolución (ppp) de una imagen Más detalles SISTEMAS DE NUMERACIÓN
SISTEMAS DE NUMERACIÓN EL SISTEMA DECIMAL Es el sistema usado habitualmente en todo el mundo. Según los antropólogos, el origen del sistema decimal está en los diez dedos que tenemos los humanos en las Más detalles Almacenamiento de imágenes digitales. Tercera parte
Almacenamiento de imágenes digitales Tercera parte Formatos de imágenes digitales Un formato de fichero de imagen es una forma estándar de organizar y almacenar los datos que representan la imagen. A un Más detalles 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 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 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 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 DISEÑO DE PÀGINAS WEB
CURSO DE DISEÑO DE PÀGINAS WEB Fireworks CS3 DREAMWEAVER CS3 FLASH CS3 Objetivo: Aplicar los conocimientos aprendidos en el diplomado para desarrollar sitios web atractivos con navegación sencilla, interactiva Más detalles UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica Ensenada, Baja California Mayo 2010 Qué es un Sitio Web? Es un conjunto de PÁGINAS WEB que están hospedadas (almacenadas o Más detalles 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 IB14 Informática para la construcción. Tema 5. Tratamiento de imágenes digitales
IB14 Informática para la construcción Tema 5. Tratamiento de imágenes digitales Contenidos Fotografía tradicional. Fotografía digital. Procesamiento digital de imágenes. Cómo almacena el ordenador Más detalles DISEÑO AVANZADO DE PÁGINAS WEB
DISEÑO AVANZADO DE PÁGINAS WEB Coordinador: Carlos Sánchez Morales Lic. en Diseño Gráfico (FES ACATLAN, UNAM), Maestro en Artes Visuales con orientación en Diseño y Comunicación Visual (Academia de San Más detalles POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE
POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE (1) Juan A. Juanes Méndez; (2) Alberto Prats Galino, (3) Mª José Rodríguez Conde; (4) Sandra y David Martínez-Juanes (1)Dpto. de Anatomía Humana. Facultad Más detalles 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 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 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 Imagen digital. Las imágenes digitales pueden vectoriales (con el aspecto de un dibujo) o rasterizadas (fotografía típica)
Imagen digital La imagen digital En la fotografía tradicional, al revelarse la película obtenemos una imagen impresa sobre papel fotográfico. En cambio con la imagen digital tenemos un archivo informático. Más detalles LA IMAGEN DIGITAL PRÁCTICAS CON GIMP
Tema 6 LA IMAGEN DIGITAL ÍNDICE 1. Imagen analógica e imagen digital 2. Obtención de la imagen digital 3. Tipos de imágenes digitales: imágenes vectoriales e imágenes de mapas de bits. 4. Imágenes de mapa Más detalles CREACION DE PÁGINAS WEB
PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas Más detalles ESPECIALÍZATE Y CERTIFÍCATE INTERNACIONALMENTE
ESPECIALÍZATE Y CERTIFÍCATE INTERNACIONALMENTE SÍLABO DE COMPUTACIÓN III DATOS GENERALES Escuela profesional : Todas (no incluye escuelas de las facultades de Ingeniería y Arquitectura) Requisito : Computación Más detalles Tema 2.3. Modos y modelos de color (Photoshop)
Tema 2.3. Modos y modelos de color (Photoshop) El modo de color determina el modelo de color que se utiliza para mostrar en pantalla e imprimir las imágenes. Photoshop basa sus modos de color en modelos Más detalles 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 Tema 2 Representación de la información. Fundamentos de Computadores
Tema 2 Representación de la información Fundamentos de Computadores septiembre de 2010 Índice Índice 2.1 Introducción 2.2 Representación de enteros 2.2.1 Representación posicional de los números. 2.2.2 Más detalles ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL
Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Imagen digital: Es una representación visual de un Más detalles CAPACIDADES DEL ÁREA DISEÑO GRÁFICO
CAPACIDADES DEL ÁREA Conocimiento y manejo de la información Aplicación de la Tecnología DESTREZAS Identificar Relacionar Observar Aplicar DISEÑO GRÁFICO Podemos definir el diseño gráfico como el proceso Más detalles Tipos de imágenes Imágenes vectoriales Imágenes de mapa de bits
Tipos de imágenes Los programas de diseño gráfico trabajan en general con dos tipos de imágenes: imágenes vectoriales e imágenes de mapa de bits. Comprender sus características y diferencias es indispensable Más detalles 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 PROGRAMA FORMATIVO DE: Técnicas de maquetación digital
PROGRAMA FORMATIVO DE: Técnicas de maquetación digital Febrero de 2007 DATOS GENERALES DEL CURSO 1. Familia Profesional: Imagen y Sonido Área Profesional: Multimedia 2. Denominación del curso: Técnicas Más detalles Teoría: Tratamiento de gráficos. Objetivos
Teoría: Tratamiento de gráficos 1 - Objetivos Aprender a tratar gráficos desde PHP. Objetivos Conocer y saber aplicar las principales funciones de la librería GD para incorporar gráficos e imágenes dentro Más detalles 2017 © DocPlayer.es Política de privacidad | Condiciones del servicio | Feedback

References: resolución 
 RESOLUCIÓN 
 Resolución 
 resolución 
 Resolución 
 resolución 
 RESOLUCIÓN 
 RESOLUCIÓN 
 Resolución 
 resolución 
 resolución