lunes, 31 de julio de 2017

imagenes html

<img></img> esta es la etiqueta para introducir imagenes. con los atributos src y alt.

<img src="url" alt="logo de empresa"></img>

src se dice la url donde esta la imagen y alt es muy importante para la usabilidad de la web.

También son importantes los siguientes atributos opcionales:
ismap. que son para mapa de imagen
usemap también para mapas de imagen.
longdesc. para una url de comentarios largos de la imagen.
width y height .para las dimensiones de  la imagen.


con este ultima entrada doy por finalizado este blog, estoy empezando con html5 otro blog.por si lo quereis ver.

domingo, 30 de julio de 2017

Ejemplo de tabla


 Este es un ejemplo de tablas,es un ejerccio que nos plantean en activate.


<!DOCTYPE HTML>
<html>
<meta content="text/html" charset="utf-8">
<head>
<title>El desempleo en España</title>

</head>
<body>
<h1>El desempleo en España</h1>
<table border="8 pix">

<thead>
<tr>
<td colspan=2> <strong>Pais</strong></td><td><strong>2000</strong></td><td><strong>2001</strong></td><td><strong>2002</strong></td><td><strong>2003</strong></td><td><strong>2004</strong></td><td><strong>2005</strong></td><td><strong>2006</strong></td><td><strong>2007</strong></td><td><strong>2008</strong></td><td><strong>2009</strong></td><td><strong>2010</strong></td><td><strong>2011</strong></td><td><strong>2012</strong></td><td><strong>2013</strong></td>
</tr>
</thead>


<tbody>
<tr>
<td colspan=2> UE (27 paises)</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>


<thead>
<tr>
<td colspan=2><strong>España</td><td><strong>11.9</strong></td><td><strong>11.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>
</thead>

<tr>
<td colspan=2> 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>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><td>24.6</td>
</tr>

<Tr>
<td colspan=2> 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 colspan=2> 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>
</tbody>


</table>

<p> Fuente:<a href="http://epp.eurostat.ec.europa.eu/tgm/table.do?tab=table&init=1&language=en&pcode=tsdec450&plugin=1">indice de desempleos anual</a>  Eurostat </P

</body>


</html>

sábado, 29 de julio de 2017

Tablas 1

Tablas:
<table>.....</table>

Es la etiqueta que nos indica que comienza una tabla,es como el contenedor, dentro de esta equiqueta se introducirán las cajas,celdas,filas,etc.

<tr></tr> son las filas horizontales donde irán las celdas.

<td></td>son las celdas y vasn dentro de las <tr>
----si agregamos a <td> un atributo colspan ,lo que logramos es juntar varias celdas de forma horizontal,ejemplo de agrandar 2 celas ,seria este:
<td colspan="2">.....</colspan>
----si agregamos rowspan a td como atributo,lo que logramos es agrandar las celdas en forma vertical,ejemplo de ampliar 2 celdas de forma vertical seria este:
<td rowspan="2">....</rowspana>

<caption></caption> esta eyiquela lo que nos hace es poner un titulo independiente el la cabecera de la tabla.

<th></th> son las celdas de encabezado, y normalmente salen en negrita, este tipo de celdas también se  pueden poner en otro lugar que no sea la cabecera.

<thead></thead> lo que conseguimos es agrupar las celdas de cabecera.(como si fuera un grupo independiente).

<tbody></tbody> con esta etiqueta lo que hacemos es agrupar la parte principal de la tabla (como otro grupo)

<tfoot></tfoot> con esta etiqueta agrupamos la parte baja de la tabla a modo de grupo.

<colgroup></colgroup> con esta etiquela lo qu elogramos es crear grupos de colunnas, en las tablas.


Validar nuestra web

La validacion de un sitio web es:
Después de crear la web ,debemos pasarlo por algún gestos de filtros para ver los fallos que se nos han pasado por alto,aunque en nuestro pc se vea todo correcto,quizá no sea así.
Una de lasa primeras cosas a tener en cuenta es la primara linea de nuestra web.
 <!DOCTYPE HTML>    Esto es para indicar al navegador en que versión de html esta creada la web, en este caso se trata de una web creada en html5.

