lunes, 30 de noviembre de 2015

Visualización visual y codificada en HTML5 de un formulario web

VISUALIZACIÓN VISUAL

VISUALIZACIÓN CODIFICACIÓN HTML5

<html>
<head>
<title>Formulario de prueba de HTML5</title>
</head>
<body>
<form action="" method="get">
<p>
Nombre: <input type="text" name="name_control" autofocus required />
</p>
<p>
Correo electrónico: <input type="email" name="email_control" required
/>
</p>
<p>
URL: <input type="url" name="url_control" placeholder=
"http://iniciaciondesarrolloweb.blogspot.com/" />
</p>
<p>
Fecha: <input type="date" name="date_control" />
</p>
<p>
Tiempo: <input type="time" name="time_control" />
</p>
<p>
Fecha y hora: <input type="datetime" name="datetime_control" />
</p>
<p>
Mes: <input type="month" name="month_control" />
</p>
<p>
Semana: <input type="week" name="week_control" />
</p>
<p>
Número (min -10, max 10): <input type="number" name="number_control"
min="-10" max="10" value="0" />
</p>
<p>
Teléfono: <input type="tel" name="tel_control" />
</p>
<p>
Término de búsqueda: <input type="search" name="search_control" />
</p>
<p>
Color favorito: <input type="color" name="color_control" />
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</form>
</body>

</html>

domingo, 29 de noviembre de 2015

Introducción al HTML5

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web,

HTML. HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML (application/xhtml+xml).

Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

La versión definitiva de la quinta revisión del estándar se publicó

en octubre de 2014.3

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

El desarrollo de este lenguaje de marcado es regulado por el

Consorcio W3C.

HTML5, la última versión de HTML revolucionaria

y del futuro en tecnologías y diseños web.

Visualización visual y codificada en HTTML de tablas web

VISUALIZACIÓN VISUAL

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>Desempleo</title>
<style>
table, tr, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>El desempleo en España</h1>
<p>
La siguiente tabla muestra la evolución del desempleo en España,
comparado con la media de los 27 países de la Unión Europea, Grecia,
que compite con España en ser el primero en esta vergonzosa
competición y Estados Unidos y Japón, dos de las primeras economías
mundiales.
</p>
<table>
<tr>
<th>País</th>
<th>2000</th>
<th>2001</th>
<th>2002</th>
<th>2003</th>
<th>2004</th>
<th>2005</th>
<th>2006</th>
<th>2007</th>
<th>2008</th>
<th>2009</th>
<th>2010</th>
<th>2011</th>
<th>2012</th>
<th>2013</th>
</tr>
<tr>
<td>UE (27 países)</td>
<td>8.9</td>
<td>8.7</td>
<td>9</td>
<td>9.1</td>
<td>9.3</td>
<td>9</td>
<td>8.2</td>
<td>7.2</td>
<td>7</td>
<td>9</td>
<td>9.6</td>
<td>9.6</td>
<td>10.4</td>
<td>10.8</td>
</tr>
<tr>
<td><strong>España</strong></td>
<td><strong>11.9</strong></td>
<td><strong>10.6</strong></td>
<td><strong>11.5</strong></td>
<td><strong>11.5</strong></td>
<td><strong>11</strong></td>
<td><strong>9.2</strong></td>
<td><strong>8.5</strong></td>
<td><strong>8.2</strong></td>
<td><strong>11.3</strong></td>
<td><strong>17.9</strong></td>
<td><strong>19.9</strong></td>
<td><strong>21.4</strong></td>
<td><strong>24.8</strong></td>
<td><strong>26.1</strong></td>
</tr>
<tr>
<td>Grecia</td>
<td>11.2</td>
<td>10.7</td>
<td>10.3</td>
<td>9.7</td>
<td>10.6</td>
<td>10</td>
<td>9</td>
<td>8.4</td>
<td>7.8</td>
<td>9.6</td>
<td>12.7</td>
<td>17.9</td>
<td>24.5</td>
<td>27.5</td>
</tr>
<tr>
<td>Estados Unidos</td>
<td>4</td>
<td>4.8</td>
<td>5.8</td>
<td>6</td>
<td>5.5</td>
<td>5.1</td>
<td>4.6</td>
<td>4.6</td>
<td>5.8</td>
<td>9.3</td>
<td>9.6</td>
<td>8.9</td>
<td>8.1</td>
<td>7.4</td>
</tr>
<tr>
<td>Japón</td>
<td>4.7</td>
<td>5</td>
<td>5.4</td>
<td>5.3</td>
<td>4.7</td>
<td>4.4</td>
<td>4.1</td>
<td>3.9</td>
<td>4</td>
<td>5.1</td>
<td>5.1</td>
<td>4.6</td>
<td>4.3</td>
<td>4</td>
</tr>
</table>
<p>
Fuente: <a href="http://epp.eurostat.ec.europa.eu/tgm/table.do?tab=
table&init=1&language=en&pcode=tsdec450&plugin=1">Índice de desempleo anual</a>, Eurostat
</p>
</body>
</html>

