P Mancilla Bit Arreglo

22
Bitácora L C 1

description

bitacora

Transcript of P Mancilla Bit Arreglo

Page 1: P Mancilla Bit Arreglo

BitácoraL C 1

Page 2: P Mancilla Bit Arreglo

IndicePortada diarioSobre la Imprenta.......................................................................................3Color e Impresión.......................................................................................4Sobre Indesign CS2..........................................................................8

Formatos de imagen..............................................................................9Revisión EncargoPostscrips & Truetype.........................................................................10Arquitectura de la Información................................................................................................17Diseño Front CSS....................................................................................18Sobre Wired....................................................................................................20

Page 3: P Mancilla Bit Arreglo

Color eImpresión

Una presentación

acerca de las

propiedades del color y términos de impresión.

por Jorge Barahona

Tarea N°1revisión y observaciones

3

La revis ión de la c lase consta de los t rabajos que se destacaron en el curso. En el la aparecieron obser-vaciones en las portadas sobre la estructura y al-gunos elementos propios de una edic ión, las marcas en los l ími tes del diar io, más bien l lamadas cruces de calce, las cuales indican los márgenes de la estructura, además de las relaciones en la proporción entre texto e imagen .Uno de los puntos impor-tantes fue la observación del texto, la variada gama de fuentes presente en cada portada, su dis tr ibución, forma y tamaño, todo el lo para dis t in-guir las dis t intas jerarquías de las columnas.

Al ser Gutenberg orfebre de oficio, sabía cómo fundir objetos metálicos —mone-das, por ejemplo—, cómo punzonar y cómo estampar letras o imágenes en metal. Su idea era adaptar es-

tas técnicas para copiar el texto de los libros o, dicho de otro modo; mecanizar su producción. Ignoramos cómo o cuándo concibió la noción de fundir caracteres metálicos individuales com-binables en palabras que, una vez impresas, se desh-icieran para reorganizar los caracteres en otras distintas que se imprimían a su vez, pero lo cierto es que logró llevarla a la práctica y con ello revolucionó el mundo.

L a I m p re nta

2°clase

Page 4: P Mancilla Bit Arreglo

se habla de las propiedades del color en ellas entra una cla-

sificación en los colores básicos, en los cuales la base de los colores adi-tivos (rgb) se considera el rojo, verde y el azul.

El modelo aditivo se caracteriza por

la tendencia de esta mezcla de colores hacia

el blanco, como una luz plena (principio de Newton). Este modelo

lo hallamos en todo tipo de pantalla

Mundo de los impresosEs un modelo sustractivo, en el que sus

gamas están hechas a base de el cian, ma-genta y amarillo, Esta mezcla genera un ne-gro cafezoso, el cual no era suficienta para

crear una gama completa. Por ello se agrega como extra del modelo el negro (kyecolor).

Existe una gran diferencia en cuanto a estos dos modelos, Se refleja claramente en los

colores básicos que cada uno emplea, la ima-gen cambia y es difícil establecer un están-dar de color tanto en las pantallas como en

las impresiones.

Color eImpresión

4

Page 5: P Mancilla Bit Arreglo

La separación de colores se conoce omo el área de tono con-tinuo, el cuel general-mente se encuentra y lo podemos ver en todo tipo de imagen digitali-zada (se menciona como ejemplo fotolog y flickr).Al utilizar elekmentos en la escala de grises, nos referimos a las tramas de semitono, las cuales sólo se trabaja con tinta negra. Estas tramas son realizadas a través de impresiones interferidas por puntos blancos, para crear una ilusión de grises, en donde el punto de án-gulo es a 45°, lo cual tam-bién puede modificarse

para cambiar los grises.

Color eImpresión

Efecto Moiré

5

Cuando hablamos de cu-atricromía, nos referi-mos a los colores que caen sobre sí mismos en la impresión, pero no ex-actamente en ellos. Esto se le denomina puntos de regristro roseta.(Método de impresión de un am-plio espectro de colores mediante la mezcla de combinaciones de los cuatro colores básicos: cián, magenta, amarillos y negro). El efecto moiré es denominado como la