Las validaciones se pueden hacer en varios sitios, uno muy importante es w3c (con el validador), hay mas WDG validator, y otro el validator.nu.
Se puede subir pagina completa o archivos sueltos y nos indicara algún fallo, si solucionamos el primero, normalmente desaparecen muchos,que son consecuencia del primero.
Por unas simples comillas ,hay navegadores que dejan la web en blanco y otras hacen cosas extrañas,por eso hay que validar nuestros trabajos.

viernes, 28 de julio de 2017

Caracteres

Los caracteres: 
Cuando en una web,aparecen cosas raras,ejemplo letras chinas o la ñ no aparece, o cosas así es por que algo falla con los caracteres.
La solución es usar siempre en nuestros trabajos los mismos caracteres y aun así sera casi imposible que todo se vea bien, pues las bases de datos pueden usar unos caracteres ,nosotros otros ,los navegadores otros,el hosting otros, en fin, un lío.
La mejor opción es usar UTF-8 sin BOM, este conjunto de caracteres lo bueno que tiene es que admite todas las letras y simbolos y evitaremos problemas.
cuando hacemos una web devemos decirle al navegador que conjunto de caracteres estamos usando, y en html5 es así , y va debajo de la etiqueta <html>

Es esta <meta charset="utf-8">  o también asi <meta charset="utf-8 />

El tema del BOM  (byte order mark)  es: que si utf-8 con BON lo que hace es en forma hexadecimal ser uns caracteres y unas letras,que nosotros no vemos ,pero los navegadores si, y por eso hay problemas de verlas bien, si quitamos el BON ,esa forma hexacedimal desaparece y los caracteres y letras también, y en el navegador  se ve bien.


Iso-8859-1 o latin 1: es después de  utf-8 la mejor solución en Europa occidental, pues también dispone de muchos caracteres.






Formularios 3

Botones de radio:
<input type="radio" name="transportes" value="1">coche
<br/>
<input type="radio" checekt="" name="transportes" value="2">tren
<br/>
<input type="radio" name="transportes" value="1">avion


Con este código lo que nos va hacer son unos botoncitos redondos de selección, de los cuales solo podemos seleccionar uno de ellos.
si queremos que uno de ellos aparezca seleccionado le agregamos el atributo checket como el ejemplo en tren .


Lista de cajas o checkbox
En este caso lo que veremos son unos cuadraditos de los cuales podemos seleccionar uno o varios y también puede haber alguno seleccionado.vemos un ejemplo.

<input type="checkbox" name="transportes" value="1"> coche
<br>
<input type="checkbox" name="transportes" value="2">tren
<br>
 <input type="checkbox" name="transportes" value="3">avión



Botón Envio
Este botón es sencillo y lo que hace es enviar el formulario a una base de datos o a nuestro correo.

<input type="submit" value="enviar formulario">



Boton reset
<input type="reset" value="borrar todo">

Lo que conseguimos con esta etiqueta es borrar todo el formulario.



Formularios 2

<textarea></textarea>
 Esta etiqueta se usa en en formulario normalmente para que salga un recuadro un poco grande para que nos hagan sugerencias o escriban algún texto el usuario, esta etiqueta lleva asociados a varios atributos: rows para la altura o numero de filas y cols para el ancho del cuadro textarea que se vera,por defecto 20 y name,que hace referencia al nombre del campo.

ejemplo:
<textarea name="comentarios" rows="10" cols="40">escribe tus comentarios aquí</textarea>

<Password/>
Esta caja de formulario ,lo que nos permite es escribir por ejemplo una clave, y el usuario no vera nada mas que símbolos, suele ir acompañado del atributo name,que hace referencia al nombre del campo.
ejemplo:
<input type="password" name="contraseña">


