Hola, os comento que es lo que llevo entre manos.
Estoy haciendo una pagina web, para practicar, donde mi idea es hacer una pagina principal (plantilla.html) con un menú lateral. No he incluido ni siquiera un menú de navegación. en el menú lateral que que haya una lista con ciertos artículos, y al pinchar sobre cada articulo, me llevará a la pagina donde expongo mas detalladamente el articulo.
Como veis, nada complicado, hay que empezar poco a poco.
Pues bien, lo que he hecho hasta el momento, por intuición, es lo siguiente: La plantilla la tengo terminada, pero ahora necesito crear la otra pagina donde se diriga el navegador al pinxar en el primer articulo del menú. Pues bien, esta nueva pagina la he llamado "enlaceuno.html", y en el principio de esta nueva hoja, le he indicado que debe leer la hoja de estilos general, es decir, la misma que leia la plantilla.html. No se si esto es correcto, pero es lo que he hecho.
Pues bien, ahora quiero que cuando en la plantilla, se pinche en Enlace 1 del menú vaya a la otra pagina que he creado. He hecho lo que creia que tenia que hacer, pero no ha funcionado. Agradeceria cualquier ayuda. Muchas gracias por adelantado. Os copio aquí abajo la plantilla.html, el enlaceuno.html, y estilo-general.css
por aquí va la plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global"> <!-- la capa global engloba todo el contenido.
lo he hecho para en la hoja estilo-general.css
colocar el ancho de toda la pagina web -->
<div id="cabezera">
<div id="logotipo"></div>
[contenido no disponible]
</div>
<div id="contenido">
<div id="menu">
<ul>
<h3>Curiosidades</h3>
Enlace 1
Enlace 2
Enlace 3
Enlace 4
Enlace 5
Enlace 6
Enlace 7
Enlace 8
Enlace 9
</div>
<h1>Bienvenidos a mi pagina web.</h1>
Esta pagina ha sido creada por Vicent Rico con el fin de hacer
practicas con la edición de páginas webs. Asimismo, la pagina puede
ser interesante, puesto que contiene listas de curiosidades, nada
aburridas. A que esperas. Adentrate en el mundo de la ciencia
(o no). En el menu de la izquierda tienes el listado de articulos
que puedes encontrar en esta pagina. No hay muchos, pues como os
he dicho, esto simplemente es una forma de aprender a crear una
pagina web. Aun asi, esta pensada para que la disfrutes.</p>
Cualquier sugerencia para la pagina web, agradeceria que me la
comunicarais, pues aunque mi intencion no es tener una pagina web
en condiciones, me servirá para intentar hacer aquella sugerencia
que propongais, y por lo tanto aprender.</p>
</div>
<div id="pie">Este es mi pie</div>
</div>
</body>
</html>
_________________________________
Aquí va la hoja enlaceuno.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabezera">
<div id="logotipo"></div>
[contenido no disponible]
</div>
<div id="contenido">
<div id="menu">
<ul>
<h3>Curiosidades</h3>
Enlace 1
Enlace 2
Enlace 3
Enlace 4
Enlace 5
Enlace 6
Enlace 7
Enlace 8
Enlace 9
</div>
<h2>Los cinco experimentos científicos con más probabilidades
de destruir el mundo</h2>
Después de la polémica que ha desatado la puesta en marcha de LHC,
han hecho un artículo con los 5 experimentos más peligrosos para la integridad
de la Tierra:</p>
[contenido no disponible]
<ul>
1. Nanotecnologia
2. Viajes en el tiempo
3. Materia extraña
4. El efecto Quantum Zeno
5. Recrear al Big Bang
Algunos de estos puntos de momento son ciencia ficción,
aunque con el LHC podría avanzarse seguramente en algunos casos,
eso sí, si no se traga a la Tierra un agujero negro creado
por el hombre…</p>
</div>
<div id="pie">Este es mi pie</div>
</body>
</html>
______________________________
Y por ultimo, la hoja de estilos general:
*{margin:0px ; padding:0px ; border:0px}
body {text-align:center}
#global {width:800px ; margin:4px auto}
#cabezera {background-color:#ADD8E6 ; height:65px}
#logotipo {float:left ; width:280px}
#contenido {background-color:orange ; height: 400px}
#contenido p {padding: 2px 8px 2px 8px ; text-indent:20px}
#contenido li {list-style:none}
#menu {background-color:red ; width:150px ; height:400px ; float:left ;
text-align:left}
#menu li {list-style:none ; padding: 2px 2px 2px 4px}
#pie {background-color:yellow ; height: 30px}
a {color:blue ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color:silver}
a:active {color:black}
p {text-align:justify}
______________
Si encontrais cualquier otro fallo, o sugerencia, por favor, comunicadmelo. Estoy aprendiendo, y cualquier cosa ayuda. Llevo tres dias en el mundo webmaster, y cuando digo tres dias, son tres dias justos. Todo gracias a comocreartuweb.com. Gracias de nuevo.
Saludos
Estoy haciendo una pagina web, para practicar, donde mi idea es hacer una pagina principal (plantilla.html) con un menú lateral. No he incluido ni siquiera un menú de navegación. en el menú lateral que que haya una lista con ciertos artículos, y al pinchar sobre cada articulo, me llevará a la pagina donde expongo mas detalladamente el articulo.
Como veis, nada complicado, hay que empezar poco a poco.
Pues bien, lo que he hecho hasta el momento, por intuición, es lo siguiente: La plantilla la tengo terminada, pero ahora necesito crear la otra pagina donde se diriga el navegador al pinxar en el primer articulo del menú. Pues bien, esta nueva pagina la he llamado "enlaceuno.html", y en el principio de esta nueva hoja, le he indicado que debe leer la hoja de estilos general, es decir, la misma que leia la plantilla.html. No se si esto es correcto, pero es lo que he hecho.
Pues bien, ahora quiero que cuando en la plantilla, se pinche en Enlace 1 del menú vaya a la otra pagina que he creado. He hecho lo que creia que tenia que hacer, pero no ha funcionado. Agradeceria cualquier ayuda. Muchas gracias por adelantado. Os copio aquí abajo la plantilla.html, el enlaceuno.html, y estilo-general.css
por aquí va la plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global"> <!-- la capa global engloba todo el contenido.
lo he hecho para en la hoja estilo-general.css
colocar el ancho de toda la pagina web -->
<div id="cabezera">
<div id="logotipo"></div>
[contenido no disponible]
</div>
<div id="contenido">
<div id="menu">
<ul>
<h3>Curiosidades</h3>
</div>
<h1>Bienvenidos a mi pagina web.</h1>
Esta pagina ha sido creada por Vicent Rico con el fin de hacer
practicas con la edición de páginas webs. Asimismo, la pagina puede
ser interesante, puesto que contiene listas de curiosidades, nada
aburridas. A que esperas. Adentrate en el mundo de la ciencia
(o no). En el menu de la izquierda tienes el listado de articulos
que puedes encontrar en esta pagina. No hay muchos, pues como os
he dicho, esto simplemente es una forma de aprender a crear una
pagina web. Aun asi, esta pensada para que la disfrutes.</p>
Cualquier sugerencia para la pagina web, agradeceria que me la
comunicarais, pues aunque mi intencion no es tener una pagina web
en condiciones, me servirá para intentar hacer aquella sugerencia
que propongais, y por lo tanto aprender.</p>
</div>
<div id="pie">Este es mi pie</div>
</div>
</body>
</html>
_________________________________
Aquí va la hoja enlaceuno.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabezera">
<div id="logotipo"></div>
[contenido no disponible]
</div>
<div id="contenido">
<div id="menu">
<ul>
<h3>Curiosidades</h3>
</div>
<h2>Los cinco experimentos científicos con más probabilidades
de destruir el mundo</h2>
Después de la polémica que ha desatado la puesta en marcha de LHC,
han hecho un artículo con los 5 experimentos más peligrosos para la integridad
de la Tierra:</p>
[contenido no disponible]
<ul>
Algunos de estos puntos de momento son ciencia ficción,
aunque con el LHC podría avanzarse seguramente en algunos casos,
eso sí, si no se traga a la Tierra un agujero negro creado
por el hombre…</p>
</div>
<div id="pie">Este es mi pie</div>
</body>
</html>
______________________________
Y por ultimo, la hoja de estilos general:
*{margin:0px ; padding:0px ; border:0px}
body {text-align:center}
#global {width:800px ; margin:4px auto}
#cabezera {background-color:#ADD8E6 ; height:65px}
#logotipo {float:left ; width:280px}
#contenido {background-color:orange ; height: 400px}
#contenido p {padding: 2px 8px 2px 8px ; text-indent:20px}
#contenido li {list-style:none}
#menu {background-color:red ; width:150px ; height:400px ; float:left ;
text-align:left}
#menu li {list-style:none ; padding: 2px 2px 2px 4px}
#pie {background-color:yellow ; height: 30px}
a {color:blue ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color:silver}
a:active {color:black}
p {text-align:justify}
______________
Si encontrais cualquier otro fallo, o sugerencia, por favor, comunicadmelo. Estoy aprendiendo, y cualquier cosa ayuda. Llevo tres dias en el mundo webmaster, y cuando digo tres dias, son tres dias justos. Todo gracias a comocreartuweb.com. Gracias de nuevo.
Saludos