Navegando por la Web

martes, 13 de febrero de 2018

CSS ¿cómo definir el estilo del texto?

Para pruebas de estilo de texto:

https://developer.mozilla.org/en-US/docs/Web/CSS/font

CSS

Actividad 19, Módulo1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo de selectores avanzados</title>
<style>
table {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
table, tr, th, td {
border: 1px solid #333;
line-height: 2em;
}

th {
background-color: #F5F5F5;
padding: 0 .5em;
}

td {
padding: 0 .3em;
}

th.euro {
background: #E6F3FF url(imagenes/euro.png) no-repeat left center;
padding: 0 .3em 0 1.2em;
}

th.dolar {
background: #E6F3FF url(imagenes/dolar.png) no-repeat left center;
padding: 0 .3em 0 1.2em;
}

th.libra {
background: #E6F3FF url(imagenes/libra.png) no-repeat left center;
padding: 0 .3em 0 1.2em;
}

th.yen {
background: #E6F3FF url(imagenes/yen.png) no-repeat left center;
padding: 0 .3em 0 1.2em;
}

tr:nth-child(n+1) td {
text-align: right;
}

tr:nth-child(2n) {
background-color: #FFFFCC;
}

tr:hover {
background: #FFFF66;
}
</style>

</head>
<body>
<table>
<tr>
    <th>Cambio</th>
    <th>Compra</th>
    <th>Venta</th>
    <th>Máximo</th>
    <th>Mínimo</th>
</tr>
<tr>
    <th class="euro">Euro/Dolar</th>
    <td>1.25</td>
    <td>1.25</td>
    <td>1.25</td>
    <td>1.24</td>
</tr>
<tr>
    <th class="dolar">Dolar/Yen</th>
    <td>119.01</td>
    <td>119.05</td>
    <td>119.82</td>
    <td>119.82</td>
</tr>
<tr>
    <th class="libra">Libra/Dolar</th>
    <td>1.86</td>
    <td>1.86</td>
    <td>1.86</td>
    <td>1.85</td>
</tr>
<tr>
    <th class="yen">Yen/Euro</th>
    <td>0.67</td>
    <td>0.67</td>
    <td>0.66</td>
    <td>0.67</td>
</tr>
</table>
</body>
</html>

viernes, 29 de diciembre de 2017

¿Cómo publicar un sitio Web en internet?

Imagen: http://faq.ujaen.es/images/serAlojamientoWeb/hospedaje.gif

En un entorno profesional de desarrollo web es muy normal que se utilicen diferentes ordenadores para diferentes propósitos:

El servidor de desarrollo: es el ordenador en el que se desarrolla el sitio web, no necesita estar conectado a Internet.
El servidor de pruebas: es el ordenador en el que se puede comprobar el correcto funcionamiento de un sitio web en su conjunto.
El servidor de respaldo o de versiones: es el ordenador en el que se almacena todo el código desarrollado y permite recuperar versiones antiguas del código.
El servidor de producción: es el ordenador en el que está funcionando el sitio web, al que están accediendo los usuarios del sitio web y que está conectado a Internet (excepto si el sitio web es para una intranet).

Alojamiento o Hosting.

Imagen: https://www.sic-informatica.com/wp-content/uploads/2015/09/hosting.jpg

Principales tipos de alojamiento:

Compartido.
Servidor virtual privado.
Servidor dedicado.
Housing.
En la nube.

Para elegir un alojamiento adecuado, hay que tener en cuenta:

Calidad.
Sistema operativo.
Almacenamiento.
Transferencia.

Criterios que hay que tener en cuenta para elegir un alojamiento:

Velocidad de transferencia.
Lenguajes de programación.
Bases de datos.
Dominios/subdominios.
Otros.
Precio.

Registro de un dominio.

Elegir un dominio.
1. Verificar la disponibilidad del nombre de dominio deseado en algún registrador.
2. Ingresar los datos personales.
3. Elegir la cantidad de tiempo que el dominio permanecerá registrado.
4. Pagar el dominio, normalmente con tarjeta de crédito (o también por transferencia bancaria).
Una vez arrendado, el ahora registrante del dominio debe configurarlo con la URL a la cual redireccionar, IP del servidor al que encontrará mediante la DNS, servidor DNS usada por este.
El registrante del dominio debe esperar un tiempo para que el dominio sea reconocido en todos los servidores de Internet. Para los dominios .com y .net la demora es entre 4 y 8 horas, y para otros es generalmente entre 24 y 48 horas. En ese período:
1. El registrador contacta con ICANN y realiza el proceso de forma transparente para el registrante.
2. Se avisa al registrante que el dominio fue registrado.
El nuevo dominio funciona, y resuelve a la IP apropiada en el servidor DNS usado, pero no en el resto de servidores DNS del mundo. Poco a poco se va propagando el cambio al resto de servidores (propagación DNS). Como cada uno tiene distintos tiempos de actualización y parámetros de caché distintos, pasan varias horas hasta que todos los servidores DNS del mundo conocen cómo hacer la resolución del dominio.
La página ya es accesible mediante un nombre de dominio desde cualquier computadora.

Fuente: Registro de dominios de la Wikipedia

Enlaces:
http://www.dominios.es/dominios/es/agentes-registradores/todos-los-agentes-registradores

Artículos:

Secuestradores de dominios
Puntos a tener en cuenta sobre el incidente del secuestro del dominio Diigo

Imagen: https://altonivel-impresionesaerea.netdna-ssl.com/assets/images/Estructura_V2/Tecnologia/Tendencias/dominios-internet-oro.jpg

viernes, 8 de diciembre de 2017

HTML, su historia.

Tim Berners-Lee desarrolló la primera versión del lenguaje HTML a partir del SGML (Standard Generalized Markup Lenguage).

El SGML sirve para especificar las reglas de etiquetado de documentos y no impone en sí ningún conjunto de etiquetas en especial.

Las primeras versiones de HTML no estaban estandarizadas.

Primer intento de estandarización: "Hypertext Markup Language" de Tim Berners-Lee y Daniel Conolly, de junio de 1993. Esta primera versión, HTML 1.0 no disponía de tablas ni formularios.

En julio de 1993 se comenzó a trabajar con la siguiente versión, HTML+ (noviembre de 1993), que no llegó a estandarizarse, y si incluía tablas y formularios.

En noviembre de 1995, se publica HTML 2.0, la primera versión de HTML que fue realmente un estándar.

En enero de 1997, se publicó el HTML 3.2, primera versión estandarizada por el W3C.

En enero de 2000 se publicó XHTML 1.0, una reformulación de HTML 4, utilizando como base XML 1.0. XHTML 1.0.

Era como HTML 4.01, pero imponía unas reglas más estrictas para que los documentos fueran válidos.

Sin embargo, el XHTML no triunfó y la gente seguía utilizando el HTML. El W3C abandonó el desarrollo del XHTML y apostó por el HTML 5.

El HTML 5 alcanzó el rango de recomendación el 28 de octubre de 2014

Lecturas recomendadas:

Imagen: https://www.codejobs.biz/www/lib/files/images/950a39b6c2934bb.jpg

jueves, 7 de diciembre de 2017

Prototipado: wireframes, mockups y prototipos.

Responsabilidad de un arquitecto de información:

Identificar los objetivos del proyecto.
Identificar las necesidades de los usuarios.
Especificar las funcionalidades y requerimientos de la aplicación web.
Definir y diseñar los sistemas de navegación, organización, eqtiquetado y búsqueda.
Prototipar la aplicación web.

Lecturas recomendadas:

"Los elementos de la experiencia del usuario". Jesse James Garret.
"Vocabulario visual para describir arquitectura de información y diseño de interacción". James Garret.
"La diagramación en la arquitectura de la información". Ronda León.
"Sketching User Experience". Bill Buxton.
"Arquitectura de información. Fundamentos". Olga Carreras.
"Arquitectura de información en entornos web". Mario Pérez-Montoro Gutiérrez.
Artículo "Wireframes" de Olga Carreras.
Artículo "Prototipado" de la Fundación Sidar.
Blog Wireframes
"Glosario de usabilidad y accesibilidad".

Esquema:

1.- Planos: blueprint, diagramas de contenido o de flujo, o mapa Web.

2.- Maquetas:

Baja fidelidad: Scretch (boceto de la aplicación) y Wireframes (más detallados).
Alta fidelidad: Prototipos funcionales.

Imagen: http://webdesdecero.com/wp-content/uploads/2015/03/wireframing-prototipado-de-paginas-web.jpg

viernes, 24 de noviembre de 2017

El hipertexto y la hipermedia.



El término Hipertexto fue acuñado en 1963 por Ted Nelson. Sin embargo, en su creación intervinieron muchos. Los más destacados fueron:

Paul Otlet: fundador de la bibliografía y documentación (Mundaneum: fichas conectadas entre ellas a través de enlaces), 1934.
Vannevar Bush: publicó en 1945 el artículo "As we may think" sobre "memex" un sistema muy parecido a lo que hoy conocemos como hipertexto.




Hipertexto: Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.
Multimedia: Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información.
Hipermedia: Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos, unidos entre sí por enlaces y conexiones lógicas para la transmisión de una información.

Para algunos, la Hipermedia nace de la unión entre el hipertexto y la multimedia: conjunto estructurados de diversos medios (textos, gráficos, animaciones, imágenes, videos, etc.) unidos entre sí por conexiones lógicas para la transmisión de la información.

Desarrollo Web.

Desarrollo Web y Diseño Web son actividades distintas,

Diseño Web.

Diseño visual: Elementos gráficos.
Herramientas gráficas (Adobe Photoshop, GIMP).
Diseño (sin código): Trozos: - HTML + CSS / Elementos gráficos.

Lo realiza el "diseñador".

Desarrollo Web.

Parte cliente.
Parte servidor.
Parte cliente-servidor.

Lo realiza en "desarrollador".

1.- Parte cliente:

- HTML y CSS
- Java Script y DOM

2.- Parte servidor "back end":

- Lenguajes de script: PHP, ASP, ASP.NET, JSP, Perl y Coldfusion
- Diseño y desarrollo de bases de datos.
- Seguridad.

Los nombres de dominio.

El nombre de dominio es el nombre único que normalmente se emplea para identificar un sitio web en internet.

El Ministerio de Industria rinde homenaje a los portales de Internet pioneros del dominio ‘.es’ y Los dominios “.es” alcanzan en agosto 1.738.732 registros

Guía para principiantes para nombres de dominio

ICANN (Internet Corporation For Assigned Names and Numbers), el organismo que regula los nombres de dominio.

Las URLs.

Tim Berners-Lee desarrolló HTTP, HTML y URL .

URL= Uniform Resource Locator (Localizador de Recursos Uniforme).

Las URLs son básicas en la Web, ya que definen los hiperenlaces o hipervínculos y permiten definir el hipertexto que permite relacionar información de diversas fuentes por medio de hiperenlaces.

Desde 1994: URI

Las URLs semánticas o amigables.

Son aquellas URLs entendibles para el usuario.

Evolución de la página Web a la Aplicación Web.

La primera página Web, creada por Tim Berners-Lee solo tenía texto. Pero el lenguaje HTML (HyperText Markup Language) ha ido evolucionando en los últimos 25 años.

Se introdujeron:

Imágenes
Tablas o marcos
Diseño Web
Formularios
Audio
Video
Animaciones

De esta forma, las páginas Web se transformaron en aplicaciones Web.

Ventajas de las aplicaciones Web

No necesitan actualizarse por parte del usuario final.
Independencia del dispositivo.
Ubicuidad.

Enlaces de interés:

Aplicación web
Aspectos básicos de las aplicaciones Web

miércoles, 22 de noviembre de 2017

Tim Berners-Lee, el padre de la Web.

Sir Timothy "Tim" John Berners-Lee, KBE (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 HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (WC3) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.

Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).

Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto Xanadú (que propuso Ted Nelson) y el memex (de Vannevar Bush).