superposición de dos o más patrones de dibu-jos repetitivos (las tra-mas de semitono lo son) suelen producir la apar-ición de un nuevo patrón repetitivo no deseadoEn impresión, el moiré se evita ante todo con la va-riación de ángulos de tra-ma y con la superposición acertada de esas tra-mas para que formen un pequeño motivo llamado roseta y mediante el uso de tramas estocásticas.

Page 6: P Mancilla Bit Arreglo

En cuanto a las tintas planas y matices,

se imprimen usando tintas premezcladas.

Cada tinta plana se re-produce utilizando una plancha de impresión

independiente. Cuando una tinta plana se im-prime al 100% crea un color sólido, sin trama. Los matices, en cambio, consisten en imprimir un trama de semitono del color este proceso se le llama también

tramar el color.Separaciones de colo-res: Para imprimir artes en color en una prensa industrial primero hay que separar las ilus-traciones en varias láminas de película

correspondientes a los componentes de color

básicos: cian, magenta, amarillo, negro, más

tintas planas adiciona-les. El impresor utiliza

estas separaciones para crear las planchas de

impresión de la prensa. El proceso de impre-

sionar papel o película mediante un fotocom-ponedora de alta reso-lución se conoce como

filmación.

Color eImpresión

Tintas planas y matices

Colores de impresión

6

Cuando los colores se imprimen unos so-bre otros, se pueden mezclar y originar un color no deseado. Por ejemplo, si un círculo azul se imprime sobre un rectángulo rojo, los colores superpuestos se mezclan y se crea el color morado. Con la aplicación de la reserva de color en los colores situados debajo de los objetos seleccionados se evita el problema de la superposición: los colo-

res de primer plano se imprimen directamente en el papel en lugar de sobre otros colores.Lo contrario de apli-car la reserva de color es la sobreimpresión, donde el texto y los ob-jetos en primer plano se imprimen directa-mente sobre los ob-jetos de fondo. La so-breimpresión funciona mejor en objetos y en texto de color negro o de un color oscuro.

Page 7: P Mancilla Bit Arreglo

ImpresiónAplicar reventados

(trapping) es ajustar cómo imprimen los colores de las diferentes planchas para corregir los defectos visuales que producirán los inevitables pequeños fallos en el registro de las planchas al imprimir.

Las imágenes de mapa de bits contienen un núme-ro fijo de píxeles, que se suelen medir en píxeles por pulgada (ppp). Una imagen de alta resolución contiene más píxeles y, por consiguiente, más peque-ños, que una imagen de las mismas dimensiones pero de baja resolución

La lineatura o frecuencia de trama es el número de líneas de puntos por uni-dad de medida utilizado para representar la ima-gen impresa en el papel. La relación entre la reso-lución de salida (dpi) y la lineatura (lpi) determina el grado de detalle en la im presión del mapa de bits y la cantidad de niveles de gris que podrá tener.La proporción entre la lin-eatura y la resolución de

la impresora determina la gama tonal imprimible. A medida que la lineatura au-menta, el tamaño de la celd-illa tiene que disminuir para dar cabida a más líneas de trama por pulgada, con lo cual pueden utilizarse menos puntos de impresora para construir el punto de trama. La consecuencia es que la cantidad de niveles de gris representables disminuye.

Color eImpresión

Lineatura o frecuencia de trama.

Reventado o trapping

7

Page 8: P Mancilla Bit Arreglo

Sobre Indesign CS2..

La clase consistió en la profundización de las técnicas del pro-grama indesign, en el cual Adolfo realizó un breve ensayo sobre una edición. Además de esto, se refirió a la creación de una car-peta exclusivamente para las imágenes que se utilizarán en cada presentación referen-tes a las tareas dadas, puesto que éstas imá-genes al estar dentro

de cada archivo hace que éstos tengan un peso mayor. Por ello es factible crear un vínculo entre ésta car-peta y el archivo inde-sign. Para realizar esta maniobra se ubica en tamaño real con la op-ción “place” en “file”.Otro punto que se observó fue la poca utilización de las co-lumnas en los tra-bajos del curso. Sobre las alineaciones..

