mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-27 19:02:21 +00:00
151 lines
4.8 KiB
HTML
151 lines
4.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html lang="es-es">
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>Información general</title>
|
|
<meta content="Raúl Luna" name="author">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../nvu2005.css">
|
|
<!-- parche de compatibilización con CSS 2 para navegadores microsoft --><!--[if lt IE 7]>
|
|
<script src="../ie7/ie7-standard-p.js" type="text/javascript"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div id="localizador">
|
|
<p>Introducción>>Información general</p>
|
|
|
|
</div>
|
|
<div id="flechadcha">
|
|
<a href="general2.htm" title="avanzar"><img src="../Images/flechadcha.gif" border="0"></a>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="contenido">
|
|
|
|
|
|
<p>Seguramente ya habrás leído la <a href="javascript:void(0)" onclick="window.open('../guia.html','','statusbar=0,menubar=0,toolbar=1,top=0,left=0,width=800,height=600,scrollbars=yes')">guía
|
|
del alumno</a> y tendrás una idea clara del funcionamiento del curso.
|
|
De todas maneras es importante que recuerdes que el objetivo final consiste
|
|
en <strong>construir y publicar un sitio WEB de contenido educativo</strong>
|
|
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 <strong>materiales </strong>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 o bien de forma no secuencial para lo que se utilizará el
|
|
menú con el desarrollo de los bloques de contenido que tendrás presente en la pantalla.
|
|
</p>
|
|
|
|
<p>Junto a las explicaciones textuales encontrarás zonas del manual diferenciadas
|
|
gráficamente:
|
|
</p>
|
|
|
|
<div class="estilo">En algunos casos se tratará de recomendaciones de "estilo", ya que 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 practicas">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 style="width: 29px; height: 29px;" alt="numeracion" src="../imagenes/numeracion/catorce.gif" align="middle"> que
|
|
te permitirá localizar rápidamente los ejercicios.<br>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="avisos"><img src="../imagenes/atencion.gif" align="left" height="25" width="28">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 <strong>secuencia de prácticas </strong>se inicia trabajando directamente con el código. 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 primeros ejercicios son de este tipo. A partir de la cuarta
|
|
práctica
|
|
iniciaremos el trabajo con el editor gráfico.
|
|
</p>
|
|
|
|
<p>
|
|
</p>
|
|
|
|
<p> </p>
|
|
|
|
|
|
<p></p>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|