teress escribió:Hola.
Voy por la lección sexta, y todo que hasta ahora la cosa ha ido bastante bien (era demasiado bonito para ser cierto :cry: ) pues nada, que tengo problemas con los enlaces. Os cuento.
Si pincho un enlace, da igual el que sea, va bien y se abre la pagina correspondiente, pero a la que pincho el segundo, ya no, aunque pinche alguno que antes haya funcionado. Me sale aquello de que no encuentra el servidor. He probado desde el index, desde plantilla y desde las otras paginas de los demas enlaces, tanto en el kit como desde internet. Me las he mirado todas, a ver que falla, pero soy incapaz de verlo. Necesito que me ayudeis. Gracias
Hola:
Lógicamente usted tiene faltas de enlaces de una pagina a otra, o puesto mal los enlaces desde una página a otra.
Imagino que si dice que va en la lección sexta, es porque ha hecho carpetas y ha puesto páginas dentro
Acá le dejo una explicación de como más o menos debiera de tener las páginas y las carpetas
Ya que la plantilla.html la hemos convertido en index.html. ¿Porqué? porque en toda pagina web es necesario tener una pagina que se llame index.html, así que si quiere tener el buzón de su correo con el E-mail, hay que ponerlo en ese nuevo index que ahora será su portada. (y el buzón lógicamente en la carpeta objetos otra vez)
Acá le dejaré los códigos de todas las páginas, los primeros son los de la hoja de estilo-general y los que siguen son los de la plantilla o portada, la que ahora se tiene que llamar index.html
..................................................................
estilo-general.css *{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:800px ;height: 12px ;overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {width:auto;background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ;background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif);}
#pie {border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ;font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
..........................................................................................
index.html el que era antes la plantilla <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Página Oficial de la banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>
PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<h1>Bienvenidos a la página oficial de la banda</h1>
Bienvenido a la página oficial de la banda. En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus próximos conciertos, pasándo por su completa discografía, descarga de cosas interesantes e incluso por nuestra tienda online, en la que puedes encargar tu camiseta del grupo.No olvides visitarnos en el foro y dejar tus comentarios.
Gracias por la visita, esperamos verte pronto!.</p>
[correo eliminado]</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
...............................................................................
Ahora esta es la pagina que está dentro de la carpeta historia
historia.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Historia</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<div id="menu"><h1>Historia</h1>
<ul>OrigenMiembrosFormacion ActualAlbum de fotos</div>
<h1>Pagina de Historia</h1>
En esta pagina hablaremos un poco de la historia de nuestra banda. Lo que hicimos ayer, lo que haremos hoy y lo que posiblemente haremos mañana, desde su historia hasta sus próximos conciertos. .No olvides visitarnos en el foro y dejar tus comentarios.</p>
Tambien haremos un recorrido por las distintas facetas, a las que nos ha llevado todo esto</p>
Gracias por la visita, esperamos verte pronto!.</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii </p>
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
..................................................................................................
Esta es la pagina que está dentro de la carpeta discografia
discografia.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>discografia</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all"></head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<div id="menu"><h1>Discografia</h1>
<ul>MaquetasCD1CD2CD3</div>
<h1>Pagina Discografia</h1>
Acá estarán todos los discos , canciones y más cosas con sus respectivas anecdotas.</p>
El primer disco que sacamos a la venta fue en el año y bla bla bla y otra vez más bla bla.</p>
El segundo disco fue un poco más tardío porque a uno de nosotros se le ocurrió irse de vacaciones un mes y bli bli bli.</p>
Gracias por la visita, esperamos verte pronto!.</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
...............................................................................................
Esta es la pagina que está dentro de la carpeta conciertos
conciertos.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Conciertos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all"></head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<div id="menu"><h1>Conciertos</h1>
<ul>Conciertos A.Próximos conciertos</div>
<h1>Pagina de Conciertos</h1>
Aca hablaremos de los conciertos que haremos por la region de acá y la del más allá y bla bla bla bla bla y otra vez bla. </p>
Si está interesada en compartir y saber donde estaremos , es acá donde puede estar informada de todo .No olvides visitarnos en el foro y dejar tus comentarios.</p>
Gracias por la visita, esperamos verte pronto!.</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
...............................................................................................
Esta es la pagina que está dentro de la carpeta descargas
descargas.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Descargas</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all"></head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<div id="menu"><h1>Descargas</h1>
<ul>Canciones Mp3LetrasPosterImagenesVideo</div>
<h1>Pagina de Descargas</h1>
Esta es la pagina donde podrá descargar musica videos imagenes, letras de canciones etc. Tambien puede descargar su rabia cuando las cosas no salen bien por más empeño que uno le haga.</p>
En realidad hay montones de cosas que queremos compartir con todos.No olvides visitarnos en el foro y dejar tus comentarios.
Gracias por la visita, esperamos verte pronto!.</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
..................................................................................................
Esta es la pagina que está dentro de la carpeta foro
foro.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Foro</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all"></head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<h1>Pagina del Foro</h1>
Esta es la pagina del foro en que se podra mantener informacion de todo lo que acontezca en bla bla bla y bla bla bla y mas bla bla. Puede registrarse y acompañarnos en el viaje al mundo de la musica y bli bli bli.</p>
Gracias por la visita, esperamos verte pronto!.</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
.................................................................................................
Esta es la pagina que está dentro de la carpeta souvenirs
souvenirs.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Souvenirs</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all"></head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>PortadaHistoriaDiscografíaConciertosDescargasForoSouvenirs</div>
<div id="contenido">
<div id="menu"><h1>Souvenirs</h1>
<ul>Como comprarCamisetasCd´s</div>
<h1>Pagina de Souvenirs</h1>
Acá lo que mostraremos es una gran variedad de complementos como recuerdo de su paso . Puede comprar desde un alfiler de gancho, pasándo por un coche , hasta llegar a una mansión, con tal de que se lleve un buen recuerdo.No olvides visitarnos en el foro y dejar tus comentarios.</p>
Gracias por la visita, esperamos verte pronto!.</p>
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
</div>
<div id="pie">
<div id="pieuno"><ul>Foro EjemploContactos<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>DirectorioTopSite<a href="#">Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
...............................................................................................
En la carpeta objetos, (la carpeta llamémosle objetos general), allí tiene que tener o poner la imagen curva-superior y la curva inferior (las que van arriba y abajo en su página.
también tiene que tener en esa carpeta las curvas que creo se llaman menu-parte-superior y menu-parte-inferior (que son las de la capa menu).
También en esa carpeta objetos debe tener el logotipo.
También debe tenr el buzón
Para poner su email con el buzon basta con que escriba los códigos, y que ponga el buzón en la carpeta objetos tal como se lo he dejado.
Si usted quiere poner su E-mail en las otras páginas, por ejemplo en la pagina que se llama historia.html, puede hacerlo de la misma manera que como lo puse yo en su pagina index o portada, solo que habría que anteponerle los dos puntos más la barra inclinada antes de la palabra objetos. Por ejemplo:
[correo eliminado]</p>
....................
Claro que sería bueno que nos hubiese dicho que cosa tiene dentro de que cosa, pero los códigos que le dejo son como debiera de tenerlos para que estén todas las páginas enlazadas unas con otras.
Ya nos dirá
Saludos