Éstas aparecen en la opción window (type, character), las cuales definen el tipo de pár-rafo. Existen opciones que facilitan el uso y el ahorro de tiempo.Colores cálidos po-seen mayor con-traste con el blanco. Como tarea..Aprender nombres técnicos de las herra-mientas del programa y fuentes en el espacio.

8

Se trata de una tarea viva, que evoluciona

con el tiempo.Es un cuaderno, que se debe llevar al día, una bitácora digital

sobre las clases. Esto incluye la materia,

investigaciones, datos, toda clase de infor-

mación que recopile-mos. Es un régimen que requiere dedi-

cación y una estruc-tura definida.

La Bitácora, una constante

3°clase

Tarea N°2revisión y observaciones

Page 9: P Mancilla Bit Arreglo

De acuerdo con las revi-siones, se vio el ordden en cuanto a la pagi-nación de las hojas, re-quiriendo de un índice presente en la bitácora. Además se focalizó en la investigación del modelo rgb y la impor-tancia de la presencia de las columnas en la bitácora, lo cual entrega

un orden a la estructura. La clase acentuó la uti-lización de los estilos de fuentes en los distintos tipos de texto (character styles). todo ello acom-pañado por la impor-tancia de la imagen, debe haber un equilibrio entre ambos elementos.

9

Formatos deImagenExiste distinos tipos de formatos en cuanto a imagen. Entre ellos están:TIFF (Tagged Image File Format) EPS (Encapsulated PostScript) PSD (formato de archivo de photoshop) PNG (Portable Network Graphics) JPEG (Joint Photographers Experts Group) GIF (Graphics Interchange Format)En los cuales, PSD y PNG son considera-dos formatos nativos (photoshop y fireworks)Foto digital se divide en bitman (mapa de bits) y vectores (a.i formato illustrator) (imágenes trazadas para dibujar líneas segmentadas). EPS extensión que sirve para mac y microsoft.

4°claseTarea N°3revisión y observaciones imagen formato

El formato TIFF (Tag Image File Format) Es un método de archivo versátil de almace-namiento de imágenes realizadas en Bit Map, en varias resoluciones, grises o colores. El TIFF fue creado específica-mente para almacenar escalas de grises, y es el formato estándar para las imágenes obtenidas mediante scanner, como las fotografías. Guarda pixeles en una manera NO comprimida, es

T IFF

más rica y de mejor resolución. Este ti´po de de formato lo podemos encontrar en revistas o libros, en donde la cali-dad debe ser de gran proporción (por lo que lleva asociada una com-presión LZW: algoritmo de compresión sin pérdi-da). Estas imágenes po-seen gran calidad, pero su peso es aún mayor.

Page 10: P Mancilla Bit Arreglo

Encapsulated PostScript; Es un formato de fiche-ro que sirve para trans-mitir de un programa a otro la información de una imagen PostScript.EPS es un formato vectorial (para dibujos esquemáti-cos, diagramas, diseños gráficos…) que muchos diseñadores usan tam-bién para las imágenes de mapas de bits (raster) (es decir: Fotografías) cu-ando quieren siluetearlas). El formato EPS nació con el lenguaje PostScript (la parte “PS” de “EPS”) en los años ochenta del siglo XX (hace unos veinte años). Un Archivo EPS está for-mado por dos partes: Una PostScript (que es la que se imprimirá) y otra parte de previsualización (que se

mostrará en la pantalla). Esa zona de previsual-ización se hace sólo para dar una idea de qué con-tiene el EPS: Es de baja res-olución, con pocos colores e, incluso, puede no existir. PostScript es un lenguaje (y un formato gráfico) para el diseño vectorial. Illustrator, Freehand y Corel Draw son Vector-based EPS. Documentos Vector se pueden repro-ducir a cualquier tamaño sin perder resolución.Si se requiere intercambiar documentos Vector en-tre diferentes plataformas Mac a PC o viceversa, es mejor convertir las Fuentes a outlines para evitar prob-lemas, ya que cada plata-forma maneja de dife-rente forma las Fuentes.

Formatos deImagen