sábado, 28 de noviembre de 2015

Visualización visual y codificada en HTML de formularios web

PRIMER FORMULARIO WEB

VISUALIZACIÓN VISUAL

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>Formulario de registro - Mi web</title>
</head>
<body>
<h1>Formulario de registro</h1>
<form action="" method="get">
<p>
Nombre: <input type="text" name="nombre" maxlength="50" />
</p>
<p>
Apellidos: <input type="text" name="apellidos" maxlength="50" />
</p>
<p>
Sexo: <input type="radio" name="sexo" value="h" /> hombre <input type=
"radio" name="sexo" value="m" /> mujer
</p>
<p>
Correo: <input type="text" name="correo" maxlength="100" />
</p>
<p>
<input type="checkbox" name="info" checked="checked" /> Deseo recibir
información sobre novedades y ofertas
</p>
<p>
<input type="checkbox" name="condiciones" /> Declaro haber leido y
aceptar las condiciones generales del programa y la normativa sobre
protección de datos
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</form>
</body>

</html>

SEGUNDO FORMULARIO WEB

VISUALIZACIÓN VISUAL

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>Formulario de registro - Mi web</title>
</head>
<body>
<h1>Formulario de registro</h1>
<form action="" method="get">
<p>
<label for="nombre">Nombre:</label> <input type="text" name="nombre"
id="nombre" maxlength="50" />
</p>
<p>
<label for="apellidos">Apellidos:</label> <input type="text" name="
apellidos" id="apellidos" maxlength="50" />
</p>
<p>
Sexo: <input type="radio" name="sexo" id="sexo-h" value="h" /> <label
for="sexo-h">hombre</label> <input type="radio" name="sexo" id="sexo-m
" value="m" /> <label for="sexo-m">mujer</label>
</p>
<p>
<label for="correo">Correo:</label> <input type="text" name="correo"
id="correo" maxlength="100" />
</p>
<p>
<label for="poblacion">Población:</label>
<select name="poblacion" id="poblacion">
<option>Alicante</option>
<option>Madrid</option>
<option>Sevilla</option>
<option>Valencia</option>
</select>
</p>
<p><label for="descripcion">Descripción:</label>
<textarea name="descripcion" id="descripcion" rows="6" cols="60"><
/textarea>
</p>
<p>
<input type="checkbox" name="info" id="info" checked="checked" />
<label for="info">Deseo recibir información sobre novedades y ofertas
</label>
</p>
<p>
<input type="checkbox" name="condiciones" id="condiciones" /> <label for="condiciones"> Declaro haber leido y aceptar las condiciones generales del programa y la normativa sobre protección de datos</label>
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</form>
</body>
</html>

Consultas en relación a lo sitios web de los centros de datos de google

¿Qué liqudo "especial" emplea Google para refrigerar sus centros de datos?

Aunque te sorprenda, Google emplea simplemente… agua.
Si quieres, tu ordenador también se puede refrigerar por agua o por
aceite.

Estas tuberías de colores transportan el agua dentro y fuera de
nuestro centro de datos de Oregón.

Las tuberías azules suministran agua fría y las rojas devuelven el agua caliente para que se enfríe.

Miles de metros de tuberías recorren nuestros centros de datos.
Las pintamos con colores vivos no solo porque es más divertido, sino también para distinguirlas.

Si quieres ampliar conocimientos en este tema, lee el artículo de la Wikipedia Refrigeración liquida, (informática),

¿Qué tipo de red local se emplea en los centros de datos de Google?

Se emplea una red de área ocal de tipo Ethernet.

Las tuberías no son lo único colorido en nuestros centros de datos.

Estos cables Ethernet están organizados por colores.

Esto puede ayudar a reducir los tecnicismos: "Pásame un cable azul".

Estos conmutadores de Ethernet conectan nuestra red de instalaciones.

Gracias a ellos, podemos comunicarnos con los principales mecanismos de control del sistema de enfriamiento de nuestro centro de datos y supervisar esos mecanismos.

¿Qué sistema emplea Google para realizar copias de seguridad de sus datos?

Google emplea un sistema de cintas robotizado.

Las cintas son un sistema de copia de seguridad (backup) lento, pero ofrecen una gran capacidad de almacenamiento y son muy baratas.

Tenemos copias de seguridad de todos los datos (por si les ocurre algo ).

Uno de los lugares en los que se hacen copias de seguridad de la
información es la biblioteca de cintas.

Unos brazos robóticos (que se observan al final del pasillo), nos ayudan a cargar y descargar cintas cuando necesitamos acceder a ellas.

