Módulo 1: HTML 4.

0 Capítulo 6: Creación de frames

¿Qué es el diseño web?

El diseño web es el proceso de creación de la interfaz visual de un sitio web. En otras palabras, los
diseñadores web crean todo lo que vemos en línea. El diseño web no solo incluye la estética,
también se refiere a la usabilidad de un sitio web o aplicación móvil, así como a la estructura y
diseño general.

El diseño web es diferente del desarrollo web, que se refiere a la codificación real que hace que un
sitio web funcione. Los diseñadores web se enfocan en los aspectos visuales y de front-end de un
sitio, lo que influye en su usabilidad y UX en general.

Hay dos objetivos principales en el diseño web:

 Para que el sitio web se vea bien.

 Para ayudar a los visitantes a lograr fácilmente sus objetivos en el sitio.

Términos comunes de diseño web

Aquí es donde resulta útil comprender algunos términos de diseño web de uso común:

Interfaz de usuario Lo que ven los visitantes cuando ingresan a un sitio web: el diseño, la navegación, las
(UI) imágenes, el color, la tipografía, etc.

Experiencia de Cómo se sienten los visitantes cuando se mueven e interactúan con la interfaz de un sitio
usuario (UX) web.

Usabilidad Qué fácil es para los visitantes realizar tareas básicas. Cuando hay fricción en el diseño
(desde gráficos mal elegidos hasta menús complicados), esto interrumpe la UX general.

diseñador web La persona que diseña la interfaz visual e interactiva de un sitio web.

desarrollador web La persona que escribe el código que convierte el diseño visual en un sitio web funcional.

¿Qué son los estándares web?

Los estándares web establecen las reglas para la web en su conjunto. Generalmente, giran en
torno a los aspectos técnicos de la construcción de un sitio web, con el objetivo principal de hacer
de la web un lugar al que todos puedan acceder y disfrutar por igual.
Diseño gráfico de páginas web 6-1
 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
A diferencia de los principios de diseño web que a menudo se derivan de estudios psicológicos y
leyes, los estándares web son en realidad establecidos y regulados por varios órganos rectores.

A la vanguardia de los estándares web se encuentra una organización llamada Consorcio Mundial
de la red (W3C), que está dirigido por Tim Berners-Lee (el tipo que inventó la Web).

Estos son los principales objetivos del W3C:

 Página Web para todos : se logra mediante la creación de sitios web accesibles y
compatibles con todo el mundo.
 Web on Everything : esto se refiere al diseño web receptivo: compatibilidad total entre
navegadores y dispositivos para cada sitio web.
 Página Web para una interacción enriquecida : pautas para las técnicas y los lenguajes de
programación que se deben utilizar.
 Web de datos y servicios : se refiere a la gestión de datos dentro y entre sitios web.
 Web of Trust : la priorización de la seguridad y la privacidad en la web.

Aquí hay mucha orientación sobre lo que debe y no debe hacer al crear sitios web.

Dicho esto, es una buena idea dejar en suspenso la exploración de este tema hasta que haya
dominado todo lo demás que necesita saber sobre el diseño web para principiantes. No es que
esto sea menos importante que el resto. Es solo que hay mucho que ver con la gestión técnica de
un sitio, que es una habilidad que no desarrollarás hasta más tarde.

Wireframes

Los wireframes son esqueletos de sus páginas. Esboza la composición, usa marcadores de posición
para mostrar a dónde va el contenido y determina cómo colocar y dimensionar cada bloque y
elemento.

Maquetas

Las maquetas son archivos de diseño estáticos. Tienen el mismo aspecto que una página web,
excepto que no son interactivas.

Al diseñar maquetas, tiene la oportunidad de solucionar cualquier problema en el diseño, el

diseño, los elementos, etc. antes de comprometerlo todo en un prototipo funcional.

Diseño gráfico de páginas web 6-2

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
Prototipos

Los prototipos son la versión interactiva de las maquetas. En la creación de prototipos, crea
conexiones entre las páginas y anima otros elementos interactivos en la página.

Esto le da a usted y a su cliente la oportunidad de ver sus diseños en acción.

Pluma y papel

Muchos diseñadores comienzan su proceso de encuadre con una hoja de papel en blanco y un
lápiz o bolígrafo negro. Luego comienzan a dibujar y crear lo que se conoce como wireframes de
baja fidelidad. Estos se parecen a los wireframes digitales normales, pero están dibujados a mano
y son incluso más fáciles de revisar y modificar que los wireframes digitales. Muchos diseñadores
prefieren comenzar con estos bocetos hechos a mano como una forma de crear una base para el
diseño de su diseño y hacer fluir su creatividad.

1.1.1 Conceptos básicos

A modo de introducción y con el propósito de unificar terminología a continuación se describe

el significado de algunos términos muy utilizados en el diseño web:

World Wide Web (WWW) red de alcance mundial

Es el sistema de presentación de la información más utilizado en Internet. Sus principales

características son:

• Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras

páginas del mismo sitio o de sitios ajenos. Al situar el puntero del ratón sobre él, éste

toma el aspecto de una mano. Al hacer clic se mostrará la página vinculada al mismo.

• Multimedia: En la pantalla aparece texto, imágenes, videos, audios, animaciones,

etc.

• Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo

(Windows, Linux, Mac), usando cualquier navegador y desde cualquier parte del

mundo.

• Pública: Toda su información está distribuida en miles de ordenadores (servidores)

Diseño gráfico de páginas web 6-3

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
que ofrecen su espacio para almacenarla. Es información pública y normalmente

accesible por cualquier usuario.

• Dinámica: Mucha información, aunque está almacenada, puede ser actualizada por el

público que la consulta sin que el usuario necesite conocer detalles técnicos de su

mantenimiento. Son las páginas activas: asp, php o jsp.

Navegador

Es el programa que se utiliza para acceder a los contenidos de Internet. Debe ser capaz de

comunicarse con un servidor y comprender el lenguaje de todas las herramientas que

manejan la información de Web. Los navegadores más populares son Internet Explorer,

Mozilla Firefox, NetScape, Opera, Safari, etc.

Servidor

Es el ordenador encargado de proporcionar al navegador del cliente los documentos y medios

que éste solicita.

HTTP (HyperText Transfer Protocol)

Es el protocolo de comunicación utilizado para transmitir las peticiones y archivos a través de

Internet entre el servidor y el navegador. El protocolo http:// se indica en el inicio de la

dirección. Si no se teclea este prefijo, el navegador lo añade de forma automática.

URL (Universal Resource Locator)

Es la dirección donde se encuentra un recurso en Internet.

Ejemplo: [Link]

Si no se indica página html, el servidor enviará la página índice (index) o bien por defecto

(default).

Durante la navegación por Internet …

1) El usuario, situado en el equipo cliente, teclea la URL en la casilla dirección del

navegador y pulsa la tecla <enter>.

Diseño gráfico de páginas web 6-4
 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
2) La petición se dirige a los servidores DNS que traducen esta URL a una dirección IP.

Por ejemplo: [Link] -> [Link]. Es posible situar en el navegador

esta dirección aunque resulte más complicada e ininteligible.

3) La petición llega al servidor que tiene esa IP.

4) El servidor devuelve la página solicitada.

5) El archivo HTML y los multimedia referenciados se almacenan en la carpeta caché del

navegador (disco duro del equipo cliente). Cuando se han descargado estos activos

entonces el usuario visualiza la página y todos sus elementos.

HTML (HyperText Markup Language)

Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador. Este

lenguaje se basa en etiquetas (instrucciones que le dicen al navegador como deben

mostrarse) y atributos (parámetros que dan valor a la etiqueta). Una página HTML contiene

texto con un cierto formato y referencias a archivos externos que contienen imágenes,

sonidos, animaciones, etc.

Archivo HTML

El lenguaje HTML se utiliza para definir un documento que se visualizará a través del

navegador. Este documento se guarda en un archivo con extensión .htm ó .html

Básicamente los documentos escritos en HTML constan de texto y etiquetas. Las etiquetas

permiten definir el formato del texto, el título que mostrará en la barra de título del

navegador, los elementos multimedia que aparecerán incrustados en el documento pero que

se almacenan en archivos externos, etc.

Todo documento HTML tiene la siguiente estructura: cabecera y cuerpo del documento. Las

tres etiquetas que describen su estructura general son:

• <html>: indica que se inicia el documento.

• <head>: incluye el título de la página (<title>) que se muestra en la barra de título

del navegador.

• <body>: contiene la información visible.

Diseño gráfico de páginas web 6-5

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

1.1.2 Mi primer documento HTML

1. Abre el Bloc de Notas de Windows mediante: Inicio > Todos los programas >

Accesorios > Bloc de Notas. En Ubuntu puedes utilizar el procesador de textos

mediante: Aplicaciones > Accesorios > Procesador de textos.

2. En un documento nuevo escribe el siguiente texto:

<html>

<head>

<title>Mi primera pagina</title>

</head>

<body>

Hola mundo

</body>

</html>

3. Selecciona Archivo > Guardar como. Se mostrará este cuadro de diálogo.

Diseño gráfico de páginas web 6-6

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

4. En la lista desplegable Guardar en: , elige la carpeta donde desees guardar este

documento.

5. Introduce el nombre del archivo añadiéndole la extensión .htm Ejemplo: [Link]

6. Pulsa en el botón Guardar.

7. Cierra la ventana del Bloc de Notas.

8. Elige Inicio > Mis Documentos para situarte en esta carpeta donde has guardado tu

archivo HTML. Encontrarás un archivo con el icono de un documento HTML con el

nombre que has elegido.

9. Haz doble clic sobre el icono de este archivo y se abrirá el navegador configurado por

defecto en tu equipo mostrando el contenido de esta página HTML.

10. Observa que en la barra de título del navegador aparece el texto que has encerrado

entre las etiquetas <title> … </title> y en el documento en blanco el texto que has

incluido entre <body>…</body>

Diseño gráfico de páginas web 6-7

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

ETIQUETAS HTML

Con el lenguaje HTML damos forma al texto y al resto de elementos de una página web mediante etiquetas como ya
sabemos. Las etiquetas HTML son marcas, escritas entre corchetes angulares (< >)

Esquema de una etiqueta html

< etiqueta atributo = ”valor” > contenido </etiqueta>

Donde:

• Etiqueta: es el nombre de la etiqueta <etiqueta>. </etiqueta> (indica final de la etiqueta)

• Atributo: característica que modifica el comportamiento de una etiqueta. Siempre se pone

dentro de la etiqueta de apertura. No todas las etiquetas tienen atributo.

• Valor: Es el valor que damos al atributo para modificar el comportamiento de una etiqueta.

• Contenido: Texto al que queremos dar formato.

El conjunto de las dos etiquetas con su atributo y el texto contenido en su interior conforman un

elemento HTML

Ejemplo

Esta es una línea de código o elemento de HTML:

< p align = center > La Tierra es nuestro planeta </p>

Y su interpretación es:

• <p align =”center”> es la etiqueta de apertura. Indica un inicio de párrafo, es decir, a partir

de aquí empieza un párrafo nuevo.

• Align es un atributo de la etiqueta <p> que sirve para fijar la alineación del párrafo

• center es el valor que le adjudicamos al atributo align para hacer que el párrafo aparezca

alineado en el centro de la página.

Diseño gráfico de páginas web 6-8

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
• </p> es la etiqueta de cierre. Aquí se acaba el párrafo que s inició con la etiqueta de

apertura.

• Contenido “La Tierra es nuestro planeta” aparecerá centrado en la página.

Existen, también, ETIQUETAS SIN CIERRE, SIMPLES. Por ejemplo:

<br/> Salto de línea dentro de un párrafo