PSD es un formato nativo de photoshop y permite guardar todas las presen-taciones, retoques, nue-vas creaciones realiza-das con este programa.Guarda los archivos con 48 bits de color y permite almacenar todas las ca-pas, canales etc. que exista en el archivo de imagen.PSD casi no tiene com-patibilidad con otros pro-gramas, por lo que se recomienda tener dos archivos: uno en el pro-pio formato nativo (.PSD), y otro en algún formato compatible con otros pro-gramas, como JPGE o TIFF. El formato PSD es el que

habitualmente se usa en adobe photoshop para guardar un documento el cual tiene las capas sin acoplar o cuando hemos guardado una selección, ya que este formato nos permite retomar el trabajo tal y como lo dejamos.Es un formato que no tiene perdidas, ya que no re-aliza compresión alguna.En ocasiones, adobe photoshop no nos per-mite utilizar otro formato gráfico más que PSD.Cuando nos ocurra esto, debemos comprobar si tenemos alguna selec-ción guardada o está la imagen sin acoplar.

10

imagen form

atoP S D

imag

en f

orm

atoE P S

Page 11: P Mancilla Bit Arreglo

Formatos deim

agen

for

mat

o El formato PNG se desarrolló como alternativa al for-mato GIF y, como GIF, se utiliza para mostrar imágenes en World Wide Web y otros servi-cios electrónicos.

PNG conserva toda la información del color y de los canales alfa de una imagen, y utiliza un esquema de compresión sin pérdidas para reducir el tamaño del archivo.Al contrario que los demás formatos grá-ficos, el formato PNG es de libre distribución.Si bien es un buen for-mato para utilizar para la Web, el problema es que los navegadores más antiguos no so-portan este formato.

Una imagen PNG con un canal alfa de 8 bits.

La misma imagen montada so-bre un fondo a cuadros.Nótese la semitransparencia de los dados. imagen formato

Formatos deImagen

11

PNG

JPEG

Es un formato con una pro-fundidad de color de 24 bits, es decir permite usar hasta 16,7 millones de colores.JPEG es un algoritmo de compresión con pér-dida. Esto significa que al descomprimir la imagen no obtenemos exactamente la misma imagen que tenía-mos antes de la compre-sión. Es un formato con compresión variable con perdida de detalle de la im-agen, el nivel de compre-sión se puede especificar.Este es el formato que normalmente utilizan las cámaras digitales para almacenar la imagen.El formato JPG no permite hacer uso de transparencias.

Este formato se utiliza habitualmente en foto-grafias donde existan más de 256 colores.Si va a mostrar la ima-gen en una página web puede usar el modo de compresión progresiva.Esta opción muestra la im-agen gradualmente, mien-tras la descarga el explora-dor Web, utilizando series de lecturas para mostrar versiones cada vez más detalladas de toda la ima-gen, hasta que se han des-cargado todos los datos.No obstante, las imágenes JPEG progresivas necesitan más RAM para su visual-ización y no todos los explo-radores Web las soportan.

El algoritmo JPEG, transforma la imagen en cuadrados de 8×8 y luego almacena cada uno de estos como una com-binación lineal o suma de los 64 recuadros que forman esta imágen, esto permitie eliminar detalles de forma selectiva, por ejemplo, si una casilla tiene un valor muy próximo a 0, puede ser eliminada sin que afecte mucho a la calidad

Page 12: P Mancilla Bit Arreglo

imagen formato

Formatos deImagen

12

GIF

CompuServe Graphics In-terchange Format (GIF) es el formato de archivo uti-lizado normalmente para mostrar gráficos de color indexado, es decir, admite un máximo de 256 colores.Este formato grafico per-mite realizar compre-sión sin perdidad de calidad.( reduciendo el numero de colores ).Este es utilizado habitu-almente en imagenes donde haya un texto o la cantidad de colo-res no supere los 256.Este formato permite el uso de transparencias, así

como de animaciones. Son gráficos bitmap utilizados para el Interner, se utili-zan sólamente 256 colores (216 Web Safe). No son buenos para separación de color a alta resolución, al ser utilizados online, de-ben ser lo más pequeños posible, aunque utilizan un método de compresión sin pérdida de calidad, al bajar una imagen a tan solo 256 colores pierde una gran sección cromáti-ca, se utiliza regularmente cuando se tienen colores planos, sin degradados.