Cada cinta tiene un código de barras único para que nuestro sistema

automático pueda encontrar la cinta correcta.

¿Qué hace Google cuando un disco duro está defectuoso?

Google inutiliza los discos duros defectuosos para que no puedan ser

usados y no se pueda acceder a la información que almacenan.

Por tal motivo, destruimos las unidades defectuosas y remplazamos
por una unidad nueva y asi mantener la seguridad de los datos de los
usuarios.

¿Cuántos centros de datos posee Google en la actualidad?

¿Dónde se encuentran?

A día de hoy, Google posee 13 centros de datos distribuidos por 3

continentes:

7 en América: Condado de Berkeley, Carolina del Sur; Council Bluffs, Iowa; Condado de Douglas, Georgia; Quilicura, Chile; Condado de Mayes,Oklahoma; Lenoir, Carolina del Norte; The Dalles, Oregón.

3 en Europa: Hamina, Finlandia; Saint-Ghislain, Bélgica; Dublín, Irlanda.

3 en Asia: Hong Kong; Singapur; Taiwán.

¿Qué vehículo emplean los ingenieros de Google para moverse por sus instalaciones?

El vehículo elegido por los equipos de ingenieros, para dar una vuelta fuera de los centros de datos, es una bicicleta G-Bike.

Centros de datos de Google

Los Centros de datos de Google (o Google Data Center) son

instalaciones especialmente creadas por Google para el almacenamiento y gestión de sus servidores.

Constan de distintos elementos electrónicos tales como sistemas de

almacenamiento, dispositivos de comunicación, elementos de

climatización y dispositivos de seguridad.

En el 2013 Google tiene 13 centros de datos en los que, según las

estimaciones realizadas sobre los últimos datos energéticos emitidos

se calcula que habría un total de 900,000 servidores.

Los servidores que se usan en los centros de datos son montados a

medida por Google y funcionan bajo una distribución de Linux también completamente personalizada por Google.

En el siguiente video veremos un recorrido por uno de los centros de datos de google, desde la sala de redes hasta las torres de refrigeración, ubicadas fuera de la instalación.

En este recorrido guiado en vídeo podrás explorar las diferentes áreas de un centro de datos de Google

Computación en la nube - HTML5

"La nube", ¿qué es la nube en informática?

La nube es un término que empezó a ponerse de moda a

partir del año 2010, tal como podemos

observar en el siguiente gráfico de Google Trends:

Desde entonces, todo el mundo habla de la nube, pero la nube

informática es tanto o más escurridiza que las nubes reales.

La computación en la nube, conocida también como servicios en la

nube, informática en la nube, nube de cómputo o nube de conceptos

(del inglés cloud computing), es un paradigma que permite ofrecer

servicios de computación a través de una red, que usualmente es

Internet.

Es decir, lo que se lleva haciendo más de 40 años, desde el año 1969

cuando nació Internet.

Sí, nada nuevo bajo el sol.

Lo nuevo que ofrece la nube es la posibilidad de ejecutar directamente en la Web a través de un navegador aplicaciones

que en el pasado requerían la instalación previa del software en el ordenador.

De manera abreviada la computación en nube o

informática en la nube, es ofrecer servicios de

computación a través de Internet.

Para más información referente a computación en nube o

almacenamiento en nube consulta esta información que nos presta

la Wikipedia, referente a la Computación en la nube.

lunes, 23 de noviembre de 2015

Definición host - hosting

El término host ("anfitrión", en español) es usado en informática

para referirse a las computadoras conectadas a una red, que proveen

y utilizan servicios de ella.

Los usuarios deben utilizar anfitriones para tener acceso a la red.

En general, los anfitriones son computadores monousuario o

multiusuario que ofrecen servicios de transferencia de archivos,

conexión remota, servidores de base de datos, servidores web, etc.

Los usuarios que hacen uso de los anfitriones pueden a su vez pedir

los mismos servicios a otras máquinas conectadas a la red.

De forma general un anfitrión es todo equipo informático que posee una

dirección IP y que se encuentra interconectado con uno o más equipos.

Un host o anfitrión es un ordenador que funciona como el punto de

inicio y final de las transferencias de datos.

Comúnmente descrito como el lugar donde reside un sitio web.

Un anfitrión de Internet tiene una dirección de Internet única

(dirección IP) y un nombre de dominio único o nombre de anfitrión.

De manera abreviada el host -hosting

es el alojamiento del contenido de un sitio web.

Localización de registro del dominio y caducación dominio de cristianoronaldo.com y leomessi.com

Para realiza esta acción se utiliza WHOIS es un protocolo que se utiliza para efectuar consultas en una base de datos que permite determinar el propietario de un nombre de dominio o una dirección IP en Internet.