Lista de selección:
<selection></selection>
En este caso sale una cajeado y una flecha desplegable con las opciones que nosotros queramos. Esta instrucción también la podemos modificar: con el atributo size lo que hacemos es ver mas nombre de los que hemos puesto ,ejemplo si ponemos size 2 lo que se verán sera coche y tren y si desplegamos,pues veremos avión.
Otro atributo el múltiple, y con eso conseguimos que se puedan seleccionar mas de un elemento.
El atributo select lo que nos permite es dejar un elemento seleccionado.
y el atributo value es muy importante para gestión del formulario. Al enviar el formulario y si por ejemplo eligen avión,a nuestro correo o base de datos llegara 3-transportes y ya sabemos que es.

ejemplo:
<selection name="transportes">
<option value="value1">coche1</option>
<option value="value 2">tren 2</option>
<option value="value3">avion 3</option>
</selection>


ejemplo practico de formularios html5

Aquí esta un ejemplo de formulario en html5,solo hay que copiarlo y verlo en un navegador.se ven los tipos de formulario nuevos de html5.


<!DOCTYPE HTML>

<html lang="es">

<head>
<title>Formulario de prueba html5</title>
<meta charsed="utf-8/>
</head>

<body>
<form method="get" action="" >

<p>
Nombre <input type="text" name="nombre" autofocus="" ><br /><br />
</p>
<p>
Email <input type email="email" required="" /><br/><br/>
</p>
<p>
url <input type="url" value="escribe la url de tu web" name="file:///G:/pruebaformulariohtml5.html"><br/><br/>
</p>
<p>
Fecha <input type="date" name="fecha"><br/><br/>
</p>
<p>
Tiempo <input type="time" name="tiempo"><br/><br/>
</p>
<p>
Fecha y hora <input type="datetime" name="fecha y hora"><br/><br/>
</p>
<p>
Mes <input type="month" name="mes"><br/><br/>
</p>
<p>
Semana <input type="week" name="semana"><br/><br/>
</p>
<p>
Numero <input type="number" name="numero" min="-10" max="10"><br/><br/>
</p>
<p>
Telefono <input type="tel" name="telefono"><br/><br/>
</p>
<p>
Busqueda <input type="search" name="busqueda"><br/><br/>
</p>
<p>
Color <input type="color" name="color"><br/><br/>
</p>
<p>
Enviar <input type="submit" value="enviar" name="enviar" /><br/><br/>
</p>
<p>
Borrar <input type="reset" value="borrar" />
</p>
</form>

</body>


</html>

jueves, 27 de julio de 2017

Comparacion de errores de las web (validandolas en w3c)

He comprobado algunas web con el validar de w3c y estos son los resultados:

www.guadalajara.es     (tiene tres errores, el primer error es por no cerrar un br)

www.ayto-alcaladehenares.es   (tiene 132 errores y el primero  es algo relacionado con java)

www.sacedon.es    (tiene 5 errores,  el primero es por no abrir comillas)

www.aeropuertobarcelona-elprat.com     (tiene 15 errores, fallo en algo de un link)

Las conclusiones son: que todas las web tienen fallo en el código html. lo ideal es que no tenga fallos y asi poder visualizar nuestra web bien en todos los navegadores.
Con las herramientas de w3c,wdg htm,y validator.nu podemos quitarlas o reducirlas y así se verán en la mayoría de navegadores .

Formularios 1

Un formulario es una etiqueta <form>.........</form>. es como un contenedor,dentro de esta etiqueta van todas los demás botones,cuadritos de chequeo,entradas de nombres,tel,mail,dias,meses,fechas , en fin bastantes acciones que se pueden modificar por el usuario y mandarlas ,nosrmalmete a una base de datos para su gestión, aunque también se puede mandar a un correo electrónico.

La etiqueta <form> tiene asociados varios atributos, uno de lo importantes es  "methot" que es la forma que se enviara el formulario, normalmente en formato Get, si no hay que especificar como es el envio :
<form method="post">        aquí estamos especificando que es envió post.
<form method="get">           especificamos que el envió es get.

Atributo "action"  es la forma que se envía el formulario.


Ahora entramos dentro del contenedor form y ponemos los botones y formulario que queramos.
por ejemplo entradas tipo texto. vamos a ver muchos ejemplos.

