Publicación de Contenidos en Web

Para el funcionamiento de la red Internet ha sido necesario

desarrollar protocolos para su funcionamiento, su finalidad era

visualizar contenidos alojados en ordenadores remotos. Tim

Berner-Lee y Robert Cailiau crearon dicho protocolo en 1990.

La World Wide Web (www) conocida como web relaciona

millones de documentos mediante hipervínculos.

Términos asociados a Internet

Servidor Web: Es un ordenador remoto dotado de la capacidad

de subir documentos a la red.

Cliente: Es un ordenador que demanda documentos a la red.

Navegador Web: Software instalado en el ordenador del cliente

que visualiza documentos en formato web (HTML) y permite el

funcionamiento de los hiperenlaces. Los navegadores más

utilizado son Internet, Explorer, Opera, Mozilla, Firefox y

Netscape.

URL: dirección textual de un servidor web para la apertura de un

archivo HTML.

IP: código identificativo de un equipo informático en Internet

formado por cuatro números, separados por puntos, cuyo valor

no puede exceder de 255.

DNS: base de datos que relaciona una dirección textual de un

servidor con su IP. Esta base de datos se encuentra en unos

servidores DNS que deben ser especificados en nuestra conexión

web.

HTTP: Protocolo de transferencia de hipertexto. Al encabezar

una URL con este término, el servidor reconocerá que se le está

solicitando un documento web.

HTML: acrónimo inglés del término Hipertext Markup Language,

que se traduce como Lenguaje del Marcador de Hipertextos. Los

archivos creados en ese formato tienen extensiones html o htm.

1.1 Funcionamiento de la web

Los siguientes pasos nos ayudarán a entender cómo funciona el

sistema de visualización de documentos en la World Wide Web.

Paso 1

Ejecutaremos el navegador y escribimos la dirección de una

página web (URL).

Paso 2

El servidor DNS localiza la IP correspondiente al servidor.

Paso 3

Al solicitar el documento el servidor manda al cliente un

documento con la extensión html.

Paso 4

El navegador estudia el documento y descarga archivos

enlazados como imágenes o videos.

Paso 5

El navegador compone la página con toda la información

recibida.

1.2 Navegación por Internet

Cuando visitamos una página web almacena información en una

carpeta temporal de Internet llamado cookies, estas son

pequeños fragmentos de información sobre las páginas que

visitamos. Para asegurarnos de que estamos visualizando una

web actualizada desde el servidor.

2. HTML

El lenguaje HTML es un lenguaje basado en etiquetas que

definen las cualidades de los textos que contienen. Estas se

identifican con los símbolos mayor y menor. (<,>)

2.1 Instrucciones básicas del lenguaje HTML

3. Otros lenguajes en servidor web 3.1 PHP

Es un lenguaje de programación de páginas web dinámicas,

utiliza la base de datos MySQL para almacenar los contenidos.

Funcionan con Windows, Linux y Mac.

Está relacionada con gestores de contenidos que facilitan la

creación de páginas directas sin tener conocimientos de

programación como Joomla, Mambo, Drupal o PHP Nuke.

El servidor web lee el contenido de los archivos php.

Obtiene el contenido de la base de datos.

Exporta la web al cliente en un formato capaz de ser

visualizado por navegador.

3.2 ASP.NET

Es un servidor de páginas activas para crear webs dinámicas

desarrollado por Microsoft. Utiliza scripts con lenguaje HTML.

3.3 JAVA

Es un lenguaje de programación creado por Sun Microsystem

usado en una gran cantidad de aplicaciones de móviles,

ordenadores, aviones, etc.

4. Organización de los elementos de una

página web

A la hora de crear una página web es indispensable conocer y

definir los objetivos de la página, es decir, hay que conocer el

tema sobre el cual trabajaremos y conocer la extensión del

mismo para organizar la página. Las cuatro preguntas

indispensables son:

4.1 Estructuras Web

Igual de importante es la organización visual de contenidos, para

ello existe una seria de estructuras y herramientas que nos

facilitan el trabajo como son las plantillas de los marcos.

Los marcos son unas estructuras situadas a los lados de la página

que nos permiten organizar la misma de forma eficiente para

una cómoda transición.

Los enlaces entre diferentes páginas definen las estructuras, las

principales estructura son.

Estructura lineal: consiste en una navegación como si se

tratase de un libro de forma que nos movemos lateralmente.

Estructura Jerárquica: Consiste en navegar siguiendo

categorías superiores e inferiores.

Estructura Web: Es una estructura de navegación que ofrece

total libertad al usuario.

Estructura Mixta: Combina la navegación jerárquica con la

navegación lineal. Es la más utilizada.

Estructura de marcos: Consiste en tener siempre visible un

marco con un índice que nos permite regresar al punto de inicio.

4.2 Combinación colores e imágenes

La combinación de los colores es otro punto importante, ya que

este ofrece el primer impacto visual de la página, dependiendo

de la edad la combinación varia, siendo para las personas

mayores más sobrias, y para los jóvenes más atrevida. En los

documentos html el color es un número hexagesimal formado

por seis dígitos.

El encabezado suele estar formado por un banner que contiene

el título de nuestra web y por un logotipo o imagen identificativa

con el fin de crear páginas útiles, añadiremos los siguientes

consejos que puedes seguir para la realización de tu boceto:

6. Gestores de contenido

Los gestores de contenidos (CMS) son aplicaciones que se