¿Quién tiene registrado el dominio cristianoronaldo.com? ¿Cuándo se registró por primera vez? ¿Cuándo caduca el registro de este dominio?

cristianoronaldo.com está registrado a nombre de Brandi Next, una empresa portuguesa de diseño multimedia, desarrollo web y creación de marca.

Parece que fue registrado por primera vez el 10 de agosto de 2002. Según el artículo Cristiano Ronaldo de la Wikipedia, Cristiano Ronaldo tuvo su debut deportivo el 14 de agosto de 2002 con el Sporting Clube de Portugal. Si se despistan un poco, el dominio acaba registrado por otras personas.

El registro está pagado hasta el 10 de agosto de 2019.

Fuente: http://whois.icann.org/en/lookup?name=cristianoronaldo.com

¿Quién tiene registrado el dominio leomessi.com? ¿Cuándo se registró por primera vez? ¿Cuándo caduca el registro de este dominio?

leomessi.com está registrado a nombre de LEO MESSI MANAGEMENT, que según información localizada en Internet es la sociedad de la familia Messi que representa los derechos de imagen de Leo Messi (BORME 97, 26 de mayo de 2009).

Parece que fue registrado por primera vez el 16 de marzo de 2004. Según el artículo Lionel Messi de la Wikipedia, Leo Messi tuvo su debut deportivo el 16 de octubre de 2004 con el F.C. Barcelona, así que sus padres o su manager fueron previsores y compraron el dominio unos meses antes del gran salto al primer equipo.

El registro está pagado hasta el 16 de marzo de 2018.

Fuente: http://whois.icann.org/en/lookup?name=leomessi.com

domingo, 22 de noviembre de 2015

Visualización de un Curriculum Vitae en aspecto visual y formato HTML web

ASPECTO VISUAL CV

Curriculum Vitae Antonio Dacosta Martinez

DATOS PERSONALES

Nombre y apellidos:Antonio Dacosta Martinez
Fecha de nacimiento:11/01/1990
Telefono de contacto:603 67 48 45
E-mail:antoniodacostamartinez@gmail.com

FORMACIÓN ACADÉMICA

Técnico de Laboratorio de Grado Medio.Formación Profesional Especifica.1300 horas.(Centro San Miguel-Adoratrices, Sevilla).2011.

FORMACIÓN COMPLEMENTARIA

Curso de Windows XP.Ciclos Aima.90 horas.Bormujos. (Sevilla).

EXPERIENCIA PROFESIONAL

Divulgador de la Feria de las Ciencias de Sevilla.22, 23 y 24 de mayo de 2008.
Networker y gestor de equipos comerciales.
Agente comercial en el sector energéticó y telecomunicaciones.
Repartidor de publicidad.

PRÁCTICAS PROFESIONALES

Prácticas de Técnico de Laboratorio en el Laboratorio de Prodiuccción y Sanidad Animal de Sevilla."LAPSASE".De septiembre a diciembre de 2011.

REFERENCIAS

Se proporcionarán a petición.

COMPETENCIAS PROFESIONALES

Posibilidad de incorporación inmediata.
Gran capacidad de trabajar en equipo y aprendizaje.
Dinámico y creativo.
Don de gentes y trAto al público.

FORMATO HTML WEB CV

<html>

<head>

<title>Curriculum Vitae Antonio Dacosta Martinez</title>

</head>

<body>

<h1>Curriculum Vitae Antonio Dacosta Martinez</h1>

<h2>DATOS PERSONALES</h2>

<ul>

<li>Nombre y apellidos:<strong>Antonio Dacosta Martinez</strong></li>

<li>Fecha de nacimiento:<strong>11/01/1990</strong></li>

<li>Telefono de contacto:<strong>603 67 48 45</strong></li>

<li>E-mail:<strong>antoniodacostamartinez@gmail.com</strong></li>

</ul>

<h2>FORMACIÓN ACADÉMICA</h2>

<ul>

<li><strong>Técnico de Laboratorio de Grado Medio.Formación

Profesional Especifica.1300 horas.(Centro San Miguel-Adoratrices,

Sevilla).2011.</strong></li>

</ul>

<h2>FORMACIÓN COMPLEMENTARIA</h2>

<ul>

<li><strong>Curso de Windows XP.Ciclos Aima.90 horas.Bormujos.

(Sevilla).</strong></li>

</ul>

<h2>EXPERIENCIA PROFESIONAL</h2>

<ul>

<li><strong>Divulgador de la Feria de las Ciencias de Sevilla.22,

23 y 24 de mayo de 2008.</strong></li>

<li><strong>Networker y gestor de equipos comerciales.</strong></li>

<li><strong>Agente comercial en el sector energéticó y

telecomunicaciones.</strong></li>

<li><strong>Repartidor de publicidad.</strong></li>

</ul>

