Autor Tema: Enlazar elementos  (Leído 2518 veces)

Desconectado Rododendro

  • Junior Member
  • **
  • Mensajes: 95
Enlazar elementos
« en: 15 de Septiembre de 2007, 01:23:52 pm »
  He leído con detenimiento el, a mi juicio, muy útil tutorial de Gepetto sobre diseño web. Sin embargo, a la hora de ponerlo en práctica me han surgido tdos puntos conflictivos.

   El primero es que no he podido determinar cómo se enlazan los diferentes elementos situados en las carpetas. Hasta ahora siempre había recurrido en mis pruebas en local a meter todas las piezas de una página en una carpeta única, y todo funcionaba. En cambio, al crear varias carpetas, no consigo que aparezcan llas imágenes ni que se aplique a los documentos los estilos CSS para ellos establecidos en archivo aparte. ¿Cómo debe llamarse a un elemento ubicado en otra carpeta? Más aún: si la página es bilingüe ¿la versión traducida va en otra carpeta?

   En segundo lugar, el script para corregir la disfunción de Internet Explorer no me ha funcionado. Sólo encerrando el conjunto implicado entre las etiquetas <center> y </center> he conseguido que en IE el contenido aparezca debidamente centrado.

  El primer asunto tiene relación con mi falta de experiencia en el tema, pero el segundo se me hace más extraño, pues he aplicado el script tal y como se indica en el tutorial.

  Gracias por adelantado y un saludo.

   

Desconectado Piero

  • Member
  • ***
  • Mensajes: 183
Re: Enlazar elementos
« Respuesta #1 en: 17 de Septiembre de 2007, 10:02:27 pm »
Hola Rhododendro


Las etiquetas <a> </a> indican un enlace.
Dentro de las etiquetas del enlace es imprescindible indicar por lo menos dos cosas: el atributo href que indica el destino del enlace, y el texto del enlace
Así, la  sintaxis general de un enlace viene a ser la siguiente:

Código: [Seleccionar]
<a href=”url”>texto</a>
Expresando lo mimo con otras palabras también podemos decir

Código: [Seleccionar]
<a href= “ruta del enlace”>texto que hace de enlace, también llamado anchor text</a>
La ruta de un enlace puede ser absoluta o relativa.
La ruta absoluta funciona siempre mientras que las rutas relativas sólo valen para los enlaces internos.

Así que es imprescindible utilizar la ruta absoluta si enlazas a páginas externas a la tuya. Por ejemplo, para enlazar la portada de daboweb con el anchor text "seguridad informática", el código será el siguiente:

Código: [Seleccionar]
<a href= http://www.daboweb.com/>seguridad informática</a>
Este mismo sistema vale también para los enlaces internos (los que apuntan a una página tuya) sin embargo ya no es necesario indicar el nombre del dominio ya que, si este no se indica, los navegadores entienden que el enlace hace referencia a un archivo interno.

Vamos a suponer que en el directorio raíz de tu web existe un archivo que se llama todo-sobre-mi.html
Para enlazarlo con el anchor text "aquí os hablo de mí" podrás utilizar el siguiente código:

Código: [Seleccionar]
<a href=/todo-sobre-mi.html>aquí os hablo de mí</a>
Para ampliar el ejemplo vamos a suponer que en tu web has creado una carpeta que se llama “mi-perro” y dentro de ella existe un archivo que se llama  la-novia-de-mi-perro.html
Para enlazar a esa página con el anchor text "aquí os hablo de una magnífica perrita":

Código: [Seleccionar]
<a href=/mi-perro/la-novia-de-mi-perro.html>aquí os hablo de una magnífica perrita </a>
Observa que la url no empieza por http://www sino que empieza simplemente con una barra y observa, también, que es necesario indicar la carpeta donde se encuentra el archivo. Recuerda, también, que las barras tienen que ser siempre las que utiliza unix ( / ) y no las que utiliza windows ( \ ).

Las rutas relativas, ya lo he dicho, sólo valen para los enlaces internos y empiezan por ../

Sin embargo me parece mejor no explicarte el funcionamiento de las rutas relativas porque podría liarte. Si escribes "enlaces html" en el buscador seguro que encontrarás cantidad de páginas donde se explica todo mejor y más amplio.

Cuanto a lo que comentas respecto al script específico para IE del tutorial de Geppeto es fácil suponer que no lo hayas enlazado correctamente, pero, jejje ya sabes lo torpes que son las máquinas para entender los códigos, a veces el simple olvido de unas comillas o unos corchetes…

Saludos. Piero
Olympus  E 510  -  gran angular: 9-18mm -  zoom medio: 14-54  -  macro: 50  -  tele: 45-150

Desconectado Rododendro

  • Junior Member
  • **
  • Mensajes: 95
Re: Enlazar elementos
« Respuesta #2 en: 18 de Septiembre de 2007, 01:00:43 pm »
Muchas gracias, Piero, el problema que tengo es que si pongo el archivo externo CSS en una carpeta, las imágenes en otra, y los documentos html en otra (las tres dentro de una carpeta general);y no consigo que en las páginas html se aplique el CSS ni que se vean las imágenes. Supongo que debo aplicar enlaces internos, y eso es lo que he tratado de hacer, pero algo estoy haciendo mal y por ahora no entiendo qué puede ser. Volveré a probar de acuerdo a tus amables instrucciones y ya postearé el resultado.

   En cuanto al script de marras, me tiene desconcertado...

   Gracias de nuevo y un saludo.

Desconectado Aj

  • Administrator
  • ******
  • Mensajes: 3624
  • Avatar by Jaleo
    • Mis chorradicas
Re: Enlazar elementos
« Respuesta #3 en: 18 de Septiembre de 2007, 05:03:56 pm »
Veamos a ver...

Si tenemos las imagenes en /img, los css en /css y los html en /html, por ejemplo, para cargar los css seria algo asi

Desdel el archivo /html/index.html

Código: [Seleccionar]
<link href="../css/css.css" rel="stylesheet" type="text/css" />
o bien

Código: [Seleccionar]
<link href="/css/css.css" rel="stylesheet" type="text/css" />
Para las imagenes igual

Código: [Seleccionar]
<img src="../img/imagen.gif" border="0" alt="descripcion"/>
o

Código: [Seleccionar]
<img src="/img/imagen.gif" border="0" alt="descripcion"/>
Una recomendación que te puedo hacer, es que no dependas de los programas que te diseñan la pagina tipo Wysiwyg (dreamweaver, etc...), aprende a diseñarla a mano, metiendo el HTML a pata (si ya se, es tedioso...) te ayudará más...   :destroyer: :cool: :cool:

Desconectado Rododendro

  • Junior Member
  • **
  • Mensajes: 95
Re: Enlazar elementos
« Respuesta #4 en: 18 de Septiembre de 2007, 06:08:11 pm »
De acuerdo, Aj, he tomado nota de los ejemplos que me facilitas en tu post. En cuanto al diseño, la verdad es que lo hago a mano, sin programa de ninguna clase. Como recién llegado a este campo tuve mis dudas acerca de usar o no algún software específico para esa finalidad, habida cuenta de que en principio esa opción sería más cómoda; pero luego pensé que quizás el código hecho manualmente resultaría más breve y limpio que el generado por un programa. Además, probé un poco alguna de esas aplicaciones y me dió la impresión de que no todo cuadraba tan perfectamente como cabía esperar.

  Un saludo y gracias por la información.   

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License