Etiquetas

martes, 23 de octubre de 2012

Pagina web

Hoy en clase hemos echo una pagina web de ipod esta trataba de hacer una tabla de tres columnas y una fila a raíz de aquí le hemos puesto el texto limpio en la columna central para centrar el texto , hemos modificado el texto y una  vez listo el texto hemos colocado la imagen de ipod.

Una vez puesta la imagen le hemos echo una zona sensible en el botón central del ipod
 (este si lo seleccionamos nos mandara directamente al vinculo  enlazado)

Después hemos anclado el texto del titulo con la herramienta anclar y lo hemos vinculado a este .
Una vez echo esto lo hemos repetido con todos los títulos del texto.




martes, 9 de octubre de 2012

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 por corchetes angulares (<,>). 







Códigos HTML básicos

  • <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:
  • <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:
  • <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. 
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>.








































TUTORIAL HTML




martes, 2 de octubre de 2012

EL OCR: Que es y para que se puede utilizar.



El OCR (Optical character recognition) es un software de reconocimiento de texto que saca de una imagen el texto que contiene y lo transforma en cadenas de caracteres para guardarlos en un formato que se pueda utilizar en programas de edición de texto. 

Cuando tenemos una imagen (ya sea una fotografía o un documento que hayamos escaneado), el texto que contiene forma parte de esa imagen, al igual que cualquier elemento de la misma (un dibujo o un esquema, por ejemplo). Pues bien, si necesitamos extraer ese texto para poder editarlo, necesitamos un programa de OCR que reconozca dicho texto y lo transforme en una cadena de caracteres (ya sea ASCII o Unicode) y posteriormente copiar esta cadena a un programa de edición para ya poder trabajar con ella, con el consiguiente ahorro de tiempo al no tener que teclear este texto. 

Básicamente, el sistema que utilizan es el siguiente: 
El sistema usado hasta no hace mucho consistía en que el OCR aislaba la imagen correspondiente a un carácter y la comparaba con una base de caracteres para determinar su correspondiente código ASCII o bien Unicode. Una vez reconocido lo transformaba y lo trasladaba al documento OCR resultante. Este sistema tenía el inconveniente de que trabajaba con un número limitado de fuentes, por lo que el resultado obtenido no siempre era el deseado. Además, en textos muy largos y con inclusión de frases en cursiva, por ejemplo, el proceso era bastante lento. 

Los programas actuales de OCR están basados en el análisis de características de los caracteres en vez de en la coincidencia de las matrices de estos, lo que permite una mayor velocidad en el proceso y el no tener que depender de una limitada base de fuentes. 

Hay en el mercado bastantes programas de OCR, entre los que cabe destacar los conocidos OmniPage, Abbyy Fine Reader o READiris. Versiones reducidas de estos programas suelen contarse entre el software incluido en los escáneres. 

Cabe destacar entre ellos el OmniPage Professional por su amplia variedad de opciones y su buena presentación y funcionamiento. 

Estos programas son de especial utilidad cuando necesitamos hacer referencia a textos en un escrito (copiar literalmente un texto dentro de otro), como puede ser el caso de redacción de informes o referencias bibliográficas. 

También pueden ser utilizados en el mundo de la música, ya que la mayoría de ellos tienen también capacidad de leer partituras musicales. 

Actualmente estos programas son capaces de reconocer no solo el texto en sí, sino también el estilo y formato de este, aunque dentro de unas limitaciones, haciendo necesario que posteriormente editemos el texto resultante y revisemos estos dos parámetros. 

Ahora bien, lo que sí que tenemos que tener muy claro es que estos programas no hacen milagros. Para su correcto funcionamiento es necesario que la imagen de donde provenga dicho texto esté en las mejores condiciones posibles para que pueda reconocer correctamente los caracteres. Hay que tener en cuenta que factores tales como un texto borroso (aunque sea solo ligeramente), papel manchado o demasiado fino, arrugas o arañazos en el documento, falta de una parte de una letra, cualquier tipo de transparencia en el papel, etc. van a dificultar el correcto reconocimiento de este texto. El promedio de efectividad de los programas OCR, en perfectas condiciones, ronda el 90%, disminuyendo de forma ostensible al disminuir la calidad del original. A esto hay que añadir una correcta configuración del escáner tanto en su resolución como en su brillo y en la limpieza de la lente y cristal. Uno de los requisitos básicos para que un programa OCR funcione correctamente es que necesita una imagen de gran calidad. 

