SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
6.PUBLICACIÓN DE CONTENIDOS EN WEB
1. World Wide Web
L a World Wide Web (www), conocida como la web, se compone de un
sistema de documentos relacionados entre sí mediante hipervínculos que
permiten su visualización en un ordenador conectado a la Red.
 Términos asociados a Internet
- Servidor web: ordenador remoto que tiene instalados los
programas necesarios para enviar los documentos requeridos
por un ordenador cliente.
- Cliente: ordenador conectado 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 formato web (HTML) y
permite el funcionamiento de los hiperenlaces. Ej.: Internet
Explore, Mozilla Firefox.
- URL: dirección textual de un servidor web para la apertura de
un archivo HTML.
- IP: código identificativo de un equipo informático e Internet,
formado por cuatro números, separados por punto.
- DNS: base de datos que relacionan una dirección textual de un
servidor con su dirección IP. Esta base de datos se encuentran
en unos servidores de dominios que pueden ser especificados
en nuestra conexión a Internet.
- 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 de marcado de
hipertextos >>. Los archivos creados ene se 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. Accedemos al programa de navegador de Internet y
escribimos la dirección de una página web (llamado como URL).
Ej.: http://www.google.es.
 Paso 2. El servidor DNS localiza la dirección IP que corresponde al
ordenador servidor donde se encuentran los archivos web
requeridos.
 Paso 3. Si la URL comienza por http://, el ordenador servidor nos
enviará al documento web solicitado con extensión html. Si la URL
no comienza por http:/, el servidor buscará en la carpeta de la
web y nos enviará por defecto al archivo denominado Index.html.
 Paso 4. Nuestro navegador estudia el documento html recibido y
solicita al servidor los archivos con los que esté enlazado, como
imágenes.
 Paso 5. Finalmente, nuestro programa navegador compone la
