miércoles, 2 de diciembre de 2015

Introducción a los navegadores web



Un navegador web (en inglés, web browser) es un software, aplicación  o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.

La funcionalidad básica de un navegador web es permitir la 
visualización de documentos de texto, posiblemente con recursos 
multimedia incrustados. 

Además, permite visitar páginas web y hacer actividades en ella, es 
decir, enlazar un sitio con otro, imprimir, enviar y recibir correo, 
entre otras funcionalidades más.

Los documentos que se muestran en un navegador pueden estar ubicados en la computadora donde está el usuario y también pueden estar en cualquier otro dispositivo conectado en la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).

Tales documentos, comúnmente denominados páginas web, poseen 
hiperenlaces o hipervínculos que enlazan una porción de texto o una 
imagen a otro documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama "navegación", de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo utiliza, a la cual también se le llama "cibernauta").

Por otro lado, "hojeador" es una traducción literal del original en 
inglés, browser, aunque su uso es minoritario.


Uno de los motivos principales de que no se visualicen
bien algunas webs en los navegadores, es debido a que
el código fuente html presente errores , producidos por 
errores de escritura del desarollador web.
  

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.





¿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.








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

    HTML,siglas deHipertext Markup Language,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.
    Fuente:HTML,Wikipedia

    HTTP

    Hipertext Transfer Protocolo 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.
    Fuente:HTTP,Wikipedia

    URL

    Unlocalizador de recursos uniformeo URL-siglas en ingles deUniform Resource Locator- 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.
    Fuente:URL,Wikipedia



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>
<li><a href="#html">HTML</a></li>
<li><a href="#http">HTTP</a></li>
<li><a href="#url">URL</a></li>
<h2 id="html">HTML</h2>
<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>
<h2 id="http">HTTP</h2>
<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>
<h2 id="url">URL</h2>
<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

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>1975-1985:<strong>En el paro</strong></li>
<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

  1. Principales protocolos
  2. 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>