mi codigo html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PAGINA PRINCIPAL</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<!--Qué es una Capa o un DIV?
No es más que un elemento rectangular dentro del caul podemos incluir lo que queramos, palabras,
párrafos, enlaces, imagenes, varias de estas cosas a la vez o incluso otras capas o también tablas.Ahora crearía cabeceras
en la hoja stilos para aplicarselos a los div o capas con id="global por ejemplo-->
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
Inicio
<a id="desplegable2"href="#">Contactar
<a id="desplegable3"href="#">Sugerencias
<a href="#">Sección 4
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul> Enlace 1 Enlace 2 Enlace 3
</div>
<h1>DUDAS</h1>
hola, esta es la pag. que he conseguido hacer gracias a vuestra ayuda,
y espero ir mejorandola poco a poco. Por cierto me gustaría que la pagina
en un futuro pudiera acceder a una base de datos access o mysql o la que sea y quisiera
vuestra opinion de cual sería la más adecuada y el lenguaje que debería aprender!!!!!!!!</p>
<h2>Agredecimientos</h2>
Gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos
Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite
Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Mi estilo.css
/*para que se vea bien en todos los navegadores el margen etc..*/
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
/*text-align se le pueden dar los valores left (pegado a la izquierda),
right (pegado a la derecha), center (centrado), y justify (justificado).*/
/* loquesea negrita, loquesea cursiva*/
p {text-align:justify;font-family: sans-serif}
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;height:100%}
#global {width:800px ; margin:4px auto; }
/*background imagen de fondo; En el caso de que no pongamos ni width (anchura) ni height (altura),
si el archivo de la página fallara, el resto de los elementos como párrafos etc, ocuparían el lugar
de esa imagen. Sería como si no existiera. En cambio, si definimos anchura y altura, si ocurre un
fallo con la imagen y esta no se muestra, el navegador dejará un rectángulo con esas medidas en blanco,
respetando la estructura de la web*/
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
/*color de fondo en cabecera*/
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {color:black;width:518px ; float:right ; margin-top:25px ; font-size: 20px }
#navegacion {background-color: pink ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left;text-align:left ; margin: 5px 10px 5px 5px;
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;background-image: url(objetos/menu-curva-superior.gif);padding-top:12px}
#pie { background-color: white ;
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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
/*La "a" indica los enlaces
- link: Es el estado normal que tiene un enlace cuando no está en ninguno de los otros tres estados.
- Visited: Imagino que te habrás fijado que en algunas webs se colorean de otro color los enlaces que
ya has visitado antes, verdad? Pues "visited" es el estado del enlace cuando éste ya ha sido visitado
por el usuario anteriormente.
- Hover: Es el estado del enlace cuando el cursor del ratón está justo encima de él, pero sin apretar
el botón aún. También lo has debido ver, pasas el ratón sobre un menú y se van coloreando o poniendo
en negrita los enlaces que señalas.
- Active: Y este es el estado de un enlace o vínculo cuando está siendo presionado por el ratón y
mientras no se suelta el dedo.*/
a {color: blue ; text-decoration:none ;}/* display: block }*/
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline} /*background-color: silver*/
a:active {}
a.enlaceuno
#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}
#logotipo a {color: yellow; text-decoration:none ; display: block }
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
mi dominio es http://txesko.iespana.es/
Gracias
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PAGINA PRINCIPAL</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<!--Qué es una Capa o un DIV?
No es más que un elemento rectangular dentro del caul podemos incluir lo que queramos, palabras,
párrafos, enlaces, imagenes, varias de estas cosas a la vez o incluso otras capas o también tablas.Ahora crearía cabeceras
en la hoja stilos para aplicarselos a los div o capas con id="global por ejemplo-->
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
</div>
<h1>DUDAS</h1>
hola, esta es la pag. que he conseguido hacer gracias a vuestra ayuda,
y espero ir mejorandola poco a poco. Por cierto me gustaría que la pagina
en un futuro pudiera acceder a una base de datos access o mysql o la que sea y quisiera
vuestra opinion de cual sería la más adecuada y el lenguaje que debería aprender!!!!!!!!</p>
<h2>Agredecimientos</h2>
Gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Mi estilo.css
/*para que se vea bien en todos los navegadores el margen etc..*/
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
/*text-align se le pueden dar los valores left (pegado a la izquierda),
right (pegado a la derecha), center (centrado), y justify (justificado).*/
/* loquesea negrita, loquesea cursiva*/
p {text-align:justify;font-family: sans-serif}
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;height:100%}
#global {width:800px ; margin:4px auto; }
/*background imagen de fondo; En el caso de que no pongamos ni width (anchura) ni height (altura),
si el archivo de la página fallara, el resto de los elementos como párrafos etc, ocuparían el lugar
de esa imagen. Sería como si no existiera. En cambio, si definimos anchura y altura, si ocurre un
fallo con la imagen y esta no se muestra, el navegador dejará un rectángulo con esas medidas en blanco,
respetando la estructura de la web*/
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
/*color de fondo en cabecera*/
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {color:black;width:518px ; float:right ; margin-top:25px ; font-size: 20px }
#navegacion {background-color: pink ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left;text-align:left ; margin: 5px 10px 5px 5px;
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;background-image: url(objetos/menu-curva-superior.gif);padding-top:12px}
#pie { background-color: white ;
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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
/*La "a" indica los enlaces
- link: Es el estado normal que tiene un enlace cuando no está en ninguno de los otros tres estados.
- Visited: Imagino que te habrás fijado que en algunas webs se colorean de otro color los enlaces que
ya has visitado antes, verdad? Pues "visited" es el estado del enlace cuando éste ya ha sido visitado
por el usuario anteriormente.
- Hover: Es el estado del enlace cuando el cursor del ratón está justo encima de él, pero sin apretar
el botón aún. También lo has debido ver, pasas el ratón sobre un menú y se van coloreando o poniendo
en negrita los enlaces que señalas.
- Active: Y este es el estado de un enlace o vínculo cuando está siendo presionado por el ratón y
mientras no se suelta el dedo.*/
a {color: blue ; text-decoration:none ;}/* display: block }*/
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline} /*background-color: silver*/
a:active {}
a.enlaceuno
#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}
#logotipo a {color: yellow; text-decoration:none ; display: block }
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
mi dominio es http://txesko.iespana.es/
Gracias