AYUDENME NO SE QUE HACER

Tengo problemas con el hosting gratuito que el curso paso a paso da como demostracion para alojar la pagina.
Pues hoy mis enlaces a otras paginas de mi web no funcuionan y no se que hacer, intento e intento arreglarlo y no puedo pues en el ejemplo de la pagina de concierto desde el index puedo conectarme pero la que esta en mi pc, pero la que subo al servidor ya no se conecta con la de conciertos ni descargas ni ninguna de las paguinas de navegacion de mi pagina. No se que hacer ayudenme por fa.

luis gomez escribió:Tengo problemas con el hosting gratuito que el curso paso a paso da como demostracion para alojar la pagina.
Pues hoy mis enlaces a otras paginas de mi web no funcuionan y no se que hacer, intento e intento arreglarlo y no puedo pues en el ejemplo de la pagina de concierto desde el index puedo conectarme pero la que esta en mi pc, pero la que subo al servidor ya no se conecta con la de conciertos ni descargas ni ninguna de las paguinas de navegacion de mi pagina. No se que hacer ayudenme por fa.

Hola:

Usted sus páginas debiera de tenerals así:
Lógicamente sabiendo que ya no existe el index de la primera parte del curso y habiéndo convertido la plantilla (o portada) en index.html
Tampoco ya debe de tener la hoja de estilo que le correspondía a ese index antiguo
Por tanto, suponiéndo que dentro de la carpeta "web-ejemplo-cctw" ya solo tiene la pagina plantilla o portada que ahora se llama index.html y la hoja de estilo-general.css más una carpeta objetos, y luego las otras carpetas en donde van dentro las páginas correspondientes, y que también llevan dentro una carpeta objetos.

Como le digo así debiera de tener sus páginas

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


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.

Luego las otras páginas van dentro de su carpeta correspondiente
..................................................................
Carpeta "web-ejemplo-cctw"

Hoja de estilo 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 {}
..........................................................................................
Carpeta "web-ejemplo-cctw"

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</div>


<div id="contenido">

<div id="menu"><h1>Historia</h1>
<ul>

Origen

Miembros

Formacion Actual

Album 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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

Carpeta discografia

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</div>


<div id="contenido">

<div id="menu"><h1>Discografia</h1>
<ul>

Maquetas

CD1

CD2

CD3</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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

Carpeta conciertos

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

Carpeta descargas

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</div>


<div id="contenido">

<div id="menu"><h1>Descargas</h1>
<ul>

Canciones Mp3

Letras

Poster

Imagenes

Video</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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

Carpeta foro

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<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

Carpeta souvenirs

Página 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>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</div>


<div id="contenido">

<div id="menu"><h1>Souvenirs</h1>
<ul>

Como comprar

Camisetas

Cd´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 Ejemplo

Contactos

<a href="#">Nos Enlazan</div>
<div id="piedos">pie dos</div>

<div id="pietres"><ul>

Directorio

TopSite

<a href="#">Mapa de la Web</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>
...............................................................................................



En la carpeta objetos, (la carpeta que tiene que estar dentro de la carpeta "web-ejemplo-cctw"), 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 tener el buzón

También debe tener la imagen de fondo que aparecerá en todas sus páginas
Recuerde que los códigos de la imagen de fondo se ponen en la hoja de estilo-general.css allí donde dice body


Para poner su email con el buzon basta con que tenga el buzón en la carpeta objretos y escriba los códigos, en la pagina portada o plantilla

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>

Saludos

Gracias amigo.
Dios te bendiga grandemente pues me has ayudado mucho si puedes visitar mi pagina y darme una critica constructiva te lo agradeseria mucho. la pagina es verdaderoscristianos.mywebcommunity.org, saludos cordiales.
Atte.
Luis Gomez

luis gomez escribió:Gracias amigo.
Dios te bendiga grandemente pues me has ayudado mucho si puedes visitar mi pagina y darme una critica constructiva te lo agradeseria mucho. la pagina es verdaderoscristianos.mywebcommunity.org, saludos cordiales.
Atte.
Luis Gomez

Hola:

Se le agradece su comentario, solo que no soy dado a hacer críticas sobre el trabajo de los demás, ya que personalmente sea lo que haga quien esté haciéndo su web me parece bien, ya que lo que realmente valoro es el esfuerzo de la persona en si.

Digamos que para mi, no prima el resultado (o los resultados), sino el esfuerzo de querer aprender.

Soy más dado a "regodearme" en el camino, más que en la "meta".

Pero lógicamente no significa que no aceptaré su invitación de visitar su web.

Saludos