las entradas se hacen con la eqtiqueta <input>, vamos a poner ejemplo de un input con texto

<input type="text"> nombre      saldrá un cajeado donde se podrá escribir el nombre,

este atributo "input"  también tiene mas, ejemplo "size" que es el tamaño de la caja
"maxleingth", es la cantidad de letras que podemos escribir dentro de la caja
"value", es para que ponga en la caja un nombre preescrito
"name" es para poner nombre al campo


<input type="text" size="15" maxlenght="7" value="nombre" name="nombre">

Este esl ejemplo de todo lo anterior

Editores Html

Notepaad++
Es el que uso normalmente,ya que es el del curso y para un comienzo esta muy bien.

Kompoker.
Me gusta bastante y tengo que buscar la forma de trabajar en castellano.

Bluegrffon:
Hasta ahora es el que mas me gusta, esta en español y tiene bastantes opciones.

De esta comparativa ,también saco la conclusión que hay que probar varios editores, y ver las opciones que tienen,pero los editores no son mágicos,no hacen las cosas solos, son las personas.

Comparacion hosting

Comparacion de hosting:

Hostinger:
 2 Gb de espacio    100 Gb de transferencia de datos  2 bdMysql    1 mail       2,5 e al mes

Idomyweb:
300 Mb de espacio   10 Gb de transferencia             3 Mysql    Php    ads

1 and 1:
2,5 Gb de espacio   1 web   25 mysql     1 dominio   Ssl     soporte 24 h    0.99 6 e  meses,después 6.99 e.

Mipropia
3 Gb espacio   40 Gb tranferencia   4bd Mysql   4 dominios  1 cuenta Ftp ssl y publicidad propia.

Dinahostinght
3 Gb espacio  30 Gb transferencia    20 mail  worpress   Php     4,5 e al mes


De esta pequeña comparativa ,saco la conclusión que mas o menos que el precio no varía mucho 2 euros mas o menos,que el espacio disponible es mas o menos el mismo en casi todos los hostingt la transferencia si varía bastante y eso hay que tenerlo en cuenta, y respecto las bases de datos mysqul, tampoco hay mucha diferencia, lo que digo que que a la hora de elegir un hostinght hay que mirar bastante.

lunes, 24 de julio de 2017

Problemas usuales de los editores html

Si vais a usar window no es nada recomendable usar ni word , ni wordpaad.

Al guardar nuestro proyecto fijarnos bien en poner el archivo .html

y poner en el desplegable : todos los archivos

para trabajar una web en window se suele usas notepaad++ y el lunx Vi y Joe. para la parte cliente.

Enlaces HTML

Enlaces:
El hipertexto es una de las cosas fundamentales de la www, esta compuesto de nodos o secciones, enlaces, hiperenlaces o hipervinculos y anclajes.

Nodos:
Son parte del hiper vinculo que tienen información accesible por el usuario.

Los enlaces :
Son uniones o vinculos entre los nodos y así facilitan la lectura secuencial o no secuencial entre los nodos del documento.

Anclajes:
Son los puntos de activación de los enlaces.

La etiqueta de enlace es:
<a>directorio</a>

para enlace extra documental seria la etiqueta así:
<a href="www.......html">pincha aquí para ir a la la www....</a>

de esta forma nos llevaría a esa www

Comparar algunos registradores

Mi idea es poner  una www ficticia . www.llaveroscasero.es y miro en algunas empresas registradoras y veo esto:


Entorno digital
1 año 25 e

Dinahostingt
1 año 14 e

Cclmon
1 año 10,45 e

La comparacion es por precio, aunque hay que ver mas factores,de seguridad y que servicios nos ofrecen, este es un parámetro,pero hay que ver mas, sol he comparado los precios por un año.

viernes, 21 de julio de 2017

Cosas de google

¿Que liquido se emplea para la refrigeracion de los centros de datos de Google?
En google usan agua evaporada, así gastan lo mínimo posible.pincha enlace y ves mas información.

 ¿Que tipo de red local se emplea en los centros de datos de google?