<h2>PRÁCTICAS PROFESIONALES</h2>

<ul>

<li><strong>Prácticas de Técnico de Laboratorio en el Laboratorio de

Prodiuccción y Sanidad Animal de Sevilla."LAPSASE".De septiembre a

diciembre de 2011.</strong></li>

</ul>

<h2>REFERENCIAS<h2>

<ul>

<il><strong>Se proporcionarán a petición.</strong></il>

</ul>

<h2>COMPETENCIAS PROFESIONALES</h2>

<ul>

<li><strong>Posibilidad de incorporación inmediata.</strong></li>

<li><strong>Gran capacidad de trabajar en equipo y aprendizaje.

</strong></li>

<li><strong>Dinámico y creativo.</strong></li>

<li><strong>Don de gentes y trato al público.</strong></li>

</ul>

</body>

</html>

Visualización visual y codificada en HTML enlaces HTML

VISUALIZACIÓN VISUAL

Los tres pilares de la Web

Los tres pilares de la Web

Tim Berners Leees considerado el padre de la Web porque desarrollo los tres elementos basicos para el funcionamiento de laWeb:

HTML
HTTP
URL

HTML

Hipertext Markup Language

HTML

HTTP

Hipertext Transfer Protocol

HTTP

URL

localizador de recursos uniforme

Uniform Resource Locator

URL

VISUALIZACIÓN CODIFICADA HTML ENLACES HTML

<html>

<head>

<tile>Los tres pilares de la Web</title>

</head>

<body>

<h1>Los tres pilares de la Web</h1>

<p>

<a href="http://es.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners

Lee</a>es considerado el padre de la Web porque desarrollo los tres

elementos basicos para el funcionamiento de la<a href="http://es.

wikipedia.org/wiki/World_ Wide_ Web">Web</a>:

</p>

<ul>

<p>

HTML,siglas de<strong>Hipertext Markup Language</strong>,hace

referencia al lenguaje de marcado para la elaboracion de paginas

web.Es un estandar que sirve de referencia para la elaboracion de

paginas web en sus diferentes versiones,define una estructura

basica y un codigo (denominado codigo HTML) para la definicion de

contenido de una pagina web, como texto, imagenes, entre otros.

Es un estandar a cargo de la W3C,organizacion dedicada a la

estandarizacion de casi todas las tecnologias ligadas a la web,

sobre todo en lo referente a su escritura e interpretacion.

Es un lenguaje con el que se definen las paginas web.

</p>

<p>

Fuente:<a href="http//es.wikipedia.org/wiki/HTML">HTML</a>,Wikipedia

</p>

<p>

<strong>Hipertext Transfer Protocol</strong>o HTTP (en español

protocolo de transferencia de hipertexto) es el protocolo usado en

cada transaccion de la World Wide Web. HTTP fue desarrollado por el

World Wide Web Consortium y la Internet Engineering Task Force,

colaboracion que culmino en 1999 con la publicacioon de una serie de

RFC, el mas importante de ellos es el RFC 2616 que especifica la

version 1.1.

</p>

<p>

Fuente:<a href="http://es.wikipedia.org/wiki/Hipertext_Tranfer_

Protocol">HTTP</a>,Wikipedia

</p>

<p>

Un<strong>localizador de recursos uniforme</strong>o URL-siglas en

ingles de<em>Uniform Resource Locator</em>- es un identificador de

recursos uniforme (URI) cuyo recursos referidos pueden cambiar, esto

es, la direccion puede apuntar a recursos variables en el tiempo.

Estan formados por una secuencia de caracteres,de acuerdo a un

formato modelico estandar,que designa recursos en una red como

internet.

</p>

<p>

Fuente:<a href="http://es.wikipedia.org/wiki/Localizador_de_recursos

_uniforme">URL</a>,Wikipedia

</p>

</body>

</html>

lunes, 9 de noviembre de 2015

Visualización visual y codificada en HTML lista de una web

PRIMERA WEB

VISUALIZACIÓN VISUAL

Curriculum Vitae de Bruce Wayne

Datos personales

Nombre completo:Bruce Wayne

Fecha de nacimiento:1/5/1939

Lugar de nacimiento:Gothan City

Formación académica

1956-1961:Universidad de Espantapájaros

1952-1956:Instituto de Dos Caras

1944-1952:Escuela Primaria del Joker

Experiencia laboral

1975-1985:En el paro

1965-1975:Cazavillanos y demas chusmas

1962-1965:Aprendiz de superhéroes

VISUALIZACIÓN CODIFICACIÓN HTML LISTA

<html>

<head>

<ile>Curriculum Vitae de Bruce Wayne</title>

</head>

<body>

<h1>Curriculum Vitae de Bruce Wayne</h1>

<h2>Datos personales</h2>

<ul>

<li>Nombre completo:<strong>Bruce Wayne</strong></li>