Es cierto que también pueden reconocer textos escritos manualmente, pero en este caso siempre a condición de que estén escritos claramente, a ser posible con letra de molde, y que esta se asemeje lo más posible a un tipo de letra existente. 



Trata de escanear un documento real, transformarlo a un documento digital y através del OCR  tener la copia  digital y que nos permite modificar su contenido.


Google Books


Proporción aurea

La proporción áurea


se trata de un número especial que ocupa a la humanidad desde tiempos muy antiguos y que también se conoce como media áurea, sección áurea, razón áurea, divina proporción, razón dorada, número aureo, número dorado y número de oro. Este número ya era conocido alrededor de 2000 a. C. por babilónicos y asirios, sin embargo, fue el matemático griego Euclides (300-265 a. C.) el primero en realizar un estudio formal sobre la proporción áurea.
Para definir de una forma entendible el número de oro, podemos decir que, suponiendo que tengamos una cuerda recta y la dividamos en dos trozos uno grande y otro pequeño, la proporción resultante de dividir la cuerda completa entre el trozo grande es idéntica a la proporción resultante de dividir el trozo grande entre el pequeño (ver dibujo). El valor númerico de la proporción áurea es muy fácil de calcular y se representa por la letra griega fi (φ), se trata de un número bastante feo y cuyo valor viene dado por uno más la raíz cuadrada de cinco, todo partido por dos, que una vez calculado viene a ser más o menos 1,6180339887498948482045868343656...Este extraño número posee algunas propiedades muy interesantes y aparece por todas partes, en obras de arte, en la naturaleza e incluso en nuestro propio cuerpo. En lo que respecta a las obras de arte, a la razón áurea se le atribuye un caracter estético especial, aparentemente se trata de una proporción estéticamente equilibrada a la vista y se puede ver en obras de arte como el Partenón o el famoso Hombre de Vitruvio de Leonardo da Vinci. En la naturaleza aparece, por ejemplo, en los patrones de crecimiento de los espirales que forman algunas caracolas (no sólo del nautilus), en la relación entre la cantidad de abejas macho y abejas hembra en un panal, en la disposición de los pétalos en las flores, en la disposición de las hojas en el tallo de algunas plantas para que las hojas de arriba tapen lo menos posible a las de abajo, en la relación entre los lados de un pentágono regular (teorema de Ptolomeo), etcétera. En lo que se refiere a nuestro cuerpo, podemos encontrar la proporción áurea en la línea recta que se forma al unir los segmentos constituidos por las distancias desde los pies al ombligo y desde el ombligo a la cabeza, en la relación entre la distancia del hombro a los dedos y la distancia del codo a los dedos, en la relación entre la altura de la cadera y la altura de la rodilla, en la relación entre el diámetro de la boca y el de la nariz, etcétera. Además, parece comprobado que aquellos individuos que tienen una mayor cantidad de proporciones áureas en su cuerpo y en su rostro, son considerados por el resto de las personas como individuos guapos, bellos y proporcionados. Por cierto y como curiosidad, nuestras tarjetas de crédito también forman un rectángulo áureo, ¿será por esta razón por lo que las tenemos tanto cariño y quedan mejor.




La historia de internet ;Como funciona el internet











Practica Orduña

Hoy en clase nos han echo hacer una maquetación  de un texto y unas imágenes dadas

Estas eran la imágenes y textos dados para hacer la presentación .
Lo hemos echo a partir de la creación de "estilos " que es asignar una fuente tamaño color etc...
para a la hora de la maquetación no tener que ir canviando de fuente durante el proceso sino que al tenerlo todo el texto maquetado solo deberemos situarnos en el medio del parrafo y seleccionar el estilo que deseemos.


Una vez echo los estilos solo hemos tenido que ir haciendo lo que nos marcaba en el documento dado


Al final me ha quedado algo así: