Page 1

PUBLICACIÓ N DE CONTENIDO S EN WEB

Sara Rodriguez Sánchez Laura Martín Olinero 1º Bachillerato A. TIC 1


ÍNDICE: o

World Wide Web… pagina 3

o

Funcionamiento de la Web… pagina 3

o

Cookies… página 3 y 4

o

El lenguaje HTML… página 4

o

Otros lenguajes de servidor Web… páginas 4 y 5

o

Organización d elos elementos en la página Web… páginas 5 y 6

o

Gestores de contenidos…páginas 6 y 7

o

Streaming… página 7

o

Publicación WEB… páginas 7

o

Accesibilidad WEB… páginas 8

2


1. WORLD WIDE WEB En informática, la World Wide Web (WWW) o Red informática mundial es un sistema de distribución de información basado en hipertexto o híper medios enlazados y accesibles a través de 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 ellas usando hiperenlaces.

• Términos importantes:  Servidor Web ordenador con los datos necesarios para un ordenador cliente  Cliente ordenador conectado a Internet que pide documentos para verlos con determinados programas.  Navegador Web software que visualiza documentos en el ordenador cliente de formato HTML y que permite que funcionen los hiperenlaces  IP código identificativos de un equipo en Internet.  DNS base de datos que relaciona la URL y la IP.  HTTP protocolo de transferencia de hipertexto.

2.

FUNCIONAMIENTO DE LA WEB

Para navegar por la Web, seguiremos estos pasos: Primero abrimos el programa navegador de Internet e introducimos la dirección o URL, nuestro DNS localizará una dirección IP que contenga los documentos requeridos, luego el ordenador recibirá los documentos requeridos y solicitará al servidor las imágenes e hipervínculos*. Ya podemos visualizar la página completa. *Hipervínculos: enlaces a otros archivos en el mismo servidor u otros. Las páginas Web dinámicas usan otro tipo de lenguaje no el HTML sino por ejemplo el PHP.

3.

NAVEGAR POR INTERNET: COOKIES

Los cookies en informática sirven para: 

Llevar el control de usuarios: cuando un usuario introduce su nombre de usuario y contraseña, se almacena una cookie para que no tenga que estar introduciéndolas para cada página del servidor. Sin embargo, una cookie no

3


identifica a una persona, sino a una combinación de computador-navegadorusuario. 

Conseguir información sobre los hábitos de navegación del usuario, e intentos de spyware, por parte de agencias de publicidad y otros. Esto puede causar problemas de privacidad y es una de las razones por la que las cookies tienen sus detractores.

Para eliminar las cookies accedemos al menu, herramientas --> opciones de Internet de nuestro navegador. En la pestaña de privacidad encontraremos dichas opciones.

4.EL LENGUAJE HTML Es un lenguaje que se basa en etiquetas que definen las cualidades del texto que contienen. Estas etiquetas están encerradas entre símbolos de mayor y menor y en las etiquetas una instrucción de cierre (</bkdfaj>). El texto contenido entre una etiqueta de apertura y otra con instrucción de cierre se mostrará con las características que indique la etiqueta. <i> texto </i> -> CURSIVA <b> texto </b> -> NEGRITA <u> texto </u> -> SUBRAYADO <strike> texto </strike> -> TACHADO <blockquote> Codigos html ejemplo </blockquote> -> RESALTAR IMPORTANTE <center> texto </center> -> CENTRAR TEXTO <sup> texto </sub> -> SUPERINDICE <sub> texto </sub> -> SUBINDICE <img> texto </img> -> IMAGEN. <body bgcolor="#2F4F2F"> -> COLOR FONDO PAGINA <h1> ENCABEZADO </h1> -> ENCABEZADO H1 <h3> ENCABEZADO </h3> -> ENCABEZADO H3

<Font size> -> TAMAÑO DE FUENTE

5.OTROS LENGUAJES DE SERVIDOR WEB PHP es un lenguaje de programación interpretado (Lenguaje de alto rendimiento), diseñado originalmente para la creación de páginas

4


Web dinámicas. PHP es una alternativa a las tecnologías de Microsoft ASP y ASP.NET. El código fuente escrito en PHP es invisible al navegador Web y al cliente ya que es el servidor el que se encarga de ejecutar el código y enviar su resultado HTML al navegador. Esto hace que la programación en PHP sea segura y confiable. ASP.NET es un framework para aplicaciones Web desarrollado y comercializado por Microsoft. Es usado por programadores para construir sitios dinámicos, aplicaciones Web y servicios Web XML Las páginas de ASP.NET, conocidas oficialmente como (formularios Web), son el principal medio de construcción para el desarrollo de aplicaciones Web. Estos archivos típicamente contienen etiquetas HTML o XHTML estático.

JAVA es un lenguaje de programación orientado a objetos, desarrollado por Sun Microsystems a principios de los años 90. tiene un modelo de objetos más simple y elimina herramientas de bajo nivel, que suelen inducir a muchos errores, como la manipulación directa de punteros o memoria. Con respecto a la memoria, su gestión no es un problema ya que ésta es gestionada por el propio lenguaje y no por el programador. Podemos destacar la facilidad de aplicar Applets Java a nuestra página Web HTML para realizar tareas de interacción con el usuario y efectos especiales.

• Páginas estáticas:

página que creamos con lenguaje HTML que la subimos a un servidor Web y que solo puede ser modificada si editamos los archivos HTML y volvemos a subir la página Web.

• Páginas dinámicas:

es gracias al lengua PHP u otros lenguajes que utilizan bases de datos para almacenar sus contenidos estos si que permiten crear interfaces de modificación directamente en el servidor, por lo que desde cualquier ordenador con acceso a Internet se puede añadir un nuevo contenido en ella.

6.ORGANIZACIÓN DE LOS ELEMENTOS EN PÁGINAS WEB Para una buena organización de la página Web es necesario tener claro los objetivos, sobre o que tratará una ligera idea de su estructura y diseño, etc. Debemos evitar páginas excesivamente largas o sobrecargadas. Y siempre debemos poner un titulo, un encabezado y un logotipo.

• Tipos de estructura de navegación: Estructura Lineal pasan páginas hacia delante y hacia detrás es como un libro, no es aconsejable para manuales. Suelen incluirse enlaces al índice.

5


Estructura Jerárquica la navegación aquí funciona por niveles de categoría de los contenidos, desde cada página individual se podrá acceder a la página principal e inicio. Estructura Mixta combinación de lineal y jerárquica. Estructura Web todas la páginas darán acceso al resto de los contenidos, la navegación puede ser muy confusa pero da una gran libertad al usuario. Estructura de Marcos consiste en la creación de marcos que son como pequeñas páginas Webs introducidas en ellos que se mantienen fijas, aunque cambies la página del marco principal. El marco suele ser lateral o superior y suele contener el título y acceso al resto de contenidos de la página Web. Dentro de este tipo de estructura se puede dar la estructura Jerárquica o Lineal, pero el marco debe estar siempre visible.  Encabezado y pie de página El encabezado de nuestra página web puede estar formado por un banner que contiene el título de nuestra web y un logotipo o imagen identificativa mientras que el pie de página se reserva para la información técnica de la página web Si nuestra página tiene demasiado contenido sería útil incluir en el pie de página un menú en el que acceder directamente. Para crear una página web útil se pueden considerar los siguientes consejos: − Debe haber enlaces para acceder fácilmente a las diferentes opciones. − No debe haber exceso de contenidos. − Debes informar de la actualización de tu web. − Comprueba que tu página funciona correctamente y mantén el color estándar de los hiperenlaces. − Diseña tu página con tamaños relativos para que se visualize correctamente en todas las resoluciones de pantallas. − Revisa los textos y utiliza tipos de letras sencillos y sin abusar de mayúsculas.