Page 13: P Mancilla Bit Arreglo

Formatos de

Sus principales car-acterísticas son:

- Profundidad de color: 8 bits máximo (256 colores

simultáneos)o Uso de color indexado,

a través de una paleta de colores que puede ser de distintos tamaños, de-pendiendo del valor del

Size of Local Color Table, que tiene un tamaño de

3 bits. - El número de colores se puede calcular mediante

la fórmula: 2(Size of Local Color Table+1) Esto per-mite a GIF usar una pale-ta de 2,4,8,16,32,64,128

ó 256 colores.o Aunque con mediante el uso de varias capas transparentes (con un

máximo de 256 colores en cada una) separa-

das por 0 milisegundos (simultáneas) entre ellas,

si pueden mostrarse imágenes con más de 24

colores diferentes [1] y [2], permitiendo mostrar

un color real.

True Color GIF image(32697 colors, 184565 bytes)

Quantized GIF image(256 colors, 54197 bytes)

Dithered GIF image(101 colors, 48069 bytes)

Formatos deImagen

imagen formatoGIF

13

Pese a esto, esta última técnica es poco eficiente, y rara vez se usa, y cu-ando se hace es sobre todo para demostrar esta posibilidad, a veces, estas imágenes no aparecen si-multáneamente sino que va apareciendo cada una de las capas sucesiva-mente. En este caso, cada capa sería un cuadrado de 16 por 16, en el que como mucho se podrían mostrar 256 colores, la imagen se divide en dichos recuadros, y se van super-poniendo uno sobre otro.- Permite transparencia de 1 bit, de tal forma que

cada pixel de la imagen puede ser o no transpar-ente. Esto lo diferencia de formatos como el PNG, que también dispone transparencia variable.- Sus últimas versiones per-miten hacer animaciones simples, aunque la com-presión es muy deficiente.- Permite utilizar entrelaza-do en imágenes, de tal for-ma que las imágenes se vi-sualicen al completo nada más empezar su descarga, pero con una baja defin-ición que va progresando hasta cargarse por com-pleto en los navegadores.

Page 14: P Mancilla Bit Arreglo

La bitácora es una excusa para el tra-bajo con el programa indesign y la valori-zación de la toma de apuntes e investigaciones.La inverstigación y el desarrollo de la bitácora es fundamental para avanzar en las clases, además del aporte individual. Es una excusa permanente, en la cual es necesario investigar, leer, proponer y cuestionar.En PDF.Las transparencias no funcionan automáticamenteSe debe trabajar con la jerarquía, para que se haga legible y consumible el contenido.AportesDamaris habló del perfil del color (icc) y la calibración delcolor para una me-jora de las imágenes en la pantalla.El proyector trabaja con imagen proyectada (tv), por ello posee perfiles rgb. La calibración de la pantalla (ajuste e pantalla, asistente calibrador de pantalla).PDF es un sistema de compresión, com-prime la información, incluso las imágenes.Para transformar un documento al archivo, se imprime el archivo en el mismo archivo (impre-sora virtual), como una simulación de impresión.En el mundo de las impresoras, unas de las mejores son las Xerox, Trectonic, entre otras. En las impresiones de periódicos, la calidad es muy baja, en contraste con el diario La Época, un diario nacional que poseía la cualidad de ocu-

par da mitad de las páginas en fotografías, las cuales poseían un gran tamaño, contraste y bue-na calidad plástica. Dentro del Adobe profes-sionalexiste el programa Distiller, quel hace los archivos Postscrips, riquísimos en información.El programa PDF fue creado para suprimir. Tipografías True Type o pen type.Fueron inventadas para una opció de formato Ado-be para Mac (programa más gráfico que Windows)Un poco de historia..El creador de Macintosh diseñó tal programa con un buen manejo tipográfico, incluyendo la idea del mouse e inventando el concepto de escritorio.Mientras Bill Gates (windows) compró la com-pañía Corel, copiando la idea tipográfica.Las tipografías son archivos vectoriales con-struidos por algoritmos matemáticos. (un vector=línea que tiene una dirección determinada.)TAREAInvestigar individualmente el mundo Postscript y True Type en la bitácora. El archivo debe ser menor a 1 MG.