<li>Fecha de nacimiento:<strong>1/5/1939<strong></li>

<li>Lugar de nacimiento:<strong>Gothan City</strong></li>

</ul>

<h2>Formación académica</h2>

<ul>

<li>1956-1961:<strong>Universidad de Espantapájaros</strong></li>

<li>1952-1956:<strong>Instituto de Dos Caras</strong></li>

<li>1944-1952:<strong>Escuela Primaria del Joker</storng></li>

</ul>

<h2>Experiencia laboral</h2>

<ul>

<li>1965-1975:<strong>Cazavillanos y demas chusmas</strong></li>

<li>1962-1965:<strong>Aprendiz de superhéroes</strong></li>

</ul>

</body>

</html>

SEGUNDA WEB

VISUALIZACIÓN VISUAL

Internet

Contenido

Principales protocolos
Formas de conectarse

1.Principales protocolos

Transmision de ficheros:
- FTP
Correo electronico:
- IMAP
- POP
- SMTP

2.Formas de conectarse

Red Telefonica Conmutada (RTC): La linea telefonica de toda la vida.Para acceder a internet es necesario un modem.
Red Digital de Servicios Integrados (RDSI): Una linea telefonica especial.Para acceder a internet es necesario un modem RDSL.
Linea de Abonado Digital Asimetrica (ADSL): Se basa en la conversion de una linea RTC en una linea de alta velocidad.Para acceder a internet es necesario un modem ADSL.
Fibra Optica: Una linea de fibra optica.Normalmente la fibra optica no llega hasta el usuario final,por lo que el termino mas apropiado es Fibra hibrida coaxial.

VISUALIZACIÓN CODIFICACIÓN HTML LISTA

<html>
<head>
<title>Internet</title>
</head>
<body>
<h1>Internet</h1>
<h2>Contenido</h2>
<ol>
<li>Principales protocolos</li>
<li>Formas de conectarse</li>
</ol>
<h2>1.Principales protocolos</h2>
<ul>
<li>Transmision de ficheros:
<ul>
<li>FTP</li>
</ul>
</li>
<li>Correo electronico:
<ul>
<li>IMAP</li>
<li>POP</li>
<li>SMTP</li>
</ul>
</li>
</ul>
<h2>2.Formas de conectarse</h2>
<dl>
<dt>Red Telefonica Conmutada (RTC)</dt>
<dd>La linea telefonica de toda la vida.Para acceder a internet es
necesario un modem.</dd>
<dt>Red Digital de Servicios Integrados (RDSI)</dt>
<dd>Una linea telefonica especial.Para acceder a internet es
necesario un modem RDSL.</dd>
<dt>Linea de Abonado Digital Asimetrica (ADSL)</dt>
<dd>Se basa en la conversion de una linea RTC en una linea de
alta velocidad.Para acceder a internet es necesario un modem
ADSL.</dd>
<dt>Fibra Optica</dt>
<dd>Una linea de fibra optica.Normalmente la fibra optica no llega
hasta el usuario final,por lo que el termino mas apropiado es Fibra
hibrida coaxial.</dd>
</dl>
</bdy>
</html>

Errores al poner el titulo de la página de un sitio web

En este vídeo se hablará de los errores que comete la gente al diseñar la pagina de un sitio web.

Recordaremos la importancia de tener la etiqueta "title " para tener un buen sitio web.

Tener una buena página en tu sitio web, ayuda a que cuando visualices varias páginas webs a la vez, tener presente que página es y tambien ayuda al mejor posicionamiento de la página de tu sitio web. y poder posicionarse mejor en los buscadores de Internet.

Visualización visual y codificada en HTML de una web

PRIMERA WEB

VISUALIZACIÓN VISUAL

Erase una vez HTML

El padre

El padre de la web, Tim Berners Lee, es tambien el padre del lenguaje HTML.

La estandarización

El lenguaje HTML esta estandarizado por la W3C,El World Wide web Consortion.

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>Erase una vez HTML</title>
<head>
<body>
<h1>Erase una vez HTML</h1>
<h2>El padre</h2>
<p>El padre de la web, <strong> Tim Berners Lee</strong>, es tambien
el padre del lenguaje HTML. </p>
<h2>La estandarización</h2>
<p>El lenguaje HTML esta estandarizado por la W3C,El <em> World Wide
web Consortion.</p>
</body>
</html>

SEGUNDA WEB

VISUALIZACIÓN VISUAL

HTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto.
El lenguaje HTML se emplea para crear las páginas web. Es muy fácil ver el código HTML de una página web, la opción exacta cambia de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador, pero suelen tener un nombre similar.
HTML se compone de etiquetas que se escriben entre los símbolos menor que y mayor que.

Historias de HTML

Los inicios del lenguaje HTML Tim Berners- Lee creó la primera página web.