En google usan una red local Ethernet, es un estándar de redes de área local para computadores con acceso al medio por detección de la onda portadora y con detección de colisiones (CSMA/CD). 


¿Que sistema usa google para hacer copias de seguridad de sus datos?
 Los discos duros tienen códigos de barras y usan cintas con brazos robóticas para  su gestión.

¿Que hace google con los discos duros defectuosos?
Google los destruye y los perfora ,con prensas.

¿Cuantos centros de datos tiene Google en el mundo?
Actualmente según la wikipedia son trece centros, distribuidos asi:
Carolina del sur, Lowa, Gerorgia, Oklahoma, Carolina del norte, Oregon, Chile, Bélgica, Finlandia, Irlanda, Hong kong, Singapur, Taiwan.


Los ingenieros se prueban por google en bicicletas, es como anécdotas


jueves, 20 de julio de 2017

Listas html.1

Otro tipo de listas son las de Descripción.
 son muy interesantes.Veamos un ejemplo.

<dl>
<dt>html</dt>
<dd>hipertexto</dd>
<dt>hola</dt>
<dd>esto es una prueba</dd>
<dt>url</dt>
<dd>uniform</dd>
</dl>

y veríamos lo siguiente.



html
       hipertexto
 hola
       esto es una prueba
 url
       uniform




Este tipo de lista es muy interesante.

Otra modalidad que hay que hacer y seguir porque es muy interesante son las listas anidadas,también llamadas sublistas, se trata de hacer una lista dentro de otra lista.



Listas html. 0

Las etiquetas de listas.
Como hacer listas?.

las listas desordenadas.
Este tipo de listas el orden no es fundamental
la etiqueta es.            <ul> </ul>
dentro de esta etiqueta se meten los elementos mediante <li> </li>
vemos un ejemplo


<ul>
<li>Madrid</li>
<li>barcelona</li>
<li>caceres</li>
</lu>

en la www se vera así:

Madrid
barcelona
caceres

en este caso no es necesario ponerles números. esta lista los elementos da igual su colocación


Las listas ordenadas
En este caso si es importante la colocación en la lista.la etiqueta es     <ol> </ol>
y dentro de esa etiqueta ponemos los elementos, <li> </li>
veamos un ejemplo:

<ol>
<li>Madrid</li>
<li>barcelona</li>
<li>caceres</li>
</ol>

y el resultado que veríamos en la www es este:


1.Madrid
2.barcelona
3.caceres

vemos que salen numerados.
También podemos poner letras en lugar que salgan numeradas, a,b,c
o números romanos.hay que agregar a <ol> un atributo type . ejemplo.
<ol type="a"> y saldrían letras minúsculas en lugar de numerados.
<ol type="I"> y saldrían numero romanos.
etc de atributos.

otro atributo interesante es:
<ol type="a" reversed="reversed">
en este caso son letras minúsculas que van al revés
d,c,b,a.




miércoles, 19 de julio de 2017

Dominios

DOMINIOS:
Si no pago el dominio tras el periodo que tenia contratado, los registradores te mandaran mail,y además te dejaran sin poder mandar mail y recibir para que des cuenta que algo falla y te pongas en contacto con ellos, ahora los registradores también realizan el (RGP) periodo de redención y gracias, también pueden penalizar por no pagar a tiempo.

respecto los dominio se pueden vender,aunque los registradores pedirán bastante información del nuevo comprador.

DNS. (sistema de nombre de dominio.)
Es un nombre  de nomenclatura,jerarquizada y descentralizado para dispositivos conectados en red. este sistema asocia el nombre de dominio con la información variada de los participantes y los traduce cosas lejibles para las personas como sistemas binarios.

Tipos de DNS.
A. Traduce nombres de servidores de IP versión 4
AAAA. Traduce IP de versión 6
CNAME. Crea nombres de servidores adicionales.
NS.Define asociación entre servidores y nombre de dominio.
MX. Intercambio de correo.
PTR. Funciona al reves que el registro.

