Sei sulla pagina 1di 4

<html>

<head>
<title> Unidad 2 PROGRAMACION WEB </title>
</head>

<body>

<center>
<font color="#FF0000">
<tt><ins>
Desarrollo de temas Unidad 2
<ins>
</tt>
</font>
</center>

<br>

<font color="#9900FF">
<Center>
<h2>
<tt>
HTML, XML y CSS
</h2>
</tt>
</center>
</font>

<br><br><br>

<center>
<img src="https://www.red-pixels.com/img/html.png">
</center>

<tt>
<h3>
<p>
<font color="#CC3333">2.1 INTRODUCCION</font>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; arial=utf-8"/>
</head>
<body>
Los lenguajes de marcas ,también denominados lenguaje de marcado o lenguajes de
descripción de documentos ,definen la estructura,la semántica y controlan el
procesamiento de un documento de un documento digital.
En un documento existen distintos niveles de información un lado, los datos que
conforman el contenido de un documento(caracteres de contenido), y por otro una
información superpuesta al contenido, que es lo que construye el etiquetado,
marcado o markup(caracteres de etiqueta).
</p> Un lenguaje de marcado cumple con dos objetivos esenciales a la hora de
diseñar y procesar un documento digital:

</p>· Especifica las operaciones tipográficas y las funciones que deben


ejecutar el programa navegador/visualizar sobre dichos elementos.
</p>· Separar un texto en los elementos de los que se compone, como un
párrafo, un capitulo ,un encabezado. </p> <h3> </tt>
</body>
</html>

<font color="#9900FF">
<Center>
<h2>
<tt>
</p> 2.2 ESTRUCTURA GLOBAL DE UN DOCUMENTO WEB.
</h2>
</tt>
</center>
</font>

<body>
</p> La estructura de un documento nos permitirá conocer el inicio y el final del
mismo ,sin dejar a un lado los contenidos ,los tamaños de la hoja y el marguen con
el que contara y se dividen en zonas principales que son :
</p> · Cabeza
</p> · Titulo
</p> · Cuerpo

</p> Dentro de los apartados el contenido el distinto y puede manejar un numero


mayor de etiquetas y clasificaciones que se complementan con el lenguaje de
programación como java, css3 y otros mas.
Todo lo que se encuentra dentro de este documento se puede localizar mediante
exploradores de internet siempre y cuando se cumpla con los requerimientos de
localización de documentos. </p> <h3> </tt>
</body>
</html>

<tt>
<h3>
<p>
<font color="#CC3333">EJEMPLO: </font>
<html>
<head>

<br><br><br>
<center><img src="http://www.auplod.com/uploader.html?url=http%3A%2F
%2Fwww.webestools.com%2Fpage%2Fimages%2Fuploads
%2FpostIt_slbWooetes1708.png"></center>

<br><br><br>
<center><img src="https://thecreatorsproject-images.vice.com/content-
images/contentimage/no-slug/f1c200d12afe9a8c9883737c5e3eca96.jpg"></center>

<Center><font color="#339933"> <tt><h3><b>¿Cuéntanos sobre el proceso creativo


detrás de estas piezas?
</h3><tt><b> </font> </Center>

El proceso consiste en utilizar algoritmos, que no es otra cosa que un conjunto


ordenado de múltiples operaciones matemáticas para combinar el contenido de una
imagen con el estilo de otra, utilizando el aprendizaje profundo y redes
neuronales, que son conjunto especifico de algoritmos que hacen parte del estudio
de la inteligencia artificial. Esta técnica separa el estilo artístico de la
estructura de una imagen y lo combina en la estructura de otra: <br><br>
<center>
<img src="https://thecreatorsproject-images.vice.com/content-
images/contentimage/no-slug/ba7e05deb8ae8ed584b12b43d57779a0.jpg" widht="300px"
height="300px">
</center>
<br>
<br>

<Center><font color="#FF0099"> <tt><h3><b>¿Cómo surgió la idea?</h3><tt></b>


</font> </Center>

Aunque los estudios de Inteligencia artificial se remontan a la década de los


ochenta, donde se alcanzaron avances muy importantes, es ahora donde este estudio
ha vuelto a tomar mucha fuerza ya que el manejo de gran cantidad de información
requiere el uso de <a href="https://es.wikipedia.org/wiki/Inteligencia_artificial"
target="_blank">IA</a> para alcanzar resultados satisfactorios en una fracción del
tiempo que le tomaría a otros sistemas. Es por esto que en los motores de búsqueda
ya tenemos resultados que auto completan lo que escribimos, y en algunas redes
sociales encontramos anuncios publicitarios relacionados con temas que hemos
compartido.

Los dos titanes que están liderando este estudio son Google y Microsoft, aunque
empresas como Apple también hacen visible la aplicación de esta tecnología con el
asistente virtual de Iphone que permite el reconocimiento de voz y mantener una
conversación fluida, Siri.

Quizá el más destacado sea Google con el proyecto para el estudio de <a
href="https://es.wikipedia.org/wiki/Inteligencia_artificial"
target="_blank">Inteligencia Artificial</a> y Aprendizaje Automatico llamado Google
Brain que siguiendo su filosofía Open Source han liberado varias licencias para que
cualquier interesado pueda experimentar con proyectos de Aprendizaje Profundo o
Deep Learning.

Esto unido a la noticia de la red neuronal de Google llamada DeepDream,


originalmente creada para clasificar imágenes y luego reconfigurada para generar
históricamente la primer imagen, no a partir de una instrucción o programación, si
no, dándole la libertad artística y basado en lo que se le había enseñado a través
de millones de imágenes dibujara lo que quisiera, el resultado es el siguiente:

<br> <br>

<center><img src="https://thecreatorsproject-images.vice.com/content-
images/contentimage/no-slug/d14daa9d885cbdf3a8fa78131d0720c4.jpg"></center>

<center><h3><i>
<font color="#336600">
<p> Esta pagina fue creada a partir de un articulo WEB<br> si le das click al GIF
de abajo<br> se abre otra ventana con el articulo original...</p> <br> <br>
</font></i></h3></center>

<img src="http://img.photobucket.com/albums/v516/draco703/Iconos/Click.gif"
style="float:left">
<img src="http://img.photobucket.com/albums/v516/draco703/Iconos/Click.gif"
style="float:right">
<center><img
src="http://img.photobucket.com/albums/v516/draco703/Iconos/Click.gif"></center>

<br>
<center><a href="http://thecreatorsproject.vice.com/es_mx/blog/arte-neuronal-con-
inteligencia-artificial-jaime-betancur" target="_blank"><img
src="http://i.giphy.com/6h2AcHV0WINlC.gif"></a></a> </center>

</body>

</html>

Potrebbero piacerti anche