Versiones de HTML

Tim Berners Lee definio la primera versión de HTMLen el año 1991.
En la actualidad la última versión deHTML es HTML5

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>HTML</title>
</head>
<body>
<h1>HTML>/h1>
<p><strong>HTML</strong> son las siglas de <em>HyperText Markup Language</em>, que puede
traducirse como lenguaje de marcas o marcado de hipertexto.
</p>
<p>El lenguaje<strong> HTML</strong> se emplea para crear las páginas web.
Es muy fácil ver el código<strong> HTML</strong> de una página web, la opción exacta cambia
de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador,
pero suelen tener un nombre similar.
</p>
<p><strong>HTML</strong> se compone de etiquetas que se escriben entre los símbolos menor que
y mayor que.</p>
<h2>Historias de HTML</h2>
<p>Los inicios del lenguaje<strong> HTML</strong se remontan al año 1990, cuando<em> Tim Berners-
Lee creó la primera página web.</p>
<h2>Versiones de HTML</h2>
<p><em>Tim Berners Lee</em>definio la primera versión de <strong>HTML</strong>en el año 1991.
</p>
<p>En la actualidad la última versión de<strong>HTML</strong>es HTML5</p>
</body>
</html>

TERCERA WEB

VISUALIZACIÓN VISUAL

Biografía

Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos TTL, un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el Queen's College de la Universidad de Oxford. Conoció a su primera esposa en este periodo. En 1978, trabajó en D.G. Nash Limited (también en Poole) escribió un sistema operativo.

Desarrollo de su carrera

Berners-Lee trabajó en el CERN desde junio hasta diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.
Después de dejar el CERN, en 1980, se fue a trabajar a la empresa de John Poole Image Computer Systems Ltd., pero regresó al CERN otra vez en 1984.
En 1989, el CERN era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (HTTP y HTML), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó httpd (HyperText Transfer Protocol daemon).
Fuente: Wikipedia

VISUALIZACIÓN CODIFICACIÓN HTML

<html>
<head>
<title>Tim Berners-Lee</title>
</head>
<body>
<h1>Tim Berners-Lee</h1>
<p>
Sir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio
de 1955) es un científico de la computación británico, conocido por
ser el padre de la Web. Estableció la primera comunicación entre un
cliente y un servidor usando el protocolo <strong>HTTP</strong> en
noviembre de 1989. En octubre de 1994 fundó el <em>Consorcio de la
World Wide Web</em> (<strong>W3C</strong>) con sede en el <strong>MIT
</strong>, para supervisar y estandarizar el desarrollo de las
tecnologías sobre las que se fundamenta la Web y que permiten el
funcionamiento de Internet.
</p>
<h2>Biografía</h2>
<p>
Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y
formaron parte del equipo que construyó el Manchester Mark I (una de
las primeras computadoras). Durante el tiempo que estuvo en la
universidad, construyó una computadora con una soldadora, circuitos
<strong>TTL</strong>, un procesador Motorola 68000 y un televisor
viejo. Se graduó en física en 1976 en el <em>Queen's College</em> de
la <em>Universidad de Oxford</em>. Conoció a su primera esposa en
este periodo. En 1978, trabajó en <em>D.G. Nash Limited</em> (también
en <em>Poole</em>) escribió un sistema operativo.
</p>
<h2>Desarrollo de su carrera</h2>
<p>
Berners-Lee trabajó en el <strong>CERN</strong> desde junio hasta
diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en
el hipertexto para facilitar la forma de compartir y la puesta al día
de la información entre investigadores. En este periodo también
construyó un programa llamado Enquire que no llegó a ver la luz.
</p>
<p>
Después de dejar el <strong>CERN</strong>, en 1980, se fue a trabajar
a la empresa de <em>John Poole Image Computer Systems Ltd.</em>, pero
regresó al <strong>CERN</strong> otra vez en 1984.
</p>
<p>
En 1989, el <strong>CERN</strong> era el nodo de Internet más grande
de Europa y Berners-Lee vio la oportunidad de unir Internet y el
hipertexto (<strong>HTTP</strong> y <strong>HTML</strong>), de lo que
surgiría la World Wide Web. Desarrolló su primera propuesta de la Web
en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la
ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por
su gerente, Mike Sendall. Usó ideas similares a las que había usado
en el sistema Enquire para crear la World Wide Web, para esto diseñó y
construyó el primer navegador (llamado WorldWideWeb y desarrollado con
NextStep) y el primer servidor web al que llamó httpd (HyperText
Transfer Protocol daemon).
</p>
<p>Fuente: <em>Wikipedia</em></p>
</body>
</html>

CUARTA WEB

VISUALIZACIÓN VISUAL

World Wide Web

En informática laWorld Wide Web (WWWW) o Red Informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.