7.GESTORES DE CONTENIDOS Son aplicaciones instaladas en el servidos para crear páginas web dinámicas permitiéndonos admnistrar el diseño del sitio y sus contenidos. Los gestores de contenidos se modifican desde Internet, pudiendolo utilizar cualquier usuario administrar des de un ordenador remoto. Así cuando administramos un gestor de contenidos definimos un aspecto con arreglo a unas plantillas PHP. Como ejemplo de web dinámica creada con algún gestor de contenidos es cualquiera que presente contenidos en portada a la vez que se complementa con aplicaciones independientes en sus laterales y que nos permita registrarnos para acceder a nuevas funciones de la web. Funcionamiento de un gestor de contenidos ( Ejemplo:Joomla)

6


Se caracteriza por: -Presentación del portal en el frontend. -Administración del portal en el backend desde donde se gestionan los contenidos, los menús,etc.. Los gestores de contenidos no solo se utilizan para la creación de portales web. También se entienden como sistemas de gestión de contenidos los blogs y para las wikis. Actualmente existen portales e-Learning ( gestión de contenidos educativos) como el gestor de cursos Moodle para la creación de portales educativos.

8.STREAMING Es la posibilidad de reproducir contenidos multimedia directamente desde un servidor web sin necesidad de descargarnos los archivos. Anteriormente era necesario descargarnos esos archivos pero ahora no es necesario gracias a reproductores tales como Real Player, Quicktime, Windows Media o Flash Player que solo necesitan la existencia de unos plugins o accesorios para nuestro navegador de Internet.

9.PUBLICACION WEB Para publicar una web necesitamos: − Un espacio (servidor de Internet) que normalmente será nuestro proveedor de Internet quien nos lo ofrecerá. Sino existentes hosting(alojamiento de web); algunas gratis y otras no. − Un programa FTP para transferir archivos: Necesitaremos una dirección FTP dada cuando tengas el espacio web, un nombre de usuario y una contraseña. Funcionamiento de un programa FTP. Un programa FTP permite la conexión entre nuestro ordenador y un servidor FTP de forma remota. En el programa FTP como NicoFTP.exe o Filezilla deberemos: -Mediante la introducción de la dirección FTP, un nombre de usuario y una contraseña nos conectamos. -Y transferimos archivos entre ambos ordenadores arrastrándolos.

7


10.ACCESIBILIDAD WEB Nos referimos con accesibilidad en la web a que cualquier persona con discapacidad física o sin medios tecnológicos pueda visualizar y acceder a todos los recursos y funciones de la página web. -Accesibilidad a la página. Debemos hacer una página web sencilla para que puedan disfrutarlos todas las personas con pequeños y grandes anchos de bandas. -Accesibilidad técnica. Existen grandes barreras en cuanto a accesibilidad técnica: − No existen ampliadores de pantallas o lectores de pantallas que pongan voz a los textos. − Las páginas no presentan botones grandes ni atajos de teclado. − No se puede cambiar el color ni el tamaño de textos y fondos. − No están subtitulados los videos ni los sonidos. W3C: Consorcio de la World Wide Web que se encarga de gestionar las recomendaciones para los estándares creación web. El W3C da una serie de consejos para crear páginas web accesibles: -Textos alternativos para imágenes y animaciones. -Creación de mapas de imágenes utilizando el elemento map de HTML. -Añadir subtítulos a elementos multimedia. -Hipervínculos entendibles. -Utilizar hojas de estilo CSS. -Evitar marcos de navegación utilizando noframes. -Única línea de celdas en las tablas. 

Test de accesibilidad web.

El programa TAW nos ofrece la posibilidad de realizar un test de accesibilidad online a través de su URL e identificar sus problemas de accesibilidad y graduarlos en función de las prioridades establecidas por el consorcio W3C. Grados de accesibilidad web: A- Condicines básicas. Su superación otorga la categoría WAI-A. AA- Condicines con un mayor nivel de exigencia . Su superación otorga la categoría WAI-AA. AAA- Estas condiciones son las más exigentes. Su superación otorga la categoría WAI-AAA.

8

Publicación contenidos Web  
Publicación contenidos Web  

publicacion de contenidos en la web

Advertisement