Historia de html

Diseño de la www: Se realiza con PHP o GIMP y PHOTOSOFT.
y se trocea con HTML y CSS.

Desarrollo de la web. Se hace por desarrolladores con HTML y CSS, JAVASCRIP y DOM para la parete cliente.

Los desarrolladores cobran casi el doble que un diseñador.

HTML.Proviene de SMGL


HTML 1.0       Es la primera versión
HTML plus      Esta  versión no se estandarizo, incorporaba tablas y formularios.
HTML 2.0       En 1995 aparece la versión 2.0
HTML 3.2       Esta versión es de 1997. la 3.2
HTML 4.01     Esta versión es de 1999.
XHTLM 1.0    Es en el 2000 cuando aparece intentado desviarse de html.
HTML5. 1.0    Aparece en 2004
HTML5 5.1     Es el actual estándar.   

viernes, 14 de julio de 2017

ip.cms.scus. ¿que son?

Las actuales URLs y las futuras tendrán nuevas amigas, se están implementando nuevas como:
.food
.music
.car
etc


En 1989 se funda el dominio  .es. En 1990 se registra el propio dominio de la web gestora y en 1991 se empieza a comercializar. www.iac.es. Es la primera que se comercializa

En septiembre del 2014 hay registradas en España 1.738.000 web con dominios .es

En España los dominios los rigen y los gestiona el ministerio de industria a través de www.red.es y www.dominios.es

IP:
La IP es un numero que tiene cada dispositivo, ya sea un pc,un tel,pda,cualquier aparato que se conecte a la red,digamos que es la matricula del aparato en cuestión.
Existen IP de sos tipos v4 y v6, la versión 4 se quedo corta en numeración de IP y se esta implementando una versión nueva la v6.

CMS:
Content Managenet Systen. Es un software que permite de forma rapida ,crear,administrar y publicar contenido o informacion en forma de pagina web.

SCUS:
Software as a service.es un modulo de distribución de información de clientes,(ejemplo,blogger). y además mantiene la web

¿Que es la URL?

URL.

http://www.ideswebs/idesweb/modulo1

http://..........................es el esquema,es el protocolo que usamos parra ver la web,hay muchos tipos de protocolos, http es para ver web,también hay https://..ftp, mailto, file, etc

www.idesbes............Puede ser un nombre ,puedes ser un numero de IP, o nombre de empresa.

ideswed..............esto es el directorio de la información que hemos solicitado

modulo1..................esto es el ultimo de los lugares donde buscamos el archivo que hemos solicitado ver.





URLs  SEMÁNTICAS O AMIGABLES.    son url que se acortan para ser recordadas de mejor manera. hay varias web que ayudan a acortar esas url.

NOMBRES DE DOMINIOS:  Es el nombre que único que se usa para identificar un documento en Internet,
Hace unos años no se podia poner la ñ,por ejemplo, ahora ya si por el dominio internacional.
El dominio y la dirección IP es lo mismo.

Los dominios de nivel 1 pueden genéricos.
.com
.net
.org
.mil
.biz
.mobi
.xxx

Tambien de nivel 1 y territoriales
.es
,ec
.fr

Nivel 2. Son los nombres que registramos al registrador de dominios.pueden ser nombres,,nombre de empresa,cualquier nombre.

Nivel3.
en algunas sitios pueden ser este tipo
.com.es
.mon.es
.org.es


El precio de los dominios varía según los servicios que nos dan los registradores (empresas acreditadas por el ministerio)encargadas de los dominios de España, si son caros los servicios que nos dan,es que quizá nos den demasiados servicios que no necesitamos, y si son muy baratos quizá solo nos den un correo y con eso nos apañamos si tenemos problemas. hay que mirar mucho y valorar los servicios que nos dan los registradores.

jueves, 13 de julio de 2017

Desarrollo de la web 2

Paul aulet.
Es uno de las primeras personas que se conoce por comprender el hipertexto. Se trata de fichas.colocadas en ficheros de una forma ordenada y de fácil liofilización.