Historia

La web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners Lee, con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, publicado en 1992.
Desde entonces Berners Lee ha jugado papel activo guiando el desarrollo de estandares web, ( como los lenguajes de marcado con los que se crean las páginas web), y en los últinmos años ha abogado por su visión de una web semántica.
Fuente:Wikipedia

VISUALIZACIÓN CODIFICACIÓN HTML

<html lang-"es"->
<head>
<title>World Wide Web</title>
</head>
<body>
<h1>World Wide Web</h1>
<p>
En informática la<strong><em>World Wide Web</em></strong> (WWWW) o
Red Informática mundial comúnmente conocida como la web, es un sistema
de distribución de documentos de hipertexto o hipermedios
interconectados y accesibles vía internet. Con un navegador web, un
usuario visualiza sitios web compuestos de páginas web que pueden
contener texto, imágenes, vídeos u otros contenidos multimedia, y
navega a través de esas páginas usando hiperenlaces.
</p>
<h2>Historia</h2>
<p>
La web se desarrolló entre marzo de 1989 y diciembre de 1990 por el
inglés Tim Berners Lee, con la ayuda del belga Robert Cailliau
mientras trabajaban en el CERN en Ginebra, Suiza, publicado en 1992.
</p>
<p>
Desde entonces Berners Lee ha jugado papel activo guiando el
desarrollo de estandares web, ( como los lenguajes de marcado con los
que se crean las páginas web), y en los últinmos años ha abogado por
su visión de una web semántica.
</p>
<p>
Fuente:<em>Wikipedia</em></p>
</body>
</html>

Tim Berners Lee - Idealista Lenguaje HTML

Tim Berners-Lee (TBL) en 19912 3 describe 18 elementos que incluyen

el diseño inicial y relativamente simple de HTML.

Trece de estos elementos todavía existen en HTML 4.4,Tim Berners-Lee

consideraba el HTML una ampliación de SGML, pero no fue formalmente

reconocida como tal hasta la publicación a mediados de 1993, por la

IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una

primera proposición para una especificación del HTML: el borrador del

Hypertext Markup Language de Tim Berners-Lee y Dan Connolly, que

incluía una Definición de Tipo de Documento SGML para definir la

gramática.

El borrador expiró a los seis meses, pero fue notable por su

reconocimiento de la etiqueta propia del navegador Mosaic usada para

insertar imágenes sin cambio de línea, que reflejaba la filosofía del

IETF de basar estándares en prototipos con éxito.

De la misma manera, el borrador competidor de Dave Raggett HTML+

(Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de final

es de 1993, sugería estandarizar características ya implementadas,

como las tablas.

HTML, siglas de HyperText Markup Language («lenguaje de marcas de

hipertexto»), hace referencia al lenguaje de marcado para la

elaboración de páginas web.

Es un estándar que sirve de referencia para la elaboración de páginas

web en sus diferentes versiones, define una estructura básica y un

código (denominado código HTML) para la definición de contenido de una

página web, como texto, imágenes, videos, entre otros.

Es un estándar a cargo de la W3C, organización dedicada a la

estandarización de casi todas las tecnologías ligadas a la web, sobre

todo en lo referente a su escritura e interpretación.

Se considera el lenguaje web más importante siendo su invención

crucial en la aparición, desarrollo y expansión de la World Wide Web.

Es el estándar que se ha impuesto en la visualización de páginas web y

es el que todos los navegadores actuales han adoptado.'Texto en

negritaTexto en cursiva El lenguaje HTML basa su filosofía de

desarrollo en la diferenciación.

Para añadir un elemento externo a la página (imagen, vídeo, script,

entre otros.), este no se incrusta directamente en el código de la

página, sino que se hace una referencia a la ubicación de dicho

elemento mediante texto.

De este modo, la página web contiene sólo texto mientras que recae en

el navegador web (interpretador del código) la tarea de unir todos los

elementos y visualizar la página final.

Al ser un estándar, HTML busca ser un lenguaje que permita que

cualquier página web escrita en una determinada versión, pueda ser

interpretada de la misma forma (estándar) por cualquier navegador web

actualizado.

Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).

No obstante, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados.

Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer).

Por lo que un navegador desactualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML.

Así mismo, las páginas escritas en una versión anterior de HTML

deberían ser actualizadas o reescritas, lo que no siempre se cumple.

Es por ello que ciertos navegadores aún mantienen la capacidad de

interpretar páginas web de versiones HTML anteriores.

Por estas razones, aún existen diferencias entre distintos navegadores

y versiones al interpretar una misma página web.

Algunos de los mejores programadores de HTML son: Mark Zuckerberg,

Jack Dorsey, Kevin Systrom, Mike Krieger, entre otros.

Tim Berners Lee - el creadoor y idealista del código HTTML, HTTP, URL.