página con los textos, enlaces, imágenes y animaciones.
Los hipervínculos o hiperenlaces son enlaces a otros archivos en
el mismo servidor o en otros ordenadores contenidos al abrir una
página web. Su funcionamiento consiste en ejecutar todo el
proceso explicado anteriormente a partir de la dirección URL
incluida en dicho enlace.
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 contienen. Se identifican por estar
encerradas entre los símbolos de mayor a menor (< >)
Cómo se escribe un texto en negrita en lenguaje HTML
<b> Así se escribe un texto en negrita </b>: se compone de una etiqueta
de apertura, <b>, que indica que comienza la propiedad de texto negrita;
a continuación, el contenido que se verá afectado por la etiqueta, y por
último, la etiqueta de cierre, </b>, que indica que termina aquí dicha
propiedad. Si abrimos con un navegador el documento creado, se verá:
Así se escribe un texto en negrita.
2.1 Instrucciones básicas para lenguaje HTML
<html> Define un documento HTML. <img> Inserta una imagen en
el documento.
<head> Define el encabezado de un
documento HTML.
<b> Atributo de texto
negrita.
<title> Define el título de la página. <i> Atributo de texto
cursiva.
<body> Define el contenido que se
visualizará en el navegador.
<u> Atributo de texto
subrayado.
<li> Atributo de texto en lista o
viñeta.
<Font size> Atributo de texto del
tamaño de la fuente.
<table> Inserta una tabla en el
documento.
<Font color> Atributo de texto del
color de la fuente.
<hx> Atributo de texto de título a
distintos niveles en función
del valor x.
<Center> Atributo de texto de
alineación centrada en
el documento.
<a>
Inserta un hipervínculo.
<Style> Asignación de un estilo
de fuente adquirida
desde la hoja de estilos
CSS.
3. Gestores de contenidos (CMS)
Los gestores de contenido (Content Management System, CMS) son
aplicaciones que se instalan en el servidor para poder crear páginas web
dinámicas y nos permiten administrar el diseño del sitio de forma
independiente a su contenido. De esta manera, los cambios que se
realizan en el diseño no afectaban a los contenidos, y viceversa.
Los gestores de contenidos se modifican desde Internet. Cuando
administramos un CMS, definimos un aspecto con arreglo a unas
plantillas php creadas por nosotros o facilitadas por las comunidades de
usuarios. Estas 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 requiere grandes
conocimientos de programación. Otra ventaja radica en sus grandes
comunidades de usuarios.
LISTA DE GESTORES DE CONTENIDOS GRATUITOS
Creación de páginas web CMSimple- Drupal- Gekko- Joomla-
Mambo- PHPNuke- Plone- TYPO3
Creación de foros bbPress- PHPBB- PunBB- MyBB- Vanilla
Creación de blogs Wordpress- Serendipity- LifeType
Creación de galerías de
imágenes
Gallery- Coppermine- File browser
Creación de wikis Mediawiki- Tikiwiki- Dokuwiki
Creación de tiendas virtuales OsCommerce
Creación de grupos de trabajo WebCollab
Creación de sitios para
educación y formación
(e-Learning)
Moodle- Atutor- Claroline
Gestores de contenidos más utilizados
Joomla, Drupal o Wordpress son los gestores de contenidos más utilizados en la
creación de portales web dinámicos.
4. Streaming
Streaming es la posibilidad de reproducir contenido multimedia
directamente desde un servidor web sin necesidad de descargar los
archivos a nuestro ordenador.
4.1 Crea tu propia radio on-line
Frente a la posibilidad de escuchar emisoras comerciales, existe la
posibilidad de crear nuestra propia radio on-line gracias a la
reproducción de nuestros archivos MP3 y nuestras grabaciones.
Estos archivos deben ser libres.
Servicios web que nos permite crear una lista de reproducción
- http://www.spreaker.com
- http://www.mixpod.com
- http://www.goear.com
- http://www.jamendo.com
El funcionamiento de estos sistemas consiste en crear una lista
de reproducción en la página web que ofrece este servicio a
usuarios registrados.
Una vez que tenemos la lista con las canciones, debemos
localizar el código HTML, con el nombre para incrustar el
objeto en nuestra página web.
5. Funcionamiento de un programa FTP
Un programa FTP (File Transfer Protocol o protocolo de transferencia de
archivos), permite la conexión entre nuestro ordenador y un servidor
FTP de forma remota.
Para realizar la conexión se precisa la dirección FTP del servidor, el
nombre del usuario dado de alta en el servidor y la contraseña de
acceso.
Existen numerosos programas clientes FTP, en este apartado
utilizaremos el programa FileZilla, pues es de distribución gratuita y
tiene una interfaz muy sencilla.
Para trasladar archivos con el programa FileZilla seguiremos los
siguientes pasos:
 Paso 1. Ejecutamos el programa. En la ventana de programa,
accedemos al menú Archivo → Gestor de sitios y creamos una
nueva conexión con los datos facilitados por nuestro servidor.
 Paso 2. Una vez configurados los datos presionamos el botón
Conectar.
 Paso 3. Transferimos archivos entre ambos ordenadores
arrastrándolos de una zona de la pantalla a otra.
6. Accesibilidad en la web
Cuando hablamos de accesibilidad en la web nos referimos a la técnica
de diseño de las páginas web que permite a cualquier persona con
discapacidad física o sin medios tecnológicos necesarios el acceso a la
información.
 Accesibilidad técnica
La accesibilidad en la web no solo hace referencia a la
discapacidad física, sino también técnica. Por ejemplo, si
realizamos una página web con espectaculares diseños, bonitas
fotografías pero con una lenta velocidad de carga, estaremos
creando una página poco accesible, ya que solo podrán disfrutar
de ella las personas con grandes anchos de banda en su conexión
a Internet.
 Accesibilidad física
Todavía existen grandes barreras de accesibilidad para una
persona discapacitada.
-Una persona con dificultades de visión deberá utilizar
ampliadores de pantalla o programas lectores de pantalla que
pongan voz a los textos de las páginas 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
página web, por lo tanto, deberemos subtitular vídeos, indicar la
existencia de sonido y su función, etc.

