Issuu on Google+

Tema 6

Publicaci贸n de contenidos en la web


1.World Wide Web

World Wide Web(www) se compone de un sistema de documentos que están relacionados entre si mediante hipervínculos que permiten su visualización en un ordenador conectado a la red.


1. World Wide Web ➲

Términos Asociados a Internet:

Servidor Web. Ordenador remoto que tiene instalados programas necesarios para enviar documentos. Cliente. Ordenador conectado a Internet que realiza la petición de documentos incluidos en una página web para visualizarlos mediante programas navegadores. Navegador web. Software instalado en el ordenador del cliente que visualiza documentos en formatos web (HTML) y permite funcionar los hiperenlaces. URL. Dirección textual de un servidor web para la apertura de un archivo HTML. IP. Código de identificación de un equipo informático en Internet formado por 4 números.

➲ ➲


Terminos Asociados a la red ➲

➲ ➲

DNS. Base de datos que relaciona una direccion textual de un servidor con su direccion IP. HTTP. Protocolo de transferencia de hipertexto HTML. Se traduce como lenguaje de marcado de hipertextos.


1.1 Funcionamiento de la web ➲ ➲

➲ ➲

Paso 1. Escribimos la dirección de una pagina web(URL) Paso 2. El servidor DNS localiza la IP que corresponde al ordenador servidor donde se encuentran los archivos. Paso 3. La URL escrita empieza por Http:// el servidor nos envía un documento en Html Paso 4. Nuestro programa estudia el documento html y solicita al servidor los archivos con los que está enlazado como imágenes, vídeos, etc. Paso 5. Finalmente nuestro navegador compone la página con textos.


2.HTML, el lenguaje estรกndar de la web โžฒ

El lenguaje HTML es un lenguaje basado en etiquetas que definen las cualidades de los textos que contiene.


Instrucciones basicas del lenguaje HTML


3. Otros lenguajes en servidor Web. ➲

PHP. Es un lenguaje de programacion de paginas web que generalmente utiliza la base MySQL para almacenar contenidos.

ASP.NET. Mas que un lenguaje de programacion, ASP( servidor de paginas activas) es una herramienta de creacion de webs dinamicas desde un servidor de Microsoft.

JAVA. Es un lenguaje de programacion desarrollado por Sun Microsystem que se utiliza en el desarrollo de numerosas aplicaciones.


4. Organización de los elementos en paginas web .- Definir objetivos de paginas web. Debemos decidir el título de la web, su encabezado y logotipo, ya que darán una sensación de continuidad y mayor profesionalidad a nuestro sitio. ➲

.- Definir la organización de contenidos y menús Se trata de decidir la composición visual que presentará nuestra web, estará presente en la pagina inicial y en el resto de las paginas. ➲


Organizar la estructura de navegación ➲ ➲ ➲ ➲ ➲

Estructura lineal. La navegación funciona como un libro que pasan paginas. Estructura jerárquica La navegación funciona por niveles de categoría de los contenidos. Estructura mixta. Combina la navegación jerárquica con la lineal. Estructura de marcos. Consiste en tener siempre un marco lateral. Estructura web. En esta estructura las paginas dan acceso al resto de contenidos.


Definir la combinación de colores e imágenes ➲

El uso del color en la web esta limitado por la capacidad de los navegadores existentes. La utilización de fondos de imagen debe respetar el contraste para la lectura.


Encabezado y pie de pagina ➲

El encabezado suele estar formado por un banner con el titulo de nuestra web

El pie de pagina suele reservarse para la información técnica de la web


5. Creacion de paginas web ➲

Para la creación de una pagina web utilizaremos Kompozer, admite la creación de hojas de estilo en cascadas(CSS)

El funcionamiento de las hojas consistes en definir un formato de texto.


5.2 Integracion de textos ➲ ➲ ➲ ➲

Paso 1. Pulsamos el botón Cascades Paso 2. Desplegamos el menú de Hojas de estilo CSS Paso 3. Rellenamos los campos URL y su titulo Paso 4. Procedemos a crear una nueva regla de estilo.


5.3 Integracion de imagenes ➲

Para añadir una imagen nos vamos a Insertar, imagen y nos muestra una ventana.

La accesibilidad de las imágenes estará determinado por la elección de texto alternativo, o texto emergente.


5.4 Creacion de tablas ➲

Para crear tablas, vamos a Tabla, Insertar, Tabla y seleccionamos la cantidad de filas y columnas.

Si queremos unir celdas, las seleccionamos y luego utilizamos el botón derecho para acceder a su menú textual.


5.5 Aplicación de Hipervínculos ➲

Un hipervínculo es una referencia cruzada a otro documento. Se compone de un punto de partida( objeto donde se inserta el hipervínculo) y un destino( documento o parte del mismo).

Hipervínculos Internos: Enlazan con una parte del documento donde están insertados. ➲

Hipervínculos Externos: Enlazan con otros documentos para ser visualizados, ejecutados o descargados a un ordenador


6. Gestores de contenidos(CMS) ➲

Los gestores de contenidos(CMS) son aplicaciones que se instalan en el servidor para poder crear paginas webs dinámicas permitiéndonos administrar el diseño del sitio. De esta manera los cambios se realizan en el diseño no afectan a los contenidos y viceversa.


7. Streaming ➲

Es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador.

➲

Algunos reproductores son: Windows Media, Real Player o Flash Player entre otros


8. Publicación de la web ➲

Un espacio es un servidor de Internet. En cualquier caso hay empresas dedicadas al Hosting( alojamiento de web).

Un programa para transferir archivos. Cuando ya tengamos un espacio de web donde almacenar nuestros archivos se nos facilitara una dirección FTP.


8.1 Funcionamiento de un programa FTP ➲

Para realizar la conexión se precisa la dirección FTP del servidor, el Nombre de usuario dado de alta en el servidor y la contraseña de acceso.

Existen numerosos programas clientes FTP, como por ejemplo NicoFTP.


9. Accesibilidad en la web ➲

Nos referimos a la técnica de diseño de paginas web que permite a cualquier persona con discapacidad física o sin medios tecnológicos


Tema 6 informatica