trabajo

1. Publicación de contenido en
web.
TATIANA VAQUER SHEILA MARTÍN
FIGUEROA GALLARDO

2. Índice:

Creación de páginas web
– El entorno de trabajo de Kompozer
– Integración de textos. Hojas de estilo
– Integración de imágenes
– Creación de tablas
– Aplicación de hipervínculos

Gestores de contenidos (CMS)
– Funcionamiento de un gestor de contenidos

Streaming
– Crea tu propia radio on-line

Publicación de la WEB
– Funcionamiento de un programa FTP

Accesibilidad en la web
– Accesibilidad técnica
– Accesibilidad física
– Test de accesibilidad web

3. 5. Creación de páginas web
Para la creación de página web utilizaremos un editor web gratuito de los que
ya hemos hablado. Se trata del editor Kompozer, heredero del editor que
concluía Mozilla en sus antiguas distribuciones (Mozilla Composer).
Kompozer no necesita no necesita ser instalado, basta con hacer doble clic en
su ejecutable para comenzar a trabajar en el programa. Para ponerlo en el
castellano acudimos al menú Tools => Estension => Instal y elegimos el
archivo kpz-langpack-esES.xpi. Tras reiniciar el programa aparecerán todos
los menús en castellano.

4. 5.1. El entorno de trabajo de
Kompozer
Kompozer admite la creación de hojas de estilo en cascada: CSS
(Cascading Style Sheets). Las CSS sin unos archivos estándar de
configuración sobre los atributos de los distintos textos web que guardan
información sobre los atributos de los distintos que componen una
páginas web.
El funcionamiento de las hojas de estilo consiste en definir un formato de
texto con el tipo de letra, el color el tamaño estándar, la alineación,
etcétera.Las hojas de estilo pueden integrarse en el documento HTML
de la página.

5. 5.2. Integración de textos.
Hoja de estilo
Lo primero que debemos hacer es crear una hoja de estilos CSS que
utilizaremos en todas las páginas de nuestro sitio web .
Para crear una hoja de estilo externa, primero debemos crear la carpeta de la
web en nuestro disco duro y guardar en ella el documento HTML principal.
Creación de una hoja de estilo desde Kompozer
Paso 1. Pulsamos el botón Cascades
Paso 2. Desplegamos el menú de Hojas de estilo CCS en la ventana de diálogo y elegimos la
opción Elem.enlace.
Paso 3. Rellenamos los URL y título. Continuación hacemos clic en el botón Crear hoja de
estilos. Para reconocer que es un archivo de hojas de estilo se le asigna la extensión css.
Paso 4. Procedemos a crear una nueva regla de estilo. Con nuestra hoja de estilo seleccionada en
la zona izquierda de la ventana, desplegamos nuevamente el menú de estilo de CSS y elegimos la
opción Regla. En las distintas pestañas de la hoja de estilo vamos configurando los atributos del
nuevo formato creado. Para añadir textos a nuestra página web con los atributos ya definidos, solo
tenemos que escribirlos , seleccionarlo y elegir en la barra de formato.

6. 5.3. Integración de
imágenes
Para añadir una imagen a nuestra web, acudimos al menú Insertar >
Imagen y se nos mostrará la ventana de propiedad de la misma. El
primer campo que tenemos que rellenar es Ubicación de la
imagen. Conviene crear una carpeta de imágenes dentro de la
carpeta de la web y guardar en formaran parte de la página .

7. 5.4. Creación de tablas
Tras añadir texto e imágenes habremos
comprobado que resulta bastante engorroso
conseguir una estructura de visualización
similar a la que habíamos planificado.
Para crear tablas acudimos
al menú Tabla > Insertar > Tabla y
seleccionamos
la cantidad de filas
y columnas que compondrán la tabla.

8. 5.5. Aplicación de
hipervínculos
 Un hipervínculo es una referencia cruzada a otro documento. Se
compone de un punto de partida y un destino.
 Podemos diferenciar varias maneras de crear hipervínculos:
 Hipervínculos internos.
 Hipervínculos externos.

9. 6. Gestores de contenidos
(CMS)
 Los gestores de contenido se modifican deben
tener, por lo que cualquier usuario administrador
puede hacerlo desde un ordenador remoto.

10. 6.1. Funcionamiento de un
gestor de contenidos
 El funcionamiento de un gestor de contenido, como
por ejemplo Joomla, para la creación de un portal
esta basado en lo siguiente
– La presentación del portal a los usuarios en una zona
llamada frontend.
– La administración de el portal, llamada backend,
desde la que se puede gestionar los menús, los
artículos de contenido, los usuarios, etc.

11. 7. Streaming
 Streaming es la posibilidad de reproducir
contenido multimedia directamente desde un
servidor web sin necesidad de descargar los
archivos a nuestro ordenador.
Para incorporar archivos multimedia a una página
web se utilizan distintas tecnologías basadas en
repoductores que admiten streaming, como Real
Player, Quicktime, Windows Media o Flash
player.

12. 7.1. Crea tu propia radio on-
line
Esta sistema de radio propio esta basado en una pequeña
aplicación Flash gratuita llamada VDS Radio que permite
mediante unos sencillos pasos configurar los archivos MP3.
El funcionamineto de este sistema consiste en la creacion de una
lista de reproduciones de archivos MP3 que existen en
Internet.

13. 8. Publicación de la web
Cuando hayamos terminado el diseño y edición de
nuestra propia página web, deberemos publicarla en
internet.
¿Que elementos necesitamos para la publicación de
una página web en internet?
Un espacio es un servidor de internet
Un programa para transferir archivos

14. 8.1. Funcionamiento de un
programa FTP
Un programa FTP permite la conexión entre nuestro
ordenador y un servidor FTP de forma remota.
Paso 1. Ejecutamos el
archivo NicoFTP.exe,
ya que nos requiere
instalación.
Paso 2. Una vez
configuración los
datos, presionaremos
el botón conectar
Paso 3. Transferimos
archivos entre ambos
Ordenadores
arrastrándolos de
una zona de la
pantalla a la otra

15. 9. Accesibilidad a la web
Accesibilidad técnica Accesibilidad físicaAccesibilidad técnica
Cuando hablamos de accesibilidad en la web nos estamos refiriendo a la técnica de diseños de
páginas web que permite a cualquier persona con discapacidad física o sin medios
tecnológicos necesarios el acceso a la información.