Tarea N°4

revis ión y observaciones

14

5°clase

Page 15: P Mancilla Bit Arreglo

Postscripts yTrue typesel

mund

o

PostScript es un Lenguaje de Descripción de Pá-gina (en inglés PDL, Page Description Language), utillizado en muchas im-presoras y como formato de transporte de archivos gráficos en talleres de im-presión profesional. Está basado en el trabajo re-alizado por John Gaffney en Evans y Sutherland en 1976. Posteriormente, continuaron el desarrollo ‘JaM’ (‘John and Martin’, Martin Newell) en Xerox PARC, y finalmente fue im-plementado en su forma actual por John Warnock

y otros, luego de que él y Chuck Geschke fundaran Adobe Systems Incorpo-rated (también conocido como Adobe) en 1982.PostScript se diferenció por utilizar un lenguaje de programación completo, en vez de una serie de secuencias de escapes de bajo nivel, para describir una imagen para que sea impresa en una impresora láser o algún otro disposi-tivo de salida (en esto se parece a Emacs, que ex-plotó un concepto interno parecido con respecto a las tareas de edición).

También implementó no-tablemente la composición de imágenes, que consiste de un conjunto de líneas horizontales, pixeles al vuelo, descripciones por curvas de Bezier y tipo-grafía (fuentes) de alta calidad a baja resolución (e.g. 300 puntos por pul-gada). Anteriormente se creía que tipografías de mapa de bits mejoradas manualmente eran re-queridas para esta tarea.PDF es otro lenguaje de descripción de páginas y es derivado de PostScript, pero más simple y liviano.PostScript también ha en-

15

contrado aplicaciones dis-tintas de la impresión en papel, como es el caso de Display PostScript. DPS es una extensión de PostScript y fue utilizado como sistema gráfico 2D en el sistema op-erativo NEXTSTEP. Quartz, de Mac OS X, es un siste-ma similar que utiliza PDF.Ghostscript es una im-plementación abierta de un intérprete com-patible con PostScript.Otro tipo lenguaje de de-scripción de página para impresoras es PCL. Es más ligero pero con menos po-sibilidades que PostScript.

Postscript type v/s bitmap type

Postscript

Page 16: P Mancilla Bit Arreglo

Postscripts yTrue types

el mundo

Tecnología de fuentes ajustables a escala que genera fuentes tanto para la impresora y la pantalla. En principio desarrollada por Apple, fue mejorada conjuntamente por Apple y Microsoft. Las fuentes Tru-eType se utilizan en Win-dows, a partir de Windows 3.1, así como en el sistema operativo Mac System 7.A diferencia de PostScript, en donde los algoritmos se mantienen en la má-quina de entramado, cada fuente TrueType contiene sus propios algoritmos para convertir los trazos en mapas de bits. El lenguaje de nivel más bajo inserta-

do dentro de la fuente Tru-eType permite una flexibili-dad ilimitada en el diseño. Las True Type Font son car-acteres tipográficos con extensión TTF instalados por los sistemas Windows, y a los que refiere toda aplicación que prevé la integración de estos ele-mentos (Word, Photoshop, Paint Shop Pro, Excel, etc.).Windows instala las True Type Font en el directo-rio WINDOWS/FONTS .Windows instala por de-fecto las fuentes que se utilizan más a menudo: arial, courier, times new Romans, comic sans, etc. El hecho de que se trate

de fuentes instaladas en todas las máquinas Win-dows hace que su uso sea prácticamente universal.Existen, sin embargo, miles de True Type Font de otro tipo, algunas de ellas protegidas por copyright, otras de uso libre. FONT.it es un buen ejemplo que contiene miles de fuentes fascinantes y llenas de fan-tasía. Estas fuentes, como hemos dicho, no están in-staladas en todas las má-quinas Windows: primero hay que descargarlas y, después, instalarlas con-forme a la explicación que encuentras en la correspon-diente guía de FONT.it.