Vannervar bush
Es también de los primeros conocidos de tema hipertexto. Utilizo memex y trataba de pasar información de forma ordenada.

Ted nelson.
En 193 es quien acuña el hipertexto.


Web.web apps.hipertexto.hipermedia.mundaneun

WEB.
Al principio la web solo era de lectura, durante los 5 primeros años solo era texto, no podían añadir ni, gif,imagenes,multimedia, nada,solo texto.

WEB APPS.
Son web adelantadas,mas avanzadas,, en este tipo de web hay gifs,multimedia,imagenes,formularios,etc. son dinamicas y no necesitan ser actualizadas por el usuario y se pueden usar en diferentes dispositivos.

HIPERTEXTO.
Es un conjunto de texto, imagenes,gifs, etc unidos por enlaces logicos, en lugar de leer la informacion de forma lineal, se pude leer la informacion por distintos caminos.

HIPERMEDIA.
Se usa sonido, imagenes, texto, lo que sea se usan diferentes dispositivos de forma concurrente.

MUNDANEUM.
Es una idea que tuvo paul otles, penso que tenia que haber un archivo centralizado mundial para que toda la humanidad pudiera mirar la informacion.

Tipos de protocolos

TIPOS DE PROTOCOLOS:
 DHCP.  (Dynamic host confugutation protocol) Es un servidor de protocolos de red cliente/servidor que tiene listas de IP dinámica y las asigna a los clientes según van quedando libres, sabiendo siempre quien tuvo esa IP y el tiempo que la tuvo, este protocolo se publico en 1993 y aun se usa.

LDAP.  ( lightweight directory access). protocolo ligero/simplificado de acceso a directorios, es un protocolo usado para buscar información en la red, de forma facil. Es como una base de datos.Como ejemplo es como si fuera unas paginas amarillas.

POP. (protocol oficina postal). Es un protocolo usado para mensajería , para obtener los mensajes de un servidor de mensajes, actualmente esta la versión POP3 y funciona así:
Cuando solicitamos nuestro correo,el protocolo se pone en contacto con el servidor de correo,rescata nuestro correo,lo elimina y nos lo muestra y se desconecta del servidor.

SMTP. (Simple mail tranfer protocol). Se usa para el intercambio de correo, entre pcs u otro hardware, pda,tel, etc.

SSH. Segure shell. (Interprete de ordenes seguras). Este protocolo se usa para entrar en servidores privados por la puerta trasera (backend), osea es un protocolo de seguridad, para contraseñas, documentos y manejo completo del servidor.

miércoles, 12 de julio de 2017

Historia de la web 1

El nombre de www , estuvo a punto de no llamarse así.
1º se le iba a llamar "MOI". mine of information.
2º se pensó en llamarle "TIM". En nombre de su inventor.
pero se opto por www, por ser de tema global y por ser atractivo el nombre.

MOSAIC.
Es el antiguo abuelo de los actuales navegadores, como nescape, explorer, fifefox, etc.

El nivel de penetracion de internet en España el del 71,6 % y ocupamos el nuemro 39 a nivel mundial.

Historia de la web 0

Un poco de historia web:
El 12 de Marzo de 1989 finalizo Tim berners lee el informe en su empresa cern, se trataba de comunicar los pcs de la empresa.

El primer servidor,la primera web y el primer navegador se desarrollo en 1990.

La primera pagina web que existe publicacion es de 1992. No quiere decir que sea la primera.

En 1993 el Centro Nacional de Aplicaciones de la Universidad de Ilinois ,publico  MOSAIC  que es el primer navegador grafico para uso publico de en ordenadores de apple.

LOS PROSUMIDORES.
Son usuarios que ven informacion web, producen informacion web y la consumen.

El primer ordenador que uso Tin Berners lee era un next compoter de Steve jobs, predecedor de apple y la primera url que uso fue:
htpp://info.cern.ch

Mi presentacion

Este blog va a ser un poco el diario y la exposición del curso que estoy haciendo de creación de paginas web, en html, tambien un poco de todo lo relacionado con el curso.

imagenes html