Más contenido relacionado

La actualidad más candente

Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)RoUse Esc
 
Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)RoUse Esc
 
Trabajo tema 9 jesús matesanz
Trabajo tema 9  jesús matesanzTrabajo tema 9  jesús matesanz
Trabajo tema 9 jesús matesanzJesusmatesanz
 
Resumen tema9 eduardo_moreno
Resumen tema9 eduardo_morenoResumen tema9 eduardo_moreno
Resumen tema9 eduardo_morenoedumoreno1
 
Vanessa noveno
Vanessa novenoVanessa noveno
Vanessa novenodana
 
Publicación de páginas web
Publicación de páginas webPublicación de páginas web
Publicación de páginas webborja94
 
Que es la_web_juan galarza
Que es la_web_juan galarzaQue es la_web_juan galarza
Que es la_web_juan galarzaJuan Andres
 

La actualidad más candente (13)

Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)
 
Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)Bitácora 4 ta unidad (1)
Bitácora 4 ta unidad (1)
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 
Trabajo tema 9 jesús matesanz
Trabajo tema 9  jesús matesanzTrabajo tema 9  jesús matesanz
Trabajo tema 9 jesús matesanz
 
Resumen tema9 eduardo_moreno
Resumen tema9 eduardo_morenoResumen tema9 eduardo_moreno
Resumen tema9 eduardo_moreno
 
El Internet
El InternetEl Internet
El Internet
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Vanessa noveno
Vanessa novenoVanessa noveno
Vanessa noveno
 
Publicacion de contenidos en web
Publicacion de contenidos en webPublicacion de contenidos en web
Publicacion de contenidos en web
 
Publicacion web
Publicacion webPublicacion web
Publicacion web
 
Publicación de páginas web
Publicación de páginas webPublicación de páginas web
Publicación de páginas web
 
Que es la_web_juan galarza
Que es la_web_juan galarzaQue es la_web_juan galarza
Que es la_web_juan galarza
 
Utilidades
UtilidadesUtilidades
Utilidades
 

Similar a Publicación de Documentos en la Web (20)

Publicación de contenidos en Web
Publicación de contenidos en Web Publicación de contenidos en Web
Publicación de contenidos en Web
 
Publicación de contenidos en la web
Publicación de contenidos en la webPublicación de contenidos en la web
Publicación de contenidos en la web
 
Resumen del tema 6
Resumen del tema 6 Resumen del tema 6
Resumen del tema 6
 
Publicación de contenidos en web
Publicación de contenidos en webPublicación de contenidos en web
Publicación de contenidos en web
 
Publicación de contenidos en web
Publicación de contenidos en webPublicación de contenidos en web
Publicación de contenidos en web
 
Publicación de contenidos en la web
Publicación de contenidos en la webPublicación de contenidos en la web
Publicación de contenidos en la web
 
6º publicación de contenido en web
6º publicación de contenido en web6º publicación de contenido en web
6º publicación de contenido en web
 
Publicación de contenidos en la web
Publicación de contenidos en la webPublicación de contenidos en la web
Publicación de contenidos en la web
 
Resumen tema 6 informática.
Resumen tema 6 informática.Resumen tema 6 informática.
Resumen tema 6 informática.
 
Resumen tema 6 informática.
Resumen tema 6 informática.Resumen tema 6 informática.
Resumen tema 6 informática.
 
Publicacion de contenidos web
Publicacion de contenidos webPublicacion de contenidos web
Publicacion de contenidos web
 
Publicacion de contenidos en la web
Publicacion de contenidos en la webPublicacion de contenidos en la web
Publicacion de contenidos en la web
 
Intenet
IntenetIntenet
Intenet
 
Internet
InternetInternet
Internet
 