instalan en el servidor para poder crear páginas webs dinámicas

permitiéndonos administrar el diseño del sitio de forma

independiente a su cometido.

Los gestores de contenidos se modifican desde Internet. Existen

plantillas php que funcionan como una caja de presentación

vacía en la que tenemos que crear la página web añadiendo

artículos, noticias, archivos descargables, etc. La mayoría de los

CMS son de distribución libre y no requieren grandes

conocimientos de programación, sus comunidades de usuarios

desarrollan nuevos módulos o componentes que amplían las

posibilidades de estas aplicaciones.

6.1 Funcionamiento de un gestor de contenidos

Los CMS se basan en:

La administración del portal a los usuarios o frontend

La administración del portal llamado backend.

7. Streaming

Consiste en la posibilidad de ver o escuchar contenidos

multimedia sin necesidad de descargar el archivo completo

gracias a la descarga continua, esto es posible a los grandes

anchos de banda que permiten descargar datos de forma

constante.

8. PUBLICACIÓN EN LA WEB.

¿Qué elementos necesitamos para la publicación de una página

web en Internet?

Un espacio es un servidor de Internet. Generalmente nuestro

proveedor de Internet nos ofrecerá un espacio web y una serie

de correos electrónicos junto con el servicio de conexión. Existen

empresas dedicadas al hosting que ofrecen este servicio por el

pago de una retribución económica

Un programa para transferir archivos. Cuando ya tengamos un

espacio web donde almacenar nuestros archivos se nos facilitará

una dirección FTP, un nombre de usuario y una contraseña para

poder trasladar los archivos desde nuestro ordenador hasta el

servidor remoto.

8.1 Funcionamiento de un programa FTP.

Permite la conexión entre nuestro ordenador y un servidor FTP

de forma remota.

Existen numerosos programas como Dreamweaver y Koompozer

que tienen integradas estas aplicaciones. Aquí utilizaremos el

programa Nico FTP, ya que es gratuita y tiene una interface

sencilla.

Para trasladar archivos seguiremos estos pasos:

1. Ejecutamos el archivo NicoFTP. En la ventana del programa

accedemos al menú FTPConectar.

2. Una vez configurados los datos, damos a conectar.

3. Tranferimos archivos entre ambos ordenadores arrastrándolos

de una zona de la pantalla a otra.

9. Accesibilidad en la web

9.1 Accesibilidad técnica

Si realizamos una página web con espectaculares diseños,

bonitas fotografías pero de lenta velocidad de carga, estaremos

creando una web poco accesible, ya que solo la podrán disfrutar

las personas con grandes anchos de banda en su conexión a

Internet.

9.2 Accesibilidad Física

Si nos imaginamos los distintos escenarios en los que una

persona discapacitada se puede encontrar navegando por la

web, nos daremos cuenta de que todavía existen grandes

barreras de accesibilidad:

-Una persona con dificultades de visión deberá utilizar

ampliadores de pantalla o programas

Lectores de pantalla que pongan voz a los textos de la web.

- Una persona con dificultades motrices deberá evitar un manejo

preciso del ratón, por lo que una

Página web accesible debe tener botones grandes y atajos de

teclado.

- Una persona con dificultades de percepción debe tener la

posibilidad de cambiar el color y tamaño de los textos y fondos.

– Una persona sorda no percibirá los elementos multimedia de la

web; por tanto deberemos subtitular vídeos, indicar la existencia

de sonido y su función, etc.

9.3 Test de accesibilidad Web

El test de accesibilidad web, también llamado TAW es capaz de

identificar los problemas que presenta una página web y

graduarlos en función de la prioridad de cumplimiento que da el

consorcio W3C.

Para realizar el test de accesibilidad, tan solo tenemos que

escribir la URL en la página principal del test.

Existen varios programas cuyo objetivo es aumentar la

accesibilidad al mundo informático de las personas con

discapacidad.

Un ejemplo de aplicación comercial para personas ciegas es el

lector de pantalla JAWS. Este lector lee los contenidos presentes

en la pantalla del ordenador y los vocaliza gracias a un

sintetizador de voz. Gracias a este programa nos damos cuenta

de la importancia de cumplir las pautas de accesibilidad.

Actividades

¿Cuál es la función de un servidor DNS?

El Servidor DNS es una base de datos relaciona una dirección

textual de un servidor con su dirección IP.

¿Qué diferencias existen entre una URL y una dirección IP?

Una URL es una dirección textual y el IP es un código

identificativo que solo puede constar de

Cuatro números.

¿Qué navegadores de internet son los más utilizados?

Internet Explorer, Opera, Mocilla Firefox , Netscape.

¿En qué año se comenzó a utilizar la web?

En 1990

¿En qué se diferencia una página estática de una dinámica?

¿Qué lenguaje de programación imponiendo en el

desarrollo de páginas dinámicas?

Las páginas dinámicas contienen información que el cliente

no puede manipular, es decir, si el cliente de este tipo de

páginas web desea modificar cualquier tipo de contenido

mostrado en su web estática, deberá de ponerse en contacto

con la empresa que la desarrolló. Mientras que las páginas

dinámicas se generan a partir de lo que un usuario introduce

en un web o formulario.

El contenido de la página no está incluido en un archivo html

como en el caso de las páginas web estáticas.

El lenguaje de Java es el último en desarrollarse además de

ser el más utilizado en diferentes ámbitos.