Documentos de Académico
Documentos de Profesional
Documentos de Cultura
<HTML>
<HEAD>
<TITLE>TÍTULO DESEADO PARA LA PÁGINA</TITLE>
</HEAD>
<BODY>
TEXTO QUE VISUALIZARÁ LA PÁGINA
</BODY>
</HTML>
Etiquetas mas comunes y sus atributos
Etiquetas Características
<html>...</html> Entre ellas dos ha de estar todo el contenido
de la página.
<head>…</head> Cabecera del documento.Título de la página,
hoja de estilo.
<title>…</title> Título de la ventana que aparece en el
navegador.
<body>…</body> Entre estas etiquetas incluiremos todo el
contenido de la página web. Se puden poner
atributos como bgcolor.
<h1>…</h1> Estas etiquetas sirven para escribir distintos
<h2>….</h2> tamaños de titulares desde el más grande es
…… <h1> hasta el más pequeño <h6>.
<h6>….</h6>
Etiquetas mas comunes y sus atributos
Etiquetas Características
<i>...</i> Texto en cursiva.
<u>…</u> Texto subrayado.
<strong>…</strong> Texto negrita.
<p>…</p> Delimitan un párrafo del texto.
<p align=“left”>….</p> (alinear a la izquierda)
<p align=“center”>…..</p> (centrar)
<p align=“rigth”>…..</p> (alinear a la derecha)
<br/> Salto de línea. No necesita etiqueta de cierre.
1. Abre Kompozer.
2. Guárdalo como nombreapellido.html en la carpeta Pnombreapellido.
3. Escribe el texto dentro del área de trabajo.Escríbelo todo, separado por una o
dos líneas (pulsando intro). Después le darás formato.
CONTENIDO
PIE DE PAGINA
PASO 1: Diseñar la estructura de la página.
6. Haz lo mismo con las otras tres opciones del menú, pero que vayan a
futbol.html,baloncesto.html y tenis.html, respectivamente(páginas que
aún no se han creado).
5. Debajo inserta una tabla de dos filas y tres columnas, con un ancho del
100%.
6. En las celdas superiores, inserta las siguientes imágenes, una en cada
celda: P3_E5_Fulbol.jpg,P3_E5_Baloncesto.JPG y
P3_E5_Beisbol.jpg. y en las celdas inferiores escribe el nombre de
cada uno de los deportes que representa
PASO 5: El contenido de la página inicial(index.html).
10. Escribe al final de la página “Para saber más:” y ponlo como Titular 3.
11. Los enlaces a páginas web externas los presentaremos con una lista
de viñetas.Pulsa el botón Lista de viñetas de la barra de formato.
12. La primera será un enlace a la página web de la FIFA. Escribe “FIFA”
(este texto hará de enlace). Selecciona el texto con el ratón y pulsa
Enlace de la barra de redacción. En la ventana que se abre , escribe
http://www.fifa.com.
13. La segunda será un enlace a la Liga de Fútbol Profesional. Pulsa intro
para crear una nueva línea en la lista y escribe “Liga de fútbol
Profesional”. Selecciona este texto y pulsa el botón enlace. En la
ventana que se abre, escribe http://www.lfp.es.
14. Guarda la página.
Accesibilidad Web.
La accesibilidad web es un concepto que se refiere a la posibilidad de acceso a la
información en igualdad de condiciones.
Dentro del W3C existe un grupo de trabajo llamado WAI que vela por la accesibilidad
web, encargándose de que los contenidos web son accesibles a cualquier usuario.
Para conseguirlo la WAI publica periódicamente unas reglas que indican cómo hacer
más accesibles sus páginas web. Estas reglas son las WCAG.
Accesibilidad y estándares web
Accesibilidad Web.
Dependiendo del grado de cumplimiento de las pautas de accesibilidad WCAG, la
WAI otorga a las páginas web distintos niveles de accesibilidad:
Nivel A ( o prioridad 1), que el menor grado de cumplimientos de estas pautas;
nivel AA ( o prioridad 2); nivel AAA (o prioridad 3), que es el de mayor grado
de cumplimiento de dichas pautas.
Ejercicio:
Las webs www.sidar.org/hera y www.tawdis.net se dedican a analizar la
accesibilidad de las páginas web. Solo tienes que introducir la URL de una
página web en la casilla indicada y seleccionar el nivel de accesibilidad que
deseas para el análisis.
Analiza la accesibilidad de prioridad 1 (nivel A) de página de deportes que has
creado.