Internet
InternetInternet
Internet
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Tema1 introduccion
Tema1 introduccionTema1 introduccion
Tema1 introduccion
 
Tema 6
Tema 6Tema 6
Tema 6
 

Último

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 

Último (20)

La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 

Publicación de Documentos en la Web

  • 1. 6.PUBLICACIÓN DE CONTENIDOS EN WEB 1. World Wide Web L a World Wide Web (www), conocida como la web, se compone de un sistema de documentos relacionados entre sí mediante hipervínculos que permiten su visualización en un ordenador conectado a la Red.  Términos asociados a Internet - Servidor web: ordenador remoto que tiene instalados los programas necesarios para enviar los documentos requeridos por un ordenador cliente. - Cliente: ordenador conectado 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 formato web (HTML) y permite el funcionamiento de los hiperenlaces. Ej.: Internet Explore, Mozilla Firefox. - URL: dirección textual de un servidor web para la apertura de un archivo HTML. - IP: código identificativo de un equipo informático e Internet, formado por cuatro números, separados por punto. - DNS: base de datos que relacionan una dirección textual de un servidor con su dirección IP. Esta base de datos se encuentran en unos servidores de dominios que pueden ser especificados en nuestra conexión a Internet. - 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 de marcado de hipertextos >>. Los archivos creados ene se formato tienen extensiones HTML o htm.
  • 2. 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. Accedemos al programa de navegador de Internet y escribimos la dirección de una página web (llamado como URL). Ej.: http://www.google.es.  Paso 2. El servidor DNS localiza la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web requeridos.  Paso 3. Si la URL comienza por http://, el ordenador servidor nos enviará al documento web solicitado con extensión html. Si la URL no comienza por http:/, el servidor buscará en la carpeta de la web y nos enviará por defecto al archivo denominado Index.html.  Paso 4. Nuestro navegador estudia el documento html recibido y solicita al servidor los archivos con los que esté enlazado, como imágenes.  Paso 5. Finalmente, nuestro programa navegador compone la página con los textos, enlaces, imágenes y animaciones. Los hipervínculos o hiperenlaces son enlaces a otros archivos en el mismo servidor o en otros ordenadores contenidos al abrir una página web. Su funcionamiento consiste en ejecutar todo el proceso explicado anteriormente a partir de la dirección URL incluida en dicho enlace. 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 contienen. Se identifican por estar encerradas entre los símbolos de mayor a menor (< >) Cómo se escribe un texto en negrita en lenguaje HTML <b> Así se escribe un texto en negrita </b>: se compone de una etiqueta de apertura, <b>, que indica que comienza la propiedad de texto negrita; a continuación, el contenido que se verá afectado por la etiqueta, y por último, la etiqueta de cierre, </b>, que indica que termina aquí dicha propiedad. Si abrimos con un navegador el documento creado, se verá: Así se escribe un texto en negrita.
  • 3. 2.1 Instrucciones básicas para lenguaje HTML <html> Define un documento HTML. <img> Inserta una imagen en el documento. <head> Define el encabezado de un documento HTML. <b> Atributo de texto negrita. <title> Define el título de la página. <i> Atributo de texto cursiva. <body> Define el contenido que se visualizará en el navegador. <u> Atributo de texto subrayado. <li> Atributo de texto en lista o viñeta. <Font size> Atributo de texto del tamaño de la fuente. <table> Inserta una tabla en el documento. <Font color> Atributo de texto del color de la fuente. <hx> Atributo de texto de título a distintos niveles en función del valor x. <Center> Atributo de texto de alineación centrada en el documento. <a> Inserta un hipervínculo. <Style> Asignación de un estilo de fuente adquirida desde la hoja de estilos CSS. 3. Gestores de contenidos (CMS) Los gestores de contenido (Content Management System, CMS) son aplicaciones que se instalan en el servidor para poder crear páginas web dinámicas y nos permiten administrar el diseño del sitio de forma independiente a su contenido. De esta manera, los cambios que se realizan en el diseño no afectaban a los contenidos, y viceversa. Los gestores de contenidos se modifican desde Internet. Cuando administramos un CMS, definimos un aspecto con arreglo a unas plantillas php creadas por nosotros o facilitadas por las comunidades de usuarios. Estas 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 requiere grandes conocimientos de programación. Otra ventaja radica en sus grandes comunidades de usuarios.
  • 4. LISTA DE GESTORES DE CONTENIDOS GRATUITOS Creación de páginas web CMSimple- Drupal- Gekko- Joomla- Mambo- PHPNuke- Plone- TYPO3 Creación de foros bbPress- PHPBB- PunBB- MyBB- Vanilla Creación de blogs Wordpress- Serendipity- LifeType Creación de galerías de imágenes Gallery- Coppermine- File browser Creación de wikis Mediawiki- Tikiwiki- Dokuwiki Creación de tiendas virtuales OsCommerce Creación de grupos de trabajo WebCollab Creación de sitios para educación y formación (e-Learning) Moodle- Atutor- Claroline Gestores de contenidos más utilizados Joomla, Drupal o Wordpress son los gestores de contenidos más utilizados en la creación de portales web dinámicos.
  • 5. 4. Streaming Streaming es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador. 4.1 Crea tu propia radio on-line Frente a la posibilidad de escuchar emisoras comerciales, existe la posibilidad de crear nuestra propia radio on-line gracias a la reproducción de nuestros archivos MP3 y nuestras grabaciones. Estos archivos deben ser libres. Servicios web que nos permite crear una lista de reproducción - http://www.spreaker.com - http://www.mixpod.com - http://www.goear.com - http://www.jamendo.com El funcionamiento de estos sistemas consiste en crear una lista de reproducción en la página web que ofrece este servicio a usuarios registrados. Una vez que tenemos la lista con las canciones, debemos localizar el código HTML, con el nombre para incrustar el objeto en nuestra página web.
  • 6. 5. Funcionamiento de un programa FTP Un programa FTP (File Transfer Protocol o protocolo de transferencia de archivos), permite la conexión entre nuestro ordenador y un servidor FTP de forma remota. Para realizar la conexión se precisa la dirección FTP del servidor, el nombre del usuario dado de alta en el servidor y la contraseña de acceso.
  • 7. Existen numerosos programas clientes FTP, en este apartado utilizaremos el programa FileZilla, pues es de distribución gratuita y tiene una interfaz muy sencilla. Para trasladar archivos con el programa FileZilla seguiremos los siguientes pasos:  Paso 1. Ejecutamos el programa. En la ventana de programa, accedemos al menú Archivo → Gestor de sitios y creamos una nueva conexión con los datos facilitados por nuestro servidor.  Paso 2. Una vez configurados los datos presionamos el botón Conectar.  Paso 3. Transferimos archivos entre ambos ordenadores arrastrándolos de una zona de la pantalla a otra. 6. Accesibilidad en la web Cuando hablamos de accesibilidad en la web nos referimos a la técnica de diseño de las páginas web que permite a cualquier persona con discapacidad física o sin medios tecnológicos necesarios el acceso a la información.  Accesibilidad técnica La accesibilidad en la web no solo hace referencia a la discapacidad física, sino también técnica. Por ejemplo, si realizamos una página web con espectaculares diseños, bonitas fotografías pero con una lenta velocidad de carga, estaremos creando una página poco accesible, ya que solo podrán disfrutar de ella las personas con grandes anchos de banda en su conexión a Internet.  Accesibilidad física Todavía existen grandes barreras de accesibilidad para una persona discapacitada. -Una persona con dificultades de visión deberá utilizar ampliadores de pantalla o programas lectores de pantalla que pongan voz a los textos de las páginas 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.
  • 8. -Una persona sorda no percibirá los elementos multimedia de la página web, por lo tanto, deberemos subtitular vídeos, indicar la existencia de sonido y su función, etc.