mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-27 19:02:21 +00:00
208 lines
6.8 KiB
HTML
208 lines
6.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
|
|
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Información general</title>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
|
|
<link href="../estilo.css" rel="stylesheet" type="text/css">
|
|
|
|
<script type="text/javascript" language="JavaScript">
|
|
|
|
<!--
|
|
|
|
function cargalogo(nombre) {
|
|
|
|
parent.arriba.location.href=nombre;
|
|
|
|
}
|
|
|
|
// -->
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body onload="cargalogo('../titulosg.htm');">
|
|
|
|
<center>
|
|
|
|
</center>
|
|
|
|
|
|
|
|
<p>A continuación encontrarás un conjunto de
|
|
|
|
páginas WEB en las que se ha pretendido combinar un mínimo de
|
|
|
|
teoría con el máximo posible de práctica, de forma que
|
|
|
|
se genere un proceso de experimentación que te permita un aprendizaje
|
|
|
|
autónomo.
|
|
|
|
<p>Los <b>objetivos</b> que se plantean son:
|
|
|
|
<ul>
|
|
|
|
<li> Que conozcas la estructura básica de un documento
|
|
|
|
HTML. </li>
|
|
|
|
<li> Que aprendas a construir una página HTML utilizando
|
|
|
|
los recursos elementales y algunos de nivel intermedio. </li>
|
|
|
|
<li> Que adquieras las bases necesarias para poder continuar
|
|
|
|
de forma autónoma el aprendizaje sobre elementos avanzados de lenguaje
|
|
|
|
HTML. </li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>Para conseguir estos objetivos contamos con un tema central de trabajo: <b>construir
|
|
|
|
y publicar un sitio WEB de contenido educativo</b> compuesto de varias páginas
|
|
|
|
con sus correspondientes enlaces. Los recursos para llevar a cabo esta tarea
|
|
|
|
los iremos trabajando paso a paso, pero deberías tenerla presente desde
|
|
|
|
el momento de iniciar el curso.</p>
|
|
|
|
|
|
<p>Los <b>materiales</b> que encontrarás recogen una serie de explicaciones
|
|
sobre los diferentes elementos que constituyen las páginas WEB y un conjunto
|
|
de ejercicios intercalados para ir practicando los conceptos explicados. </p>
|
|
|
|
|
|
<p>La navegación por los contenidos del curso puede hacerse siguiendo una
|
|
secuencia lineal, igual que si se fueran pasando una a una las páginas
|
|
de un manual o bien de forma no secuencial para lo que se utilizará el
|
|
menú que tendrás presente de forma constante en la zona izquierda
|
|
de la pantalla. Puedes plantearte una división de los contenidos en dos
|
|
fases:
|
|
<ul>
|
|
<li>Una fase de de iniciación te permitirá tomar contacto con
|
|
los elementos básicos del lenguaje HTML para crear las primeras páginas.
|
|
Incluye los contenidos correspondientes a los apartados Introducción,
|
|
Formato, Tablas, Multimedia (Imágenes), Vínculos y Publicación.</li>
|
|
<li>Para adquirir una visión más completa se añadirían
|
|
el resto de los módulos: Multimedia (Sonidos), Formularios, Marcos,
|
|
Accesibilidad y, especialmente, Estilos. </li>
|
|
</ul>
|
|
<p>La sección de recursos te brinda una selección de algunas páginas
|
|
desde las cuales puedes encontrar multitud de fuentes con las que completar
|
|
y enriquecer tu aprendizaje.</p>
|
|
<p>En cuanto a la presentación de la documentación, junto a las
|
|
explicaciones mediante textos e imágenes encontrarás zonas del
|
|
manual diferenciadas gráficamente:
|
|
<div class="estilo">Crear una sitio WEB es algo más que amontonar
|
|
|
|
información más o menos correctamente relacionada. <br>
|
|
|
|
<br>
|
|
|
|
Como en todo medio de comunicación se han ido desarrollando una serie
|
|
|
|
de normas de estilo que será conveniente respetar. No pretendemos ser
|
|
|
|
estrictos, pero ten en cuenta que la habilidad para navegar se adquiere gracias
|
|
|
|
a que las páginas por las que pasamos respetan un conjunto similar de
|
|
|
|
convenciones y no tenemos que ir descubriendo nuevos indicadores a cada paso.<br>
|
|
|
|
<br>
|
|
|
|
Las encontrarás en este tipo de recuadros.</div>
|
|
|
|
<div class="codigo">Detrás de cada página WEB hay unos códigos
|
|
|
|
que permiten que la veamos tal como se presenta en nuestra pantalla.<br>
|
|
|
|
<br>
|
|
|
|
Aunque trabajarás fundamentalmente en un entorno gráfico en el
|
|
|
|
que las herramientas que utilices irán construyendo el código
|
|
|
|
hay algunos momentos en los que se hace imprescindible recurrir a la edición
|
|
|
|
manual del mismo.<br>
|
|
|
|
<br>
|
|
La presentación en pantalla será como la de este bloque. </div>
|
|
|
|
<div class="ejercicio">El tercer tipo de cuadros será el correspondiente
|
|
|
|
a las prácticas.<br>
|
|
|
|
<br>
|
|
|
|
Siempre encontrarás un número identificativo de la actividad <img src="../imagenes/numeracion/catorce.gif" width="29" height="29" align="absmiddle"> que
|
|
te permitirá localizar rápidamente los ejercicios.<br>
|
|
|
|
</div>
|
|
|
|
<div class="aviso"><img src="../imagenes/atencion.gif" width="28" height="25" align="left">Este
|
|
|
|
tipo de señal te avisará de alguna cuestión relevante.
|
|
|
|
Puede tratarse de un detalle que puede alterar la forma de llevar a cabo un
|
|
|
|
procedimiento o provocar un error, de alguna advertencia importante respecto
|
|
|
|
a códigos o estilos o, en general, alguna nota que te puede evitar más
|
|
|
|
de un quebradero de cabeza.</div>
|
|
|
|
<p>La <b>secuencia de prácticas </b>se inicia trabajando con el bloc de
|
|
notas o cualquier editor de texto plano si estás trabajando con Linux.
|
|
Si ya has tenido algún contacto con alguna otra herramienta de diseño
|
|
de páginas WEB puede parecerte que esta fase sobra. Como autor del curso
|
|
considero que es un recurso metodológico necesario para hacer patentes
|
|
las características del lenguaje HTML y por ello los tres primeros ejercicios
|
|
son de este tipo. A partir de la cuarta práctica iniciaremos el trabajo
|
|
con el editor gráfico.
|
|
<p>
|
|
<p><span><b>SEGUIMIENTO Y DESARROLLO DEL CURSO</b></span>
|
|
<p>El seguimiento y desarrollo del curso implica la lectura detenida de la documentación
|
|
del mismo, así como la realización de los ejercicios que en él se proponen</p>
|
|
|
|
<p><b>LOS EJERCICIOS</b> </p>
|
|
|
|
<p>Los ejercicios prácticos proponen, de forma guiada,
|
|
|
|
todas las actuaciones que el alumno ha de llevar a cabo. </p>
|
|
|
|
<p>Se aconseja a los alumnos y alumnas crear una carpeta o subdirectorio de trabajo
|
|
en el ordenador del usuario para ir guardando en un mismo sitio el resultado
|
|
de los ejercicios realizados cuando la actividad lo requiera.</p>
|
|
|
|
<p> <a name="uso"></a> <br>
|
|
<span><b>USO Y CONSULTA DE LOS DOCUMENTOS</b></span> </p>
|
|
|
|
<p>Este material está optimizado para una configuración de pantalla de 1024 x
|
|
768 con 16 bits de colores, por lo que si se utilizan configuraciones distintas
|
|
pueden producirse algunas variaciones en la presentación en pantalla de la información.</p>
|
|
|
|
<p>
|
|
|
|
<p> </p>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|