De este breve preámbulo podemos deducir que los caracteres, para ser visu-alizados, tienen que estar presentes necesariamente en el directorio WINDOWS/FONT de cada uno de los ordenadores de nuestros visitantes. Para aclarar este concepto, tomemos como ejemplo a un amigo tuyo que ha escrito una carta en Word utilizando fabulosos caracteres de inglés anti-guo. En su ordenador pu-ede verlos perfectamente porque el archivo TTF está presente en el direc-torio WINDOWS/FONTS.

AAATrue Type como modelos vectoriales.

16

True Type

Page 17: P Mancilla Bit Arreglo

6°clase

17

Es la disciplina encargada del estudio, análisis, planificación y fundamentación de la organización, disposición y estructuración de espacios de información, y de la selección y presentación de los datos contenidos en los sistemas de información interactivos.La Arquitectura de la Información trata indistintamente del dis-eño de sitios web, interfaces de dispositivos móviles y gadgets como un iPod, CDs interactivos, videoclips digitales, relojes.Se trata con los estilos, entre ellos, los más impor-tantes, de objetos, párrafos y tipografias, entre otros

SemánticoEl contenido está separado del diseño, es transversal. A través del diseño luce de manera dis-tinta, por ello debe ser admi-nistrado de cierto orden para

poder ser comprendido.La esencia de la estructura es el parámetro, la raíz del

diseño

Arquitecturade la Información

Dis

eño

Page 18: P Mancilla Bit Arreglo

Arq

uit

ect

ura

de la Información- Levantamiento de todas las actividades de la e[a.d]

- Levantamiento de contenido en la revista WIRED

- Mapa de contenidos “escuelad”

18

Tarea

Diseño Front CSS

Diseñando desde el códi-go, por Maximiliano Martin

Diseño CSS: Hojas de Estilo enCascadas, lo que explica que “está mucho más cerca

del código”

ac h ar l

Page 19: P Mancilla Bit Arreglo

19

- Un lenguaje para controlar la presen-tación- La mejor forma de separar conteni-dos de prsentación- Obliga a crear documentos HTML, XHTML bien definidos- La base de la web semántica- Mejora la accesibilidad del docu-mento- Minimiza el esfuerzo de manutención- Permite la visualización de dispositi-vos diferentes.

¿Qué es CSS?

Page 20: P Mancilla Bit Arreglo

Fue fundada por el periodista Louis Rosetto y su socia Jane Metcalfe en ese año, 1993 , con el apoyo inicial del empresario de la in-dustria del software Charlie Jackson y Nicho-las Negroponte, director del Laboratorio de Medios del MIT, quien también fue columni-

sta por más de seis años.Desde el comienzo, Wired fue un gran éxito

editorial y ha sido comparada con Roll-ing Stone por su impacto en la sociedad

norteamericana.

20

Arriba; Louis Rossette. Debajo: Jane Metcalfe

Page 21: P Mancilla Bit Arreglo

21

La palabra inglesa Wired se traduce al espa-ñol como cableado o cableada lo cual tenía gran sentido en el año de fundación de la revista, ya que las computadoras dependían exclusivamente de cables para conectarse entre sus componentes como el monitor, el ratón, el teclado, la impresora, etc, a pesar de que en la era actual del desarrollo de los equipos electrónicos ya es una realidad el uso de aparatos sin cables, a pesar de eso la revista conserva su nombre e irónicamente ya publicó, al menos un número especial, al que tituló Unwired (sin cables) festinando la evolu-ción en este sentido.

Por otra parte, desde sus primeros números la revista ha tenido especial cuidado en valorar el desarrollo del internet y ha realizado un mapa mundial donde explícitamente valora a los países conectados (wired) al internet o desconectados (unwired).

Page 22: P Mancilla Bit Arreglo

7°clase

Wired es una revista de innovación, en donde el medio es el mensaje, es una de las principales promotoras de inter-

net.Posee un diseño diferente para cada

portada, en general para todo el con-tenido, aún así posee una ley o conex-ión en la jerarquía (observación de la

experiencia)

ENCARGO

Constrcción Revista Escuela

Formato: lámina 55x220 cm.

Revi

sión

del

22

levantamiento