Etiquetes

dijous, 13 de desembre del 2012

Ejercicios c6



ejercicio 4 casats


ejercicio 2 casats



ejercicio 4 casats




ejercicio 1 casats



2.Targetes mida 55x85 mm. horitzontal impreses a 1+1 en plecs de 35x50 cm. (Tiro y retiro)



3Revista mida A5 horitzontal de 48 pàgines en plecs 65x90 cm. Tiro  retiro 8 paginas.
4Cartes mida Din A4 vertical a 2+0 en plecs de 45x64 cm. Hi ha 2 models de cartes, del model A en vull 750 i del model B 250.

Ejemplo (A)/Nesecitamos 94 planchas tiro i retiro

Ejemplo (B)/Nesecitamos 31planchas tiro i retiro


5.Targetons de mida 10x21 cm horitzontal a 2+2 tintes en plecs de 50x70 cm. Hi ha 2 models de targetons: del model A en vull 2.000 i del model B 4.000.

Ejemplo (A) Necesitamos 166,6 Planchas tiro retiro


Ejemplo (B) Necesitamos 333,3 Planchas tiro retiro


dimarts, 4 de desembre del 2012

examen c05w

El resultat final de la practica. Requisits marcs mes botons vinculats amb les ancles corespondents de cada boton. 

ejercicio c05w


Primer en una pagina hem creat el contingut.



En segon pas el index que son el botons con cadascun dels vinculats.
Els botons es fean con photoshop i la heramienta (imagen-buscar i remplazar) de dreamweaver.


Aquest es el resultat final de la pagina web.



ejercicios c05w