• <hr/> Dibuja una línea recta a lo largo de la página. Puede añadirse <hr align=center
width='75%'/>, para establecer una alineación y un ancho de línea
• <img scr = “imagen”/> Inserta una imagen en el documento
• <!--comentario-- > Comentario
Para que un fichero de texto sea interpretado como un documento html por el navegador, debe tener
esta estructura:
• Entre <HTML> y ></HTML> se inicia
• el documento y se acaba
• Tiene dos partes: <HEAD> y </HEAD>
(cabecera) y la otra <BODY> y
</BODY> (cuerpo)
• Entre <HEAD> y </HEAD> se escribe
información de la página (título, hojas de
estilo, codificación usada …)
La parte <HEAD> se puede omitir.
• Entre <TITLE> y </TITLE> se coloca el título de la página, que aparecerá en la barra del
navegador y que puede contener espacio, tildes y cualquier carácter.
• Entre <BODY> y </BODY> está el cuerpo del documento, es decir, el contenido: texto,
imágenes, vídeos, etc...

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Debemos
guardarlo con la
extensión .htm o
.html y en formato
de texto plano.

Elementos de HEAD
En la sección de HEAD de la página HTML, se pueden indicar algunos parámetros de la página
como:
- Título (texto que aparece en la barra del navegador): <TITLE>Mi página Web</TITLE>
Diseño gráfico de páginas web 6-9
 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
- Descripción de la página: <meta name = “description” content = “página de prueba”>
- Palabras claves: <meta name = “keywords” content = clave1, clave2, claver3”>
- Juego de caracteres: <meta http-equiv=”content-Type” content=”text/html; charset=UTF-8”>
Codificación de los caracteres: Para que el navegador pueda reconocer los acentos, espacios
vacíos, se establece el set de caracteres. En Chrome, desde Personalizar Chrome (botón parte
derecha superior, tres rayas), luego Más herramientas/codificación

PRÁCTICA
1. Crea dentro de la carpeta DiseñoWeb una carpeta llamada HTML. Dentro de
ella, crea una carpeta llamada Imagenes (sin acento), Documentos y Vídeos
2. Abre el editor de texto mousepad o gedit que está en accesorios
3. Copia las etiquetas básicas e imprescindibles que debe de contener una página
web. Escribe:
<html>

<head>

<!--Cabecera de la página web-->

<title>Web saludo</title>

<meta name="description" content="página de prueba">

<meta name="keywords" content="prueba,html,web">

<meta http-equiv="content-Type" content="text/html;charset=UTF-8">

</head>

<body>

<!--Cuerpo de la página web-->

<p>HOLA MUNDO</p>

<br>

<p>Esta es mi primera página web</p>

</body>

TIPOS DE ELEMENTOS
Recordando: un elemento HTML está formado por:
• Una etiqueta de apertura
• Cero o más atributos
• Texto encerrado entre las etiquetas
• Una etiqueta de cierre
Los elementos HTML se pueden clasificar en dos categorías: los elementos de bloque y los
elementos de línea.
El lenguaje HTML clasifica a todos los elementos en dos grupos: elementos en línea y elementos
de bloque.
La principal diferencia entre los dos tipos de elementos es la forma en la que ocupan el espaciodisponible en la
página. Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta

Diseño gráfico de páginas web 6-

 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
el final de la línea, aunque sus contenidos no lleguen hasta el final de la línea. Por su parte, los elementos en
bloque sólo ocupan el espacio necesario para mostrar sus contenidos.

Lenguaje HTML Diseño de páginas web

Ejemplo de elementos de bloque:
• Los párrafos (<p>), los bloques de división (<div>), las listas (<ul>, <ol>) y las tablas
(<table>)
Ejemplo de elementos en línea:
• Las imágenes(<img>), los enlaces (<a>), los botones (<button>) y el texto resaltado
(<strong>)
Sea el siguiente ejemplo:
<html>
<head>
<title>Ejemplo de elementos en línea y elementos de bloque</title>
</head>
<body>
<p>Los párrafos son elementos de bloque.</p>
<a href="[Link] enlaces son elementos en línea</a>
<p>Dentro de un párrafo, <a href="[Link] enlaces</a>
siguen siendo elementos en línea.</p>
</body>
</html>
La siguiente imagen muestra cómo visualizan los navegadores el código HTML anterior (mediante
CSS se han añadido bordes que muestran el espacio ocupado por cada elemento):

FORMATO BÁSICO DE TEXTO. Título y Párrafo y Cabecera de la

página
Dentro de BODY, podemos aplicar un formato básico al texto con las siguientes etiquetas:
-<strong>.....</strong> <strong>Negrita></strong>
-<em>... </em>: El texto aparece en cursiva, énfasis <em>Cursiva</em>
-<i>... </i>: El texto aparece en cursiva <i>Cursiva</i>
-<u>...</u>: El texto aparece en subrayado <u>Subrayado</u>
Podemos combinar las etiquetas anteriores, pero cerrando siempre en el orden inverso a como se
han abierto:
<p> El texto siguiente es muy<u><em><strong> importante</strong></em></u></p>
Diseño gráfico de páginas web 6-
 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames
Etiquetas de Títulos (Encabezados)
-<h1> ...</h1>: Título de capítulo o página <h1>Capítulo</h1>
-<h2>...</h2>: Título de apartado <h2>Primer apartado</h2>
-<h3>...</h3>: Titulo de subapartado <h3> Primer subapartado</h3>
…. hasta h6
Etiqueta de Párrafo
- <P>...</P>: Delimita los párrafos de un texto <p>esto es un párrafo </p>
Etiqueta de división
<div> </div> Permite dividir la página en secciones. La división de un documento es muy útil, de
cara a aplicar estilos CSS a nuestra página web.

Listas
Las listas se especifican combinando dos etiquetas UL (para indicar inicio de lista) y LI (para
indicar cada elemento de la lista)
<div>
<ul> INDICA INICIO DE LA LISTA
<li><strong> Primer </strong>elemento </li>
<li><strong>Segundo</strong> elemento </li> ELEMENTOS DE LA LISTA
<li> <strong>Tercer </strong>elemento </li>
</ul> INDICA FIN DE LA LISTA
</div>

6.1 Introducción a los frames

Los frames (en algunos lugares se traducen como “marcos”) permiten dividir el área visible del navegador en
más de una zona, estas zonas tienen una serie de propiedades tales como: poder cargar su propio URI
independientemente del resto de frames; puede ser nombrada y, por tanto, apuntada; cambia de tamaño
dinámicamente en respuesta a cambios de tamaño del área visible del cliente y también se puede evitar que el
usuario cambie manualmente su tamaño.

De esta forma se puede mantener parte de la información de forma estática (un menú de navegación, por
ejemplo) y el resto en una vista con desplazamiento (scroll) que puede ser modificada desde la zona estática.

6.2 Cambios en la estructura del documento HTML

El empleo de frames implica que en cada vista que se divida la ventana del navegador aparecerá un documento
HTML distinto; dichos documentos serán exactamente iguales a los vistos hasta ahora, la única diferencia que se
produce entre preparar una página web corriente y otra con frames estriba en la necesidad de describir un
documento HTML extra que describa la disposición de los frames en la ventana.

Un documento de frames tiene una estructura muy similar a la de un documento HTML salvo que carece de
cuerpo, no se utiliza la etiqueta <BODY>, y tiene una zona donde se describen las divisiones (los frames),
utilizando la etiqueta <FRAMESET>:
Diseño gráfico de páginas web 6-
 Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

<HTML>
<HEAD>
<TITLE>...</TITLE>
</HEAD>

<FRAMESET>
...
</FRAMESET>
</HTML>

La etiqueta <FRAMESET> tiene los atributos ROWS y COLS para determinar si la división se hará de forma
horizontal o vertical. Ambos atributos toman como valor una lista de elementos separados por comas; cada
elemento indicará una altura o anchura de una de las siguientes formas:
 entero: Se toma como un número de pixels.
 1..100%: Un porcentaje de las dimensiones de la ventana que acoge el documento de frames.
 [entero]*: El uso de asteriscos permite crear frames de tamaño relativo; esto es, si se describen
varios frames indicando sus dimensiones y uno de tamaño relativo éste ocupará el espacio
restante, si se definen dos frames relativos se reparten a partes iguales dicho espacio, pero si se
definieran de la forma *,2* entonces el primero ocuparía 1/3 del espacio libre y el otro los 2/3
del espacio restante.
Dentro de la sección enmarcada por <FRAMESET>...</FRAMESET> se colocarán etiquetas <FRAME> para
describir cada división mediante los siguientes atributos (tantas como filas o columnas se hayan descrito
implícitamente mediante los atributos ROWS o COLS):
 SRC: toma como valor el URI del documento a visualizar en este frame en particular.
 NAME: se utiliza para nombrar el frame y poder apuntarlo desde enlaces en otros documentos
(típicamente en otros frames del mismo documento).
 MARGINWIDTH: el autor puede indicar un tamaño en pixels para el ancho del margen que
tiene un
frame.
 MARGINHEIGHT: análogo a MARGINWIDTH.
 SCROLLING: admite tres valores, YES, NO y AUTO para indicar si se obliga a que el
frame tenga barra de scroll, se impide que la tenga o si se deja a elección del navegador.
 NORESIZE: un atributo sin valor que indica que no se puede cambiar el tamaño del frame.

Diseño gráfico de páginas web 6-

Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

Un hecho que debe ser tenido en cuenta es la existencia de navegadores que no soportan
el uso de frames; para ello conviene utilizar las etiquetas
<NOFRAMES>...</NOFRAMES> encerrando entre ellas un texto que indique a tales
usuarios la imposibilidad de mostrarles el documento (o posibilitar una navegación
opcional). El funcionamiento de esta etiqueta es un tanto artificioso: los navegadores
que no soportan frames no conocen la etiqueta <NOFRAMES> con lo cual de un
documento de frames sólo podrían interpretar el texto delimitado en esa sección y lo
visualizarían; mientras, los navegadores que soportan frames reconocen la etiqueta y
saben que el texto delimitado no debe ser visualizado.

A continuación se muestra un ejemplo que ilustra lo visto hasta el momento7:

Ejemplo 6-1 (Ejemplo sencillo de frames)
<HTML>

<HEAD>

<TITLE>Documento de "frames"</TITLE>

</HEAD>

<FRAMESET COLS="50, 50%, *, 2*">

<FRAME SRC="[Link]">

Figura 6-1

Como se puede observar en la figura 6-1, la primera columna tiene una anchura de 50
pixels, la segunda ocupa la mitad de la ventana y las otras dos se reparten el resto del
espacio, la primera 1/3 del mismo y la segunda 2/3. El último frame es el único que
tiene barras de scroll, pero inactivas porque se especificado la obligatoriedad de las
mismas aún siendo innecesarias.

Diseño gráfico de páginas web 6-

Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

SITIO LOCAL O SITIO WEB

Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño
similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes de crear
las páginas que va a contener.

La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los
documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para
contener las imágenes, las animaciones, archivos de tipos específico, etc., se deben crear
nuevas carpetas dentro de ésta, con el objetivo de tener una mejor organización de los
archivos a la hora de trabajar. Esto es lo que se conoce como sitio local.

Después se podrán copiar los archivos en un servidor web, en el denominado sitio

remoto, lo que equivale a publicar el sitio, de modo que la gente podrá verlo en Internet.

Por tanto, el sitio local y el sitio remoto tienen la misma estructura. El sitio local es la
copia del sitio con la que trabajaremos, y los cambios los actualizaremos en el sitio
remoto.

La organización de los archivos en un sitio permite administrar y compartir archivos,

mantener los vínculos de forma automática, utilizar FTP para cargar el sitio local en el
servidor, etc.

Diseño gráfico de páginas web 6-

Módulo 1: HTML 4.0 Capítulo 6: Creación de frames

La página inicial de nuestro sitio debe de tener el nombre [Link] o [Link], ya

que cuando se intenta acceder a una URL genérica, el servidor devuelve la página con
ese nombre.

Diseño gráfico de páginas web 6-