mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-28 03:12:25 +00:00
318 lines
7.7 KiB
HTML
318 lines
7.7 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>Normas de estilo: lo esencial</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>>Normas de estilo: lo esencial</p>
|
|
|
|
</div>
|
|
<div id="flechadcha">
|
|
<a href="general4.htm" title="avanzar"><img src="../Images/flechadcha.gif" border="0"></a>
|
|
</div>
|
|
<div id="flechaizq">
|
|
<a href="general2.htm" title="retroceder"><img src="../Images/flechaizq.gif" border="0"></a>
|
|
</div>
|
|
|
|
|
|
<div id="contenido">
|
|
|
|
<h2>Unas cuantas ideas esenciales</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>¿Cuántas veces hemos oído aquello de que el sentido común
|
|
acaba por ser el menos común de los sentidos? Si este aforismo es, desgraciadamente,
|
|
bastante acertado en la mayoría de los campos de nuestra existencia,
|
|
parece que acrecentara su validez cuando se trata de una actividad en la que
|
|
intervienen ordenadores. Es como si supusiéramos que la potencia de cálculo
|
|
del ordenador va a ser capaz de suplantar nuestra capacidad de crear, pensar
|
|
y organizar. Por ello quiero recordar algunos principios esenciales que, debido
|
|
posiblemente a su obviedad, suelen acabar olvidándose.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Para comunicar hay que tener algo que decir</h3>
|
|
|
|
|
|
|
|
<p>Desde luego, cuando no hay nada que contar lo máximo que podemos lograr,
|
|
|
|
si dominamos la técnica para ello, es crear brillantes y atractivas burbujas
|
|
|
|
vacías. </p>
|
|
|
|
|
|
|
|
<p>El primer paso que hemos de dar para crear nuestro sitio WEB es aclarar nuestras
|
|
|
|
ideas sobre lo que pretendemos comunicar a través de sus páginas.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Una buena idea puede escribirse con mala caligrafía...</h3>
|
|
|
|
|
|
|
|
<p>Podemos afirmar sin lugar a duda que todos los grandes genios de la literatura
|
|
|
|
tuvieron que aprender a manejar un lápiz. Y es casi seguro que más
|
|
|
|
de uno hizo sus primeras intentonas literarias con caligrafías temblorosas
|
|
|
|
que, a pesar de todo, no ocultaban el talento que había tras esos trazos.</p>
|
|
|
|
|
|
|
|
<p>El lenguaje <acronym title="HyperText Markup Language">HTML</acronym> va a ser la herramienta con la que plasmaremos nuestras ideas
|
|
para publicarlas en Internet. Como ocurre con cualquier herramienta, la calidad
|
|
de los trabajos realizados con ella dependerá de la familiarización
|
|
que seamos capaces de adquirir con su manejo ... y eso tiene mucho que ver con
|
|
la práctica.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>...aunque es preferible que la caligrafía acompañe</h3>
|
|
|
|
|
|
|
|
<p>Si atendemos a lo dicho en los párrafos anteriores puede ocurrir que
|
|
|
|
desequilibremos la balanza hacia el platillo del fondo en detrimento del platillo
|
|
|
|
de la forma. Aunque es verdad que el predominio de la forma nos acerca peligrosamente
|
|
|
|
a los fuegos de artificio, no es conveniente que abandonemos un cierto grado
|
|
|
|
de preocupación por la constante superación de nuestra "caligrafía".</p>
|
|
|
|
|
|
|
|
<p>En muchas ocasiones hay aspectos, que parecen meramente formales, cuya incidencia
|
|
|
|
sobre la legibilidad y facilidad de transmisión de los contenidos los
|
|
|
|
alejan del campo del adorno para llevarlos al terreno de la arquitectura del
|
|
|
|
mensaje. </p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>En el fondo tenemos gustos similares</h3>
|
|
|
|
|
|
|
|
<p>Cuando hago esta afirmación no me refiero a los aspectos estéticos,
|
|
|
|
donde está claro que encontraríamos casi tantos matices como seres
|
|
|
|
humanos.</p>
|
|
|
|
|
|
|
|
<p>Pensemos el entorno en el que nos estamos moviendo: navegación por Internet
|
|
|
|
en un entorno educativo. Hay algunas coordenadas que son comunes a la mayoría
|
|
|
|
de los que trazamos esta singladura: </p>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>Nos gusta movernos rápido.</li>
|
|
|
|
<li>Nos impulsa la búsqueda de información relevante.</li>
|
|
|
|
<li>Agradecemos que nos brinden sistemas cómodos de navegación.</li>
|
|
|
|
<li>Nos molestan las visitas a sitios en obras (Me refiero a esos que lo único
|
|
|
|
que tienen es un cartel que nos lo dice, porque la verdad es que una buena
|
|
|
|
WEB siempre debería estar en obras).</li>
|
|
|
|
<li>¿Imágenes y sonidos? Todos los que pida el contenido, pero
|
|
|
|
optimizados, que el que paga la conexión telefónica soy yo y
|
|
|
|
no todos tenemos conexiones a velocidades de vértigo.</li>
|
|
|
|
<li>...</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>Seguro que encontramos bastantes más puntos de coincidencia. Así
|
|
|
|
que ¿por qué no nos planteamos lo que pensaríamos del autor
|
|
|
|
si fuéramos visitantes de la WEB que estamos creando? Por cierto, cuando
|
|
|
|
intentes responder esta pregunta olvida las horas de esfuerzo que le has tenido
|
|
|
|
que dedicar a lo que tienes en tu pantalla ;-)</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Si en mi cabeza no está claro ¿cómo
|
|
|
|
|
|
lo va a estar en la del visitante?</h3>
|
|
|
|
|
|
|
|
<p>Una WEB educativa no debería ser uno de esos eventos que se dieron en
|
|
|
|
llamar "performances" en los que cada uno reelaboraba y reinterpretaba
|
|
|
|
la propuesta creativa. Seamos serios: si pretendo transmitir una información
|
|
|
|
el proceso es, inicialmente, asíncrono y unidireccional. Otra cosa es
|
|
|
|
que arbitre los procedimientos para que haya interactividad, pero el flujo inverso
|
|
|
|
se tendrá que producir cuando el visitante tenga claro el mensaje y las
|
|
|
|
ideas que le quiero transmitir. Si esas ideas no están organizadas en
|
|
|
|
mi cabeza no podré plasmarlas de forma que el visitante las perciba como
|
|
|
|
algo coherente.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Calor de hogar</h3>
|
|
|
|
|
|
|
|
<p>No se trata de que todos los muebles sean iguales, de que todos los cuadros
|
|
|
|
sean del mismo tamaño,... pero lo cierto es que cualquier casa tiene
|
|
|
|
un estilo que hace que, por muy grande que sea, cuando cambias de habitación
|
|
|
|
no sientas que te has mudado a casa de los vecinos. Desgraciadamente son muchos
|
|
|
|
los sitios WEB en los que el salto de página me hace sentir que me he
|
|
|
|
mudado, más que a casa del vecino, a otro país. </p>
|
|
|
|
|
|
|
|
<p>Cuando pensemos en nuestro sitio WEB deberíamos hacernos una idea de
|
|
|
|
la "decoración" general para que los visitantes adquieran de
|
|
|
|
forma inmediata una sensación de comodidad y de sitio conocido que les
|
|
|
|
facilite la estancia en nuestra "casa virtual".</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>¡Viva la comunicación viva!</h3>
|
|
|
|
|
|
|
|
<p>Juega a gusto con las palabras y dales el sentido que te plazca:</p>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>¿La exclamación jubilosa de un deseo? </li>
|
|
|
|
<li>¿Una orden, tal vez?</li>
|
|
|
|
<li>¿Quizás un simple eslogan publicitario arropado por ese tono
|
|
imperativo?</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p align="center">La verdad es que mi intención era un poco más
|
|
|
|
inmediata. Lo que quería decir en realidad es lo siguiente:</p>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li> ¡Haga usted el favor de no preocupar a sus visitantes haciéndoles
|
|
|
|
creer que ha muerto!</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>Si en algún punto de la WEB situamos un enlace que apunte a nuestra
|
|
|
|
dirección de correo tiene que ser con el propósito de contestar
|
|
|
|
a los mensajes que se generen a través de él. Si no es así,
|
|
|
|
es preferible que les ahorremos preocupaciones a nuestros visitantes ;-)</p>
|
|
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
|
|
<p></p>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|