Prime pas bara de d`inici amb la vinculació de cadascuns de las imatges. 



Segon el Home tota informació que surt de cada  apartat corspondent que hem anclat.


I per ultim la pagina web acabada con cadascun dels components.

dimarts, 23 d’octubre del 2012

Maquetació


Aquesta part de la practica de maquetació de indesign a sigut feta con la eramienta  "objetos y colocar dentro".


En aquesta part em utilitzat un text, desprès con la opció "crear contorno" i "colocar dentro" em aconseguit aquest resultat.


Aquesta imatge a sigut feta amb la heramienta "marco rectangular i buscatrazos" i el resultat es aquest.



dilluns, 22 d’octubre del 2012

Pagina web

pagina web


En la creació de la pagina em fet els següents  passos com la correcció de i text col·locació de la imatge , ancles:que son els ancle son uns botons que serveix per enllaçar diferents objectes.



Com podem visualitza en la imatge aquesta son uns del comandos que contenen la pagina web.   

dimarts, 9 d’octubre del 2012

Internet


Historia de Internet

La historia de Internet se remonta al temprano desarrollo de las redes de comunicación. La idea de una red de computadoras diseñada para permitir la comunicación general entre usuarios de variascomputadoras sea tanto desarrollos tecnológicos como la fusión de la infraestructura de la red ya existente y los sistemas de telecomunicaciones.Las más antiguas versiones de estas ideas aparecieron a finales de los años cincuenta. Implementaciones prácticas de estos conceptos empezaron a finales de los ochenta y a lo largo de los noventa. En la década de 1980, tecnologías que reconoceríamos como las bases de la moderna Internet, empezaron a expandirse por todo el mundo. En los noventa se introdujo la World Wide Web (WWW), que se hizo común.

La infraestructura de Internet se esparció por el mundo, para crear la moderna red mundial de computadoras que hoy conocemos. Atravesó los países occidentales e intentó una penetración en los países en desarrollo, creando un acceso mundial a información y comunicación sin precedentes, pero también una brecha digital en el acceso a esta nueva infraestructura. Internet también alteró la economía del mundo entero, incluyendo las implicaciones económicas de la burbuja de las .com.
Un método de conectar computadoras, prevalente sobre los demás, se basaba en el método de la computadora central o unidad principal, que simplemente consistía en permitir a sus terminales conectarse a través de largas líneas alquiladas. Este método se usaba en los años cincuenta por el Proyecto RAND para apoyar a investigadores como Herbert Simon, en Pittsburgh (Pensilvania), cuando colaboraba a través de todo el continente con otros investigadores de Santa Mónica (California) trabajando en demostración automática de teoremas e inteligencia artificial.

Servidor web

Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. 

El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se utiliza el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.



Domain Name System (DNS)

El Domain Name System o DNS és un sistema de noms jeràrquic que funciona sobre una base de dades distribuïda. Permet que qualsevol sistema connectat a Internet o a una xarxa informàtica privada obtingui informació associada als noms de domini. En concret, l'ús més freqüent (tot i que no l'únic) és la traducció global dels noms de domini (com ara ca.wikipedia.org) a les adreces necessàries per al protocol IP. Això facilita molt l'ús d'aplicacions d'Internet, ja que evita que els usuaris hagin de memoritzar les adreces numèriques, i facilita el canvi d'adreces mantenint constant el nom de domini.

El DNS ofereix un servei vital a Internet i sense ell la navegació seria molt complicada (per no dir impossible), ja que les xarxes treballen amb IP per realitzar tasques com l'adreçament o l'encaminament, mentre que per als humans és molt més senzill treballar amb noms, com els que posem a les URL o a les adreces de correu electrònic.



Dirección IP

Una dirección IP es una etiqueta numérica que identifica, de manera lógica y jerárquica, a un interfaz (elemento de comunicación/conexión) de un dispositivo (habitualmente una computadora) dentro de unared que utilice el protocolo IP (Internet Protocol), que corresponde al nivel de red del Modelo OSI. Dicho número no se ha de confundir con la dirección MAC que es un identificador de 48bits para identificar de forma única a la tarjeta de red y no depende del protocolo de conexión utilizado ni de la red. La dirección IP puede cambiar muy a menudo por cambios en la red o porque el dispositivo encargado dentro de la red de asignar las direcciones IP, decida asignar otra IP (por ejemplo, con el protocolo DHCP), a esta forma de asignación de dirección IP se denomina dirección IP dinámica (normalmente abreviado como IP dinámica).
Los sitios de Internet que por su naturaleza necesitan estar permanentemente conectados, generalmente tienen una dirección IP fija (comúnmente, IP fija o IP estática), esta, no cambia con el tiempo. Los servidores de correo, DNS, FTP públicos y servidores de páginas web necesariamente deben contar con una dirección IP fija o estática, ya que de esta forma se permite su localización en la red.


Practica de código HTML




En esta imagen podemos observar la estructura en código HTML de mi pagina web,
todo los pasos que seguimos fueron con los comandos básicos. (<html>,<head>,<meta>,<body>,<ul>,<li>,<ol>,<tr>,<td>etc.)
Este es el resultado final de la practica.




Sistema HTML

HTML


HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas porcorchetes angulares (<,>). 
HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
Marcado HTML

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta).

El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace.

Atributos

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img)

Códigos HTML básicos


  • <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.

  • <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera<head> es posible encontrar:


Un ejemplo de código HTML con coloreado de sintaxis.

  • <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
  • <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.
  • <style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.
  • <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
  • <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
  • <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
  • <table>: define una tabla.
  • <tr>: fila de una tabla.
  • <td>: celda de una tabla (debe estar dentro de una fila).
  • <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia ).
  • <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
  • <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
  • <li><ol><ul>: etiquetas para listas.
  • <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).
  • <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).
  • <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
  • <u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)
La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:
  • <table><tr><td>Contenido de una celda</td></tr></table>.
  • <script>Código de un [[script]] integrado en la página</script>.

dijous, 4 d’octubre del 2012

Formatos de papel








Ángulo de trama

Ángulo de trama, ángulos más utilizados
El ángulo en el que disponemos los puntos de trama repercuten en dos aspectos principalmente.
Por un lado la disposición de los puntos en diferentes ángulos determina el grado de visualización de punto o sensación de tono, de ésta forma si colocamos los puntos a 45 grados el ojo humano difumina el punto y percibe solamente un valor de tono, mientras que los puntos a 90 grados, son perceptibles por el ojo como una hilera de puntos (ver imagen siguiente).
En la imagen siguiente podemos observar un degradado tramado con diferentes ángulos de trama:






Ángulos de trama utilizados en la impresión por cuatricromía

En el siguiente gráfico determinamos los ángulos de trama a utilizar en la impresión de monotonos, bitonos, tritonos y cuatricromías para evitar o reducir la aparición del efecto moiré
Ángulos CMYK


Para las imágenes en blanco y negro, la dirección de la trama es irrelevante, ya que no se establece mezcla con ningún otro color. Es una impresión a una tinta directa o tinta plana. Pero cuando queremos reproducir imágenes a todo color, bitonos o tritonos, cada uno de los colores que intervienen debe tener su propia dirección para evitar solapamientos y efectos de aguas del tipo "moiré". 

Según la norma DIN 16547, la dirección de la trama para la cuatricomía es la siguiente: el negro (color más visible) se imprime a 45°, cian a 75°, magenta a 15° y amarillo a 0°. Con estos ángulos, los cuatro colores superpuestos generan una roseta imperceptible al ojo pero muy agradable y homogénea al cuentahilos (lupa), evitando la formación y aparición de efectos ópticos desagradables. 

Para los bitonos o tritonos, no hay norma establecida, se recomienda hacer pruebas para ver qué roseta forman los colores elegidos y su efecto óptico. Como norma general, los colores oscuros deben estar definidos los últimos en Photoshop y tener ángulos de 45° ó 75°, dejando los otros ángulos (15° ó 0°) para los colores claros